Difference between revisions of "MediaWiki:Common.css"

/************ CSS placed here will be applied to all skins ***********/

/***** 1. INDICATION OF NAMESPACES *****/
 
/* Pseudo NS Special (light grey) */
.ns--2 #content { background-color: #f4f4f4; }
.ns--2 div.thumb { border-color: #f4f4f4; } 
 
/* NS MediaWiki + MediaWiki_talk (light grey) */
.ns-8 #content, .ns-9 #content { background-color: #f4f4f4; }
.ns-8 div.thumb, .ns-9 div.thumb { border-color: #f4f4f4; } 
 
/* NS X-Cart + X-Cart_talk */
.ns-100, .ns-101 #content { background-color: #FFF4E0; }
.ns-100 div.thumb, .ns-101 div.thumb { border-color: #f3f3ff; } 

/* NS LiteCommerce + LiteCommerce_talk */
.ns-102 #content, .ns-103 #content { background-color: #DEE8FF; }
.ns-102 div.thumb, .ns-103 div.thumb { border-color: #f3f3ff; } 

/* NS X-Payments + X-Payments_talk */
.ns-104 #content, .ns-105 #content { background-color: #FFF4E0; }
.ns-104 div.thumb, .ns-105 div.thumb { border-color: #f3f3ff; } 
 
/***** 2. COLOR CLASSES FOR CONTENT  *****/
 
/* Border colors */
.borderc1 { border-color: #e9e9e9; border-width: thin; }  /* light grey */
.borderc2 { border-color: #aaaaaa; border-width: thin; }  /* grey (as toc) */
.borderc3 { border-color: #777777; border-width: thin; }  /* dark grey */
.borderc4 { border-color: #000000; border-width: thin; }  /* black */
.borderc5 { border-color: #c00000; border-width: thin; }  /* red */
.borderc6 { border-color: #025e9d; border-width: thin; }  /* blue */
.borderc7 { border-color: #008040; border-width: thin; }  /* green */
.borderc8 { border-color: #ffcc00; border-width: thin; }  /* yellow */
 
/* Background colors */
.backgroundc1 { background-color: #ffffff; }  /* white */
.backgroundc2 { background-color: #f9f9f9; }  /* light grey (as toc)  */
.backgroundc3 { background-color: #eeeeee; }  /* light grey (headers) */ 
.backgroundc4 { background-color: #e0e0e0; }  /* more grey */
.backgroundc5 { background-color: #d2d2d2; }  /* more grey */
.backgroundc6 { background-color: #b7b7b7; }  /* more grey */
.backgroundc7 { background-color: #a3a3a3; }  /* darker grey */
.backgroundc8 { background-color: #444455; }  /* very dark grey */

/********** Styles used on welcome page *****************/
div.userspace {
	padding-left: 130px;
	background: url(images/4/42/Userportal.png) top left no-repeat;
}

div.devspace {
	padding-left: 130px;
	background: url(images/4/41/Developers.png) top left no-repeat;
	height: 140px;
}

/* hide unneeded content when printing */
@media print {
#privacy, #about, #disclaimer { display:none; }
}
 
/* hide arrows on selected external links */
.plainlinksneverexpand a {
	background:none !important;
	padding:0 !important;
}
 
/* highlight page protection */
.mw-textarea-protected {
	border:2px solid #F00;
	color:gray;
}
 
/*******************
** Hide selected content (should rarely be used, accessibility issues)
*******************/
.hiddenStructure { display:none; }
.if { display:none; }
 
/*******************
** Table formatting
*******************/
table.wikitable,
table.prettytable {
	margin:1em 1em 1em 0;
	border:1px solid #AAA;
	border-collapse:collapse;
	background:#F9F9F9;
}
 
table.wikitable th, table.wikitable td,
table.prettytable th, table.prettytable td {
	padding:0.2em;
	border:1px solid #AAA;
}
 
table.wikitable th,
table.prettytable th {
	background:#F2F2F2;
	text-align:center;
}
 
table.wikitable caption,
table.prettytable caption {
	margin-left:inherit;
	margin-right:inherit;
}

/*******************
** Infoboxes
*******************/
.infobox {
	float:right;
	clear:right;
	margin-bottom:0.5em;
	margin-left:1em;
	padding:0.2em;
	border:1px solid #AAA;
	background:#F9F9F9;
	color:black;
}
 
.infobox td,
.infobox th {
	vertical-align:top;
}
 
.infobox caption {
	margin-left:inherit;
	font-size:larger;
}
 
.infobox.bordered {
	border-collapse:collapse;
}
 
.infobox.bordered td,
.infobox.bordered th {
	border:1px solid #AAA;
}
 
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
	border:0;
}

/* highlighting notes */
div.note {
	padding: 5px;
	padding-left: 20px;
	background:#E3E3E3;
	background-image: url(http://help.qtmsoft.com/images/5/55/Lamp.gif);
	background-position: top left;
	background-repeat: no-repeat;
	margin: 15px;
}

div.sun {
	padding: 5px;
	padding-left: 20px;
	background-image: url(http://help.qtmsoft.com/images/f/f0/Sun.gif);
	background-position: top left;
	background-repeat: no-repeat;
}