MediaWiki:Common.css
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; }