Difference between revisions of "MediaWiki:Common.css"
| (72 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 ***********/  | 
| − | /*   | + | /***** 1. INDICATION OF NAMESPACES *****/  | 
| − | div.  | + | |
| − | + | /* 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 #contentSub { display:none; }  | |
| − | }  | ||
/* hide unneeded content when printing */  | /* hide unneeded content when printing */  | ||
@media print {  | @media print {  | ||
| − | #  | + | |
| + | # 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 **/  | 
| − | ** Hide selected content (should rarely be used, accessibility issues)  | + | |
| − | + | # BodyContent pre { font-size:10px; }  | |
| + | |||
| + | |||
| + | /** 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(/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(/images/f/f0/Sun.gif);  | ||
| + | background-position: top left;  | ||
| + | background-repeat: no-repeat;  | ||
}  | }  | ||
Latest revision as of 18:52, 18 October 2017
/************ 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 #contentSub { display:none; }
/* 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(/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(/images/f/f0/Sun.gif);
background-position: top left;
background-repeat: no-repeat;
}