MediaWiki:Common.css

From ScoutWiki, For Everyone, Everywhere involved with Scouting and Guiding...
Revision as of 13:00, 2 April 2010 by Florian (talk | contribs) (test)
Jump to navigation Jump to search

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
Please check for any errors with the [http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Ftrain.spottingworld.com%2FMediaWiki%3ACommon.css&warning=1&profile=css21&usermedium=all validation service] after any changes.

/** CSS placed here will be applied to all skins
<pre><nowiki>
*/

/* <pre><nowiki> */
 
/* Main page fixes */
#interwiki-completelist {
    font-weight: bold;
}
 
/* make the list of references look smaller */
ol.references {
   font-size: 100%;
}

.references-small { font-size: 90%;}

/* VALIDATOR NOTICE: the following is correct, but the W3C validator doesn't accept it */
/* -moz-* is a vendor-specific extension (CSS 2.1 4.1.2.1) */
/* column-count is from the CSS3 module "CSS Multi-column Layout" */
/* Please ignore any validator errors caused by these two lines */
.references-2column {
  font-size: 90%;
  -moz-column-count:2;
  column-count:2;
}

/* calendar extension */
.calendar {
    border: 1px solid #bbbbbb;
    font-size: 9px;
    line-height: normal;
}

.calendar a {
    color: #000000;
}

.calendar td {
    text-align: center;
    padding: 4px;
    margin: 0;
    background-color: #dddddd;
}

.calendarTop td {
    background-color: #bbbbbb;
    font-weight: bold;
}

.calendarTop a {
    color: #000000;
}

.calendarDayNames {
    background-color: #dddddd;    
}

.calendarupcoming {
    border: 1px solid #bbbbbb;
    font-size: 10px;
    line-height: normal;
    margin-top: 6px;
}

.calendarupcomingTop  {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 3px;
    padding-right: 3px;
    background-color: #bbbbbb;
    font-weight: bold;
}

.calendarupcomingBottom {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 3px;
    padding-right: 3px;
    background-color: #bbbbbb;
    font-weight: bold;
}

.calendarupcomingBottom a {
    color: #000000;
}

.calendarupcomingRow1 {
    padding: 3px;
}

.calendarupcomingRow2 {
    padding: 3px;
    border-top: 1px dotted #bbbbbb;    
}

.calendarupcomingRow1 a {
    color: #000000;
}

.calendarupcomingRow1 a:visited {
    color: #000000;
}

.calendarupcomingRow2 a {
    color: #000000;
}

.calendarupcomingRow2 a:visited {
    color: #000000;
}

/* wikitable/prettytable class for skinning normal tables */
<source lang="css">

table.wikitable {
 margin-top:1em;
 margin-bottom:1em;
 background:#F9F9F9;
 border:1px #AAA solid;
 border-collapse:collapse;
}
 
table.wikitable th, table.wikitable td {
 border:1px #AAA solid;
 padding:.3em;
}
 
table.wikitable th, .wikitable_header {
 background:#F2F2F2;
 text-align:center;
}
 
table.wikitable caption {
 margin-left:inherit;
 margin-right:inherit;
}
</source>
/* default skin for navigation boxes */
table.navbox {
    background-color: #f9f9f9;
    border: 1px solid #aaa;
    clear: both;
    font-size: 90%;
    margin: 1em 0em 0em;
    padding: 2px;
    text-align: center;
    width: 100%;
}

table.navbox th {
    background-color: #ccf;
    padding-left: 1em;
    padding-right: 1em;
}

table.navbox tr:not(:first-child) th {
    background-color: #ddf;
}

@media print {
    .navbox {
        display: none;
    }
}
<source lang="css">

.i_bg {width:280px; min-height:275px; float:right; margin-left:5px; margin-bottom:1em; background-repeat:repeat-y;}
 
.infobox {width:280px; background-repeat:no-repeat;}
 
.infobox .i_in {min-height:250px; padding:15px; margin-bottom:-15px; font-size:90%; text-align:center;}
 
.infobox div.title {font-size:110%; font-weight:bold; padding:2px; margin:0 0 10px 0;}
 
.infobox div.subtitle {font-weight:bold; padding:0; margin:0;}
 
.infobox hr {height:2px; border:0; clear:both;}
 
.infobox table {width:100%; background-color:transparent;}
 
.infobox table th {text-align:left; vertical-align:top;}
 
.infobox table td {text-align:left; vertical-align:middle;}
 
.i_footer {width:280px; height:25px; background-repeat:no-repeat;}
 
/*** Classes for special colors of the domains ***/
 
/* Technic */ 
.i_technics {background-image:url("images/tpl/infobox_haut_techniques.png");}
 
.i_technics div.title {border-bottom:2px solid #f7dfb9;}
 
.i_technics div.subtitle {background-color:#e1be66;}
 
.i_technics hr {color:#e1be66; background-color:#e1be66;}
 
.ibg_technics {background-image:url("images/tpl/infobox_bg_techniques.png");}
 
.if_technics {background-image:url("images/tpl/infobox_bas_techniques.png");}
 
/* Activities */ 
.i_activities {background-image:url("images/tpl/infobox_haut_animation.png");}
 
.i_activities div.title {border-bottom:2px solid #f0ff80;}
 
.i_activities div.subtitle {background-color:#ffdf80;}
 
.i_activities hr {color:#ffdf80; background-color:#ffdf80;}
 
.ibg_activities {background-image:url("images/tpl/infobox_bg_animation.png");}
 
.if_activities {background-image:url("images/tpl/infobox_bas_animation.png");}
 
 
/* Scout method */ 
.i_method {background-image:url("images/tpl/infobox_haut_theorie.png");}
 
.i_method div.title {border-bottom:2px solid #ffd6d6;}
 
.i_method div.subtitle {background-color:#ffb6b6;}
 
.i_method hr {color:#ffb6b6; background-color:#ffb6b6;}
 
.ibg_method {background-image:url("images/tpl/infobox_bg_theorie.png");}
 
.if_method {background-image:url("images/tpl/infobox_bas_theorie.png");}
 
/* Scouting in the world */ 
.i_world {background-image:url("images/tpl/infobox_haut_monde.png");}
 
.i_world div.title {border-bottom:2px solid #dcf2e4;}
 
.i_world div.subtitle {background-color:#98e6b2;}
 
.i_world hr {color:#98e6b2; background-color:#98e6b2;}
 
.ibg_world {background-image:url("images/tpl/infobox_bg_monde.png");}
 
.if_world {background-image:url("images/tpl/infobox_bas_monde.png");}
 
/* History of scouting */ 
.i_history {background-image:url("images/tpl/infobox_haut_histoire.png");}
 
.i_history div.title {border-bottom:2px solid #cafdb5;}
 
.i_history div.subtitle {background-color:#add67a;}
 
.i_history hr {color:#add67a; background-color:#add67a;}
 
.ibg_history {background-image:url("images/tpl/infobox_bg_histoire.png");}
 
.if_history {background-image:url("images/tpl/infobox_bas_histoire.png");}
 
/* Univers */ 
.i_univers {background-image:url("images/tpl/infobox_haut_univers.png");}
 
.i_univers div.title {border-bottom:2px solid #e1cffb;}
 
.i_univers div.subtite {background-color:#d0adff;}
 
.i_univers hr {color:#d0adff; background-color:#d0adff;}
 
.ibg_univers {background-image:url("images/tpl/infobox_bg_univers.png");}
 
.if_univers {background-image:url("images/tpl/infobox_bas_univers.png");}
</source>

/* Style for "notices" */
.notice {
    margin: 1em;
    padding: 0.2em;
}

#disambig {
    border-top: 1px solid #ccc; 
    border-bottom: 1px solid #ccc;
}

.spoiler {
    border-top: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
}

/* Standard talk template style */

.Talk-Notice  {
    border: 1px solid #C0C090;
    background-color: #F8EABA;
    margin-bottom: 3px;
    width: 85%;
    border-spacing: 3px;
    margin-left: auto;
    margin-right: auto;
}

.Talk-Notice:after {
  content: "The CSS for this template should be changed. See [[Wikipedia:Template Standardisation]].";
}

/* Make template background appear correctly on all browsers */
.Talk-Notice td {
    background: inherit;
}

/* Persondata */
table.persondata {
    border: 1px solid #aaa;
    display: none;
    speak: none;
}
.persondata-label {
    color: #aaa;
}

/* Makes redirects appear in italics in categories and on [[Special:Allpages]] */
.redirect-in-category, .allpagesredirect {
    font-style: italic;
}

/* Messagebox templates */

.messagebox {
   border: 1px solid #aaa;
   background-color: #f9f9f9;
   width: 80%;
   margin: 0 auto 1em auto;
   padding: .2em;
}
.messagebox.merge {
   border: 1px solid #c0b8cc;
   background-color: #f0e5ff;
   text-align: center;
}
.messagebox.cleanup {
   border: 1px solid #9f9fff;
   background-color: #efefff;
   text-align: center;
}
.messagebox.standard-talk {
   border: 1px solid #c0c090;
   background-color: #f8eaba;
}
.messagebox.nested-talk {
   border: 1px solid #c0c090;
   background-color: #f8eaba;
   width: 100%;
   margin: 2px 4px 2px 4px;
}
.messagebox.small {
   width: 238px;
   font-size: 85%;
   float: right;
   clear: both;
   margin: 0 0 1em 1em;
   line-height: 1.25em; 
}

/* Article message box template styles */
table.ambox {
  width: 80%; 
  margin: 0 auto;
  border-collapse: collapse; 
  background: #fbfbfb; 
  border: 1px solid #aaa; 
  border-left: 10px solid #1e90ff;       /* Default "notice" blue */
}
table.ambox th, table.ambox td {      /* The message body cell(s) */
  padding: 0.25em 0.5em;              /* 0.5em left/right */
}
table.ambox td.ambox-image {          /* The left image cell */
  width: 52px; 
  padding: 2px 0px 2px 0.5em;         /* 0.5em left, 0px right */
  text-align: center; 
}
table.ambox td.ambox-imageright {     /* The right image cell */
  width: 52px; 
  padding: 2px 4px 2px 0px;           /* 0px left, 4px right */
  text-align: center; 
}
table.ambox-notice {
  border-left: 10px solid #1e90ff;       /* Blue */
/* border-right: 10px solid #1e90ff; */  /* If you want two blue bars */
}
table.ambox-delete,
table.ambox-serious {
  border-left: 10px solid #b22222;       /* Red */
}
table.ambox-content {
  border-left: 10px solid #f28500;       /* Orange */
}
table.ambox-style {
  border-left: 10px solid #f4c430;       /* Yellow */
}
table.ambox-merge {
  border-left: 10px solid #9932cc;       /* Purple */
}
table.ambox-protection {
  border-left: 10px solid #bba;          /* Gray */
}
table.ambox.ambox-mini {                 /* small floating box variant */
    float: right;
    clear: right;
    margin: 0 0 0 1em;
    width: 25%;
}

/* Needed for {{nowraplinks}} */
.nowraplinks a { white-space: nowrap; }


/*</nowiki></pre>*/

/* Colour the number of characters added/removed in the recent changes/ */
.mw-plusminus-pos {
  color: #006500;
}

.mw-plusminus-neg {
  color: #8B0000;
}