Difference between revisions of "MediaWiki:Common.css"

From mtgpq wiki
Jump to: navigation, search
(Undo revision 139 by Octal9 (talk))
(Tag: Undo)
Line 1: Line 1:
−
/** CSS placed here will be applied to all skins */
+
/*
 +
This is the CSS for all skins (for all users) on MediaWiki.org.
 +
 
 +
SECTIONS:
 +
1. Indication of namespaces
 +
2. Color classes for content
 +
3. Special pages
 +
4. Main page styling
 +
5. Wikitables, warnings, and other such stylings
 +
6. Templates
 +
7. Some other small things
 +
*/
 +
 
 +
/**
 +
* 1. INDICATION OF NAMESPACES
 +
* -------------------------------------------------
 +
*/
 +
 
 +
/* #content for Vector and Monobook, #mw-content for Timeless */
 +
 
 +
/* NS Project + Project_talk (light sky blue) */
 +
.action-view.ns-4 #content, .action-view.ns-4 #mw-content,
 +
.action-view.ns-5 #content, .action-view.ns-5 #mw-content { background-color: #f8fcff; }
 +
.action-view.ns-4 div.thumb,
 +
.action-view.ns-5 div.thumb { border-color: #f8fcff; }
 +
 
 +
/* NS MediaWiki + MediaWiki_talk (light grey) */
 +
.action-view.ns-8 #content, .action-view.ns-8 #mw-content,
 +
.action-view.ns-9 #content, .action-view.ns-9 #mw-content { background-color: #f4f4f4; }
 +
.action-view.ns-8 div.thumb,
 +
.action-view.ns-9 div.thumb { border-color: #f4f4f4; }
 +
 
 +
/* NS Manual + Manual_talk (light bluish violet) */
 +
.action-view.ns-100 #content, .action-view.ns-100 #mw-content,
 +
.action-view.ns-101 #content, .action-view.ns-101 #mw-content { background-color: #f3f3ff; }
 +
.action-view.ns-100 div.thumb,
 +
.action-view.ns-101 div.thumb { border-color: #f3f3ff; }
 +
 
 +
/* NS Help (but NOT Help_talk) (Public Domain icon) */
 +
.action-view.ns-12 #bodyContent {
 +
background-image: url(//upload.wikimedia.org/wikipedia/mediawiki/6/67/PD-icon-faded.png);
 +
background-repeat: no-repeat;
 +
/* @noflip */ background-position: right 5em;
 +
}
 +
 
 +
/**
 +
* 2. COLOR CLASSES FOR CONTENT
 +
* -------------------------------------------------
 +
*/
 +
 
 +
/* Border colors */
 +
.borderc1 { border-color: #e9e9e9; border-width: thin; }
 +
.borderc2 { border-color: #aaaaaa; border-width: thin; }
 +
.borderc3 { border-color: #777777; border-width: thin; }
 +
.borderc4 { border-color: #000000; border-width: thin; }
 +
.borderc5 { border-color: #c00000; border-width: thin; }
 +
.borderc6 { border-color: #025e9d; border-width: thin; }
 +
.borderc7 { border-color: #008040; border-width: thin; }
 +
.borderc8 { border-color: #ffcc00; border-width: thin; } /* Used by [[Template:Welcome]]. */
  
−
/* Import Keyrune */
+
/* Background colors */
−
@import "/index.php?title=MediaWiki:Keyrune.css&action=raw&ctype=text/css";
+
.backgroundc1 { background-color: #ffffff; } /* Used by [[Template:Welcome]]. */
 +
.backgroundc2 { background-color: #f9f9f9; }
 +
.backgroundc3 { background-color: #eeeeee; }
 +
.backgroundc4 { background-color: #e0e0e0; }
 +
.backgroundc5 { background-color: #d2d2d2; }
 +
.backgroundc6 { background-color: #b7b7b7; }
 +
.backgroundc7 { background-color: #a3a3a3; }
 +
.backgroundc8 { background-color: #444455; }
  
−
/* Card links */
+
/**
−
a.autocardhref { font-weight: normal !important; }
+
* 3. SPECIAL PAGES
 +
* -------------------------------------------------
 +
*/
  
−
/* make a few corners round, only supported by moz/firefox/other gecko browsers for now */
+
/* Consistent special page navigation */
−
#p-cactions ul li, #p-cactions ul li a {
+
.SpecialPageInfo {
−
-moz-border-radius-topleft: .5em;
+
background-color: #f9f9f9;
−
-moz-border-radius-topright: .5em;
+
background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/8/89/Exquisite-khelpcenter.png/35px-Exquisite-khelpcenter.png);
 +
background-position: 0.8em 0.5em;
 +
background-repeat: no-repeat;
 +
padding: 0.3em 0.5em 0.3em 5.0em;
 +
border-color: #025e9d;
 +
border-width: 1px;
 +
border-style: solid;
 +
border-bottom-width: medium;
 +
margin-bottom: 1em;
 
}
 
}
−
#content {
+
 
−
-moz-border-radius-topleft: 1em;
+
.mw-viewprevnext {
−
-moz-border-radius-bottomleft: 1em;
+
display: block;
 +
border: 1px solid #cccccc;
 +
background-color: #f9f9f2;
 +
padding: 0.2em 0.4em;
 
}
 
}
−
div.pBody {
+
 
−
-moz-border-radius-topright: 1em;
+
/*
−
-moz-border-radius-bottomright: 1em;
+
* Hide elements on the main page.  
 +
*/
 +
.page-MediaWiki #lastmod,
 +
.page-MediaWiki #siteSub,
 +
.page-MediaWiki #contentSub,
 +
.page-MediaWiki .subtitle,
 +
.page-MediaWiki #jump-to-nav,
 +
.page-MediaWiki .firstHeading {
 +
display: none;
 
}
 
}
−
#footer { margin-top: -0.1em; }
 
  
−
/* Curse footer */
+
/**
 +
* 5. WIKITABLES, WARNINGS AND OTHER SUCH STYLINGS
 +
* -------------------------------------------------
 +
*/
  
−
#ft {
+
/* Custom h* styles (blue headings) */
−
    background: none;
+
.wikitable td.hl3,
 +
.wikitable th.hl3 {
 +
background-color: #8da7d6;
 +
}
 +
.wikitable td.hl1,
 +
.wikitable th.hl1 {
 +
background: #c5d8fc;
 +
}
 +
.wikitable td.hl2,
 +
.wikitable th.hl2 {
 +
background: #a7c1f2;
 +
}
 +
 
 +
/* Make entire table valign=top, to replace the |valign=top| on every cell. */
 +
.vatop tr,
 +
tr.vatop,
 +
.vatop td,
 +
.vatop th {
 +
vertical-align: top;
 +
}
 +
 
 +
/* General purpose "pretty (data) tables" */
 +
table.datatable tr:hover {
 +
background-color: #a7d7f9;
 +
}
 +
 
 +
/* SideBox styling */
 +
div.sideBox {
 +
position: relative;
 +
float: right;
 +
background: white;
 +
margin-left: 1em;
 +
border: 1px solid gray;
 +
padding: 0.3em;
 +
width: 200px;
 +
overflow: hidden;
 +
clear: right;
 +
}
 +
div.sideBox dl {
 +
padding: 0;
 +
margin: 0 0 0.3em 0;
 +
font-size: 96%;
 +
}
 +
div.sideBox dl dt {
 +
background: none;
 +
margin: 0.4em 0 0 0;
 +
}
 +
div.sideBox dl dd {
 +
margin: 0.1em 0 0 1.1em;
 +
background-color: #f3f3f3;
 +
}
 +
 
 +
/* Major warning - used on the main page template to warn against editing carelessly, but can be used elsewhere as well */
 +
.majorwarning {
 +
background: yellow;
 +
padding: 0.3em;
 +
text-align: center;
 +
font-size: 125%;
 +
border: 2px solid red;
 +
}
 +
 
 +
/* Page headings used throughout the wiki (though not very much at the time of writing…) */
 +
.page-notice,
 +
.page-warning {
 +
border-width: 1px;
 +
border-style: solid;
 +
padding: 0.3em 0.5em;
 +
margin-bottom: 1em;
 +
width: 95%;
 +
margin-left: auto;
 +
margin-right: auto;
 +
text-align: center;
 +
}
 +
 
 +
/* Informative notices at the top of pages (blue) */
 +
.page-notice {
 +
background-color: #f9f9f9;
 +
border-color: #025e9d;
 +
text-align: left;
 +
}
 +
 
 +
/* Warning information at the top of pages (red) */
 +
.page-warning {
 +
background-color: #ffffff;
 +
border-color: #c51919;
 +
border-width: 2px;
 +
}
 +
.pw-head {
 +
color: #c51919;
 +
font-weight: bold;
 +
}
 +
 
 +
/**
 +
* Code conventions examples
 +
* Usage: [[mw:CC/JS]], [[mw:CC/CSS]]
 +
* <syntaxhighlight lang=".." class="tpl-code-positive"></syntaxhighlight>
 +
*/
 +
.tpl-code-positive.mw-highlight pre,
 +
.tpl-code-negative.mw-highlight pre {
 +
  /* Reset default browser margin of pre (usually margin: 1em 0;)
 +
    to be all around */
 +
  margin: 1em;
 +
}
 +
/* Use a double selector to override mw-highlight default background color */
 +
.tpl-code-positive.mw-highlight {
 +
  background: #fff;
 +
  border: 2px solid #00af89;
 +
}
 +
.tpl-code-negative.mw-highlight {
 +
  background: #fff;
 +
  border: 2px solid #d33;
 +
}
 +
 
 +
/**
 +
* 6. TEMPLATES
 +
* -------------------------------------------------
 +
*/
 +
 +
/* [[Template:Extension]], [[Template:Skin]] */
 +
.tpl-infobox {
 +
border: 2px solid #aaaaaa;
 +
width: 280px;
 +
/* @noflip */ clear: right;
 +
/* @noflip */ float: right;
 +
margin: 0 0 0.5em 0.5em;
 +
border-collapse: collapse;
 +
background-color: white;
 +
}
 +
.tpl-infobox td {
 +
border: 2px none #aaaaaa;
 +
padding: 0.2em 0.5em;
 +
border-bottom: 1px solid #f0f0f0 !important;
 +
}
 +
.tpl-infobox-header {
 +
background-color: #aaaaaa;
 +
color: white;
 +
text-align: left;
 +
}
 +
.tpl-infobox-header td {
 +
padding-top: 0.5em;
 +
}
 +
.ext-infobox-header img {
 +
padding: 0 0.2em 0 0.5em;
 +
}
 +
.ext-status-unstable,
 +
.ext-status-unstable td {
 +
border-color: #990000;
 +
}
 +
.ext-status-unstable .ext-infobox-header {
 +
background-color: #990000;
 +
color: #ffff00;
 +
}
 +
.ext-status-experimental,
 +
.ext-status-experimental td {
 +
border-color: #ff4500;
 +
}
 +
.ext-status-experimental .ext-infobox-header {
 +
background-color: #ff4500;
 +
}
 +
.ext-status-beta,
 +
.ext-status-beta td {
 +
border-color: #ffba01;
 +
}
 +
.ext-status-beta .ext-infobox-header {
 +
background-color: #ffba01;
 +
}
 +
.ext-status-stable,
 +
.ext-status-stable td {
 +
border-color: #32cd32;
 +
}
 +
.ext-status-stable .ext-infobox-header {
 +
background-color: #32cd32;
 +
}
 +
.ext-status-unmaintained,
 +
.ext-status-unmaintained td {
 +
border-color: #8b4513;
 +
}
 +
.ext-status-unmaintained .ext-infobox-header {
 +
background-color: #8b4513;
 +
}
 +
.ext-status-magic,
 +
.ext-status-magic td {
 +
border-color: #fe57a1;
 +
}
 +
.ext-status-magic .ext-infobox-header {
 +
color: #000;
 +
background: #FFDBEB url(//upload.wikimedia.org/wikipedia/commons/thumb/2/20/Magic_wand.svg/60px-Magic_wand.svg.png) 0 0 no-repeat;
 +
}
 +
.ext-status-magic .ext-infobox-header img {
 +
visibility: hidden;
 +
padding-right: 1em;
 +
}
 +
.skin-infobox,
 +
.skin-infobox td {
 +
border-color: #a7d7f9;
 +
}
 +
.skin-infobox-header {
 +
color: #000;
 +
background: #e2f4ff;
 
}
 
}
  
−
#ft div {
+
/* [[Template:See also]], [[Template:rellink]] etc. */
−
    width: 1100px;
+
.rellink,
 +
.dablink,
 +
.mw-tpl-rellink {
 +
font-style: italic;
 +
padding-bottom: 0.4em;
 +
padding-left: 0;
 +
margin-bottom: 0.4em;
 +
color: #555;
 +
border-bottom: 1px solid #ccc;
 
}
 
}
  
−
#ft h1, #ft a, #ft {
+
/* [[Template:Note]] */
−
    color: #6d7478;
+
.tip,
−
    font-size: 10px;
+
.note {
 +
padding: 0.5em;
 +
margin: 0.5em 0;
 +
overflow: hidden;
 +
background-color: #F9F9F9;
 +
/* @noflip */ background-position: left 7px top 50%;
 +
background-repeat: no-repeat;
 +
border: 1px solid #DDD;
 +
}
 +
.tip-info,
 +
.note-info {
 +
background-color: #F0F0E7;
 +
background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/f/f8/Appunti_architetto_franc_01.svg/22px-Appunti_architetto_franc_01.svg.png);
 +
border-color: #cc9933;
 +
/* @noflip */ padding-left: 40px;
 +
min-height: 28px;
 +
}
 +
.tip-reminder,
 +
.note-reminder {
 +
background-color: #F6FDEA;
 +
background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/6/60/Bulbgraph.png/23px-Bulbgraph.png);
 +
border-color: #D6E434;
 +
min-height: 28px;
 +
}
 +
.tip-error,
 +
.note-error {
 +
background-color: #F0E7E7;
 +
background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/5/51/Attention_niels_epting.svg/24px-Attention_niels_epting.svg.png);
 +
border-color: #cc3333;
 +
min-height: 25px;
 
}
 
}
  
−
#ft .site-navigation {
+
/* [[Template:Notice]] */
−
    list-style: none;
+
.block-note {
−
    margin-left: 160px;
+
background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/6/60/Bulbgraph.png/18px-Bulbgraph.png);
−
    padding-bottom: 5px;
+
background-repeat: no-repeat;
−
    font-size: 10px;
+
}
 +
/*
 +
* Using block-contents in the hope that it can apply to all block-level warning templates,
 +
* with different images applied as backgrounds to the wrapping DIV.
 +
*/
 +
.block-contents {
 +
display: block;
 +
padding-left: 20px;
 
}
 
}
  
−
#ft .site-navigation ul {
+
/* [[Template:Documentation]] */
−
    list-style: none;
+
.template-documentation {
 +
clear: both;
 +
margin: 1em 0 0 0;
 +
border: 1px solid #aaa;
 +
background-color: #ecfcf4;
 +
padding: 5px;
 
}
 
}
  
−
#ft .network-navigation {
+
/* [[Template:Navbox]] */
−
    margin-left: 160px;
+
.navbox {
−
    margin-bottom: 140px !important;
+
/* Navbox container style */
 +
border: 1px solid #aaa;
 +
width: 100%;
 +
margin: auto;
 +
clear: both;
 +
font-size: 88%;
 +
text-align: center;
 +
padding: 1px;
 +
}
 +
.navbox-inner,
 +
.navbox-subgroup {
 +
width: 100%;
 +
}
 +
table.navbox + table.navbox {
 +
/* Single pixel border between adjacent navboxes */
 +
margin-top: -1px;
 +
/* (doesn't work for IE6, but that's okay) */
 +
}
 +
.navbox th,
 +
.navbox-title,
 +
.navbox-abovebelow {
 +
text-align: center;
 +
/* Title and above/below styles */
 +
padding-left: 1em;
 +
padding-right: 1em;
 +
}
 +
th.navbox-group {
 +
/* Group style */
 +
white-space: nowrap;
 +
/* @noflip */
 +
text-align: right;
 +
}
 +
.navbox,
 +
.navbox-subgroup {
 +
background: #fdfdfd;
 +
}
 +
.navbox-list {
 +
/* Must match background color */
 +
border-color: #fdfdfd;
 +
}
 +
.navbox th,
 +
.navbox-title {
 +
/* Level 1 color */
 +
background: #ccccff;
 +
}
 +
.navbox-abovebelow,
 +
th.navbox-group,
 +
.navbox-subgroup .navbox-title {
 +
/* Level 2 color */
 +
background: #ddddff;
 +
}
 +
.navbox-subgroup .navbox-group,
 +
.navbox-subgroup .navbox-abovebelow {
 +
/* Level 3 color */
 +
background: #e6e6ff;
 +
}
 +
.navbox-even {
 +
/* Even row striping */
 +
background: #f7f7f7;
 +
}
 +
.navbox-odd {
 +
/* Odd row striping */
 +
background: transparent;
 +
}
 +
.navbox .hlist td dl,
 +
.navbox .hlist td ol,
 +
.navbox .hlist td ul,
 +
.navbox td.hlist dl,
 +
.navbox td.hlist ol,
 +
.navbox td.hlist ul {
 +
/* Adjust hlist padding in navboxes */
 +
padding: 0.125em 0;
 +
}
 +
.navbox .hlist dd,
 +
.navbox .hlist dt,
 +
.navbox .hlist li {
 +
/* Nowrap list items in navboxes */
 +
white-space: nowrap;
 +
/* IE < 8 no-wraps entire list, so disable it */
 +
white-space: normal !ie;
 +
}
 +
.navbox .hlist dd dl,
 +
.navbox .hlist dt dl,
 +
.navbox .hlist li ol,
 +
.navbox .hlist li ul {
 +
/* But allow parent list items to be wrapped */
 +
white-space: normal;
 +
}
 +
ol + table.navbox,
 +
ul + table.navbox {
 +
/* Prevent lists from clinging to navboxes */
 +
margin-top: 0.5em;
 
}
 
}
  
−
#ft .network-navigation ul {
+
/* [[Template:Navbar]] */
−
    float: left;
+
.navbar {
−
    width: 110px;
+
display: inline;
 +
font-size: 88%;
 +
font-weight: normal;
 
}
 
}
 +
.navbar ul {
 +
display: inline;
 +
white-space: nowrap;
 +
}
 +
.navbar li {
 +
word-spacing: -0.125em;
 +
}
 +
/* Navbar styling when nested in navbox */
 +
.navbox .navbar {
 +
display: block;
 +
font-size: 100%;
 +
}
 +
.navbox-title .navbar {
 +
/* @noflip */
 +
float: left;
 +
/* @noflip */
 +
text-align: left;
 +
/* @noflip */
 +
margin-right: 0.5em;
 +
width: 6em;
 +
}
 +
/* [[Template:Cmd]] */
 +
.cmd:before {
 +
content: "$ ";
 +
color: #246;
 +
}
 +
 +
/**
 +
* 7. SOME OTHER SMALL THINGS
 +
* -------------------------------------------------
 +
*/
  
−
#ft .network-navigation ul.double {
+
/* Allow people to optionally wrap lines in source listings */
−
    width: 280px;
+
div.wrapPreLines pre {
 +
white-space: pre-wrap;
 
}
 
}
  
−
#ft .network-navigation ul.curse li.header a {
+
/* Give a bit of space to the TOC */
−
    background: url("/extensions/Curse/Icons/Gray.png") repeat scroll 0 0 transparent;
+
#toc {
−
    display: block;
+
margin: 1em 0;
−
    text-indent: -999em;
 
−
    height: 18px;
 
−
    width: 140px;
 
 
}
 
}
  
−
#ft .network-navigation ul li {
+
/*
−
    float: left;
+
* Allow limiting of which header levels are shown in a TOC;
−
    list-style: none;
+
* <div class="toclimit-3">, for instance, will limit to
−
    width: 140px;
+
* showing ==headings== and ===headings=== but no further.
−
    margin-bottom: 2px;
+
* Used in [[Template:TOC]]
 +
*/
 +
.toclimit-2 .toclevel-1 ul,
 +
.toclimit-3 .toclevel-2 ul,
 +
.toclimit-4 .toclevel-3 ul,
 +
.toclimit-5 .toclevel-4 ul,
 +
.toclimit-6 .toclevel-5 ul,
 +
.toclimit-7 .toclevel-6 ul {
 +
display: none;
 
}
 
}
  
−
#ft .network-navigation ul li.header {
+
/* make the list of references look smaller and highlight clicked reference in blue */
−
    font-size: 12px;
+
ol.references {
−
    clear: both;
+
font-size: 100%;
−
    font-weight: bold;
+
}
−
    color: #FF6015;
+
.references-small {
−
    width: 100%;
+
font-size: 90%;
 +
}
 +
ol.references > li:target {
 +
background-color: #ddeeff;
 +
}
 +
sup.reference:target {
 +
background-color: #ddeeff;
 
}
 
}
  
−
/* **** CUSTOM Begin [DECK] ****** */
+
 
−
.deck {
+
/*
−
/*background-image: url('http://forums.mtgsalvation.com/images/backgrounds/alt1.jpg');*/
+
* Styling for links generated by [[MediaWiki:Edittools]]
−
border: 4px outset #869BBF;
+
* @source www.mediawiki.org/wiki/Extension:CharInsert#Styling
−
border-spacing: 0px;
+
* @updated 2012-02-29
 +
*/
 +
.mw-charinsert-buttons {
 +
margin-top: 10px;
 +
border: 1px solid #aaaaaa;
 +
padding: 1px;
 +
text-align: center;
 +
font-size: 110%;
 
}
 
}
−
.deck .sectiontitle {
+
.mw-charinsert-buttons a {
−
font-weight: bold;
+
color: black;
−
margin-left:-5px;
+
background-color: #cde !important;
 +
font-weight: bold;
 +
font-size: .9em;
 +
text-decoration: none;
 +
border: thin #069 outset;
 +
padding: 0 .1em .1em;
 
}
 
}
−
.deck a { text-decoration:none; }
+
.mw-charinsert-buttons a:hover,
−
.deck th {
+
.mw-charinsert-buttons a:active {
−
padding: 5px;
+
background-color: #bcd;
−
margin: 0px;
+
border-style: inset;
−
border-bottom: 2px outset #869BBF;
 
−
text-align: left;
 
−
font-weight: bold;
 
−
color: #FFF;
 
−
/* background: #869BBF url('http://forums.mtgsalvation.com/images_bluemagic/backgrounds/tcat.jpg');*/
 
−
background: #869BBF;
 
 
}
 
}
−
.deck .download {
+
.client-js .mw-edittools-section {
−
font-weight: normal;
+
display: inline;
−
float: right;
 
 
}
 
}
−
.deck td {
+
.client-js .mw-edittools-section input[type="button"] {
−
padding: 10px;
+
font-size: 0.9em;
−
margin: 0px;
+
padding-left: 1px;
−
vertical-align: top;
+
padding-right: 1px;
 +
margin-left: 1px;
 
}
 
}
−
.deck td.sideboard {
+
 
−
/*background-image: url('http://forums.mtgsalvation.com/images_bluemagic/backgrounds/alt2.jpg');*/
+
/* from [[User:Splarka/Help:Linked images]] */
−
border-left: 2px ridge #CECEEF;
+
.imagelink_wikilogo a {
 +
width: 135px;
 +
height: 135px;
 +
display: block;
 +
text-decoration: none;
 +
background-image: url(//upload.wikimedia.org/wikipedia/mediawiki/b/bc/Wiki.png);
 
}
 
}
−
/* ***** END [DECK] ***** */
 
  
−
  ol.references > li:target {
+
/*
−
    background-color: #DEF;
+
  * Infoboxes
−
}
+
*/
−
+
.infobox {
−
sup.reference:target {
+
float: right;
−
    background-color: #DEF;
+
clear: right;
−
}
+
margin-bottom: 0.5em;
 +
margin-left: 1em;
 +
padding: 0.2em;
 +
border: 1px solid #AAA;
 +
background: #F9F9F9;
 +
color: black;
 +
}
  
−
.deck { border: 4px outset #869BBF; border-spacing: 0px; }
+
.infobox td,
−
.deck .sectiontitle { font-weight: bold; margin-left:-5px; }
+
.infobox th {
−
.deck a { text-decoration:none; }
+
vertical-align: top;
−
.deck th { padding: 5px; margin: 0px; border-bottom: 2px outset #869BBF; text-align: left; font-weight: bold; color: #FFF; background: #869BBF; }
+
}
−
.deck .download { font-weight: normal; float: right; }
 
−
.deck td { padding: 10px; margin: 0px; vertical-align: top; }
 
−
.deck td.sideboard { border-left: 2px ridge #CECEEF; }
 
−
body.page-Main_Page h1.firstHeading { display:none; }
 
  
−
/* ASSORTED WIKIPEDIA IMPORTS */
+
.infobox caption {
−
.navbox{border:1px solid #aaa;width:100%;margin:auto;clear:both;font-size:88%;text-align:center;padding:1px}.navbox-inner,.navbox-subgroup{width:100%}.navbox-group,.navbox-title,.navbox-abovebelow{padding:0.25em 1em;line-height:1.5em;text-align:center}th.navbox-group{white-space:nowrap;text-align:right}.navbox,.navbox-subgroup{background:#fdfdfd}.navbox-list{line-height:1.5em;border-color:#fdfdfd}.navbox th,.navbox-title{background:#ccccff}.navbox-abovebelow,th.navbox-group,.navbox-subgroup .navbox-title{background:#ddddff}.navbox-subgroup .navbox-group,.navbox-subgroup .navbox-abovebelow{background:#e6e6ff}.navbox-even{background:#f7f7f7}.navbox-odd{background:transparent}table.navbox{margin-top:1em}table.navbox table.navbox{margin-top:0}table.navbox + table.navbox{margin-top:-1px}.navbox .hlist td dl,.navbox .hlist td ol,.navbox .hlist td ul,.navbox td.hlist dl,.navbox td.hlist ol,.navbox td.hlist ul{padding:0.125em 0}.navbar{display:inline;font-size:88%;font-weight:normal}.navbar ul{display:inline;white-space:nowrap}.mw-body-content .navbar ul{line-height:inherit}.navbar li{word-spacing:-0.125em}.navbar.mini li span{font-variant:small-caps}.infobox .navbar{font-size:100%}.navbox .navbar{display:block;font-size:100%}.navbox-title .navbar{float:left;text-align:left;margin-right:0.5em;width:6em}.collapseButton{float:right;font-weight:normal;margin-left:0.5em;text-align:right;width:auto}.navbox .collapseButton{width:6em}.mw-collapsible-toggle{font-weight:normal;text-align:right}.navbox .mw-collapsible-toggle{width:6em}
+
margin-left: inherit;
 +
font-size: larger;
 +
}
  
−
.hlist dl,.hlist ol,.hlist ul{margin:0;padding:0} .hlist dd,.hlist dt,.hlist li{margin:0;display:inline} .hlist.inline,.hlist.inline dl,.hlist.inline ol,.hlist.inline ul,.hlist dl dl,.hlist dl ol,.hlist dl ul,.hlist ol dl,.hlist ol ol,.hlist ol ul,.hlist ul dl,.hlist ul ol,.hlist ul ul{display:inline} .hlist dt:after{content:":"}.hlist dd:after,.hlist li:after{content:" · ";font-weight:bold}.hlist dd:last-child:after,.hlist dt:last-child:after,.hlist li:last-child:after{content:none} .hlist dd.hlist-last-child:after,.hlist dt.hlist-last-child:after,.hlist li.hlist-last-child:after{content:none} .hlist dd dd:first-child:before,.hlist dd dt:first-child:before,.hlist dd li:first-child:before,.hlist dt dd:first-child:before,.hlist dt dt:first-child:before,.hlist dt li:first-child:before,.hlist li dd:first-child:before,.hlist li dt:first-child:before,.hlist li li:first-child:before{content:" (";font-weight:normal}.hlist dd dd:last-child:after,.hlist dd dt:last-child:after,.hlist dd li:last-child:after,.hlist dt dd:last-child:after,.hlist dt dt:last-child:after,.hlist dt li:last-child:after,.hlist li dd:last-child:after,.hlist li dt:last-child:after,.hlist li li:last-child:after{content:") ";font-weight:normal} .hlist dd dd.hlist-last-child:after,.hlist dd dt.hlist-last-child:after,.hlist dd li.hlist-last-child:after,.hlist dt dd.hlist-last-child:after,.hlist dt dt.hlist-last-child:after,.hlist dt li.hlist-last-child:after,.hlist li dd.hlist-last-child:after,.hlist li dt.hlist-last-child:after,.hlist li li.hlist-last-child:after{content:") ";font-weight:normal} .hlist ol{counter-reset:listitem}.hlist ol > li{counter-increment:listitem}.hlist ol > li:before{content:" " counter(listitem) " ";white-space:nowrap}.hlist dd ol > li:first-child:before,.hlist dt ol > li:first-child:before,.hlist li ol > li:first-child:before{content:" (" counter(listitem) " "} .plainlist ol,.plainlist ul{line-height:inherit;list-style:none none;margin:0}.plainlist ol li,.plainlist ul li{margin-bottom:0} .navbox{ border:1px solid #aaa;width:100%;margin:auto;clear:both;font-size:88%;text-align:center;padding:1px}.navbox-inner,.navbox-subgroup{width:100%}.navbox-group,.navbox-title,.navbox-abovebelow{padding:0.25em 1em; line-height:1.5em;text-align:center}th.navbox-group{ white-space:nowrap; text-align:right}.navbox,.navbox-subgroup{background:#fdfdfd; }.navbox-list{line-height:1.5em;border-color:#fdfdfd; }.navbox th,.navbox-title{background:#ccccff; }.navbox-abovebelow,th.navbox-group,.navbox-subgroup .navbox-title{background:#ddddff; }.navbox-subgroup .navbox-group,.navbox-subgroup .navbox-abovebelow{background:#e6e6ff; }.navbox-even{background:#f7f7f7; }.navbox-odd{background:transparent; }table.navbox{margin-top:1em; }table.navbox table.navbox{margin-top:0; }table.navbox + table.navbox{margin-top:-1px; }.navbox .hlist td dl,.navbox .hlist td ol,.navbox .hlist td ul,.navbox td.hlist dl,.navbox td.hlist ol,.navbox td.hlist ul{padding:0.125em 0; }
+
.infobox.bordered {
 +
border-collapse: collapse;
 +
}
  
−
.mbox-inside .standard-talk,.messagebox.nested-talk{border:1px solid #c0c090;background-color:#f8eaba;width:100%;margin:2px 0;padding:2px}.messagebox.small{width:238px;font-size:85%;float:right;clear:both;margin:0 0 1em 1em;line-height:1.25em}.messagebox.small-talk{width:238px;font-size:85%;float:right;clear:both;margin:0 0 1em 1em;line-height:1.25em;background:#F8EABA}th.mbox-text,td.mbox-text{border:none;padding:0.25em 0.9em;width:100%}td.mbox-image{border:none;padding:2px 0 2px 0.9em;text-align:center}td.mbox-imageright{border:none;padding:2px 0.9em 2px 0;text-align:center}td.mbox-empty-cell{border:none;padding:0;width:1px}table.ambox{margin:0 10%;border:1px solid #aaa;border-left:10px solid #1e90ff;background:#fbfbfb}table.ambox + table.ambox{margin-top:-1px}.ambox th.mbox-text,.ambox td.mbox-text{padding:0.25em 0.5em}.ambox td.mbox-image{padding:2px 0 2px 0.5em}.ambox td.mbox-imageright{padding:2px 0.5em 2px 0}table.ambox-notice{border-left:10px solid #1e90ff}table.ambox-speedy{border-left:10px solid #b22222;background:#fee}table.ambox-delete{border-left:10px solid #b22222}table.ambox-content{border-left:10px solid #f28500}table.ambox-style{border-left:10px solid #f4c430}table.ambox-move{border-left:10px solid #9932cc}table.ambox-protection{border-left:10px solid #bba}table.imbox{margin:4px 10%;border-collapse:collapse;border:3px solid #1e90ff;background:#fbfbfb}.imbox .mbox-text .imbox{margin:0 -0.5em;display:block}.mbox-inside .imbox{margin:4px}table.imbox-notice{border:3px solid #1e90ff}table.imbox-speedy{border:3px solid #b22222;background:#fee}table.imbox-delete{border:3px solid #b22222}table.imbox-content{border:3px solid #f28500}table.imbox-style{border:3px solid #f4c430}table.imbox-move{border:3px solid #9932cc}table.imbox-protection{border:3px solid #bba}table.imbox-license{border:3px solid #88a;background:#f7f8ff}table.imbox-featured{border:3px solid #cba135}table.cmbox{margin:3px 10%;border-collapse:collapse;border:1px solid #aaa;background:#DFE8FF}table.cmbox-notice{background:#D8E8FF}table.cmbox-speedy{margin-top:4px;margin-bottom:4px;border:4px solid #b22222;background:#FFDBDB}table.cmbox-delete{background:#FFDBDB}table.cmbox-content{background:#FFE7CE}table.cmbox-style{background:#FFF9DB}table.cmbox-move{background:#E4D8FF}table.cmbox-protection{background:#EFEFE1}table.ombox{margin:4px 10%;border-collapse:collapse;border:1px solid #aaa;background:#f9f9f9}table.ombox-notice{border:1px solid #aaa}table.ombox-speedy{border:2px solid #b22222;background:#fee}table.ombox-delete{border:2px solid #b22222}table.ombox-content{border:1px solid #f28500}table.ombox-style{border:1px solid #f4c430}table.ombox-move{border:1px solid #9932cc}table.ombox-protection{border:2px solid #bba}table.tmbox{margin:4px 10%;border-collapse:collapse;border:1px solid #c0c090;background:#f8eaba}.mediawiki .mbox-inside .tmbox{margin:2px 0;width:100%}.mbox-inside .tmbox.mbox-small{line-height:1.5em;font-size:100%}table.tmbox-speedy{border:2px solid #b22222;background:#fee}table.tmbox-delete{border:2px solid #b22222}table.tmbox-content{border:2px solid #f28500}table.tmbox-style{border:2px solid #f4c430}table.tmbox-move{border:2px solid #9932cc}table.tmbox-protection,table.tmbox-notice{border:1px solid #c0c090}table.dmbox{clear:both;margin:0.9em 1em;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background:transparent}table.fmbox{clear:both;margin:0.2em 0;width:100%;border:1px solid #aaa;background:#f9f9f9}table.fmbox-system{background:#f9f9f9}table.fmbox-warning{border:1px solid #bb7070;background:#ffdbdb}table.fmbox-editnotice{background:transparent}div.mw-warning-with-logexcerpt,div.mw-lag-warn-high,div.mw-cascadeprotectedwarning,div#mw-protect-cascadeon,div.titleblacklist-warning,div.locked-warning{clear:both;margin:0.2em 0;border:1px solid #bb7070;background:#ffdbdb;padding:0.25em 0.9em}div.mw-lag-warn-normal,div.fmbox-system{clear:both;margin:0.2em 0;border:1px solid #aaa;background:#f9f9f9;padding:0.25em 0.9em}body.mediawiki table.mbox-small{clear:right;float:right;margin:4px 0 4px 1em;width:238px;font-size:88%;line-height:1.25em}body.mediawiki table.mbox-small-left{margin:4px 1em 4px 0;width:238px;border-collapse:collapse;font-size:88%;line-height:1.25em}.compact-ambox table .mbox-image,.compact-ambox table .mbox-imageright,.compact-ambox table .mbox-empty-cell{display:none}.compact-ambox table.ambox{border:none;border-collapse:collapse;background:transparent;margin:0 0 0 1.6em !important;padding:0 !important;width:auto;display:block}body.mediawiki .compact-ambox table.mbox-small-left{font-size:100%;width:auto;margin:0}.compact-ambox table .mbox-text{padding:0 !important;margin:0 !important}.compact-ambox table .mbox-text-span{display:list-item;line-height:1.5em;list-style-type:square;list-style-image:url(//en.wikipedia.org/w/skins/MonoBook/bullet.gif)}.skin-vector .compact-ambox table .mbox-text-span{list-style-type:disc;list-style-image:url(//en.wikipedia.org/w/skins/Vector/images/bullet-icon.svg);list-style-image:url(//en.wikipedia.org/w/skins/Vector/images/bullet-icon.png)\9}.compact-ambox .hide-when-compact{display:none}
+
.infobox.bordered td,
 +
.infobox.bordered th {
 +
border: 1px solid #AAA;
 +
}
  
−
@media print{.ns-0 .ambox,.ns-0 .navbox,.ns-0 .vertical-navbox,.ns-0 .infobox.sisterproject,.ns-0 .hatnote,.ns-0 .dablink,.ns-0 .metadata,.editlink,.navbar,a.NavToggle,span.collapseButton,span.mw-collapsible-toggle,th .sortkey,td .sortkey{display:none !important}#content cite a.external.text:after,.nourlexpansion a.external.text:after,.nourlexpansion a.external.autonumber:after{display:none !important}table.collapsible tr,div.NavPic,div.NavContent{display:block !important}table.collapsible tr{display:table-row !important}#firstHeading{margin:0}#content a.external.text:after,#content a.external.autonumber:after{word-wrap:break-word}}
+
.infobox.bordered .borderless td,
 +
.infobox.bordered .borderless th {
 +
border: 0;
 +
}
  
−
/* Avoid collision of blockquote with floating elements by swapping margin and padding */
+
/*
−
blockquote {
+
* Apparently the namespaces parameter
−
    overflow: hidden;
+
* for inputbox forces a checkbox.
−
    margin: 1em 0;
+
* Let's hide it in the API sidebar
−
    padding: 0 40px;
+
*/
 +
.mw-inputbox-hideapicheck label[for="mw-inputbox-ns104"],
 +
#mw-inputbox-ns104 {
 +
display: none;
 
}
 
}
  
 +
/* Testing for code review */
 +
div.mw-wordcloud {
 +
width: 100%;
 +
text-align: justify;
 +
}
  
−
/* Styling for Template:Quote */
+
.mw-wordcloud-size-1 {
−
blockquote.templatequote div.templatequotecite {
+
color: #222;
−
    line-height: 1.5em;
+
font-size: 2.4em;
−
    /* @noflip */
+
}
−
    text-align: left;
+
.mw-wordcloud-size-2 {
−
    /* @noflip */
+
color: #333;
−
    padding-left: 1.6em;
+
font-size: 2.2em;
−
    margin-top: 0;
+
}
 +
.mw-wordcloud-size-3 {
 +
color: #444;
 +
font-size: 2.0em;
 +
}
 +
.mw-wordcloud-size-4 {
 +
color: #555;
 +
font-size: 1.8em;
 +
}
 +
.mw-wordcloud-size-5 {
 +
color: #666;
 +
font-size: 1.6em;
 +
}
 +
.mw-wordcloud-size-6 {
 +
color: #777;
 +
font-size: 1.4em;
 +
}
 +
.mw-wordcloud-size-7 {
 +
color: #888;
 +
font-size: 1.2em;
 +
}
 +
.mw-wordcloud-size-8 {
 +
color: #999;
 +
font-size: 1em;
 +
}
 +
.mw-wordcloud-size-9 {
 +
color: #aaa;
 +
font-size: 0.8em;
 +
letter-spacing: 3px;
 +
}
 +
.mw-wordcloud-size-10,
 +
.mw-wordcloud-size-0 {
 +
color: #bbb;
 +
font-size: 0.8em;
 
}
 
}
  
−
.infobox caption{font-size:125%;font-weight:bold;padding:0.2em}.infobox td,.infobox th{vertical-align:top;text-align:left}.infobox.bordered{border-collapse:collapse}.infobox.bordered td,.infobox.bordered th{border:1px solid #a2a9b1}.infobox.bordered .borderless td,.infobox.bordered .borderless th{border:0}.infobox.sisterproject{width:20em;font-size:90%}.infobox.standard-talk{border:1px solid #c0c090;background-color:#f8eaba}.infobox.standard-talk.bordered td,.infobox.standard-talk.bordered th{border:1px solid #c0c090}.infobox.bordered .mergedtoprow td,.infobox.bordered .mergedtoprow th{border:0;border-top:1px solid #a2a9b1;border-right:1px solid #a2a9b1}.infobox.bordered .mergedrow td,.infobox.bordered .mergedrow th{border:0;border-right:1px solid #a2a9b1}
+
/* @todo FIXME: document me :) */
 +
#signuptopbox li {
 +
float: left;
 +
list-style: none;
 +
font-family: sans-serif;
 +
}
 +
#signuptopbox li {
 +
color: #3ca7d4;
 +
background: #c2e1f9;
 +
line-height: 2.8em;
 +
margin-right: .25em;
 +
padding-right: .5em;
 +
}
 +
#signuptopbox li.pr-active,
 +
#signuptopbox li.pr-active div {
 +
color: #67ca36;
 +
background: #d4f9c2;
 +
border-color: #fff #fff #fff #67ca36;
 +
}
 +
#signuptopbox li div {
 +
width: 0;
 +
height: 0;
 +
border-color: #fff #fff #fff #3CA7D4;
 +
border-style: solid;
 +
border-width: 1.4em .3em 1.4em 1.4em;
 +
float: left;
 +
}
 +
#signuptopbox li span.pr-number {
 +
display: block;
 +
width: 1.8em;
 +
line-height: 1.8em;
 +
background: #3ca7d4;
 +
color: #c2e1f9;
 +
text-align: center;
 +
margin: .5em;
 +
-webkit-border-radius: 50%;
 +
-moz-border-radius: 50%;
 +
-ms-border-radius: 50%;
 +
-o-border-radius: 50%;
 +
border-radius: 50%;
 +
font-weight: 600;
 +
float: left;
 +
}
 +
#signuptopbox li.pr-active span.pr-number {
 +
background: #67ca36;
 +
color: #d4f9c2;
 +
}
 +
#signuptopbox li span {
 +
float: left;
 +
}
 +
#signuptopbox li.pr-spacer {
 +
padding: 0;
 +
}
 +
 
 +
/* Breadcrumb code */
 +
.breadcrumb {
 +
list-style: none;
 +
overflow: hidden;
 +
font: 14px Helvetica, Arial, sans-serif;
 +
}
 +
.breadcrumb li {
 +
float: left;
 +
margin-bottom: 0;
 +
}
 +
.breadcrumb li a {
 +
color: white;
 +
text-decoration: none;
 +
padding: 10px 0 10px 45px;
 +
position: relative;
 +
display: block;
 +
float: left;
 +
}
  
−
/* Allow limiting of which header levels are shown in a TOC;
+
.breadcrumb li a:after {
−
  <nowiki><div class="toclimit-3"></nowiki>, for instance, will limit to
+
content: " ";
−
  showing ==headings== and ===headings=== but no further
+
display: block;
−
  (as long as there are no =headings= on the page, which
+
width: 0;
−
  there shouldn't be according to the MoS). */
+
height: 0;
−
.toclimit-2 .toclevel-1 ul,
+
/* Go big on the size, and let overflow hide */
−
.toclimit-3 .toclevel-2 ul,
+
border-top: 50px solid transparent;
−
.toclimit-4 .toclevel-3 ul,
+
border-bottom: 50px solid transparent;
−
.toclimit-5 .toclevel-4 ul,
+
position: absolute;
−
.toclimit-6 .toclevel-5 ul,
+
top: 50%;
−
.toclimit-7 .toclevel-6 ul {
+
margin-top: -50px;
−
    display: none;
+
left: 100%;
−
}
+
z-index: 2;
 +
}
  
−
ol.references > li:target {
+
.breadcrumb li a:before {
−
    background-color: #DEF;
+
content: " ";
−
}
+
display: block;
−
+
width: 0;
−
sup.reference:target {  
+
height: 0;
−
    background-color: #DEF;
+
border-top: 50px solid transparent;
−
}
+
border-bottom: 50px solid transparent;
 +
border-left: 31px solid white;
 +
position: absolute;
 +
top: 50%;
 +
margin-top: -50px;
 +
margin-left: 1px;
 +
left: 100%;
 +
z-index: 1;
 +
}
 +
 
 +
.breadcrumb li:first-child a {
 +
padding-left: 20px;
 +
}
  
−
#MainPagePortalNav li { display: block; }
+
.currentcrumb a {
 +
background: #069;
 +
}
  
−
.ul-column-count-3 > ul {
+
.currentcrumb a:after {
−
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
+
border-left: 30px solid #069;
−
    -moz-column-count: 3; /* Firefox */
 
−
    column-count: 3;
 
−
    list-style: inside none;
 
 
}
 
}
−
.ul-column-count-3 > ul > li {
+
 
−
    page-break-inside: avoid;
+
.currentcrumb a:hover,
 +
.prevcrumb a:hover,
 +
.nextcrumb a:hover {
 +
background: #002d44;
 
}
 
}
−
.column-count > ul {
+
 
−
    margin-top: 0;
+
.currentcrumb a:hover:after,
 +
.prevcrumb a:hover:after,
 +
.nextcrumb a:hover:after {
 +
border-left-color: #002d44 !important;
 
}
 
}
  
−
.ul-column-count-3 > ul > li {
+
.prevcrumb a {
−
    column-break-inside: avoid;
+
background: #396;
−
    -moz-column-break-inside: avoid;
 
−
    -webkit-column-break-inside: avoid;
 
 
}
 
}
  
−
.nocolbreak,div.columns li,div.columns dd dd{
+
.prevcrumb a:after {
−
    column-break-inside: avoid;
+
border-left: 30px solid #396;
−
    -moz-column-break-inside: avoid;
 
−
    -webkit-column-break-inside: avoid;
 
−
    page-break-inside:avoid;
 
−
    break-inside:avoid-column;
 
 
}
 
}
  
−
/* Make the list of references smaller */
+
.nextcrumb a {
−
ol.references,
+
background: #999;
−
div.reflist,
 
−
div.refbegin {
 
−
    font-size: 90%;            /* Default font-size */
 
−
    margin-bottom: 0.5em;
 
 
}
 
}
−
div.refbegin-100 {
+
 
−
    font-size: 100%;           /* Option for normal fontsize in {{refbegin}} */
+
.nextcrumb a:after {
 +
border-left: 30px solid #999;
 
}
 
}
−
div.reflist ol.references {
+
 
−
    font-size: 100%;          /* Reset font-size when nested in div.reflist */
+
/* To facilitate rtl translations */
−
    margin-bottom: 0;         /* Avoid double margin when nested in div.reflist */
+
#bodyContent .table-RTL a {
−
    list-style-type: inherit; /* Enable custom list style types */
+
background: none;
 +
padding-right: 0;
 
}
 
}
  
−
/* Module:CR stuff */
+
#bodyContent .table-RTL ul {
−
.crDiv .crExample { margin: 0 0 0 1.6em !important; }
+
margin-right: 10px;
−
.crTitle { margin: 0 !important; }
+
display: table;
 +
}
  
−
/* Internet Explorer SVG fix, thanks to
+
/* Fix annoying bug where the "date" column in the LQT sometimes
−
  https://gist.github.com/larrybotha/7881691
+
* is two rows because of the date being too long even through there is
−
*/
+
  * enough space (otherwise the browser makes it's own decision on where to cut)
−
/*
 
−
  * Let's target IE to respect aspect ratios and sizes for img tags containing SVG files
 
−
*
 
−
* [1] IE9
 
−
* [2] IE10+
 
 
  */
 
  */
−
/* 1 */
+
.lqt_toc th:nth-child(3),
−
.ie9 img[src$=".svg"] {
+
.lqt_toc td:nth-child(3) {
−
  width: 100%;  
+
white-space: nowrap;
 
}
 
}
−
/* 2 */
+
 
−
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+
.persian {
−
  img[src$=".svg"] {
+
font-family: Tahoma;
−
    width: 100%;  
 
−
  }
 
 
}
 
}
  
−
/* Footer text adjustment */
+
/* Fonts for Persian language for consistency with other Wikimedia wikis */
−
div#footer #footer-icons {
+
:lang(fa) {
−
    margin-top: -9.9px;  
+
  font-family: Tahoma, 'Iranian Sans', 'DejaVu Sans', sans-serif;
 
}
 
}
  
−
div#footer #footer-icons li {
+
/*
−
    padding: 0px;
+
* Manual:Database_layout
 +
*/
 +
.mwmanual-dbview-box img {
 +
opacity: 0.5;
 +
}
 +
.mwmanual-dbview-box:hover img {
 +
opacity: 0.8;
 +
}
 +
.mwmanual-dbview-link {
 +
background: rgb(198, 212, 235);
 +
background: hsla(217, 48%, 85%, 0.8);
 +
border: 1px solid #0645AD;
 +
border-radius: 4px;
 +
padding: 10px 5px;
 +
text-align: center;
 +
font-weight: bold;
 +
}
 +
.mwmanual-dbview-box:hover .mwmanual-dbview-link {
 +
background: hsla(215, 46%, 95%, 0.8);
 +
}
 +
.mwmanual-dbview-link:hover {
 +
background: hsla(215, 46%, 95%, 0.9);
 
}
 
}
  
−
.infobox {
+
/*
−
    border: 1px solid #a2a9b1;
+
* VisualEditor documentation styles - required for displaying document diagrams
−
    border-spacing: 3px;
+
*/
−
    background-color: #f8f9fa;
+
.ve-doc-dm-data {
−
    color: black;
+
list-style: none;
−
    margin: 0.5em 0 0.5em 1em;
+
cursor: default;
−
    padding: 0.2em;
+
}
−
    float: right;
+
.ve-doc-dm-data li {
−
    clear: right;
+
font-family: sans-serif;
−
    font-size: 88%;
+
text-align: center;
−
    line-height: 1.5em;
+
line-height: 2.25em;
 +
display: inline-block;
 +
width: 2.25em;
 +
height: 2.25em;
 +
border: solid 2px white;
 +
}
 +
.ve-doc-dm-data li.ve-doc-dm-cursor {
 +
width: 0.5em;
 +
}
 +
.ve-doc-dm-cursor:hover {
 +
border-color: #cccccc;
 +
}
 +
.ve-doc-dm-open,
 +
.ve-doc-dm-close {
 +
background-color: #50a5f4;
 +
color: #7ddcfd;
 +
}
 +
.ve-doc-dm-open:hover,
 +
.ve-doc-dm-close:hover {
 +
border-color: #7ddcfd;
 +
}
 +
.ve-doc-dm-close {
 +
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJhJREFUeNrs0UENgEAQBMGThGMkImFBAp8jTVKVjIHptT4yM8eza947F2KIIYYYYoghBmKIgRhiIIYYiCGG18QQQwwxxBBDDMQQAzHEQAwxEEMMMTYHESMWRIwfBhEjFESMUBAxQkHECAURIxREjFAQMUJBxAgFESMURAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGCfW4ABAPk3h3InIbNlAAAAAElFTkSuQmCC);
 +
background-size: contain;
 +
background-position: left top;
 +
background-repeat: no-repeat;
 +
}
 +
.ve-doc-dm-char,
 +
.ve-doc-dm-achar {
 +
border-radius: 3em;
 +
}
 +
.ve-doc-dm-char {
 +
background-color: #7bcc45;
 +
color: #fff;
 +
}
 +
.ve-doc-dm-char:hover {
 +
border-color: #b6f26c;
 +
}
 +
.ve-doc-dm-achar {
 +
background-color: #fa952c;
 +
color: #fff;
 +
}
 +
.ve-doc-dm-achar:hover {
 +
border-color: #fed045;
 +
}
 +
.ve-doc-dm-element-text {
 +
color: #50a5f4;
 +
}
 +
.ve-doc-dm-char-text {
 +
color: #7bcc45;
 +
}
 +
.ve-doc-dm-achar-text {
 +
color: #fa952c;
 
}
 
}
  
−
.mpChunk:after {
+
/* For templates in Category:VisualEditor tests templates */
−
  content: "";
+
tt.ve-typing-test {
−
  display: table;
+
color: white;
−
  clear: both;
+
background-color: black;
 +
padding: 0 1em 0 1em;
 
}
 
}
  
−
/* Everything here is !important because many of the rules are declared on the elements themselves. */
+
/**
−
/* That's the price of exposing so much styling through the templates themselves.                   */
+
* Style for horizontal lists (separator following item).
−
@media only screen and (max-width: 480px) {
+
* @source mediawiki.org/wiki/Snippets/Horizontal_lists
−
  div.flex {
+
* @revision 6 (2014-05-09)
−
    display: block !important;
+
* @author [[User:Edokter]]
−
    margin-top: 0 !important;
+
*/
−
  }
+
.hlist dl,
−
  div.flex > div {
+
.hlist ol,
−
    display: flex !important;
+
.hlist ul {
−
    flex-direction: column;
+
margin: 0;
−
    width: auto !important;
+
padding: 0;
−
    margin-left: 0px !important;
+
}
−
    margin-right: 0px !important;
+
/* Display list items inline */
−
  }
+
.hlist dd,
−
  div.flex .mpChunk {
+
.hlist dt,
−
    display: block !important;
+
.hlist li {
−
  }
+
margin: 0;
 +
display: inline;
 +
}
 +
/* Display nested lists inline */
 +
.hlist.inline,
 +
.hlist.inline dl,
 +
.hlist.inline ol,
 +
.hlist.inline ul,
 +
.hlist dl dl, .hlist dl ol, .hlist dl ul,
 +
.hlist ol dl, .hlist ol ol, .hlist ol ul,
 +
.hlist ul dl, .hlist ul ol, .hlist ul ul {
 +
display: inline;
 +
}
 +
/* Generate interpuncts */
 +
.hlist dt:after {
 +
content: ": ";
 +
}
 +
.hlist dd:after,
 +
.hlist li:after {
 +
content: " · ";
 +
font-weight: bold;
 +
}
 +
.hlist dd:last-child:after,
 +
.hlist dt:last-child:after,
 +
.hlist li:last-child:after {
 +
content: none;
 +
}
 +
/* Add parentheses around nested lists */
 +
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
 +
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
 +
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
 +
content: " (";
 +
font-weight: normal;
 +
}
 +
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
 +
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
 +
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
 +
content: ") ";
 +
font-weight: normal;
 +
}
 +
/* Put ordinals in front of ordered list items */
 +
.hlist ol {
 +
counter-reset: listitem;
 +
}
 +
.hlist ol > li {
 +
counter-increment: listitem;
 +
}
 +
.hlist ol > li:before {
 +
content: " " counter(listitem) " ";
 +
white-space: nowrap;
 +
}
 +
.hlist dd ol > li:first-child:before,
 +
.hlist dt ol > li:first-child:before,
 +
.hlist li ol > li:first-child:before {
 +
content: " (" counter(listitem) " ";
 +
}
 +
/* end hlist */
  
−
  div.flex > div > .mobilehide { display: none !important; }
+
/* Banner - Wikivoyage - Used to test MediaWiki/Homepage redesign/Preview */
 +
 +
.banner-image {
 +
position: relative;
 +
overflow: hidden;
 +
max-width: 1800px;
 +
height: auto;
 +
margin-bottom: .6em;
 +
}
 +
.banner-image img {
 +
max-width: 100%;
 +
height: auto;
 +
width: auto\9;
 +
}
 +
.banner-box {
 +
position: absolute;
 +
z-index: 2;
 +
margin-top: 2.5em;
 +
color: white;
 +
min-width: 20em;
 +
text-shadow: black 0.3em 0.3em 1em,black -0.1em -0.1em 1em;
 +
}
 +
.banner-box-wide { width: 80% }
 +
.banner-box-left {
 +
left: 5%;
 +
text-align: left;
 +
}
 +
.banner-box-right {
 +
right: 5%;
 +
text-align: right;
 +
}
 +
.banner-box .name {
 +
font-size: 3em;
 +
white-space: nowrap;
 +
line-height: 1.2em;
 +
}
 +
.banner-box .type {
 +
font-size: 2em;
 +
line-height: 1.2em;
 +
}
 +
 +
.mf-mobile-only,
 +
.lqt-talkpage-search {
 +
display: none;
 
}
 
}
  
 +
/* Phabricator-like tag styling */
 +
.phui-tag {
 +
    -webkit-font-smoothing: antialiased;
 +
    background-color: #e7e7e7;
 +
    border-color: #e7e7e7;
 +
    border-radius: 3px;
 +
    border: 1px solid transparent;
 +
    font: 13px 'Segoe UI','Segoe UI Web Regular','Segoe UI Symbol','Lato','Helvetica Neue',Helvetica,Arial,sans-serif;
 +
    line-height: 1.51em;
 +
    padding: 0 4px;
 +
}
  
−
/* DO NOT ADD CODE BELOW THIS LINE */
+
.mw-body .phui-tag a.external {
 +
    background-image: none;
 +
    padding-right: 0;
 +
    text-decoration: none;
 +
    color: black;
 +
    font-weight: bold;
 +
}

Revision as of 18:31, 2 August 2018

/*
This is the CSS for all skins (for all users) on MediaWiki.org.

SECTIONS:
 1. Indication of namespaces
 2. Color classes for content
 3. Special pages
 4. Main page styling
 5. Wikitables, warnings, and other such stylings
 6. Templates
 7. Some other small things
*/

/**
 * 1. INDICATION OF NAMESPACES
 * -------------------------------------------------
 */

/* #content for Vector and Monobook, #mw-content for Timeless */

/* NS Project + Project_talk (light sky blue) */
.action-view.ns-4 #content, .action-view.ns-4 #mw-content,
.action-view.ns-5 #content, .action-view.ns-5 #mw-content { background-color: #f8fcff; }
.action-view.ns-4 div.thumb,
.action-view.ns-5 div.thumb { border-color: #f8fcff; }

/* NS MediaWiki + MediaWiki_talk (light grey) */
.action-view.ns-8 #content, .action-view.ns-8 #mw-content,
.action-view.ns-9 #content, .action-view.ns-9 #mw-content { background-color: #f4f4f4; }
.action-view.ns-8 div.thumb,
.action-view.ns-9 div.thumb { border-color: #f4f4f4; }

/* NS Manual + Manual_talk (light bluish violet) */
.action-view.ns-100 #content, .action-view.ns-100 #mw-content,
.action-view.ns-101 #content, .action-view.ns-101 #mw-content { background-color: #f3f3ff; }
.action-view.ns-100 div.thumb,
.action-view.ns-101 div.thumb { border-color: #f3f3ff; }

/* NS Help (but NOT Help_talk) (Public Domain icon) */
.action-view.ns-12 #bodyContent {
	background-image: url(//upload.wikimedia.org/wikipedia/mediawiki/6/67/PD-icon-faded.png);
	background-repeat: no-repeat;
	/* @noflip */ background-position: right 5em;
}

/**
 * 2. COLOR CLASSES FOR CONTENT
 * -------------------------------------------------
 */

/* Border colors */
.borderc1 { border-color: #e9e9e9; border-width: thin; }
.borderc2 { border-color: #aaaaaa; border-width: thin; }
.borderc3 { border-color: #777777; border-width: thin; }
.borderc4 { border-color: #000000; border-width: thin; }
.borderc5 { border-color: #c00000; border-width: thin; }
.borderc6 { border-color: #025e9d; border-width: thin; }
.borderc7 { border-color: #008040; border-width: thin; }
.borderc8 { border-color: #ffcc00; border-width: thin; } /* Used by [[Template:Welcome]]. */

/* Background colors */
.backgroundc1 { background-color: #ffffff; } /* Used by [[Template:Welcome]]. */
.backgroundc2 { background-color: #f9f9f9; }
.backgroundc3 { background-color: #eeeeee; }
.backgroundc4 { background-color: #e0e0e0; }
.backgroundc5 { background-color: #d2d2d2; }
.backgroundc6 { background-color: #b7b7b7; }
.backgroundc7 { background-color: #a3a3a3; }
.backgroundc8 { background-color: #444455; }

/**
 * 3. SPECIAL PAGES
 * -------------------------------------------------
 */

/* Consistent special page navigation */
.SpecialPageInfo {
	background-color: #f9f9f9;
	background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/8/89/Exquisite-khelpcenter.png/35px-Exquisite-khelpcenter.png);
	background-position: 0.8em 0.5em;
	background-repeat: no-repeat;
	padding: 0.3em 0.5em 0.3em 5.0em;
	border-color: #025e9d;
	border-width: 1px;
	border-style: solid;
	border-bottom-width: medium;
	margin-bottom: 1em;
}

.mw-viewprevnext {
	display: block;
	border: 1px solid #cccccc;
	background-color: #f9f9f2;
	padding: 0.2em 0.4em;
}

/*
 * Hide elements on the main page. 
 */
.page-MediaWiki #lastmod,
.page-MediaWiki #siteSub,
.page-MediaWiki #contentSub,
.page-MediaWiki .subtitle,
.page-MediaWiki #jump-to-nav,
.page-MediaWiki .firstHeading {
	display: none;
}

/**
 * 5. WIKITABLES, WARNINGS AND OTHER SUCH STYLINGS
 * -------------------------------------------------
 */

/* Custom h* styles (blue headings) */
.wikitable td.hl3,
.wikitable th.hl3 {
	background-color: #8da7d6;
}
.wikitable td.hl1,
.wikitable th.hl1 {
	background: #c5d8fc;
}
.wikitable td.hl2,
.wikitable th.hl2 {
	background: #a7c1f2;
}

/* Make entire table valign=top, to replace the |valign=top| on every cell. */
.vatop tr,
tr.vatop,
.vatop td,
.vatop th {
	vertical-align: top;
}

/* General purpose "pretty (data) tables" */
table.datatable tr:hover {
	background-color: #a7d7f9;
}

/* SideBox styling */
div.sideBox {
	position: relative;
	float: right;
	background: white;
	margin-left: 1em;
	border: 1px solid gray;
	padding: 0.3em;
	width: 200px;
	overflow: hidden;
	clear: right;
}
div.sideBox dl {
	padding: 0;
	margin: 0 0 0.3em 0;
	font-size: 96%;
}
div.sideBox dl dt {
	background: none;
	margin: 0.4em 0 0 0;
}
div.sideBox dl dd {
	margin: 0.1em 0 0 1.1em;
	background-color: #f3f3f3;
}

/* Major warning - used on the main page template to warn against editing carelessly, but can be used elsewhere as well */
.majorwarning {
	background: yellow;
	padding: 0.3em;
	text-align: center;
	font-size: 125%;
	border: 2px solid red;
}

/* Page headings used throughout the wiki (though not very much at the time of writing…) */
.page-notice,
.page-warning {
	border-width: 1px;
	border-style: solid;
	padding: 0.3em 0.5em;
	margin-bottom: 1em;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/* Informative notices at the top of pages (blue) */
.page-notice {
	background-color: #f9f9f9;
	border-color: #025e9d;
	text-align: left;
}

/* Warning information at the top of pages (red) */
.page-warning {
	background-color: #ffffff;
	border-color: #c51919;
	border-width: 2px;
}
.pw-head {
	color: #c51919;
	font-weight: bold;
}

/**
 * Code conventions examples
 * Usage: [[mw:CC/JS]], [[mw:CC/CSS]]
 * <syntaxhighlight lang=".." class="tpl-code-positive"></syntaxhighlight>
 */
.tpl-code-positive.mw-highlight pre,
.tpl-code-negative.mw-highlight pre {
  /* Reset default browser margin of pre (usually margin: 1em 0;)
     to be all around */
  margin: 1em;
}
/* Use a double selector to override mw-highlight default background color */
.tpl-code-positive.mw-highlight {
  background: #fff;
  border: 2px solid #00af89;
}
.tpl-code-negative.mw-highlight {
  background: #fff;
  border: 2px solid #d33;
}

/**
 * 6. TEMPLATES
 * -------------------------------------------------
 */
 
/* [[Template:Extension]], [[Template:Skin]] */
.tpl-infobox {
	border: 2px solid #aaaaaa;
	width: 280px;
	/* @noflip */ clear: right;
	/* @noflip */ float: right;
	margin: 0 0 0.5em 0.5em;
	border-collapse: collapse;
	background-color: white;
}
.tpl-infobox td {
	border: 2px none #aaaaaa;
	padding: 0.2em 0.5em;
	border-bottom: 1px solid #f0f0f0 !important;
}
.tpl-infobox-header {
	background-color: #aaaaaa;
	color: white;
	text-align: left;
}
.tpl-infobox-header td {
	padding-top: 0.5em;
}
.ext-infobox-header img {
	padding: 0 0.2em 0 0.5em;
}
.ext-status-unstable,
.ext-status-unstable td {
	border-color: #990000;
}
.ext-status-unstable .ext-infobox-header {
	background-color: #990000;
	color: #ffff00;
}
.ext-status-experimental,
.ext-status-experimental td {
	border-color: #ff4500;
}
.ext-status-experimental .ext-infobox-header {
	background-color: #ff4500;
}
.ext-status-beta,
.ext-status-beta td {
	border-color: #ffba01;
}
.ext-status-beta .ext-infobox-header {
	background-color: #ffba01;
}
.ext-status-stable,
.ext-status-stable td {
	border-color: #32cd32;
}
.ext-status-stable .ext-infobox-header {
	background-color: #32cd32;
}
.ext-status-unmaintained,
.ext-status-unmaintained td {
	border-color: #8b4513;
}
.ext-status-unmaintained .ext-infobox-header {
	background-color: #8b4513;
}
.ext-status-magic,
.ext-status-magic td {
	border-color: #fe57a1;
}
.ext-status-magic .ext-infobox-header {
	color: #000;
	background: #FFDBEB url(//upload.wikimedia.org/wikipedia/commons/thumb/2/20/Magic_wand.svg/60px-Magic_wand.svg.png) 0 0 no-repeat;
}
.ext-status-magic .ext-infobox-header img {
	visibility: hidden;
	padding-right: 1em;
}
.skin-infobox,
.skin-infobox td {
	border-color: #a7d7f9;
}
.skin-infobox-header {
	color: #000;
	background: #e2f4ff;
}

/* [[Template:See also]], [[Template:rellink]] etc. */
.rellink,
.dablink,
.mw-tpl-rellink {
	font-style: italic;
	padding-bottom: 0.4em;
	padding-left: 0;
	margin-bottom: 0.4em;
	color: #555;
	border-bottom: 1px solid #ccc;
}

/* [[Template:Note]] */
.tip,
.note {
	padding: 0.5em;
	margin: 0.5em 0;
	overflow: hidden;
	background-color: #F9F9F9;
	/* @noflip */ background-position: left 7px top 50%;
	background-repeat: no-repeat;
	border: 1px solid #DDD;
}
.tip-info,
.note-info {
	background-color: #F0F0E7;
	background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/f/f8/Appunti_architetto_franc_01.svg/22px-Appunti_architetto_franc_01.svg.png);
	border-color: #cc9933;
	/* @noflip */ padding-left: 40px;
	min-height: 28px;
}
.tip-reminder,
.note-reminder {
	background-color: #F6FDEA;
	background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/6/60/Bulbgraph.png/23px-Bulbgraph.png);
	border-color: #D6E434;
	min-height: 28px;
}
.tip-error,
.note-error {
	background-color: #F0E7E7;
	background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/5/51/Attention_niels_epting.svg/24px-Attention_niels_epting.svg.png);
	border-color: #cc3333;
	min-height: 25px;
}

/* [[Template:Notice]] */
.block-note {
	background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/6/60/Bulbgraph.png/18px-Bulbgraph.png);
	background-repeat: no-repeat;
}
/*
 * Using block-contents in the hope that it can apply to all block-level warning templates,
 * with different images applied as backgrounds to the wrapping DIV.
 */
.block-contents {
	display: block;
	padding-left: 20px;
}

/* [[Template:Documentation]] */
.template-documentation {
	clear: both;
	margin: 1em 0 0 0;
	border: 1px solid #aaa;
	background-color: #ecfcf4;
	padding: 5px;
}

/* [[Template:Navbox]] */
.navbox {
	/* Navbox container style */
	border: 1px solid #aaa;
	width: 100%;
	margin: auto;
	clear: both;
	font-size: 88%;
	text-align: center;
	padding: 1px;
}
.navbox-inner,
.navbox-subgroup {
	width: 100%;
}
table.navbox + table.navbox {
	/* Single pixel border between adjacent navboxes */
	margin-top: -1px;
	/* (doesn't work for IE6, but that's okay) */
}
.navbox th,
.navbox-title,
.navbox-abovebelow {
	text-align: center;
	/* Title and above/below styles */
	padding-left: 1em;
	padding-right: 1em;
}
th.navbox-group {
	/* Group style */
	white-space: nowrap;
	/* @noflip */
	text-align: right;
}
.navbox,
.navbox-subgroup {
	background: #fdfdfd;
}
.navbox-list {
	/* Must match background color */
	border-color: #fdfdfd;
}
.navbox th,
.navbox-title {
	/* Level 1 color */
	background: #ccccff;
}
.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-title {
	/* Level 2 color */
	background: #ddddff;
}
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
	/* Level 3 color */
	background: #e6e6ff;
}
.navbox-even {
	/* Even row striping */
	background: #f7f7f7;
}
.navbox-odd {
	/* Odd row striping */
	background: transparent;
}
.navbox .hlist td dl,
.navbox .hlist td ol,
.navbox .hlist td ul,
.navbox td.hlist dl,
.navbox td.hlist ol,
.navbox td.hlist ul {
	/* Adjust hlist padding in navboxes */
	padding: 0.125em 0;
}
.navbox .hlist dd,
.navbox .hlist dt,
.navbox .hlist li {
	/* Nowrap list items in navboxes */
	white-space: nowrap;
	/* IE < 8 no-wraps entire list, so disable it */
	white-space: normal !ie;
}
.navbox .hlist dd dl,
.navbox .hlist dt dl,
.navbox .hlist li ol,
.navbox .hlist li ul {
	/* But allow parent list items to be wrapped */
	white-space: normal;
}
ol + table.navbox,
ul + table.navbox {
	/* Prevent lists from clinging to navboxes */
	margin-top: 0.5em;
}

/* [[Template:Navbar]] */
.navbar {
	display: inline;
	font-size: 88%;
	font-weight: normal;
}
.navbar ul {
	display: inline;
	white-space: nowrap;
}
.navbar li {
	word-spacing: -0.125em;
}
/* Navbar styling when nested in navbox */
.navbox .navbar {
	display: block;
	font-size: 100%;
}
.navbox-title .navbar {
	/* @noflip */
	float: left;
	/* @noflip */
	text-align: left;
	/* @noflip */
	margin-right: 0.5em;
	width: 6em;
}
/* [[Template:Cmd]] */
.cmd:before {
	content: "$ ";
	color: #246;
}

/**
 * 7. SOME OTHER SMALL THINGS
 * -------------------------------------------------
 */

/* Allow people to optionally wrap lines in source listings */
div.wrapPreLines pre {
	white-space: pre-wrap;
}

/* Give a bit of space to the TOC */
#toc {
	margin: 1em 0;
}

/*
 * Allow limiting of which header levels are shown in a TOC;
 * <div class="toclimit-3">, for instance, will limit to
 * showing ==headings== and ===headings=== but no further.
 * Used in [[Template:TOC]]
 */
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
	display: none;
}

/* make the list of references look smaller and highlight clicked reference in blue */
ol.references {
	font-size: 100%;
}
.references-small {
	font-size: 90%;
}
ol.references > li:target {
	background-color: #ddeeff;
}
sup.reference:target {
	background-color: #ddeeff;
}


/*
 * Styling for links generated by [[MediaWiki:Edittools]]
 * @source www.mediawiki.org/wiki/Extension:CharInsert#Styling
 * @updated 2012-02-29
 */
.mw-charinsert-buttons {
	margin-top: 10px;
	border: 1px solid #aaaaaa;
	padding: 1px;
	text-align: center;
	font-size: 110%;
}
.mw-charinsert-buttons a {
	color: black;
	background-color: #cde !important;
	font-weight: bold;
	font-size: .9em;
	text-decoration: none;
	border: thin #069 outset;
	padding: 0 .1em .1em;
}
.mw-charinsert-buttons a:hover,
.mw-charinsert-buttons a:active {
	background-color: #bcd;
	border-style: inset;
}
.client-js .mw-edittools-section {
	display: inline;
}
.client-js .mw-edittools-section input[type="button"] {
	font-size: 0.9em;
	padding-left: 1px;
	padding-right: 1px;
	margin-left: 1px;
}

/* from [[User:Splarka/Help:Linked images]] */
.imagelink_wikilogo a {
	width: 135px;
	height: 135px;
	display: block;
	text-decoration: none;
	background-image: url(//upload.wikimedia.org/wikipedia/mediawiki/b/bc/Wiki.png);
}

/*
 * 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;
}

/*
 * Apparently the namespaces parameter
 * for inputbox forces a checkbox.
 * Let's hide it in the API sidebar
 */
.mw-inputbox-hideapicheck label[for="mw-inputbox-ns104"],
#mw-inputbox-ns104 {
	display: none;
}

/* Testing for code review */
div.mw-wordcloud {
	width: 100%;
	text-align: justify;
}

.mw-wordcloud-size-1 {
	color: #222;
	font-size: 2.4em;
}
.mw-wordcloud-size-2 {
	color: #333;
	font-size: 2.2em;
}
.mw-wordcloud-size-3 {
	color: #444;
	font-size: 2.0em;
}
.mw-wordcloud-size-4 {
	color: #555;
	font-size: 1.8em;
}
.mw-wordcloud-size-5 {
	color: #666;
	font-size: 1.6em;
}
.mw-wordcloud-size-6 {
	color: #777;
	font-size: 1.4em;
}
.mw-wordcloud-size-7 {
	color: #888;
	font-size: 1.2em;
}
.mw-wordcloud-size-8 {
	color: #999;
	font-size: 1em;
}
.mw-wordcloud-size-9 {
	color: #aaa;
	font-size: 0.8em;
	letter-spacing: 3px;
}
.mw-wordcloud-size-10,
.mw-wordcloud-size-0 {
	color: #bbb;
	font-size: 0.8em;
}

/* @todo FIXME: document me :) */
#signuptopbox li {
	float: left;
	list-style: none;
	font-family: sans-serif;
}
#signuptopbox li {
	color: #3ca7d4;
	background: #c2e1f9;
	line-height: 2.8em;
	margin-right: .25em;
	padding-right: .5em;
}
#signuptopbox li.pr-active,
#signuptopbox li.pr-active div {
	color: #67ca36;
	background: #d4f9c2;
	border-color: #fff #fff #fff #67ca36;
}
#signuptopbox li div {
	width: 0;
	height: 0;
	border-color: #fff #fff #fff #3CA7D4;
	border-style: solid;
	border-width: 1.4em .3em 1.4em 1.4em;
	float: left;
}
#signuptopbox li span.pr-number {
	display: block;
	width: 1.8em;
	line-height: 1.8em;
	background: #3ca7d4;
	color: #c2e1f9;
	text-align: center;
	margin: .5em;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	font-weight: 600;
	float: left;
}
#signuptopbox li.pr-active span.pr-number {
	background: #67ca36;
	color: #d4f9c2;
}
#signuptopbox li span {
	float: left;
}
#signuptopbox li.pr-spacer {
	padding: 0;
}

/* Breadcrumb code */
.breadcrumb {
	list-style: none;
	overflow: hidden;
	font: 14px Helvetica, Arial, sans-serif;
}
.breadcrumb li {
	float: left;
	margin-bottom: 0;
}
.breadcrumb li a {
	color: white;
	text-decoration: none;
	padding: 10px 0 10px 45px;
	position: relative;
	display: block;
	float: left;
}

.breadcrumb li a:after {
	content: " ";
	display: block;
	width: 0;
	height: 0;
	/* Go big on the size, and let overflow hide */
	border-top: 50px solid transparent;
	border-bottom: 50px solid transparent;
	position: absolute;
	top: 50%;
	margin-top: -50px;
	left: 100%;
	z-index: 2;
}

.breadcrumb li a:before {
	content: " ";
	display: block;
	width: 0;
	height: 0;
	border-top: 50px solid transparent;
	border-bottom: 50px solid transparent;
	border-left: 31px solid white;
	position: absolute;
	top: 50%;
	margin-top: -50px;
	margin-left: 1px;
	left: 100%;
	z-index: 1;
}

.breadcrumb li:first-child a {
	padding-left: 20px;
}

.currentcrumb a {
	background: #069;
}

.currentcrumb a:after {
	border-left: 30px solid #069;
}

.currentcrumb a:hover,
.prevcrumb a:hover,
.nextcrumb a:hover {
	background: #002d44;
}

.currentcrumb a:hover:after,
.prevcrumb a:hover:after,
.nextcrumb a:hover:after {
	border-left-color: #002d44 !important;
}

.prevcrumb a {
	background: #396;
}

.prevcrumb a:after {
	border-left: 30px solid #396;
}

.nextcrumb a {
	background: #999;
}

.nextcrumb a:after {
	border-left: 30px solid #999;
}

/* To facilitate rtl translations */
#bodyContent .table-RTL a {
	background: none;
	padding-right: 0;
}

#bodyContent .table-RTL ul {
	margin-right: 10px;
	display: table;
}

/* Fix annoying bug where the "date" column in the LQT sometimes
 * is two rows because of the date being too long even through there is
 * enough space (otherwise the browser makes it's own decision on where to cut)
 */
.lqt_toc th:nth-child(3),
.lqt_toc td:nth-child(3) {
	white-space: nowrap;
}

.persian {
	font-family: Tahoma;
}

/* Fonts for Persian language for consistency with other Wikimedia wikis */
:lang(fa) {
  font-family: Tahoma, 'Iranian Sans', 'DejaVu Sans', sans-serif;
}

/*
 * Manual:Database_layout
 */
.mwmanual-dbview-box img {
	opacity: 0.5;
}
.mwmanual-dbview-box:hover img {
	opacity: 0.8;
}
.mwmanual-dbview-link {
	background: rgb(198, 212, 235);
	background: hsla(217, 48%, 85%, 0.8);
	border: 1px solid #0645AD;
	border-radius: 4px;
	padding: 10px 5px;
	text-align: center;
	font-weight: bold;
}
.mwmanual-dbview-box:hover .mwmanual-dbview-link {
	background: hsla(215, 46%, 95%, 0.8);
}
.mwmanual-dbview-link:hover {
	background: hsla(215, 46%, 95%, 0.9);
}

/*
 * VisualEditor documentation styles - required for displaying document diagrams
 */
.ve-doc-dm-data {
	list-style: none;
	cursor: default;
}
.ve-doc-dm-data li {
	font-family: sans-serif;
	text-align: center;
	line-height: 2.25em;
	display: inline-block;
	width: 2.25em;
	height: 2.25em;
	border: solid 2px white;
}
.ve-doc-dm-data li.ve-doc-dm-cursor {
	width: 0.5em;
}
.ve-doc-dm-cursor:hover {
	border-color: #cccccc;
}
.ve-doc-dm-open,
.ve-doc-dm-close {
	background-color: #50a5f4;
	color: #7ddcfd;
}
.ve-doc-dm-open:hover,
.ve-doc-dm-close:hover {
	border-color: #7ddcfd;
}
.ve-doc-dm-close {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJhJREFUeNrs0UENgEAQBMGThGMkImFBAp8jTVKVjIHptT4yM8eza947F2KIIYYYYoghBmKIgRhiIIYYiCGG18QQQwwxxBBDDMQQAzHEQAwxEEMMMTYHESMWRIwfBhEjFESMUBAxQkHECAURIxREjFAQMUJBxAgFESMURAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGCfW4ABAPk3h3InIbNlAAAAAElFTkSuQmCC);
	background-size: contain;
	background-position: left top;
	background-repeat: no-repeat;
}
.ve-doc-dm-char,
.ve-doc-dm-achar {
	border-radius: 3em;
}
.ve-doc-dm-char {
	background-color: #7bcc45;
	color: #fff;
}
.ve-doc-dm-char:hover {
	border-color: #b6f26c;
}
.ve-doc-dm-achar {
	background-color: #fa952c;
	color: #fff;
}
.ve-doc-dm-achar:hover {
	border-color: #fed045;
}
.ve-doc-dm-element-text {
	color: #50a5f4;
}
.ve-doc-dm-char-text {
	color: #7bcc45;
}
.ve-doc-dm-achar-text {
	color: #fa952c;
}

/* For templates in Category:VisualEditor tests templates */
tt.ve-typing-test {
	color: white;
	background-color: black;
	padding: 0 1em 0 1em;
}

/**
 * Style for horizontal lists (separator following item).
 * @source mediawiki.org/wiki/Snippets/Horizontal_lists
 * @revision 6 (2014-05-09)
 * @author [[User:Edokter]]
 */
.hlist dl,
.hlist ol,
.hlist ul {
	margin: 0;
	padding: 0;
}
/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
	margin: 0;
	display: inline;
}
/* Display nested lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
	display: inline;
}
/* Generate interpuncts */
.hlist dt:after {
	content: ": ";
}
.hlist dd:after,
.hlist li:after {
	content: " · ";
	font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
	content: none;
}
/* Add parentheses around nested lists */
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
	content: " (";
	font-weight: normal;
}
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
	content: ") ";
	font-weight: normal;
}
/* Put ordinals in front of ordered list items */
.hlist ol {
	counter-reset: listitem;
}
.hlist ol > li {
	counter-increment: listitem;
}
.hlist ol > li:before {
	content: " " counter(listitem) " ";
	white-space: nowrap;
}
.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
	content: " (" counter(listitem) " ";
}
/* end hlist */

/* Banner - Wikivoyage - Used to test MediaWiki/Homepage redesign/Preview */
 
.banner-image {
	position: relative;
	overflow: hidden;
	max-width: 1800px;
	height: auto;
	margin-bottom: .6em;
}
.banner-image img {
	max-width: 100%;
	height: auto;
	width: auto\9;
}
.banner-box {
	position: absolute;
	z-index: 2;
	margin-top: 2.5em;
	color: white;
	min-width: 20em;
	text-shadow: black 0.3em 0.3em 1em,black -0.1em -0.1em 1em;
}
.banner-box-wide { width: 80% }
.banner-box-left {
	left: 5%;
	text-align: left;
}
.banner-box-right {
	right: 5%;
	text-align: right;
}
.banner-box .name {
	font-size: 3em;
	white-space: nowrap;
	line-height: 1.2em;
}
.banner-box .type {
	font-size: 2em;
	line-height: 1.2em;
}
 
.mf-mobile-only,
.lqt-talkpage-search {
	display: none;
}

/* Phabricator-like tag styling */
.phui-tag {
    -webkit-font-smoothing: antialiased;
    background-color: #e7e7e7;
    border-color: #e7e7e7;
    border-radius: 3px;
    border: 1px solid transparent;
    font: 13px 'Segoe UI','Segoe UI Web Regular','Segoe UI Symbol','Lato','Helvetica Neue',Helvetica,Arial,sans-serif;
    line-height: 1.51em;
    padding: 0 4px;
}

.mw-body .phui-tag a.external {
    background-image: none;
    padding-right: 0;
    text-decoration: none;
    color: black;
    font-weight: bold;
}
Retrieved from "https://wiki.mtgpq.info/w/index.php?title=MediaWiki:Common.css&oldid=140"