Difference between revisions of "MediaWiki:Common.css"

From CCCWiki
Jump to: navigation, search
 
(42 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 */
li a.new {color:#000000}
+
.wire-frames a, .wire-frames a:visited  {color: #36B}
#bodyContent li a.external {color:#000000}
 
.high, li.high a.new, #bodyContent li.high a.external {color:#953735}
 
.medium, li.medium a.new, #bodyContent li.medium a.external {color:#E46C0A}
 
.low, li.low a.new, #bodyContent li.low a.external {color:#77933C}
 
  
 
/* CSS Menus */
 
/* 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
 
div#container
 
{ width:740px; height:400px; }
 
{ width:740px; height:400px; }
  
 
ul#navigation-1
 
ul#navigation-1
{ margin:0; padding:1px 0; list-style:none; width:100%; height:21px; border-top:1px solid #AAAAAA; border-bottom:1px solid #AAAAAA; font:normal 8pt verdana, arial, helvetica; white-space:nowrap;}
+
{ 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
 
ul#navigation-1 li
{ margin:0; padding:0; display:block; float:left; position:relative; width:148px; }
+
{ margin:0; padding:0; display:block; float:left; position:relative; width:120px; }
 
ul#navigation-1 li a:link,
 
ul#navigation-1 li a:link,
 
ul#navigation-1 li a:visited
 
ul#navigation-1 li a:visited
{ padding:4px 0; display:block; text-align:center; text-decoration:none; background:#FFFFFF; width:148px; height:13px; }
+
{ 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:hover a,
 
ul#navigation-1 li a:hover,
 
ul#navigation-1 li a:hover,
 
ul#navigation-1 li a:active
 
ul#navigation-1 li a:active
{ padding:4px 0; display:block; text-align:center; text-decoration:none; background:#C0C0C0; width:146px; height:13px; border-left:1px solid #AAAAAA; border-right:1px solid #AAAAAA; }
+
{ 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
 
ul#navigation-1 li ul.navigation-2
Line 27: Line 27:
 
{ display:block; }
 
{ display:block; }
 
ul#navigation-1 li ul.navigation-2 li
 
ul#navigation-1 li ul.navigation-2 li
{ width:146px; clear:left; width:125px; }
+
{ width:146px; clear:left; }
  
 
ul#navigation-1 li ul.navigation-2 li a:link,
 
ul#navigation-1 li ul.navigation-2 li a:link,
Line 53: Line 53:
 
ul#navigation-1 li ul.navigation-2 li a:hover span
 
ul#navigation-1 li ul.navigation-2 li a:hover span
 
{ position:absolute; top:0; left:132px; font-size:12pt; }
 
{ 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;
 +
}

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;
}