Difference between revisions of "MediaWiki:Common.css"

From CCCWiki
Jump to: navigation, search
Line 5: Line 5:
  
 
/* CSS Menus */
 
/* CSS Menus */
 
+
#pcm{display:none;}
div#container
+
ul.pureCssMenu ul{display:none}
{ width:740px; height:400px; }
+
ul.pureCssMenu li:hover>ul{display:block}
h1
+
ul.pureCssMenu ul{position: absolute;left:-1px;top:98%;}
{ width:738px; margin:1px; color:#4C1B1B; font:helvetica; font-size:24pt; overflow:hidden; padding:80px 0 0; vertical-align:middle; text-align:right; }
+
ul.pureCssMenu ul ul{position: absolute;left:98%;top:-2px;}
p { margin:0; padding:1.2em; }
+
ul.pureCssMenu,ul.pureCssMenu ul {
p a:link,
+
margin:0px;
p a:visited,
+
list-style:none;
p a:hover,
+
padding:0px 1px 1px 0px;
p a:active
+
background-color:#A5A5A5;
{ font-weight:bold; color:#b9121b; }
+
background-repeat:repeat;
 
+
border-color:#A6A6A6;
ul#navigation-1
+
border-width:0px;
{ margin:0; padding:1px 0; list-style:none; width:100%; height:21px; border-top:1px solid #b9121b; border-bottom:1px solid #b9121b; font:normal 8pt verdana, arial, helvetica;}
+
border-style:solid;
ul#navigation-1 li
+
}
{ margin:0; padding:0; display:block; float:left; position:relative; width:148px; }
+
ul.pureCssMenu table {border-collapse:collapse}ul.pureCssMenu {
ul#navigation-1 li a:link,
+
display:block;
ul#navigation-1 li a:visited
+
zoom:1;
{ padding:4px 0; display:block; text-align:center; text-decoration:none; background:#b9121b; color:#ffffff; width:148px; height:13px; }
+
float: left;
ul#navigation-1 li:hover a,
+
}
ul#navigation-1 li a:hover,
+
ul.pureCssMenu ul{
ul#navigation-1 li a:active
+
width:137.55px;
{ padding:4px 0; display:block; text-align:center; text-decoration:none; background:#ec454e; color:#ffffff; width:146px; height:13px; border-left:1px solid #ffffff; border-right:1px solid #ffffff; }
+
}
+
ul.pureCssMenu li{
ul#navigation-1 li ul.navigation-2
+
display:block;
{ margin:0; padding:1px 1px 0; list-style:none; display:none; background:#ffffff; width:146px; position:absolute; top:21px; left:-1px; border:1px solid #b9121b; border-top:none; }
+
margin:1px 0px 0px 1px;
ul#navigation-1 li:hover ul.navigation-2
+
font-size:0px;
{ display:block; }
+
}
ul#navigation-1 li ul.navigation-2 li
+
ul.pureCssMenu a:active, ul.pureCssMenu a:focus {
{ width:146px; clear:left; width:146px; }
+
outline-style:none;
 
+
}
ul#navigation-1 li ul.navigation-2 li a:link,
+
ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover {
ul#navigation-1 li ul.navigation-2 li a:visited
+
display:block;
{ clear:left; background:#b9121b; padding:4px 0; width:146px; border:none; border-bottom:1px solid #ffffff; position:relative; z-index:1000; }
+
vertical-align:middle;
ul#navigation-1 li ul.navigation-2 li:hover a,
+
background-color:#FFFFFF;
ul#navigation-1 li ul.navigation-2 li a:active,
+
border-width:0px;
ul#navigation-1 li ul.navigation-2 li a:hover
+
border-color:#FCEEB0;
{ clear:left; background:#ec454e; padding:4px 0; width:146px; border:none; border-bottom:1px solid #ffffff; position:relative; z-index:1000; }
+
border-style:solid;
 
+
text-align:left;
ul#navigation-1 li ul.navigation-2 li ul.navigation-3
+
text-decoration:none;
{ display:none; margin:0; padding:0; list-style:none; position:absolute; left:145px; top:-2px; padding:1px 1px 0 1px; border:1px solid #b9121b; border-left:1px solid #b9121b; background:#ffffff; z-index:900; }
+
padding:5px;
ul#navigation-1 li ul.navigation-2 li:hover ul.navigation-3
+
_padding-left:0;
{ display:block; }
+
font:normal 11px Arial;
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link,
+
color: #000000;
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited
+
text-decoration:none;
{ background:#b9121b; }
+
cursor:pointer;
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li:hover a,
+
}
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover,
+
ul.pureCssMenu span{
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active
+
overflow:hidden;
{ background:#ec454e; }
+
}
ul#navigation-1 li ul.navigation-2 li a span
+
ul.pureCssMenu li {
{ position:absolute; top:0; left:132px; font-size:12pt; color:#fe676f; }
+
float:left;
ul#navigation-1 li ul.navigation-2 li:hover a span,
+
}
ul#navigation-1 li ul.navigation-2 li a:hover span
+
ul.pureCssMenu ul li {
{ position:absolute; top:0; left:132px; font-size:12pt; color:#ffffff; }
+
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;
}