Difference between revisions of "MediaWiki:Common.css"
(navbox css test) |
m |
||
Line 88: | Line 88: | ||
.navbox .collapseButton { | .navbox .collapseButton { | ||
width: 6em; | width: 6em; | ||
+ | } | ||
+ | /* Tabs */ | ||
+ | .tab .TabLabelText { | ||
+ | display: inline-block; | ||
+ | padding: 1px; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | .tab .TabLabel { | ||
+ | z-index: 2; | ||
+ | position: relative; | ||
+ | -webkit-user-select: none; | ||
+ | -moz-user-select: none; | ||
+ | -ms-user-select: none; | ||
+ | -o-user-select: none; | ||
+ | user-select: none; | ||
+ | } | ||
+ | .tab .TabLabelText.selected { | ||
+ | border-top: 3px solid green; | ||
+ | padding: 1px; | ||
+ | background: white; | ||
+ | border-left: 1px solid #aaa; | ||
+ | border-right: 1px solid #aaa; | ||
+ | } | ||
+ | .tab .TabContent { | ||
+ | background: white; | ||
+ | padding: 20px 30px; | ||
+ | position: relative; | ||
+ | z-index: 1; | ||
+ | border: 1px solid #aaa; | ||
+ | } | ||
+ | .tab .TabContentText { | ||
+ | display: none; | ||
+ | } | ||
+ | .tab .TabContentText.selected { | ||
+ | display: block; | ||
+ | } | ||
+ | .Tabs .Tab { | ||
+ | border-bottom: 1px solid #aaa; | ||
+ | } | ||
+ | .Tabs .Tab:first-child { | ||
+ | border-top: 1px solid #aaa; | ||
+ | } | ||
+ | .Tabs .Tab .TabLabelText { | ||
+ | padding: 7px; | ||
+ | } | ||
+ | .Tabs .Tab .TabContentText { | ||
+ | padding: 3px; | ||
} | } |
Revision as of 13:28, 20 May 2017
/* CSS placed here will be applied to all skins */ /* advertisement */ .please-donate { height: 90px; margin: 10px; clear: both; text-align: center; } .please-donate a { display: block; width: 728px; height: 90px; margin: 0 auto; } .ads-main { width: 728px; margin: -90px auto 0; } /* LOGO */ #p-logo a { height: 245px; } #p-logo { top: -245px; } div#mw-panel { top: 245px; } /* Template:Navbox related css (update from zhmoe on 2017/05/19) */ table.navbox { border: 1px solid #aaa; clear: both; margin: auto; padding: 1px; text-align: center; width: 100%; } table.navbox+table.navbox { margin-top: -1px; } .navbox-title, .navbox-abovebelow, table.navbox th { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-group { font-weight: 700; padding-left: 1em; padding-right: 1em; white-space: nowrap; } .navbox, .navbox-subgroup { background: none repeat scroll 0 0 #fdfdfd; } .navbox-list { border-color: #fdfdfd; } .navbox-title, table.navbox th { background: none repeat scroll 0 0 #a5e4a5; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: none repeat scroll 0 0 #c0ecc0; } .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: none repeat scroll 0 0 #e6f6e6; } .navbox-even { background: none repeat scroll 0 0 #f5fcf5; } .navbox-odd { background: none repeat scroll 0 0 transparent; } .collapseButton { float: right; font-weight: 400; text-align: right; width: auto; } .navbox .collapseButton { width: 6em; } /* Tabs */ .tab .TabLabelText { display: inline-block; padding: 1px; cursor: pointer; } .tab .TabLabel { z-index: 2; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .tab .TabLabelText.selected { border-top: 3px solid green; padding: 1px; background: white; border-left: 1px solid #aaa; border-right: 1px solid #aaa; } .tab .TabContent { background: white; padding: 20px 30px; position: relative; z-index: 1; border: 1px solid #aaa; } .tab .TabContentText { display: none; } .tab .TabContentText.selected { display: block; } .Tabs .Tab { border-bottom: 1px solid #aaa; } .Tabs .Tab:first-child { border-top: 1px solid #aaa; } .Tabs .Tab .TabLabelText { padding: 7px; } .Tabs .Tab .TabContentText { padding: 3px; }