Difference between revisions of "MediaWiki:Common.css"
(65 intermediate revisions by the same user not shown) | |||
Line 2: | Line 2: | ||
/***** 1. INDICATION OF NAMESPACES *****/ | /***** 1. INDICATION OF NAMESPACES *****/ | ||
− | + | ||
/* 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 ******** |
− | .ns-100 #content, .ns-101 #content { background-color: # | + | .ns-100 #content, .ns-101 #content { background-color: #FFFAE8; } |
− | .ns-100 div.thumb, .ns-101 div.thumb { border-color: # | + | .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 */ | /* Border colors */ | ||
− | .borderc1 { border-color: #e9e9e9; border-width: thin; } | + | .borderc1 { border-color: #e9e9e9; border-width: thin; } /* light grey */ |
− | .borderc2 { border-color: #aaaaaa; border-width: thin; } | + | .borderc2 { border-color: #aaaaaa; border-width: thin; } /* grey (as toc) */ |
− | .borderc3 { border-color: #777777; border-width: thin; } | + | .borderc3 { border-color: #777777; border-width: thin; } /* dark grey */ |
− | .borderc4 { border-color: #000000; border-width: thin; } | + | .borderc4 { border-color: #000000; border-width: thin; } /* black */ |
− | .borderc5 { border-color: #c00000; border-width: thin; } | + | .borderc5 { border-color: #c00000; border-width: thin; } /* red */ |
− | .borderc6 { border-color: #025e9d; border-width: thin; } | + | .borderc6 { border-color: #025e9d; border-width: thin; } /* blue */ |
− | .borderc7 { border-color: #008040; border-width: thin; } | + | .borderc7 { border-color: #008040; border-width: thin; } /* green */ |
− | .borderc8 { border-color: #ffcc00; border-width: thin; } | + | .borderc8 { border-color: #ffcc00; border-width: thin; } /* yellow */ |
− | + | ||
/* Background colors */ | /* Background colors */ | ||
− | .backgroundc1 { background-color: #ffffff; } | + | .backgroundc1 { background-color: #ffffff; } /* white */ |
− | .backgroundc2 { background-color: #f9f9f9; } | + | .backgroundc2 { background-color: #f9f9f9; } /* light grey (as toc) */ |
− | .backgroundc3 { background-color: #eeeeee; } | + | .backgroundc3 { background-color: #eeeeee; } /* light grey (headers) */ |
− | .backgroundc4 { background-color: #e0e0e0; } | + | .backgroundc4 { background-color: #e0e0e0; } /* more grey */ |
− | .backgroundc5 { background-color: #d2d2d2; } | + | .backgroundc5 { background-color: #d2d2d2; } /* more grey */ |
− | .backgroundc6 { background-color: #b7b7b7; } | + | .backgroundc6 { background-color: #b7b7b7; } /* more grey */ |
− | .backgroundc7 { background-color: #a3a3a3; } | + | .backgroundc7 { background-color: #a3a3a3; } /* darker grey */ |
− | .backgroundc8 { background-color: #444455; } | + | .backgroundc8 { background-color: #444455; } /* very dark grey */ |
+ | |||
/********** Styles used on welcome page *****************/ | /********** 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;
}