Difference between revisions of "MediaWiki:Common.css"
Marc.maier (talk | contribs) |
Marc.maier (talk | contribs) |
||
| Line 5: | Line 5: | ||
/* CSS Menus */ | /* CSS Menus */ | ||
| − | + | #pcm{display:none;} | |
| − | + | ul.pureCssMenu ul{display:none} | |
| − | + | ul.pureCssMenu li:hover>ul{display:block} | |
| − | + | ul.pureCssMenu ul{position: absolute;left:-1px;top:98%;} | |
| − | + | ul.pureCssMenu ul ul{position: absolute;left:98%;top:-2px;} | |
| − | + | ul.pureCssMenu,ul.pureCssMenu ul { | |
| − | + | margin:0px; | |
| − | + | list-style:none; | |
| − | + | padding:0px 1px 1px 0px; | |
| − | + | background-color:#A5A5A5; | |
| − | + | background-repeat:repeat; | |
| − | + | border-color:#A6A6A6; | |
| − | + | border-width:0px; | |
| − | + | border-style:solid; | |
| − | ul | + | } |
| − | + | ul.pureCssMenu table {border-collapse:collapse}ul.pureCssMenu { | |
| − | ul | + | display:block; |
| − | + | zoom:1; | |
| − | + | float: left; | |
| − | ul | + | } |
| − | ul | + | ul.pureCssMenu ul{ |
| − | ul | + | width:137.55px; |
| − | + | } | |
| − | + | ul.pureCssMenu li{ | |
| − | + | display:block; | |
| − | + | margin:1px 0px 0px 1px; | |
| − | ul | + | font-size:0px; |
| − | + | } | |
| − | ul | + | ul.pureCssMenu a:active, ul.pureCssMenu a:focus { |
| − | + | outline-style:none; | |
| − | + | } | |
| − | ul | + | ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover { |
| − | + | display:block; | |
| − | + | vertical-align:middle; | |
| − | ul | + | background-color:#FFFFFF; |
| − | + | border-width:0px; | |
| − | + | border-color:#FCEEB0; | |
| − | + | border-style:solid; | |
| − | + | text-align:left; | |
| − | + | text-decoration:none; | |
| − | { | + | padding:5px; |
| − | ul | + | _padding-left:0; |
| − | + | font:normal 11px Arial; | |
| − | ul | + | color: #000000; |
| − | ul | + | text-decoration:none; |
| − | + | cursor:pointer; | |
| − | ul | + | } |
| − | ul | + | ul.pureCssMenu span{ |
| − | ul | + | overflow:hidden; |
| − | + | } | |
| − | ul | + | ul.pureCssMenu li { |
| − | + | float:left; | |
| − | ul | + | } |
| − | ul | + | ul.pureCssMenu ul li { |
| − | + | float:none; | |
| + | } | ||
| + | ul.pureCssMenu ul a { | ||
| + | text-align:left; | ||
| + | white-space:nowrap; | ||
| + | } | ||
| + | ul.pureCssMenu li.sep{ | ||
| + | text-align:left; | ||
| + | padding:0px; | ||
| + | line-height:0; | ||
| + | height:100%; | ||
| + | } | ||
| + | ul.pureCssMenu li.sep span{ | ||
| + | float:none; padding-right:0; | ||
| + | width:3; | ||
| + | height:100%; | ||
| + | display:inline-block; | ||
| + | background-color:#A6A6A6; background-image:none;} | ||
| + | ul.pureCssMenu ul li.sep span{ | ||
| + | width:100%; | ||
| + | height:3; | ||
| + | } | ||
| + | ul.pureCssMenu li:hover{ | ||
| + | position:relative; | ||
| + | } | ||
| + | ul.pureCssMenu li:hover>a{ | ||
| + | background-color:#FF1C1C; | ||
| + | border-color:#4C99AB; | ||
| + | border-style:solid; | ||
| + | font:normal 11px Arial; | ||
| + | color: #FFFFFF; | ||
| + | text-decoration:none; | ||
| + | } | ||
| + | ul.pureCssMenu li a:hover{ | ||
| + | position:relative; | ||
| + | background-color:#FF1C1C; | ||
| + | border-color:#4C99AB; | ||
| + | border-style:solid; | ||
| + | font:normal 11px Arial; | ||
| + | color: #FFFFFF; | ||
| + | text-decoration:none; | ||
| + | } | ||
| + | ul.pureCssMenu li.dis a { | ||
| + | color: #AAAAAA !important; | ||
| + | } | ||
| + | ul.pureCssMenu img {border: none;float:left;_float:none;margin-right:5px;width:16px; | ||
| + | height:16px; | ||
| + | } | ||
| + | ul.pureCssMenu ul img {width:16px; | ||
| + | height:16px; | ||
| + | } | ||
| + | ul.pureCssMenu img.over{display:none} | ||
| + | ul.pureCssMenu li.dis a:hover img.over{display:none !important} | ||
| + | ul.pureCssMenu li.dis a:hover img.def {display:inline !important} | ||
| + | ul.pureCssMenu li:hover > a img.def {display:none} | ||
| + | ul.pureCssMenu li:hover > a img.over {display:inline} | ||
| + | ul.pureCssMenu a:hover img.over,ul.pureCssMenu a:hover ul img.def,ul.pureCssMenu a:hover a:hover ul img.def,ul.pureCssMenu a:hover a:hover a:hover ul img.def,ul.pureCssMenu a:hover a:hover img.over,ul.pureCssMenu a:hover a:hover a:hover img.over,ul.pureCssMenu a:hover a:hover a:hover a:hover img.over{display:inline} | ||
| + | ul.pureCssMenu a:hover img.def,ul.pureCssMenu a:hover ul img.over,ul.pureCssMenu a:hover a:hover ul img.over,ul.pureCssMenu a:hover a:hover a:hover ul img.over,ul.pureCssMenu a:hover a:hover img.def,ul.pureCssMenu a:hover a:hover a:hover img.def,ul.pureCssMenu a:hover a:hover a:hover a:hover img.def{display:none} | ||
| + | ul.pureCssMenu a:hover ul,ul.pureCssMenu a:hover a:hover ul,ul.pureCssMenu a:hover a:hover a:hover ul{display:block} | ||
| + | ul.pureCssMenu a:hover ul ul,ul.pureCssMenu a:hover a:hover ul ul{display:none} | ||
| + | ul.pureCssMenu span{ | ||
| + | display:block; | ||
| + | background-image:url(./images/arrv_blue_2.gif); | ||
| + | background-position:right center; | ||
| + | background-repeat: no-repeat; | ||
| + | padding-right:8px;} | ||
| + | ul.pureCssMenu li:hover>a>span{ background-image:url(./images/arrv_white_2.gif); | ||
| + | } | ||
| + | ul.pureCssMenu a:hover span{ _background-image:url(./images/arrv_white_2.gif)} | ||
| + | ul.pureCssMenu ul span,ul.pureCssMenu a:hover table span{background-image:url(./images/arr_blue_2.gif)} | ||
| + | ul.pureCssMenu ul li:hover > a span{ background-image:url(./images/arr_white_2.gif);} | ||
| + | ul.pureCssMenu table a:hover span,ul.pureCssMenu table a:hover a:hover span,ul.pureCssMenu table a:hover a:hover a:hover span{background-image:url(./images/arr_white_2.gif)} | ||
| + | ul.pureCssMenu table a:hover table span,ul.pureCssMenu table a:hover a:hover table span{background-image:url(./images/arr_blue_2.gif)} | ||
| + | ul.pureCssMenu li a.pureCssMenui0{ | ||
| + | font:n; | ||
| + | } | ||
| + | ul.pureCssMenu li a.pureCssMenui0:hover{ | ||
| + | font:o; | ||
| + | } | ||
Revision as of 20:57, 6 May 2011
/* CSS placed here will be applied to all skins */
.high {color:#953735}
.medium {color:#E46C0A}
.low {color:#77933C}
/* CSS Menus */
#pcm{display:none;}
ul.pureCssMenu ul{display:none}
ul.pureCssMenu li:hover>ul{display:block}
ul.pureCssMenu ul{position: absolute;left:-1px;top:98%;}
ul.pureCssMenu ul ul{position: absolute;left:98%;top:-2px;}
ul.pureCssMenu,ul.pureCssMenu ul {
margin:0px;
list-style:none;
padding:0px 1px 1px 0px;
background-color:#A5A5A5;
background-repeat:repeat;
border-color:#A6A6A6;
border-width:0px;
border-style:solid;
}
ul.pureCssMenu table {border-collapse:collapse}ul.pureCssMenu {
display:block;
zoom:1;
float: left;
}
ul.pureCssMenu ul{
width:137.55px;
}
ul.pureCssMenu li{
display:block;
margin:1px 0px 0px 1px;
font-size:0px;
}
ul.pureCssMenu a:active, ul.pureCssMenu a:focus {
outline-style:none;
}
ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover {
display:block;
vertical-align:middle;
background-color:#FFFFFF;
border-width:0px;
border-color:#FCEEB0;
border-style:solid;
text-align:left;
text-decoration:none;
padding:5px;
_padding-left:0;
font:normal 11px Arial;
color: #000000;
text-decoration:none;
cursor:pointer;
}
ul.pureCssMenu span{
overflow:hidden;
}
ul.pureCssMenu li {
float:left;
}
ul.pureCssMenu ul li {
float:none;
}
ul.pureCssMenu ul a {
text-align:left;
white-space:nowrap;
}
ul.pureCssMenu li.sep{
text-align:left;
padding:0px;
line-height:0;
height:100%;
}
ul.pureCssMenu li.sep span{
float:none; padding-right:0;
width:3;
height:100%;
display:inline-block;
background-color:#A6A6A6; background-image:none;}
ul.pureCssMenu ul li.sep span{
width:100%;
height:3;
}
ul.pureCssMenu li:hover{
position:relative;
}
ul.pureCssMenu li:hover>a{
background-color:#FF1C1C;
border-color:#4C99AB;
border-style:solid;
font:normal 11px Arial;
color: #FFFFFF;
text-decoration:none;
}
ul.pureCssMenu li a:hover{
position:relative;
background-color:#FF1C1C;
border-color:#4C99AB;
border-style:solid;
font:normal 11px Arial;
color: #FFFFFF;
text-decoration:none;
}
ul.pureCssMenu li.dis a {
color: #AAAAAA !important;
}
ul.pureCssMenu img {border: none;float:left;_float:none;margin-right:5px;width:16px;
height:16px;
}
ul.pureCssMenu ul img {width:16px;
height:16px;
}
ul.pureCssMenu img.over{display:none}
ul.pureCssMenu li.dis a:hover img.over{display:none !important}
ul.pureCssMenu li.dis a:hover img.def {display:inline !important}
ul.pureCssMenu li:hover > a img.def {display:none}
ul.pureCssMenu li:hover > a img.over {display:inline}
ul.pureCssMenu a:hover img.over,ul.pureCssMenu a:hover ul img.def,ul.pureCssMenu a:hover a:hover ul img.def,ul.pureCssMenu a:hover a:hover a:hover ul img.def,ul.pureCssMenu a:hover a:hover img.over,ul.pureCssMenu a:hover a:hover a:hover img.over,ul.pureCssMenu a:hover a:hover a:hover a:hover img.over{display:inline}
ul.pureCssMenu a:hover img.def,ul.pureCssMenu a:hover ul img.over,ul.pureCssMenu a:hover a:hover ul img.over,ul.pureCssMenu a:hover a:hover a:hover ul img.over,ul.pureCssMenu a:hover a:hover img.def,ul.pureCssMenu a:hover a:hover a:hover img.def,ul.pureCssMenu a:hover a:hover a:hover a:hover img.def{display:none}
ul.pureCssMenu a:hover ul,ul.pureCssMenu a:hover a:hover ul,ul.pureCssMenu a:hover a:hover a:hover ul{display:block}
ul.pureCssMenu a:hover ul ul,ul.pureCssMenu a:hover a:hover ul ul{display:none}
ul.pureCssMenu span{
display:block;
background-image:url(./images/arrv_blue_2.gif);
background-position:right center;
background-repeat: no-repeat;
padding-right:8px;}
ul.pureCssMenu li:hover>a>span{ background-image:url(./images/arrv_white_2.gif);
}
ul.pureCssMenu a:hover span{ _background-image:url(./images/arrv_white_2.gif)}
ul.pureCssMenu ul span,ul.pureCssMenu a:hover table span{background-image:url(./images/arr_blue_2.gif)}
ul.pureCssMenu ul li:hover > a span{ background-image:url(./images/arr_white_2.gif);}
ul.pureCssMenu table a:hover span,ul.pureCssMenu table a:hover a:hover span,ul.pureCssMenu table a:hover a:hover a:hover span{background-image:url(./images/arr_white_2.gif)}
ul.pureCssMenu table a:hover table span,ul.pureCssMenu table a:hover a:hover table span{background-image:url(./images/arr_blue_2.gif)}
ul.pureCssMenu li a.pureCssMenui0{
font:n;
}
ul.pureCssMenu li a.pureCssMenui0:hover{
font:o;
}