MediaWiki:Common.css

From Digimon Masters Online Wiki - DMO Wiki
Revision as of 18:16, 7 February 2021 by Mave (talk | contribs)
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.
/* Own */

.dmowiki-note {
     background:    #ffd9d9;
     border:        2px solid #fb4f4f;
     border-radius: 4px;
     overflow:      auto;
     padding:       5px;
 }

.dmowiki-message {
    background:    #ced7e1;
    border:        2px solid #77a1cd;
    border-radius: 4px;
    overflow:      auto;
    padding:       5px;
}

.digimon-hover-box {
    background: #fff;
    padding:    10px;
    border:     1px solid black;
    width:      200px;
}

.digimon-hover-box img {
    width: 120px;
}

.digimon-mave-hover:after {
    content: url('/images/arrow.png');
    margin:  0 3px;
}

#mw-panel .body {
    background: none !important;
}

.admin-sig a {
    color:       #03a9f4;
    font-weight: bold;
}

/*
@media (max-width: 1000px) {
    .main-alert {
        display: none;
    }
}

.main-alert {
    background: #E74C3C;
    border: 2px solid #E74C3C;
    color: #fff;
    padding: 3px;
    text-align: center;
    width: 100%;
    position: absolute;
    font-size: 13px;
    z-index: 99999;
}

.main-alert a {
    text-decoration: underline;
    font-weight: bold;
    color: #fff;
}

#p-personal {
    top: 25px !important;
}*/

.alert.alert-info {
    padding: 3px 15px 3px 11px !important;
}

.armor-tr .digivolve-level {
    top: 15px;
}

.width-auto {
    width: auto !important;
}

.digivolve-table {
    width:        calc(100% - 400px);
    table-layout: fixed;
}

.digivolve-table .down-right-arrow .digivolve-version {
    bottom: 30px;
    right:  -2px;
}

.infoboxhover a {
    display: block;
    padding: 10px;
}

.infoboxhover a * {
    box-sizing: border-box;
}

.digivolve-table .down-right-arrow {
    text-align:    right;
    font-size:     24px;
    padding-top:   0 !important;
    padding-right: 10px;
    position:      relative;
}

.digivolve-table .armor-tr td {
    padding-top: 10px;
}

.digivolve-table .digivolve-type {
    position: absolute;
    bottom:   0;
    right:    -18px;
}

.digivolve-table .digivolve-version {
    position: absolute;
    bottom:   12px;
    right:    -18px;
}

.w46 {
    width: 46px !important;
}

.w46 a {
    display:  block;
    position: relative;
}

.digivolve-relative {
    position:   relative;
    width:      30px;
    text-align: center;
}

.digivolve-level {
    position:  absolute;
    top:       5px;
    left:      2px;
    width:     30px;
    font-size: 10px;
}

.digivolve-table * {
    box-sizing: border-box;
}

.alert {
    display: inline-block !important;
    width:   auto !important;
}

.wikitable.glossary td,
.wikitable.glossary th,
.wikitable.droptable td {
    padding: 4px 8px;
}

.wikitable.glossary td:first-child {

    text-align: center;
}

.wikitable .questname {
    padding: 8px;
}

.statstable td {
    padding: 5px 10px !important;
}

.wild {
    border-spacing: 0;
    border:         2px solid grey;
    border-radius:  4px;
    width:          400px;
}

.wild .wild-mutation {
    background: #bfcaff;
}

.wild .wild-leader {
    background: #caffbf;
}

.wild .wild-dd {
    background: #ffc66b;
}

/*.wild .wild-mutation td, .wild .wild-leader td { padding: 2px 2px 2px 10px; }*/

.wild .wild-padding td {
    padding-left: 20px;
}

.wild th {
    background:              #ffc0cb;
    border-top-left-radius:  2px;
    border-top-right-radius: 2px;
}

.wild th, .wild td {
    padding: 5px;
}

.questtable td, .questtable th {
    padding: 5px !important;
}

.questtable td:first-child {
    text-align: center;
}

.questtable th:first-child {
    text-align: left;
    width:      50px;
}

.questtable th:first-child + th + th {
    text-align: left;
    width:      40px;
}

.infobox td {

    padding: 3px;
}

.mw-collapsible-toggle {
    float: left;
}

.attacktable td:hover {
    background: #f2f2f2;
}

.atkdesc {
    color: #666;
    width: 450px;
}

.atkdesc span {
    margin-left: 10px;
}

.atkbor {
    border-right: 1px solid #666;
}

.atkbor:hover {
    border-right: 1px solid #af1015;
}

.atkpad {
    /*padding: 0px 10px;*/
    padding-right: 10px;
}

.atkpad:hover {
    background: #f2f2f2;
}

.infoboxhover, .wild .wild-image {
    background-color: transparent;
}

.infoboxhover:hover, .wild .wild-image:hover {
    background-color: #666;
}

.selecteddigivolve {
    border: 3px solid # /*6cc0e5*//*a8ff00 green*/ fb4f4f;
    padding: 2px;
}

.doesnotexist {
    opacity: 0.6;
}

.doesnotexist:hover {
    cursor:  not-allowed;
    opacity: 1;
}

.attacktable td {
    text-align: center;
}

.attacktable .attackname {
    padding: 0px 10px;
}

.tableheader a, .tableheader a:visited {
    color: #fbc93d;
    /*text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;*/
}

.tableheader {

    color:                   white;
    font-weight:             bold;
    text-align:              center;
    text-shadow:             -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    -webkit-background-size: 50px 50px;
    -moz-background-size:    50px 50px;
    background-size:         50px 50px; /* Controls the size of the stripes */

    background-color:        #222 !important;
    background-image:        -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent));
    background-image:        -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    background-image:        -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    background-image:        -ms-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    background-image:        -o-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    background-image:        linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
}

.tableheadersmall {
    -webkit-background-size: 15px 15px;
    -moz-background-size:    15px 15px;
    background-size:         15px 15px; /* Controls the size of the stripes */
}

.locations td {
    padding: 5px !important;
}

.gallerybox img {
    background: transparent;
}

.gallerybox img:hover {
    background: #666;
}

.itembox {
    background:            #1e2c51;
    border:                1px solid #a7b3c5;
    -webkit-border-radius: 3px;
    -moz-border-radius:    3px;
    border-radius:         3px;
    float:                 right;
    font-family:           Arial;
    text-shadow:           1px 1px 1px #000;
    width:                 312px;
}

.itembox a {
    color:           #fff;
    text-decoration: underline;
}

.itembox a:hover {
    color: #77ff06;
}

.itemheader {
    padding: 10px 20px;
}

.itemheader span {
    display:     inline-block;
    margin-left: 12px;
}

.iteminfo {
    margin-left: 10px !important;
}

.itemspan {
    color:      #f0ce97;
    display:    inline-block;
    margin-top: 5px;
    width:      114px;
}

.description {
    display:    inline-block;
    margin-top: 5px;
}

.itembox {
    background:  #1e2c51;
    border:      1px solid #a7b3c5;
    font-family: Arial;
    width:       312px;
}

.itembox hr {
    margin:     0 auto;
    margin-top: 10px;
    width:      80%;
}

.cash {
    color: #fff000;
}

.characterbound {
    color: #f00033;
}

.magic {
    color: #77ff06;
}

.normal {
    color: #fff;
}

.premiumsilk {
    color: #fff000;
}

.rare {
    color: #06e5ff;
}

.silk {
    color: #b8a49d;
}

.table-rank-category {
    border-collapse: separate;
    border-spacing:  0;
}

.table-rank-category td {
    text-align: center;
    padding:    0 !important;
}

.table-rank-category td.selected {
    background: #bbb;
    border:     1px solid #000;
}

.table-rank-category td a {
    display: block;
    padding: 4px 8px;
}


#p-googleadsense.emptyPortlet {
    display: initial;
}

/* 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 füor content
3. Special pages
4. Main page styling
5. Sidebar external links
6. [[Extension Matrix]] stuff
7. Wikitables, infobox templates, warnings, and other such stylings
8. Some other small things
*/

/*body{ background: #e1e1e1 url("/wiki/images/background/halloween_background.jpg") 0px 0px no-repeat; }*/
/*a { color: #cc7400; }
a:visited { color: #cc7400; }
a:active { color: #cc7400; }
a:hover { color: #995700; }*/

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

/* Pseudo NS Special (light grey) */
.ns--2 #content {
    background-color: #f4f4f4;
}

.ns--2 div.thumb {
    border-color: #f4f4f4;
}

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

.ns-4 div.thumb,
.ns-5 div.thumb {
    border-color: #f8fcff;
}

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

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

.ns-100 div.thumb,
.ns-101 div.thumb {
    border-color: #f3f3ff;
}

/* NS Help (but NOT Help_talk) (blue border and Public Domain icon) */
.ns-12 #content {
    border:              2px solid #00c;
    border-right:        none;
    background-image:    url(//upload.wikimedia.org/wikipedia/mediawiki/b/b8/PD-banner.png);
    background-repeat:   no-repeat;
    background-position: right top;
}

.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: #aaa;
    border-width: thin;
}

.borderc3 {
    border-color: #777;
    border-width: thin;
}

.borderc4 {
    border-color: #000;
    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: #fc0;
    border-width: thin;
}

/* Used by: [[Template:Welcome]]. */

/* Background colors */
.backgroundc1 {
    background-color: #fff;
}

/* Used by: [[Template:Welcome]]. */
.backgroundc2 {
    background-color: #f9f9f9;
}

.backgroundc3 {
    background-color: #eee;
}

.backgroundc4 {
    background-color: #e0e0e0;
}

.backgroundc5 {
    background-color: #d2d2d2;
}

.backgroundc6 {
    background-color: #b7b7b7;
}

.backgroundc7 {
    background-color: #a3a3a3;
}

.backgroundc8 {
    background-color: #445;
}

/**
 * 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 #ccc;
    background-color: #f9f9f2;
    padding:          0.2em 0.4em;
}

/**
 * 4. MAIN PAGE STYLING
 * -------------------------------------------------
 */

#mainpage_topbox {
    background: #f9f9f9;
    padding:    0px;
    border:     1px solid #aaa;
    margin:     0.2em 10px 10px;
}

.mainpage_boxtitle,
.mainpage_hubtitle,
#mainpage_pagetitle {
    font-size:        105%;
    padding:          0.4em;
    background-color: #eee;
    border-bottom:    1px solid #aaa;
}

.mainpage_boxtitle {
    line-height: 120%;
}

#mainpage_pagetitle {
    color:     #cf7606;
    font-size: 200% !important;
}

#mainpage_sitelinks {
    padding:          0.2em;
    text-align:       center;
    background-color: white;
}

.mainpage_hubtitle {
    text-align: center;
}

.mainpage_boxcontents,
.mainpage_boxcontents_small {
    background: #fff;
    padding:    0.2em 0.4em;
}

.mainpage_boxcontents_small {
    font-size: 95%;
}

.mainpage_boxcontents_title {
    display:       block;
    border-bottom: 1px solid #aaa;
    margin-bottom: 0.5em;
    text-align:    center;
    font-weight:   bold;
    font-size:     larger;
}

.mainpage_hubbox,
#mainpage_newscell,
#mainpage_downloadcell,
#mainpage_opportunitiescell,
#mainpage_featuredpagescell {
    padding: 0;
    border:  1px solid #aaa;
}

.mainpage_hubbox {
    margin-bottom: 0;
}

#mainpage_newscell {
    margin-bottom: 15px;
    margin-top:    0 !important;
}

#mainpage_newscell .mainpage_boxtitle {
    background-image:    url(//upload.wikimedia.org/wikipedia/commons/thumb/8/89/Exquisite-khelpcenter.png/20px-Exquisite-khelpcenter.png);
    background-repeat:   no-repeat;
    background-position: 99% 0.3em;
    padding-right:       25px;
}

#mainpage_downloadcell {
    width:         17em;
    margin-bottom: 5px;
}

#mainpage_downloadcell .mainpage_boxtitle {
    background-image:    url(//upload.wikimedia.org/wikipedia/commons/thumb/5/5d/Crystal_Clear_action_build.png/18px-Crystal_Clear_action_build.png);
    background-repeat:   no-repeat;
    background-position: 96% 0.33em;
    padding-right:       25px;
}

#mainpage_opportunitiescell {
    max-width:     25em;
    margin-bottom: 15px;
    margin-top:    0 !important;
}

#mainpage_opportunitiescell .mainpage_boxtitle {
    background-image:    url(//upload.wikimedia.org/wikipedia/commons/thumb/6/63/User-online.svg/20px-User-online.svg.png);
    background-repeat:   no-repeat;
    background-position: 98% 0.15em;
    padding-right:       25px;
}

#mainpage_featuredpagescell {
    max-width:     25em;
    margin-bottom: 15px;
    margin-top:    0 !important;
}

#mainpage_featuredpagescell .mainpage_boxtitle {
    background-image:    url(//upload.wikimedia.org/wikipedia/commons/thumb/0/0f/Note_icon.svg/20px-Note_icon.svg.png);
    background-repeat:   no-repeat;
    background-position: 98% 0.15em;
    padding-right:       25px;
}

/* The words 'MediaWiki.org' in the title. */
#mainpage_mwtitle {
    color: #005288;
}

/**
 * The "mainpage" class is added to the body with JavaScript for the main page in all
 * languages, so we can style things that apppear on the main page and also elsewhere.
 */
.mainpage #lastmod,
.mainpage #siteSub,
.mainpage h1.firstHeading {
    display: none !important;
}

.mainpage #content {
    padding-top: 1em;
}

/**
 * 5. SIDEBAR EXTERNAL LINKS
 * -------------------------------------------------
 */
/*
#n-blog-text a,
#n-mw-repo-commits a,
#n-mw-repo-codereview a,
#n-browse-repo a,
#n-phpdoc a {
	background: url(//upload.wikimedia.org/wikipedia/commons/6/64/Icon_External_Link.png) center right no-repeat;
	padding-right: 13px;
	color: #3366bb;
}
*/

/**
 * 7. WIKITABLES, INFOBOX TEMPLATES, WARNINGS AND OTHER SUCH STYLINGS
 * -------------------------------------------------
 */

table {
    border-collapse: separate;
    border-spacing:  10px 0px;
}

/* 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 {
    background-color: transparent;
}

table.datatable th,
table.datatable td {
    padding: 4px;
}

table.datatable th {
    text-align:       left;
    background-color: #999;
}

table.datatable tr {
    background-color: #ccc;
}

table.datatable tr:hover {
    background-color: #ffc;
}

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

/* Extension & Skin infobox styling */
.tpl-infobox {
    border:           2px solid #aaa;
    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 #aaa;
    padding:       0.2em 0.5em;
    border-bottom: 1px solid #f0f0f0 !important;
}

.tpl-infobox-header {
    background-color: #aaa;
    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: #900;
}

.ext-status-unstable .ext-infobox-header {
    background-color: #900;
    color:            #ff0;
}

.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-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;
}

/**
 * "Note" boxes ([[Template:Note]])
 */
.tip,
.note {
    padding:             0.5em;
    margin:              0.5em 0;
    overflow:            hidden;
    background-color:    #f9f9f9;
    background-position: 4px 2px;
    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:     #c93;
    /* @noflip */
    padding-left:     30px;
    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;
    padding-left:     31px;
    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:     #c33;
    padding-left:     32px;
    min-height:       25px;
}

/* Version box on [[Manual:Downloading MediaWiki]] */
#DownloadVersionBox {
    border:          2px solid black;
    border-collapse: collapse;
    margin:          auto;
    width:           50%;
    color:           black;
}

#DownloadVersionBox td {
    border:  2px solid black;
    padding: 20px;
}

/* 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: #fff;
    border-color:     #c51919;
    border-width:     2px;
}

.pw-head {
    color:       #c51919;
    font-weight: bold;
}

/* Used in Template:Notice */
.block-note {
    background-image:    url(//upload.wikimedia.org/wikipedia/commons/thumb/6/60/Bulbgraph.png/18px-Bulbgraph.png);
    background-position: top left;
    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]]) */
.template-documentation {
    clear:            both;
    margin:           1em 0 0 0;
    border:           1px solid #aaa;
    background-color: #ecfcf4;
    padding:          5px;
}

/* Default style for navigation boxes */
table.navbox {
    /* Navbox container style */

    border:     1px solid #aaa;
    width:      100%;
    margin:     auto;
    clear:      both;
    font-size:  88%;
    text-align: center;
    padding:    1px;
}

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: #ccf;
}

.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-title {
    /* Level 2 color */
    background: #ddf;
}

.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;
}

/* Default styling for Navbar template */
.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;
}

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

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

/* 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:TOCright]]
 */
.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: #def;
}

sup.reference:target {
    background-color: #def;
}

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

/* Styling for related links and disambiguation links */
.rellink,
.dablink {
    font-style:    italic;
    margin-bottom: 0.5em;
    padding-left:  2em;
}

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

/**
 * Fix so <syntaxhighlight> tags and .css and .js pages get normal text size.
 * [[bugzilla:26204]]
 */
div.mw-geshi div,
div.mw-geshi div pre,
span.mw-geshi,
pre.source-css,
pre.source-javascript {
    font-family: monospace, "Courier New" !important;
}

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

/**
 * Hide "Edit" tab from [[VisualEditor:Welcome]] until page protection affects VisualEditor extension too (added on 06-29-2012)
 * Unhid it for sysops in [[MediaWiki:Group-sysop.css]]
 */
body.page-VisualEditor_Welcome li#ca-edit {
    display: none;
}

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

.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;
}

/**
ALERTS
**/

.alert {
    padding:               8px 35px 8px 14px;
    margin:                0 20px 20px 0;
    text-shadow:           0 1px 0 rgba(255, 255, 255, 0.5);
    background-color:      #fcf8e3;
    border:                1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius:    4px;
    border-radius:         4px;
}

.alert,
.alert h4 {
    color: #c09853;
}

.alert h4 {
    margin: 0;
}

.alert .close {
    position:    relative;
    top:         -2px;
    right:       -21px;
    line-height: 20px;
}

.alert-success {
    color:            #468847;
    background-color: #dff0d8;
    border-color:     #d6e9c6;
}

.alert-success h4 {
    color: #468847;
}

.alert-danger,
.alert-error {
    color:            #b94a48;
    background-color: #f2dede;
    border-color:     #eed3d7;
}

.alert-danger h4,
.alert-error h4 {
    color: #b94a48;
}

.alert-info {
    color:            #3a87ad;
    background-color: #d9edf7;
    border-color:     #bce8f1;
}

.alert-info h4 {
    color: #3a87ad;
}

.alert-block {
    padding-top:    14px;
    padding-bottom: 14px;
}

.alert-block > p,
.alert-block > ul {
    margin-bottom: 0;
}

.alert-block p + p {
    margin-top: 5px;
}

#p-googleadsense .body {
    margin-left: -10px !important;
}