MediaWiki:Common.css

From CCCWiki
Jump to: navigation, search

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* 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;
}