MediaWiki: Monobook.css : Différence entre versions
De ECU
| Ligne 2 : | Ligne 2 : | ||
#column-content{margin-left: -15em;} | #column-content{margin-left: -15em;} | ||
#column-content #content{margin-left: 15em;} | #column-content #content{margin-left: 15em;} | ||
| + | |||
| + | |||
| + | /*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; | ||
| + | } | ||
| + | |||
| + | /* DDM 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; | ||
| + | } | ||
Version du 12 juin 2019 à 14:32
/* Le CSS placé ici affectera les utilisateurs de l’habillage Monobook.*/
#column-content{margin-left: -15em;}
#column-content #content{margin-left: 15em;}
/*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;
}
/* DDM 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;
}
