Difference between revisions of "MediaWiki:Common.css"
| Line 5: | Line 5: | ||
/* Pseudo NS Special (light grey) */  | /* Pseudo NS Special (light grey) */  | ||
.ns--2 #content { background-color: #f4f4f4; }  | .ns--2 #content { background-color: #f4f4f4; }  | ||
| − | .ns--2 div.thumb { border-color: #f4f4f4; }    | + | .ns--2 div.thumb { border-color: #f4f4f4; }  | 
/* NS MediaWiki + MediaWiki_talk (light grey) */  | /* NS MediaWiki + MediaWiki_talk (light grey) */  | ||
.ns-8 #content, .ns-9 #content { background-color: #f4f4f4; }  | .ns-8 #content, .ns-9 #content { background-color: #f4f4f4; }  | ||
| − | .ns-8 div.thumb, .ns-9 div.thumb { border-color: #f4f4f4; }    | + | .ns-8 div.thumb, .ns-9 div.thumb { border-color: #f4f4f4; }  | 
/****** custom namespaces ********  | /****** custom namespaces ********  | ||
| Line 20: | Line 20: | ||
.ns-104 #content, .ns-105 #content { background-color: #FFFAE8; }  | .ns-104 #content, .ns-105 #content { background-color: #FFFAE8; }  | ||
.ns-104 div.thumb, .ns-105 div.thumb { border-color: #FFFAE8; }  | .ns-104 div.thumb, .ns-105 div.thumb { border-color: #FFFAE8; }  | ||
| − | ********************************/  | + | |
| + | ******************************** /  | ||
/***** 2. COLOR CLASSES FOR CONTENT  *****/  | /***** 2. COLOR CLASSES FOR CONTENT  *****/  | ||
| − | + | ||
/* Border colors */  | /* Border colors */  | ||
.borderc1 { border-color: #e9e9e9; border-width: thin; }  /* light grey */  | .borderc1 { border-color: #e9e9e9; border-width: thin; }  /* light grey */  | ||
| Line 33: | Line 34: | ||
.borderc7 { border-color: #008040; border-width: thin; }  /* green */  | .borderc7 { border-color: #008040; border-width: thin; }  /* green */  | ||
.borderc8 { border-color: #ffcc00; border-width: thin; }  /* yellow */  | .borderc8 { border-color: #ffcc00; border-width: thin; }  /* yellow */  | ||
| − | + | ||
/* Background colors */  | /* Background colors */  | ||
.backgroundc1 { background-color: #ffffff; }  /* white */  | .backgroundc1 { background-color: #ffffff; }  /* white */  | ||
.backgroundc2 { background-color: #f9f9f9; }  /* light grey (as toc)  */  | .backgroundc2 { background-color: #f9f9f9; }  /* light grey (as toc)  */  | ||
| − | .backgroundc3 { background-color: #eeeeee; }  /* light grey (headers) */    | + | .backgroundc3 { background-color: #eeeeee; }  /* light grey (headers) */  | 
.backgroundc4 { background-color: #e0e0e0; }  /* more grey */  | .backgroundc4 { background-color: #e0e0e0; }  /* more grey */  | ||
.backgroundc5 { background-color: #d2d2d2; }  /* more grey */  | .backgroundc5 { background-color: #d2d2d2; }  /* more grey */  | ||
| Line 46: | Line 47: | ||
/********** Styles used on welcome page *****************/  | /********** Styles used on welcome page *****************/  | ||
| − | /**hide pagename**/  | + | /**hide pagename and "redirected from" **/  | 
body.page-Welcome_to_Qualiteam_Help h1.firstHeading { display:none; }  | body.page-Welcome_to_Qualiteam_Help h1.firstHeading { display:none; }  | ||
body.page-Main_Page h1.firstHeading { display:none; }  | body.page-Main_Page h1.firstHeading { display:none; }  | ||
| − | + | body.page-Welcome_to_Qualiteam_Help div.contentSub { display:none; }  | |
| − | |||
| − | |||
| − | |||
div.userspace {  | div.userspace {  | ||
| − | + |  padding-left: 130px;  | |
| − | + |  background: url(images/4/42/Userportal.png) top left no-repeat;  | |
}  | }  | ||
div.devspace {  | div.devspace {  | ||
| − | + |  padding-left: 130px;  | |
| − | + |  background: url(images/4/41/Developers.png) top left no-repeat;  | |
| − | + |  height: 140px;  | |
}  | }  | ||
/* hide unneeded content when printing */  | /* hide unneeded content when printing */  | ||
@media print {  | @media print {  | ||
| − | #privacy, #about, #disclaimer { display:none; }  | + | |
| + | # privacy, #about, #disclaimer { display:none; }  | ||
| + | |||
}  | }  | ||
/* hide arrows on selected external links */  | /* hide arrows on selected external links */  | ||
.plainlinksneverexpand a {  | .plainlinksneverexpand a {  | ||
| − | + |  background:none !important;  | |
| − | + |  padding:0 !important;  | |
}  | }  | ||
/* highlight page protection */  | /* highlight page protection */  | ||
.mw-textarea-protected {  | .mw-textarea-protected {  | ||
| − | + |  border:2px solid #F00;  | |
| − | + |  color:gray;  | |
}  | }  | ||
/** Font size for preformatted-blocks **/  | /** Font size for preformatted-blocks **/  | ||
| − | #bodyContent pre { font-size:10px; }  | + | |
| + | # bodyContent pre { font-size:10px; }  | ||
| + | |||
/*******************  | /*******************  | ||
| + | |||
** Hide selected content (should rarely be used, accessibility issues)  | ** Hide selected content (should rarely be used, accessibility issues)  | ||
| − | *******************/  | + | ******************* /  | 
| + | |||
.hiddenStructure { display:none; }  | .hiddenStructure { display:none; }  | ||
.if { display:none; }  | .if { display:none; }  | ||
/*******************  | /*******************  | ||
| + | |||
** Table formatting  | ** Table formatting  | ||
| − | *******************/  | + | ******************* /  | 
| + | |||
table.wikitable,  | table.wikitable,  | ||
table.prettytable {  | table.prettytable {  | ||
| − | + |  margin:1em 1em 1em 0;  | |
| − | + |  border:1px solid #AAA;  | |
| − | + |  border-collapse:collapse;  | |
| − | + |  background:#F9F9F9;  | |
}  | }  | ||
| − | + | ||
table.wikitable th, table.wikitable td,  | table.wikitable th, table.wikitable td,  | ||
table.prettytable th, table.prettytable td {  | table.prettytable th, table.prettytable td {  | ||
| − | + |  padding:0.2em;  | |
| − | + |  border:1px solid #AAA;  | |
}  | }  | ||
| − | + | ||
table.wikitable th,  | table.wikitable th,  | ||
table.prettytable th {  | table.prettytable th {  | ||
| − | + |  background:#F2F2F2;  | |
| − | + |  text-align:center;  | |
}  | }  | ||
| − | + | ||
table.wikitable caption,  | table.wikitable caption,  | ||
table.prettytable caption {  | table.prettytable caption {  | ||
| − | + |  margin-left:inherit;  | |
| − | + |  margin-right:inherit;  | |
}  | }  | ||
/*******************  | /*******************  | ||
| + | |||
** Infoboxes  | ** Infoboxes  | ||
| − | *******************/  | + | ******************* /  | 
| + | |||
.infobox {  | .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 td,  | ||
.infobox th {  | .infobox th {  | ||
| − | + |  vertical-align:top;  | |
}  | }  | ||
| − | + | ||
.infobox caption {  | .infobox caption {  | ||
| − | + |  margin-left:inherit;  | |
| − | + |  font-size:larger;  | |
}  | }  | ||
| − | + | ||
.infobox.bordered {  | .infobox.bordered {  | ||
| − | + |  border-collapse:collapse;  | |
}  | }  | ||
| − | + | ||
.infobox.bordered td,  | .infobox.bordered td,  | ||
.infobox.bordered th {  | .infobox.bordered th {  | ||
| − | + |  border:1px solid #AAA;  | |
}  | }  | ||
| − | + | ||
.infobox.bordered .borderless td,  | .infobox.bordered .borderless td,  | ||
.infobox.bordered .borderless th {  | .infobox.bordered .borderless th {  | ||
| − | + |  border:0;  | |
}  | }  | ||
/* highlighting notes */  | /* highlighting notes */  | ||
div.note {  | 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 {  | 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;  | |
}  | }  | ||
Revision as of 16:57, 4 February 2010
/************ 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; }
/****** custom namespaces ********
.ns-100 #content, .ns-101 #content { background-color: #FFFAE8; }
.ns-100 div.thumb, .ns-101 div.thumb { border-color: #FFFAE8; }
.ns-102 #content, .ns-103 #content { background-color: #F8FEFF; }
.ns-102 div.thumb, .ns-103 div.thumb { border-color: #F8FEFF; }
.ns-104 #content, .ns-105 #content { background-color: #FFFAE8; }
.ns-104 div.thumb, .ns-105 div.thumb { border-color: #FFFAE8; }
******************************** /
/***** 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 *****************/
/**hide pagename and "redirected from" **/
body.page-Welcome_to_Qualiteam_Help h1.firstHeading { display:none; }
body.page-Main_Page h1.firstHeading { display:none; }
body.page-Welcome_to_Qualiteam_Help div.contentSub { display:none; }
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;
}
/** Font size for preformatted-blocks **/
# bodyContent pre { font-size:10px; }
/*******************
** 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;
}