Difference between revisions of "MediaWiki:Common.css"

From X-Cart 4 Classic
Jump to: navigation, search
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; }
table.mainmenu { border-width: 1px; }
 
 
 
table.mainmenu li { list-style-type: none }
 
  
 
div.userspace {
 
div.userspace {
padding-left: 130px;
+
padding-left: 130px;
background: url(images/4/42/Userportal.png) top left no-repeat;
+
background: url(images/4/42/Userportal.png) top left no-repeat;
 
}
 
}
  
 
div.devspace {
 
div.devspace {
padding-left: 130px;
+
padding-left: 130px;
background: url(images/4/41/Developers.png) top left no-repeat;
+
background: url(images/4/41/Developers.png) top left no-repeat;
height: 140px;
+
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;
+
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 **/
 
/** 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;
+
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;
padding-left: 20px;
+
padding-left: 20px;
background:#E3E3E3;
+
background:#E3E3E3;
background-image: url(http://help.qtmsoft.com/images/5/55/Lamp.gif);
+
background-image: url(http://help.qtmsoft.com/images/5/55/Lamp.gif);
background-position: top left;
+
background-position: top left;
background-repeat: no-repeat;
+
background-repeat: no-repeat;
margin: 15px;
+
margin: 15px;
 
}
 
}
  
 
div.sun {
 
div.sun {
padding: 5px;
+
padding: 5px;
padding-left: 20px;
+
padding-left: 20px;
background-image: url(http://help.qtmsoft.com/images/f/f0/Sun.gif);
+
background-image: url(http://help.qtmsoft.com/images/f/f0/Sun.gif);
background-position: top left;
+
background-position: top left;
background-repeat: no-repeat;
+
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;
}