Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
| Line 77: | Line 77: | ||
.rsSegmentIcon { | .rsSegmentIcon { | ||
display: inline-block; | display: inline-block; | ||
| − | width: | + | width: 1em; |
| − | height: | + | height: 1em; |
| − | background-size: | + | background-size: 1em 1em; |
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-position: center; | background-position: center; | ||
| + | vertical-align: -0.12em; | ||
} | } | ||
.rsSegmentIconTabular { | .rsSegmentIconTabular { | ||
Revision as of 20:49, 28 March 2020
/* CSS placed here will be applied to all skins */
/* Hide the title on Main Page */
.page-Main_Page .firstHeading {
display: none;
}
/* Toggle */
.rsToggleContainer {
display: inline-block;
position: relative;
height: 3em;
}
.rsSegment {
display: inline-block;
border-top: 1px solid black;
border-bottom: 1px solid black;
border-right: 1px solid black;
}
.rsSegment:first-child {
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
border-left: 1px solid black;
}
.rsSegment:last-child {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
.rsSegmentTitle {
display: block;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.rsSegmentFill {
position: relative;
background-color: #ddd;
border-top: 1px solid white;
border-bottom: 2px solid #999;
width: 10em;
height: 2em;
}
.rsSegment:first-child .rsSegmentFill {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.rsSegment:last-child .rsSegmentFill {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.rsSegmentSelected .rsSegmentFill {
border-top: 3px solid #666;
border-bottom: none;
background-color: #aaa;
color: white;
}
.rsToggleContainer a {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
a:active .rsSegmentFill {
background-color: #bbb;
border-top: 2px solid #999;
border-bottom: 1px solid #bbb;
}
a:active .rsSegmentTitle {
color: black;
}
.rsSegmentIcon {
display: inline-block;
width: 1em;
height: 1em;
background-size: 1em 1em;
background-repeat: no-repeat;
background-position: center;
vertical-align: -0.12em;
}
.rsSegmentIconTabular {
background-image: url(/images/b/b4/Icon-tabular.png);
}
.rsSegmentIconThumbnails {
background-image: url(/images/5/5a/Icon-thumbnails.png);
}