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); }