mirror of
https://github.com/StarCitizenTools/mediawiki-skins-Citizen.git
synced 2024-12-19 09:41:26 +00:00
34c300d69c
Hide the overflow so the thumbnail will be at the center of avaliable space instead of the whole page. Also have to remove hover shadow as overflow clip it.
43 lines
751 B
Plaintext
43 lines
751 B
Plaintext
figure,
|
|
.thumb {
|
|
margin: @content-margin-top 0;
|
|
|
|
.thumbinner {
|
|
overflow: hidden; // needed for center to work
|
|
max-width: 100%;
|
|
margin: 0 auto;
|
|
|
|
a {
|
|
&.image {
|
|
overflow: hidden;
|
|
max-width: inherit;
|
|
margin-right: 2px; // Counter the 2px space added by core
|
|
border-radius: var( --border-radius--small );
|
|
}
|
|
|
|
&:hover:not( .lazy ):not( .new ) {
|
|
img {
|
|
transform: scale( 1.1 );
|
|
}
|
|
}
|
|
|
|
&:before {
|
|
content: none;
|
|
}
|
|
|
|
&.new {
|
|
display: block;
|
|
padding: @margin-side / 2;
|
|
background-color: var( --color-surface-3 );
|
|
transition: @transition-background, @transition-color;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
figcaption,
|
|
.thumbcaption {
|
|
margin: @content-margin-top / 2 0;
|
|
color: var( --color-base--subtle );
|
|
}
|