Difference between revisions of "MediaWiki:Common.css"

From CCCWiki
Jump to: navigation, search
m
Line 106: Line 106:
 
   color: #006100;
 
   color: #006100;
 
   background-color: #C6EFCE;
 
   background-color: #C6EFCE;
 +
}
 +
 +
#toc, .toc, .mw-warning {
 +
background-color: #f3f0e7;
 +
border-color: #e2dbc5;
 
}
 
}

Revision as of 14:08, 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;
}

#toc, .toc, .mw-warning {
background-color: #f3f0e7;
border-color: #e2dbc5;
}