mirror of
https://github.com/StarCitizenTools/mediawiki-skins-Citizen.git
synced 2024-11-15 02:24:04 +00:00
CSS rules tweaks
This commit is contained in:
parent
5607a5541e
commit
186d002886
|
@ -519,6 +519,77 @@ a {
|
||||||
img {
|
img {
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
div.tleft,
|
||||||
|
div.floatleft,
|
||||||
|
table.floatleft,
|
||||||
|
div.tright,
|
||||||
|
div.floatright,
|
||||||
|
table.floatright {
|
||||||
|
z-index: 2;
|
||||||
|
position: relative;
|
||||||
|
margin: 0.6rem 1.4rem;
|
||||||
|
transition: @transition-margin;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.tleft,
|
||||||
|
div.floatleft,
|
||||||
|
table.floatleft {
|
||||||
|
margin-left: @negative-margin;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.tright,
|
||||||
|
div.floatright,
|
||||||
|
table.floatright {
|
||||||
|
margin-right: @negative-margin;
|
||||||
|
}
|
||||||
|
|
||||||
|
figcaption,
|
||||||
|
.thumbcaption {
|
||||||
|
margin: @content-margin-top / 2 0 0;
|
||||||
|
color: @base-30;
|
||||||
|
font-size: @content-caption-size;
|
||||||
|
}
|
||||||
|
|
||||||
|
.thumb {
|
||||||
|
>.thumbinner {
|
||||||
|
>a {
|
||||||
|
transition: @transition-box-shadow-quick !important;
|
||||||
|
|
||||||
|
&:hover:not(.lazy) {
|
||||||
|
background: 0 !important;
|
||||||
|
.boxshadow(2);
|
||||||
|
}
|
||||||
|
|
||||||
|
&:before {
|
||||||
|
content: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.new {
|
||||||
|
padding: @margin-side / 2;
|
||||||
|
background-color: @base-80;
|
||||||
|
font-size: @content-caption-size;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
a.image {
|
||||||
|
display: block;
|
||||||
|
overflow: hidden;
|
||||||
|
width: fit-content; // Get rid of extra pixels from thumbinner
|
||||||
|
|
||||||
|
img {
|
||||||
|
filter: none;
|
||||||
|
transition: @transition-filter;
|
||||||
|
|
||||||
|
&.lazy {
|
||||||
|
display: block;
|
||||||
|
background-color: @base-90;
|
||||||
|
filter: blur(20px);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Namespace button
|
// Namespace button
|
||||||
|
@ -639,77 +710,6 @@ a {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
div.tleft,
|
|
||||||
div.floatleft,
|
|
||||||
table.floatleft,
|
|
||||||
div.tright,
|
|
||||||
div.floatright,
|
|
||||||
table.floatright {
|
|
||||||
z-index: 2;
|
|
||||||
position: relative;
|
|
||||||
margin: 0.6rem 1.4rem;
|
|
||||||
transition: @transition-margin;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.tleft,
|
|
||||||
div.floatleft,
|
|
||||||
table.floatleft {
|
|
||||||
margin-left: @negative-margin;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.tright,
|
|
||||||
div.floatright,
|
|
||||||
table.floatright {
|
|
||||||
margin-right: @negative-margin;
|
|
||||||
}
|
|
||||||
|
|
||||||
figcaption,
|
|
||||||
.thumbcaption {
|
|
||||||
margin: @content-margin-top / 2 0 0;
|
|
||||||
color: @base-30;
|
|
||||||
font-size: @content-caption-size;
|
|
||||||
}
|
|
||||||
|
|
||||||
.thumb {
|
|
||||||
>.thumbinner {
|
|
||||||
>a {
|
|
||||||
transition: @transition-box-shadow-quick !important;
|
|
||||||
|
|
||||||
&:hover:not(.lazy) {
|
|
||||||
background: 0 !important;
|
|
||||||
.boxshadow(2);
|
|
||||||
}
|
|
||||||
|
|
||||||
&:before {
|
|
||||||
content: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.new {
|
|
||||||
padding: @margin-side / 2;
|
|
||||||
background-color: @base-80;
|
|
||||||
font-size: @content-caption-size;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
a.image {
|
|
||||||
display: block;
|
|
||||||
overflow: hidden;
|
|
||||||
width: fit-content; // Get rid of extra pixels from thumbinner
|
|
||||||
|
|
||||||
img {
|
|
||||||
filter: none;
|
|
||||||
transition: @transition-filter;
|
|
||||||
|
|
||||||
&.lazy {
|
|
||||||
display: block;
|
|
||||||
background-color: @base-90;
|
|
||||||
filter: blur(20px);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Hide edit button when user is not logged in
|
// Hide edit button when user is not logged in
|
||||||
.not-logged .mw-editsection {
|
.not-logged .mw-editsection {
|
||||||
display: none !important;
|
display: none !important;
|
||||||
|
|
Loading…
Reference in a new issue