Difference between revisions of "MediaWiki:Common.css"

From X-Cart 4 Classic
Jump to: navigation, search
 
(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 ***********/
  
/* styles used on welcome page */
+
/***** 1. INDICATION OF NAMESPACES *****/
div.userspace {
+
 
padding-left: 130px;
+
/* Pseudo NS Special (light grey) */
background: url(images/4/42/Userportal.png) top left no-repeat;
+
.ns--2 #content { background-color: #f4f4f4; }
height: 140px;
+
.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 *****************/
  
div.devspace {
+
/**hide pagename and "redirected from" **/
padding-left: 130px;
+
body.page-Welcome_to_Qualiteam_Help h1.firstHeading { display:none; }
background: url(images/4/41/Developers.png) top left no-repeat;
+
body.page-Main_Page h1.firstHeading { display:none; }
height: 140px;
+
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; }
+
 
 +
# Privacy, #about, #disclaimer { display:none; }
 +
 
 
}
 
}
+
 
 
/* hide arrows on selected external links */
 
/* hide arrows on selected external links */
 
.plainlinksneverexpand a {
 
.plainlinksneverexpand a {
background:none !important;
+
background:none !important;
padding:0 !important;
+
padding:0 !important;
 
}
 
}
+
 
 
/* highlight page protection */
 
/* highlight page protection */
 
.mw-textarea-protected {
 
.mw-textarea-protected {
border:2px solid #F00;
+
border:2px solid #F00;
color:gray;
+
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;
+
margin:1em 1em 1em 0;
border:1px solid #AAA;
+
border:1px solid #AAA;
border-collapse:collapse;
+
border-collapse:collapse;
background:#F9F9F9;
+
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;
+
padding:0.2em;
border:1px solid #AAA;
+
border:1px solid #AAA;
 
}
 
}
+
 
 
table.wikitable th,
 
table.wikitable th,
 
table.prettytable th {
 
table.prettytable th {
background:#F2F2F2;
+
background:#F2F2F2;
text-align:center;
+
text-align:center;
 
}
 
}
+
 
 
table.wikitable caption,
 
table.wikitable caption,
 
table.prettytable caption {
 
table.prettytable caption {
margin-left:inherit;
+
margin-left:inherit;
margin-right:inherit;
+
margin-right:inherit;
 
}
 
}
  
/*******************
+
/**** Infoboxes *******************/
** Infoboxes
+
 
*******************/
 
 
.infobox {
 
.infobox {
float:right;
+
float:right;
clear:right;
+
clear:right;
margin-bottom:0.5em;
+
margin-bottom:0.5em;
margin-left:1em;
+
margin-left:1em;
padding:0.2em;
+
padding:0.2em;
border:1px solid #AAA;
+
border:1px solid #AAA;
background:#F9F9F9;
+
background:#F9F9F9;
color:black;
+
color:black;
 
}
 
}
+
 
 
.infobox td,
 
.infobox td,
 
.infobox th {
 
.infobox th {
vertical-align:top;
+
vertical-align:top;
 
}
 
}
+
 
 
.infobox caption {
 
.infobox caption {
margin-left:inherit;
+
margin-left:inherit;
font-size:larger;
+
font-size:larger;
 
}
 
}
+
 
 
.infobox.bordered {
 
.infobox.bordered {
border-collapse:collapse;
+
border-collapse:collapse;
 
}
 
}
+
 
 
.infobox.bordered td,
 
.infobox.bordered td,
 
.infobox.bordered th {
 
.infobox.bordered th {
border:1px solid #AAA;
+
border:1px solid #AAA;
 
}
 
}
+
 
 
.infobox.bordered .borderless td,
 
.infobox.bordered .borderless td,
 
.infobox.bordered .borderless th {
 
.infobox.bordered .borderless th {
border:0;
+
border:0;
 
}
 
}
  
 
/* highlighting notes */
 
/* highlighting notes */
 
div.note {
 
div.note {
padding: 5px;
+
padding: 5px;
background:#CCCCCC;
+
padding-left: 20px;
width:100%;
+
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;
}