2022-11-18 20:09:08 +00:00
|
|
|
/*
|
|
|
|
* Citizen
|
|
|
|
*
|
|
|
|
* Module: mediawiki.skinning.content.thumbnails-screen
|
|
|
|
* Version: REL1_39
|
|
|
|
*
|
|
|
|
* Date: 2022-11-18
|
|
|
|
*/
|
|
|
|
|
|
|
|
.thumbinner {
|
|
|
|
> a {
|
|
|
|
display: block;
|
|
|
|
border-radius: var( --border-radius--small );
|
|
|
|
|
|
|
|
&.image {
|
|
|
|
max-width: inherit;
|
|
|
|
margin-right: 1px;
|
|
|
|
// Counter the weird hardcoded 2px width added by core
|
|
|
|
margin-left: 1px;
|
2023-02-22 20:12:06 +00:00
|
|
|
|
|
|
|
> img {
|
|
|
|
max-width: inherit;
|
2023-03-27 17:48:29 +00:00
|
|
|
height: auto;
|
2023-02-22 20:12:06 +00:00
|
|
|
}
|
2022-11-18 20:09:08 +00:00
|
|
|
}
|
|
|
|
|
2023-02-28 21:59:36 +00:00
|
|
|
&::before {
|
2022-11-18 20:09:08 +00:00
|
|
|
content: none;
|
|
|
|
}
|
|
|
|
|
2022-11-18 21:22:27 +00:00
|
|
|
// Broken file styles
|
2022-11-18 20:09:08 +00:00
|
|
|
&.new {
|
|
|
|
padding: var( --space-sm );
|
2022-11-18 21:25:31 +00:00
|
|
|
border: 1px dashed var( --border-color-base--darker );
|
2023-07-07 21:02:27 +00:00
|
|
|
transition: var( --transition-hover );
|
|
|
|
transition-property: background, color;
|
2022-11-18 20:09:08 +00:00
|
|
|
|
|
|
|
&:hover {
|
|
|
|
background-color: var( --color-destructive--hover );
|
|
|
|
color: #fff;
|
|
|
|
}
|
|
|
|
|
|
|
|
&:active {
|
|
|
|
background-color: var( --color-destructive--active );
|
|
|
|
color: #fff;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|