Difference between revisions of "MediaWiki:Common.css"

From CCCWiki
Jump to: navigation, search
 
(62 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
/* CSS placed here will be applied to all skins */
 
/* CSS placed here will be applied to all skins */
−
.high {color:#953735}
+
.wire-frames a, .wire-frames a:visited  {color: #36B}
−
.medium {color:#E46C0A}
 
−
.low {color:#77933C}
 
  
 
/* CSS Menus */
 
/* CSS Menus */
−
#pcm{display:none;}
+
 
−
ul.pureCssMenu ul{display:none}
+
#navigation-1 a.new, #navigation-1 a.new:visited {color:#000000}
−
ul.pureCssMenu li:hover>ul{display:block}
+
#navigation-1 li a.external, #navigation-1 li a.external:visited {color:#000000}
−
ul.pureCssMenu ul{position: absolute;left:-1px;top:98%;}
+
 
−
ul.pureCssMenu ul ul{position: absolute;left:98%;top:-2px;}
+
div#container
−
ul.pureCssMenu,ul.pureCssMenu ul {
+
{ width:740px; height:400px; }
−
margin:0px;
+
 
−
list-style:none;
+
ul#navigation-1
−
padding:0px 1px 1px 0px;
+
{ margin:0; padding:1px 0; list-style:none; width:100%; height:24px;font:normal verdana, arial, helvetica; white-space:nowrap; border-top:1px solid #AAAAAA; }
−
background-color:#A5A5A5;
+
ul#navigation-1 li
−
background-repeat:repeat;
+
{ margin:0; padding:0; display:block; float:left; position:relative; width:120px; }
−
border-color:#A6A6A6;
+
ul#navigation-1 li a:link,
−
border-width:0px;
+
ul#navigation-1 li a:visited
−
border-style:solid;
+
{ padding:4px 0; display:block; text-align:center; text-decoration:none; background:#FFFFFF; width:120px; 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:#C0C0C0; width:120px; height:13px; border-left:1px solid #AAAAAA; border-right:1px solid #AAAAAA; }
 +
 +
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 #AAAAAA; 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; }
 +
 
 +
ul#navigation-1 li ul.navigation-2 li a:link,
 +
ul#navigation-1 li ul.navigation-2 li a:visited
 +
{ clear:left; background:#FFFFFF; padding:4px 0; width:146px; border:none; border-bottom:1px solid #AAAAAA; 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:#C0C0C0; padding:4px 0; width:146px; border:none; border-bottom:1px solid #AAAAAA; 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 1px 1px; border:1px solid #AAAAAA; 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:#FFFFFF; }
 +
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:#C0C0C0; }
 +
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; }
 +
 
 +
 
 +
.high, li.high a.new, #bodyContent li.high a.external, #bodyContent li.high a {color:#953735}
 +
.medium, li.medium a.new, #bodyContent li.medium a.external, #bodyContent li.medium a {color:#E46C0A}
 +
.low, li.low a.new, #bodyContent li.low a.external, #bodyContent li.low a {color:#77933C}
 +
 
 +
table.wiki {background:#fff;width:480px;border-collapse:collapse;text-align:left;margin:20px}
 +
table.wiki th {font-weight:bold;color:#039;border-bottom:2px solid #6678b1;padding:10px 8px;vertical-align:top}
 +
table.wiki td{border-bottom:1px solid #ccc;padding:6px 8px;vertical-align:top}
 +
table.wiki tbody tr:hover td{color:#009;}
 +
 
 +
table { word-wrap: break-word; }
 +
 
 +
.warning {
 +
  padding: 10px;
 +
  font-size: 12px;
 +
  color: #404040;
 +
  background-color: #eedc94;
 +
  background-repeat: repeat-x;
 +
  background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94));
 +
  background-image: -moz-linear-gradient(top, #fceec1, #eedc94);
 +
  background-image: -ms-linear-gradient(top, #fceec1, #eedc94);
 +
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94));
 +
  background-image: -webkit-linear-gradient(top, #fceec1, #eedc94);
 +
  background-image: -o-linear-gradient(top, #fceec1, #eedc94);
 +
  background-image: linear-gradient(top, #fceec1, #eedc94);
 +
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1', endColorstr='#eedc94', GradientType=0);
 +
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
 +
  border-color: #eedc94 #eedc94 #e4c652;
 +
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 +
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
 +
  border-width: 1px;
 +
  border-style: solid;
 +
  -webkit-border-radius: 4px;
 +
  -moz-border-radius: 4px;
 +
  border-radius: 4px;
 +
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
 +
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
 +
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
 
}
 
}
−
ul.pureCssMenu table {border-collapse:collapse}ul.pureCssMenu {
+
 
−
display:block;
+
 
−
zoom:1;
+
.not-started {
−
float: left;
+
  color: #9C0006;
 +
  background-color: #FFC7CE;
 
}
 
}
−
ul.pureCssMenu ul{
+
.in-progress {
−
width:137.55px;
+
  color: #9C6500;
 +
  background-color: #FFEB9C;
 
}
 
}
−
ul.pureCssMenu li{
+
.complete {
−
display:block;
+
  text-decoration: line-through;
−
margin:1px 0px 0px 1px;
+
  color: #006100;
−
font-size:0px;
+
  background-color: #C6EFCE;
 
}
 
}
−
ul.pureCssMenu a:active, ul.pureCssMenu a:focus {
+
 
−
outline-style:none;
+
/* CCC customatisation */
−
}
+
#toc, .toc, .mw-warning {
−
ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover {
+
    background-color: transparent;
−
display:block;
+
    border-style: none;
−
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{
+
body {
−
text-align:left;
+
    background-color: white;
−
padding:0px;
 
−
line-height:0;
 
−
height:100%;
 
 
}
 
}
−
ul.pureCssMenu li.sep span{
+
a, a:visited, a:hover, a:active, div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited, div#mw-panel div.portal div.body ul li a:hover, div#mw-panel div.portal div.body ul li a:active, #mw-panel.collapsible-nav .portal h3 a, .mw-body a.external, .mw-body a.external:visited, .mw-body a.external:hover, .mw-body a.external:active, #mw-panel.collapsible-nav .portal h3 div.vectorTabs li a, div.vectorTabs li a {
−
float:none; padding-right:0;
+
    color: #019164;
−
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{
+
#mw-page-base {
−
position:relative;
+
    background-image: linear-gradient(white 50%,white 100%);
 +
    background-color: white;
 
}
 
}
−
ul.pureCssMenu li:hover>a{
+
h1, h2, h3, h4, h5, h6 {
−
background-color:#FF1C1C;
+
    color: #d00000;
−
border-color:#4C99AB;
+
    border-bottom: 1px solid #e2dbc5;
−
border-style:solid;
 
−
font:normal 11px Arial;
 
−
color: #FFFFFF;
 
−
text-decoration:none;
 
 
}
 
}
−
ul.pureCssMenu li a:hover{
+
div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div#content {
−
position:relative;
+
    color: #4f2711;
−
background-color:#FF1C1C;
 
−
border-color:#4C99AB;
 
−
border-style:solid;
 
−
font:normal 11px Arial;
 
−
color: #FFFFFF;
 
−
text-decoration:none;
 
 
}
 
}
−
ul.pureCssMenu li.dis a {
+
div#content {
−
color: #AAAAAA !important;
+
    border: #e2dbc5 dotted 3px;
 
}
 
}
−
ul.pureCssMenu img {border: none;float:left;_float:none;margin-right:5px;width:16px;
+
div.vectorTabs span {
−
height:16px;
+
    background-image: none;
 
}
 
}
−
ul.pureCssMenu ul img {width:16px;
+
div.vectorTabs, div.vectorTabs ul, div.vectorTabs ul li, div.vectorTabs li.selected {
−
height:16px;
+
    background-color: white;
 +
    background-image: none;
 
}
 
}
−
ul.pureCssMenu img.over{display:none}
+
div.vectorMenu h3 a {
−
ul.pureCssMenu li.dis a:hover img.over{display:none !important}
+
    background-image: none;
−
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 {
−
ul.pureCssMenu ul span,ul.pureCssMenu a:hover table span{background-image:url(./images/arr_blue_2.gif)}
+
    list-style-image: none;
−
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{
+
div#mw-panel {
−
font:o;
+
    top: 110px;
 
}
 
}

Latest revision as of 14:51, 4 June 2016

/* CSS placed here will be applied to all skins */
.wire-frames a, .wire-frames a:visited  {color: #36B}

/* CSS Menus */

#navigation-1 a.new, #navigation-1 a.new:visited {color:#000000}
#navigation-1 li a.external, #navigation-1 li a.external:visited {color:#000000}

div#container
	{ width:740px; height:400px; }

ul#navigation-1
	{ margin:0; padding:1px 0; list-style:none; width:100%; height:24px;font:normal verdana, arial, helvetica; white-space:nowrap; border-top:1px solid #AAAAAA; }
ul#navigation-1 li
	{ margin:0; padding:0; display:block; float:left; position:relative; width:120px; }
ul#navigation-1 li a:link,
ul#navigation-1 li a:visited
	{ padding:4px 0; display:block; text-align:center; text-decoration:none; background:#FFFFFF; width:120px; 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:#C0C0C0; width:120px; height:13px; border-left:1px solid #AAAAAA; border-right:1px solid #AAAAAA; }
	
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 #AAAAAA; 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; }

ul#navigation-1 li ul.navigation-2 li a:link,
ul#navigation-1 li ul.navigation-2 li a:visited
	{ clear:left; background:#FFFFFF; padding:4px 0; width:146px; border:none; border-bottom:1px solid #AAAAAA; 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:#C0C0C0; padding:4px 0; width:146px; border:none; border-bottom:1px solid #AAAAAA; 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 1px 1px; border:1px solid #AAAAAA; 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:#FFFFFF; }
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:#C0C0C0; }
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; }


.high, li.high a.new, #bodyContent li.high a.external, #bodyContent li.high a {color:#953735}
.medium, li.medium a.new, #bodyContent li.medium a.external, #bodyContent li.medium a {color:#E46C0A}
.low, li.low a.new, #bodyContent li.low a.external, #bodyContent li.low a {color:#77933C}

table.wiki {background:#fff;width:480px;border-collapse:collapse;text-align:left;margin:20px}
table.wiki th {font-weight:bold;color:#039;border-bottom:2px solid #6678b1;padding:10px 8px;vertical-align:top}
table.wiki td{border-bottom:1px solid #ccc;padding:6px 8px;vertical-align:top}
table.wiki tbody tr:hover td{color:#009;}

table { word-wrap: break-word; }

.warning {
  padding: 10px;
  font-size: 12px;
  color: #404040;
  background-color: #eedc94;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94));
  background-image: -moz-linear-gradient(top, #fceec1, #eedc94);
  background-image: -ms-linear-gradient(top, #fceec1, #eedc94);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94));
  background-image: -webkit-linear-gradient(top, #fceec1, #eedc94);
  background-image: -o-linear-gradient(top, #fceec1, #eedc94);
  background-image: linear-gradient(top, #fceec1, #eedc94);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1', endColorstr='#eedc94', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #eedc94 #eedc94 #e4c652;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  border-width: 1px;
  border-style: solid;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
}


.not-started {
  color: #9C0006;
  background-color: #FFC7CE;
}
.in-progress {
  color: #9C6500;
  background-color: #FFEB9C;
}
.complete {
  text-decoration: line-through;
  color: #006100;
  background-color: #C6EFCE;
}

/* CCC customatisation */
#toc, .toc, .mw-warning {
    background-color: transparent;
    border-style: none;
}
body {
    background-color: white;
}
a, a:visited, a:hover, a:active, div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited, div#mw-panel div.portal div.body ul li a:hover, div#mw-panel div.portal div.body ul li a:active, #mw-panel.collapsible-nav .portal h3 a, .mw-body a.external, .mw-body a.external:visited, .mw-body a.external:hover, .mw-body a.external:active, #mw-panel.collapsible-nav .portal h3 div.vectorTabs li a, div.vectorTabs li a {
    color: #019164;
}
#mw-page-base {
    background-image: linear-gradient(white 50%,white 100%);
    background-color: white;
}
h1, h2, h3, h4, h5, h6 {
    color: #d00000;
    border-bottom: 1px solid #e2dbc5;
}
div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div#content {
    color: #4f2711;
}
div#content {
    border: #e2dbc5 dotted 3px;
}
div.vectorTabs span {
    background-image: none;
}
div.vectorTabs, div.vectorTabs ul, div.vectorTabs ul li, div.vectorTabs li.selected {
    background-color: white;
    background-image: none;
}
div.vectorMenu h3 a {
    background-image: none;
}
ul {
    list-style-image: none;
}
div#mw-panel {
    top: 110px;
}
Retrieved from "http://wiki.ccchislehurst.org/index.php?title=MediaWiki:Common.css&oldid=39572"