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}
+
 
−
ul.pureCssMenu ul{position: absolute;left:-1px;top:98%;}
+
h1
−
ul.pureCssMenu ul ul{position: absolute;left:98%;top:-2px;}
+
{ 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.pureCssMenu ul {
+
p { margin:0; padding:1.2em; }
−
margin:0px;
+
p a:link,
−
list-style:none;
+
p a:visited,
−
padding:0px 1px 1px 0px;
+
p a:hover,
−
background-color:#A5A5A5;
+
p a:active
−
background-repeat:repeat;
+
{ font-weight:bold; color:#b9121b; }
−
border-color:#A6A6A6;
+
 
−
border-width:0px;
+
ul#navigation-1
−
border-style:solid;
+
{ 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;}
−
}
+
ul#navigation-1 li
−
ul.pureCssMenu table {border-collapse:collapse}ul.pureCssMenu {
+
{ margin:0; padding:0; display:block; float:left; position:relative; width:148px; }
−
display:block;
+
ul#navigation-1 li a:link,
−
zoom:1;
+
ul#navigation-1 li a:visited
−
float: left;
+
{ padding:4px 0; display:block; text-align:center; text-decoration:none; background:#b9121b; color:#ffffff; width:148px; height:13px; }
−
}
+
ul#navigation-1 li:hover a,
−
ul.pureCssMenu ul{
+
ul#navigation-1 li a:hover,
−
width:137.55px;
+
ul#navigation-1 li a:active
−
}
+
{ 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{
+
−
display:block;
+
ul#navigation-1 li ul.navigation-2
−
margin:1px 0px 0px 1px;
+
{ 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; }
−
font-size:0px;
+
ul#navigation-1 li:hover ul.navigation-2
−
}
+
{ display:block; }
−
ul.pureCssMenu a:active, ul.pureCssMenu a:focus {
+
ul#navigation-1 li ul.navigation-2 li
−
outline-style:none;
+
{ width:146px; clear:left; width:146px; }
−
}
+
 
−
ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover {
+
ul#navigation-1 li ul.navigation-2 li a:link,
−
display:block;
+
ul#navigation-1 li ul.navigation-2 li a:visited
−
vertical-align:middle;
+
{ clear:left; background:#b9121b; padding:4px 0; width:146px; border:none; border-bottom:1px solid #ffffff; position:relative; z-index:1000; }
−
background-color:#FFFFFF;
+
ul#navigation-1 li ul.navigation-2 li:hover a,
−
border-width:0px;
+
ul#navigation-1 li ul.navigation-2 li a:active,
−
border-color:#FCEEB0;
+
ul#navigation-1 li ul.navigation-2 li a:hover
−
border-style:solid;
+
{ clear:left; background:#ec454e; padding:4px 0; width:146px; border:none; border-bottom:1px solid #ffffff; position:relative; z-index:1000; }
−
text-align:left;
+
 
−
text-decoration:none;
+
ul#navigation-1 li ul.navigation-2 li ul.navigation-3
−
padding:5px;
+
{ 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-left:0;
+
ul#navigation-1 li ul.navigation-2 li:hover ul.navigation-3
−
font:normal 11px Arial;
+
{ display:block; }
−
color: #000000;
+
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link,
−
text-decoration:none;
+
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited
−
cursor:pointer;
+
{ background:#b9121b; }
−
}
+
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li:hover a,
−
ul.pureCssMenu span{
+
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover,
−
overflow:hidden;
+
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active
−
}
+
{ background:#ec454e; }
−
ul.pureCssMenu li {
+
ul#navigation-1 li ul.navigation-2 li a span
−
float:left;
+
{ position:absolute; top:0; left:132px; font-size:12pt; color:#fe676f; }
−
}
+
ul#navigation-1 li ul.navigation-2 li:hover a span,
−
ul.pureCssMenu ul li {
+
ul#navigation-1 li ul.navigation-2 li a:hover span
−
float:none;
+
{ position:absolute; top:0; left:132px; font-size:12pt; color:#ffffff; }
−
}
 
−
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{
 
−
font:n;
 
−
}
 
−
ul.pureCssMenu li a:hover{
 
−
font:o;
 
−
}
 

Revision as of 22:11, 6 May 2011

/* CSS placed here will be applied to all skins */
.high {color:#953735}
.medium {color:#E46C0A}
.low {color:#77933C}

/* CSS Menus */
div#container
	{ width:740px; height:400px; }

h1
	{ width:738px; margin:1px; color:#4C1B1B; font:helvetica; font-size:24pt; overflow:hidden; padding:80px 0 0; vertical-align:middle; text-align:right; }
p	{ margin:0; padding:1.2em; }
p a:link,
p a:visited,
p a:hover,
p a:active
	{ font-weight:bold; color:#b9121b; }

ul#navigation-1
	{ 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;}
ul#navigation-1 li
	{ margin:0; padding:0; display:block; float:left; position:relative; width:148px; }
ul#navigation-1 li a:link,
ul#navigation-1 li a:visited
	{ padding:4px 0; display:block; text-align:center; text-decoration:none; background:#b9121b; color:#ffffff; width:148px; height:13px; }
ul#navigation-1 li:hover a,
ul#navigation-1 li a:hover,
ul#navigation-1 li a:active
	{ 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#navigation-1 li ul.navigation-2
	{ 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; }
ul#navigation-1 li:hover ul.navigation-2
	{ display:block; }
ul#navigation-1 li ul.navigation-2 li
	{ width:146px; clear:left; width:146px; }

ul#navigation-1 li ul.navigation-2 li a:link,
ul#navigation-1 li ul.navigation-2 li a:visited
	{ clear:left; background:#b9121b; padding:4px 0; width:146px; border:none; border-bottom:1px solid #ffffff; position:relative; z-index:1000; }
ul#navigation-1 li ul.navigation-2 li:hover a,
ul#navigation-1 li ul.navigation-2 li a:active,
ul#navigation-1 li ul.navigation-2 li a:hover
	{ clear:left; background:#ec454e; padding:4px 0; width:146px; border:none; border-bottom:1px solid #ffffff; position:relative; z-index:1000; }

ul#navigation-1 li ul.navigation-2 li ul.navigation-3
	{ 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; }
ul#navigation-1 li ul.navigation-2 li:hover ul.navigation-3
	{ display:block; }
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link,
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited
	{ background:#b9121b; }
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#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active
	{ background:#ec454e; }
ul#navigation-1 li ul.navigation-2 li a span
	{ position:absolute; top:0; left:132px; font-size:12pt; color:#fe676f; }
ul#navigation-1 li ul.navigation-2 li:hover a span,
ul#navigation-1 li ul.navigation-2 li a:hover span
	{ position:absolute; top:0; left:132px; font-size:12pt; color:#ffffff; }
Retrieved from "https://wiki.ccchislehurst.org/index.php?title=MediaWiki:Common.css&oldid=204"