Difference between revisions of "MediaWiki:Monobook.css"

From Diversifying Economic Quality: A Wiki for Instructors and Departments

Jump to: navigation, search
 
(4 intermediate revisions by the same user not shown)
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;
 
}
 

Latest revision as of 14:09, 30 June 2011

/* CSS placed here will affect users of the Monobook skin */