Difference between revisions of "MediaWiki:Monobook.css"
From Diversifying Economic Quality: A Wiki for Instructors and Departments
Line 1: | Line 1: | ||
/* CSS placed here will affect users of the Monobook skin */ | /* CSS placed here will affect users of the Monobook skin */ | ||
+ | /*Main Line Not Just Link Margin - From left Side*/ | ||
+ | ul#nav{ | ||
+ | margin:3; | ||
+ | padding:2; | ||
+ | list-style-type:none; | ||
+ | border:none; | ||
+ | background:#fff; | ||
+ | padding:.5em; | ||
+ | width:auto; | ||
+ | } | ||
+ | /*Drop Menu Line Colors that "flash" to load Menu*/ | ||
+ | ul#nav li ul{ | ||
+ | background:#fff; | ||
+ | margin:0; | ||
+ | padding:5; | ||
+ | width:auto; | ||
+ | } | ||
+ | ul#nav li{ | ||
+ | position:relative; | ||
+ | margin:5; | ||
+ | width:auto; | ||
+ | padding:5; | ||
+ | list-style-type:none; | ||
+ | background:333; | ||
+ | color:#333; | ||
+ | line-height:150%; | ||
+ | } | ||
+ | /*Main Link Font Color and "loading border" set to fff for invisibility*/ | ||
+ | ul#nav a{ | ||
+ | border:1px solid #fff; | ||
+ | color:#333; | ||
+ | text-decoration:none; | ||
+ | display:block; | ||
+ | } | ||
+ | /*Mouse over option text color*/ | ||
+ | ul#nav a:hover{ | ||
+ | border:1px inset #333; | ||
+ | background:#333; | ||
+ | color:#333; | ||
+ | } | ||
+ | /*Color of Text option drop down without mouse on them.*/ | ||
+ | ul#nav li li a{ | ||
+ | padding-left:1em; | ||
+ | color:#006AFF; | ||
+ | text-decoration:none; | ||
+ | display:block; | ||
+ | } | ||
+ | ul#nav li li a:hover{ | ||
+ | background:#cef; | ||
+ | } | ||
+ | |||
+ | /* YADM relative dropdown example */ | ||
+ | .hiddenChild{ | ||
+ | position: absolute; | ||
+ | left: -999em; | ||
+ | } | ||
+ | .shownChild{ | ||
+ | left:-1px; | ||
+ | } | ||
+ | p{ | ||
+ | clear:both;float:none; | ||
+ | } | ||
+ | /*Parent initial border information white fff set to hide "optional options area"*/ | ||
+ | ul#nav.dhtml{ | ||
+ | list-style-image: none; | ||
+ | display: block; | ||
+ | position:relative; | ||
+ | width:auto; | ||
+ | border:2px solid #fff; | ||
+ | background:#333 | ||
+ | margin:2; | ||
+ | padding:2; | ||
+ | list-style-type:none; | ||
+ | height:1.5em; | ||
+ | } | ||
+ | /*WIDTH IS TOP OPTION WIDTH. (OPTION WIDTH - 1)*/ | ||
+ | ul#nav.dhtml li{ | ||
+ | position:relative; | ||
+ | float:left; | ||
+ | width:9em; | ||
+ | border-right:1px solid #333; | ||
+ | border-top:1px solid #333; | ||
+ | border-left:1px solid #333; | ||
+ | border-bottom:1px solid #333; | ||
+ | } | ||
+ | /*Initial background color of options with mouse hovered over main link*/ | ||
+ | ul#nav.dhtml ul{ | ||
+ | list-style-image: none; | ||
+ | display: block; | ||
+ | top:1.5em; | ||
+ | position:absolute; | ||
+ | border-top:1px solid #333; | ||
+ | border-right:1px solid #333; | ||
+ | border-left:1px solid #333; | ||
+ | background:#333; | ||
+ | width:auto; | ||
+ | z-index:10; | ||
+ | } | ||
+ | ul#nav.dhtml li a,ul#nav.dhtml li a:hover{ | ||
+ | border:none; | ||
+ | background:#333; | ||
+ | } | ||
+ | ul#nav.dhtml li a{ | ||
+ | padding:0 .5em; | ||
+ | background:#333; | ||
+ | } | ||
+ | /*Options background color when main category is highlighted with mouse and options not selected WIDTH IS OPTIONS WIDTH*/ | ||
+ | ul#nav.dhtml ul li{ | ||
+ | border:none; | ||
+ | width:9em; | ||
+ | background:#fff; | ||
+ | } | ||
+ | /*No Mouse On Main Link Background*/ | ||
+ | ul#nav.dhtml li.isParent{ | ||
+ | background:#cef; | ||
+ | } | ||
+ | /*Yes Mouse On Main Link Background*/ | ||
+ | ul#nav.dhtml li.isActive{ | ||
+ | background:#fff; | ||
+ | } | ||
+ | ul#nav.dhtml li.isActive a{ | ||
+ | background:cef; | ||
+ | } | ||
+ | ul#nav.dhtml li.isActive ul a{ | ||
+ | padding:0 .5em; | ||
+ | } | ||
+ | ul#nav.dhtml a:hover{ | ||
+ | background:#333; | ||
+ | } | ||
+ | ul#nav.dhtml li.isParent a:hover{ | ||
+ | background:#333; | ||
+ | } | ||
+ | ul#nav.dhtml li.isActive ul a:hover{ | ||
+ | background:#333; | ||
+ | } |
Revision as of 14:44, 8 June 2011
/* CSS placed here will affect users of the Monobook skin */ /*Main Line Not Just Link Margin - From left Side*/ ul#nav{ margin:3; padding:2; list-style-type:none; border:none; background:#fff; padding:.5em; width:auto; } /*Drop Menu Line Colors that "flash" to load Menu*/ ul#nav li ul{ background:#fff; margin:0; padding:5; width:auto; } ul#nav li{ position:relative; margin:5; width:auto; padding:5; list-style-type:none; background:333; color:#333; line-height:150%; } /*Main Link Font Color and "loading border" set to fff for invisibility*/ ul#nav a{ border:1px solid #fff; color:#333; text-decoration:none; display:block; } /*Mouse over option text color*/ ul#nav a:hover{ border:1px inset #333; background:#333; color:#333; } /*Color of Text option drop down without mouse on them.*/ ul#nav li li a{ padding-left:1em; color:#006AFF; text-decoration:none; display:block; } ul#nav li li a:hover{ background:#cef; } /* YADM relative dropdown example */ .hiddenChild{ position: absolute; left: -999em; } .shownChild{ left:-1px; } p{ clear:both;float:none; } /*Parent initial border information white fff set to hide "optional options area"*/ ul#nav.dhtml{ list-style-image: none; display: block; position:relative; width:auto; border:2px solid #fff; background:#333 margin:2; padding:2; list-style-type:none; height:1.5em; } /*WIDTH IS TOP OPTION WIDTH. (OPTION WIDTH - 1)*/ ul#nav.dhtml li{ position:relative; float:left; width:9em; border-right:1px solid #333; border-top:1px solid #333; border-left:1px solid #333; border-bottom:1px solid #333; } /*Initial background color of options with mouse hovered over main link*/ ul#nav.dhtml ul{ list-style-image: none; display: block; top:1.5em; position:absolute; border-top:1px solid #333; border-right:1px solid #333; border-left:1px solid #333; background:#333; width:auto; z-index:10; } ul#nav.dhtml li a,ul#nav.dhtml li a:hover{ border:none; background:#333; } ul#nav.dhtml li a{ padding:0 .5em; background:#333; } /*Options background color when main category is highlighted with mouse and options not selected WIDTH IS OPTIONS WIDTH*/ ul#nav.dhtml ul li{ border:none; width:9em; background:#fff; } /*No Mouse On Main Link Background*/ ul#nav.dhtml li.isParent{ background:#cef; } /*Yes Mouse On Main Link Background*/ ul#nav.dhtml li.isActive{ background:#fff; } ul#nav.dhtml li.isActive a{ background:cef; } ul#nav.dhtml li.isActive ul a{ padding:0 .5em; } ul#nav.dhtml a:hover{ background:#333; } ul#nav.dhtml li.isParent a:hover{ background:#333; } ul#nav.dhtml li.isActive ul a:hover{ background:#333; }