Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
Line 11: | Line 11: | ||
.rsSegment { | .rsSegment { | ||
display: inline-block; | display: inline-block; | ||
− | border-top: 1px solid | + | border-top: 1px solid #999; |
border-bottom: 1px solid black; | border-bottom: 1px solid black; | ||
− | border-right: 1px solid | + | border-right: 1px solid #666; |
} | } | ||
.rsSegment:first-child { | .rsSegment:first-child { | ||
border-top-left-radius: 6px; | border-top-left-radius: 6px; | ||
border-bottom-left-radius: 6px; | border-bottom-left-radius: 6px; | ||
− | border-left: 1px solid | + | border-left: 1px solid #666; |
} | } | ||
.rsSegment:last-child { | .rsSegment:last-child { |
Revision as of 20:52, 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 */ .rsSegment { display: inline-block; border-top: 1px solid #999; border-bottom: 1px solid black; border-right: 1px solid #666; } .rsSegment:first-child { border-top-left-radius: 6px; border-bottom-left-radius: 6px; border-left: 1px solid #666; } .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%); white-space: nowrap; } .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); }