MediaWiki:Common.css: verschil tussen versies

Uit Tribalwars Wiki NL
Naar navigatie springen
Geen bewerkingssamenvatting
Geen bewerkingssamenvatting
 
(38 tussenliggende versies door 3 gebruikers niet weergegeven)
Regel 1: Regel 1:
/** CSS die hier wordt geplaatst heeft invloed op alle skins */
/* CSS placed here will be applied to all skins */


/*
/* HEADER AND TOP NAVIGATION */
** MediaWiki 'monobook' style sheet for CSS2-capable browsers.
    #mirage-fixed-header {
** Copyright Gabriel Wicke - http://wikidev.net/
        background-color: #c9b997;
** License: GPL (http://www.gnu.org/copyleft/gpl.html)
        box-shadow: none;
**
     }
** Loosely based on http://www.positioniseverything.net/ordered-floats.html by Big John
** and the Plone 2.0 styles, see http://plone.org/ (Alexander Limi,Joe Geldart & Tom Croucher,
** Michael Zeltner and Geir Bækholt)
** All you guys rock :)
*/
 
 
body {
font: x-small sans-serif;
background: #000000;
color: black;
margin: 0;
padding: 0;
min-width: 1000px;
overflow-x: hidden;
}
 
#globalBG, #globalBG2, #globalContainer {
width: 1699px;
height: 1100px;
margin: 0 0 0 -800px;
padding: 0;
background: transparent;
position: absolute;
left: 50%;
top: 0px;
}
 
/* background image not in BODY to avoid misalignment
  when browser is resized and scrollbars appear.
  GlobalBG2 is not currently used but may be assigned
  an opacity value without giving opacity to the content. */
#globalBG {
z-index: 1;
background: #000000 url(mainbg.jpg) 50% 0 no-repeat;
}
 
/* Exactly aligned to globalBG, the globalContainer may
hold another BG image covering the dedicated ones. */
#globalContainer {
z-index: 3;
}
#globalWrapper {
width: 1000px;
margin: 0;
padding: 0;
position: absolute;
left: 295px;
top: 114px;
z-index: 1;
}
 
/* the left column width is specified in class .portlet */
#column-content {
position: relative;
z-index: 1;
top: 240px;
left: 180px;
width: 770px;
margin: 0;
padding: 0 0 63px;
background: transparent url(paperbottom.png) -3px bottom no-repeat;
}
 
#content, #column-content #content {
position: relative;
margin: 0 0 0 0px !important;
padding: 0 10px 83px 0;
top: 0;
left: 0px;
z-index: 2;
color: black;
width: 760px;
background: transparent url(paperbg.png) left 32px repeat-y;
}
 
#column-one {
background: transparent url(menutop.png) top left no-repeat;
position: absolute;
top: 4px;
left: -3px;
width: 186px;
height: auto;
margin: 0;
padding: 177px 0 20px;
z-index: 2;
}
 
#column-one .portlet {
background: transparent url(menubg.png) top left repeat-y;
width: 170px;
padding: 0 0 10px 38px;
margin: 0;
}
#column-one #p-tb {
background: transparent url(menubottom.png) bottom left no-repeat;
padding: 10px 0 125px 38px;
margin: -10px 0 0;
}
 
#column-one #p-tb .pBody {
margin-bottom: 10px;
}
 
#column-one #p-Navigation {
margin: 0;
}
 
#bodyContent {
padding: 20px 4px 0;
margin: 0;
}
 
#contentBG {
position: relative;
padding: 0px;
margin: 0 30px 0 34px;
width: 692px;
background: transparent url(contentbg.png) 0 0 repeat-y;
}
 
#contentWrapper {
padding: 10px 20px 20px;
margin: 0 5px 0 4px;
min-width: 640px;
min-height: 390px;
overflow: visible;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
font-weight: normal;
}
 
/*  restrict max-width, except for '.ScrollAreas'.
Overflow is not used for that because the '.newSection' and
'.TwoColumns' graphics need to draw over the boundaries */
#contentWrapper .ScrollArea {
margin: 20px 0;
padding: 0;
width: 640px;
border: 1px solid #998866;
border-bottom: none;
overflow: hidden;
}
#contentWrapper > * {
max-width: 650px;
overflow: hidden;
}
#contentWrapper .ScrollArea > * {
max-width: none;
overflow: hidden;
}
#contentWrapper form * {
overflow: auto;
}
 
#contentWrapper .newSection {
background: transparent url(newsection.png) top left scroll no-repeat;
margin: 0px 0 0px -30px;
padding: 50px 20px 0px 30px;
width: 650px;
max-width: 650px;
min-height: 30px;
}
 
#contentWrapper .newSectionH {
background: transparent url('newsection-h.png') top left scroll no-repeat;
margin: 0px 0 0px -30px;
padding: 50px 20px 0px 30px;
width: 650px;
max-width: 650px;
min-height: 50px;
}
 
#contentWrapper .TwoColumns {
margin: 0px 0 -20px -29px;
padding: 0 0 70px 0;
width: 700px;
max-width: 700px;
max-height: 875px;
background: transparent url('twocolumns-bottom.png') bottom left scroll no-repeat;
overflow: hidden;
}
 
#contentWrapper .ColumnLeft {
float: left;
position: relative;
width: 300px;
min-height: 45px;
max-height: 820px;
padding: 55px 20px 0 30px;
background: transparent url('twocolumns-left.png') top left scroll no-repeat;
overflow: hidden;
}
#contentWrapper .ColumnRight {
float: right;
position: relative;
width: 300px;
min-height: 45px;
max-height: 820px;
padding: 55px 25px 0 25px;
background: transparent url('twocolumns-right.png') top left scroll no-repeat;
overflow: hidden;
}
 
.editsection {
position: relative;
font-size: 10px;
}
.GroundColoredImages {
margin: 0;
padding: 0;
}
.GroundColoredImages img {
background: #eeddbb url(buildingBG.jpg) scroll bottom left repeat;
}
#p-navigation.portlet h5 , #p-search.portlet h5 , #p-tb.portlet h5, #p-guides.portlet h5, #p-community.portlet h5, #p-lang.portlet h5,
#p-spel.portlet h5
#p-Navigation.portlet h5 , #p-Search.portlet h5 , #p-tb.portlet h5, #p-Guides.portlet h5, #p-Community.portlet h5, #p-Lang.portlet h5
#p-Spel.portlet h5
{
display: block;
background: transparent url(menuheader.png) top left no-repeat;
width: 115px;
height: 34px;
margin: 0 0 -10px;
padding: 6px 0 0;
color: #ffffff;
font-size: 13px;
font-weight: bold;
text-align: center;
overflow: hidden;
}
 
#p-lang.portlet h5, #p-Lang.portlet h5 {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-weight: bold;
font-size: 10px;
     font-style: italic;
cursor: pointer;
color: #ffeebb;
text-decoration: none;
}
#p-lang.portlet h5:hover, #p-Lang.portlet h5:hover {
background: transparent url(menuheader.png) top right no-repeat;
color: #ffffff;
}
 
/* ------------------------------------------ */
 
/* general styles */
 
fieldset table {
background: none;
}
 
/* Some strong language is used for tables and cells, to override old inline styles in content */
table {
font-size: 100%;
color: #000000;
border-top: 1px solid #ddccaa !important;
border-left: 1px solid #ccbb99 !important;
border-right: 1px solid #aa9977 !important;
border-bottom: 1px solid #aa9977 !important;
background: transparent url(lightbg.png) top left fixed repeat !important;
border-collapse: separate;
border-spacing: 0;
empty-cells: hide;
}
 
th, td {
border-top: none !important;
border-left: none !important;
border-right: 1px solid #aa9977 !important;
border-bottom: 1px solid #aa9977 !important;
padding: 2px 3px;
background: transparent url(tablecell2.png) bottom right scroll no-repeat !important;
}
 
table.gallery td {
padding: 0;
}
 
/* All tables centered, and all first-order tables fully wide */
table {
width: 100%;
margin: 10px auto;
}
table table {
width: auto;
margin: 10px auto;
}


h2 span img {
    #mirage-top-header {
display: none;
        background-image: url("/skins/MirageTribalWars/images/page-bgtile.png");
}
    }


a, a:link {
    /* Respect width of logo */
text-decoration: none;
    img.mw-logo-icon {
color: #670600;
        width: inherit;
background: none;
    }
}
a:visited {
color: #670600;
}
a:hover {
color: #670600;
text-decoration: underline;
}
a:active {
color: #670600;
}


a.new {
    .mw-wordmark-container span.mw-logo-wordmark {
color: #cc3300 !important;
        color: #3d2718;
}
    }
#p-personal a.new {
color: #776644 !important;
}
#p-personal:hover a.new {
color: #aa9977 !important;
}
#p-personal a.new:hover {
color: #eeddaa !important;
}


img {
    /* Remove duplicated word mark from main page */
border: none;
    #mirage-navigation-header .mw-logo-wordmark {
vertical-align: middle;
        display: none;
}
    }
p {
margin: .4em 0 .5em 0;
line-height: 1.3em;
}
p img {
margin: 0;
padding: 0;
}
 
hr {
height: 1px;
color: #918873;
background-color: #918873;
border: 0;
margin: 10px 0;
padding: 0;
}


h1, h2, h3, h4, h5, h6 {
    .skin-mirage-dropdown-list a {
color: black;
        font-weight: normal;
background: none;
    }
font-weight: normal;
margin: 0;
padding-top: .5em;
padding-bottom: .5em;
}
h1 { font-size: 188%; }
h2 { font-size: 150%; }
h3, h4, h5, h6 {
border-bottom: none;
font-weight: bold;
}
h3 { font-size: 132%; }
h4 { font-size: 116%; }
h5 { font-size: 100%; }
h6 { font-size: 80%;  }


h1 .editsection,
    div#right-navigation {
h2 .editsection,
        background-color: transparent;
h3 .editsection,
    }
h4 .editsection,
h5 .editsection,
h6 .editsection { font-size: 10px !important; font-weight: normal; color:#554422; }


div.mw-search-formheader {
    li.mw-list-item,
background: transparent url(lightbg.png) top left repeat fixed;
    li.skin-mirage-dropdown-container {
padding: 5px;
        background: #c9b997;
font-size: 95%;
    }
margin: 5px auto 10px;
border-top: 1px solid #ccbb99;
border-left: 1px solid #ccbb99;
border-right: 1px solid #aa9977;
border-bottom: 1px solid #aa9977;
}
 
table#mw-search-top-table {
text-align: center;
}
 
input#searchText {
width: 399px;
height: 27px;
margin: 10px 0;
padding: 0px 7px 8px;
background: transparent url(search.png) top left no-repeat scroll;
border: none;
color: #000000;
font-size: 12px;
line-height: 28px;
font-weight: bold;
vertical-align: middle;
}
 
table#mw-search-top-table input[type=submit] {
width: 120px;
height: 35px;
margin: 10px 0 10px;
padding: 0 0 10px;
background: transparent url(searchbutton.png) top left no-repeat scroll;
border: none;
color: #ffffff;
font-size: 12px;
font-weight: bold;
vertical-align: middle;
}
 
/* When search button is DIV, not INPUT */
#searchBody div {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
width: 110px;
margin-bottom: 3px;
}
#searchBody div a {
color:#bbbbbb;
text-decoration: none;
}
#searchBody div a:hover {
color:#ffffff;
border-bottom: 1px dotted #888888;
}


/*
/*
SPANs inside of headlines are used to put the right-end background graphic over the main graphic.
    li.mw-list-item > a.skin-mirage-ooui-icon {
Since we can not be sure which class of SPAN will be present (and in which order), we layout
        color: transparent;
*all* SPANs (except .editsection) so they could be used for the graphic, but give the graphic to
    }
the first-child only.
*/
*/


h1 {
    div#module-site-tools li.mw-list-item,
background: transparent url(bigh-left.png) top left no-repeat;
    #module-site-tools > ul > li:last-child {
font-size: 20px;
        border-color: black;
height: 30px;
    }
padding: 12px 0 5px;
text-align: center;
position: relative;
margin: 0 -5px;
clear: both;
}


div > h1:first-child {
    div.skin-mirage-dropdown-list > ul > li.mw-list-item {
margin: 0;
        background: none;
}
    }


h1 span {
    /* Move wiki navigation menus to same line as logo */
background: none;
    div#module-site-navigation {
display: block;
        margin-top: -2.5rem;
height: 29px;
    }
position: absolute;
right: 0;
top: 0;
width: 100%;
margin-left: -600px;
white-space: nowrap;
overflow: hidden;
z-index: 1;
text-align: right;
padding: 18px 14px 0 0;
}


h1 span:first-child {
    /* Limit space used by site navigation to avoid overlapping buttons */
background: transparent url(bigh-right.png) top right no-repeat;
    div#module-site-navigation.skin-mirage-mirage-navigation {
}
        max-width: 70%;
    }


h1 span.mw-headline {
    /* Move Right Navigation (edit button etc.) in line with Recent changes */
padding: 12px 0 5px 0;
    div#right-navigation {
text-align: center;
        position: absolute;
}
        margin-right: 15px;
        margin-top: -1.25rem;
        right: 0px;
    }


h1 span.editsection {
    /* Recent Changes button text */
z-index: 2;
    #module-site-tools > ul > li:nth-child(1) > a {
position: absolute;
        color: #5f391a;
width: auto;
    }
}


h2 {
    /* Hide language selector in top-right navigation */
background: transparent url(smallh-left.png) top left no-repeat;
    nav#p-lang {
font-size: 15px;
        visibility: hidden;
height: 20px;
    }
padding: 8px 0 8px;
text-align: center;
position: relative;
margin: 0 -4px;
clear: both;
}


h2 span {
    /* Edit button row hover styling */
background: none;
    #p-views > ul > li:hover,
display: block;
    #mirage-right-rail-button:hover {
height: 20px;
        background-color: rgba(255,255,255,0.15);
position: absolute;
        color: #404244;
right: 0;
        border-color: black;
top: 0;
    }
width: 100%;
margin-left: -600px;
white-space: nowrap;
overflow: hidden;
z-index: 1;
text-align: right;
padding: 11px 13px 5px 0;
}


h2 span:first-child {
    /* Have to set this color back to transparent to ensure no text shows on the right rail button on hover */
background: transparent url(smallh-right.png) top right no-repeat;
    #mirage-right-rail-button:hover {
}
        color: transparent;
    }


h2 span.mw-headline {
    /* Adjust color for Recent Changes icon */
padding: 8px 0 8px 0;
    .skin-mirage-ooui-icon-recentChanges:before {
text-align: center;
        background-image: url(/load.php?modules=skin.mirage.icons&image=recentChanges&format=rasterized&lang=en&skin=fallback&version=14jep);
}
        background-image:linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E recent changes %3C/title%3E%3Cg fill=%22%235f391a%22%3E%3Cpath d=%22M1 3h16v2H1V3Zm0 6h11v2H1V9Zm0 6h7v2H1v-2Zm17.8-3.1 1-1.1a.6.6 0 0 0 0-.8L18 8.2a.6.6 0 0 0-.8 0l-1 1 2.6 2.7Zm-3.3-2L10 15.3V18h2.6l5.6-5.5-2.7-2.7Z%22/%3E%3C/g%3E%3C/svg%3E");
    }


h2 span.editsection {
    /* Adjust color for Special Pages icon */
z-index: 2;
    .skin-mirage-ooui-icon-specialPages:before {
position: absolute;
        background-image: url(/load.php?modules=skin.mirage.icons&image=specialPages&format=rasterized&lang=en&skin=fallback&version=dk89p);
width: auto;
        background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E special pages %3C/title%3E%3Cg fill=%22%235f391a%22%3E%3Cpath fill=%22%235f391a%22 d=%22M7 0a2 2 0 0 0-2 2h9a2 2 0 0 1 2 2v12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z%22/%3E%3Cpath fill=%22%23fill%22 d=%22M13 20H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v13a2 2 0 0 1-2 2zm-6.5-3.5.41-1.09L8 15l-1.09-.41-.41-1.09-.41 1.09L5 15l1.09.41.41 1.09zm2.982-.949.952-2.561 2.53-.964-2.53-.964L9.482 8.5l-.952 2.562-2.53.964 2.53.964.952 2.561zM6 10.5l.547-1.453L8 8.5l-1.453-.547L6 6.5l-.547 1.453L4 8.5l1.453.547L6 10.5z%22/%3E%3C/g%3E%3C/svg%3E")
}
    }


h2 span span {
    /* Adjust color for Random Page icon */
background: transparent;
    .skin-mirage-ooui-icon-die:before {
padding: 8px 0 8px 0;
        background-image:url(/load.php?modules=skin.mirage.icons&image=die&format=rasterized&skin=fallback&version=14jep);
text-align: center;
        background-image:linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E die %3C/title%3E%3Cg fill=%22%235f391a%22%3E%3Cpath d=%22M3 1a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2zm2 16a2 2 0 1 1 2-2 2 2 0 0 1-2 2zM5 7a2 2 0 1 1 2-2 2 2 0 0 1-2 2zm5 5a2 2 0 1 1 2-2 2 2 0 0 1-2 2zm5 5a2 2 0 1 1 2-2 2 2 0 0 1-2 2zm0-10a2 2 0 1 1 2-2 2 2 0 0 1-2 2z%22/%3E%3C/g%3E%3C/svg%3E");
}
    }


/* Now we style all the headings that don't have a SPAN at all, and hope we find all of them! */
    /* Adjust color for three dots menu icon */
#mw-pages h1, #mw-category-media h1,
    .skin-mirage-ooui-icon-ellipsis:before {
#mw-pages h2, #mw-category-media h2 {
        background-image:url(/load.php?modules=skin.mirage.icons&image=ellipsis&format=rasterized&skin=fallback&version=14jep);
background: transparent url(lightbg2.png) top center repeat;
        background-image:linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E ellipsis %3C/title%3E%3Cg fill=%22%235f391a%22%3E%3Ccircle cx=%2210%22 cy=%2210%22 r=%222%22/%3E%3Ccircle cx=%223%22 cy=%2210%22 r=%222%22/%3E%3Ccircle cx=%2217%22 cy=%2210%22 r=%222%22/%3E%3C/g%3E%3C/svg%3E");
margin: 15px 0 10px;
    }
height: auto;
border-top: 1px solid #ccbb99;
border-left: 1px solid #ccbb99;
border-right: 1px solid #aa9977;
border-bottom: 1px solid #aa9977;
}


h2#filelinks, h2#filehistory {
    /* Background color for Edit Button and Right Rail collapse/expand button */
background: transparent url(halfheading.png) left center no-repeat;
    #mirage-edit-button > li,
width: 310px;
    #mirage-right-rail-button {
margin: 20px auto 10px;
        background: #c9b997;
}
    }


h4.mw-specialpagesgroup {
    /* Border color definitions for the top navigation buttons */
background: transparent url(contentbottom.png) top center no-repeat;
    #mirage-edit-button > li,
}
    #mirage-edit-button > li + li,
    #mirage-edit-button > li:first-child,
    #mirage-edit-button > li:last-child,
    #mirage-edit-button > li:hover,
    #mirage-edit-button > li + li:hover,
    #mirage-edit-button > li:hover:first-child,
    #mirage-edit-button > li:hover:last-child,
    #mirage-right-rail-button,
    #mirage-right-rail-button:focus {
        border-color: black;
    }


/* Headings for .newSection */
    #mirage-edit-button > li:first-child a:hover {
        color: black;
    }


.newSectionH h1:first-child {
    /* Hover color for Edit button */
background: none;
    #mirage-edit-button > li:first-child a {
font-size: 20px;
        color: #5f391a;
margin-top: -2px;
    }
margin-bottom: 8px;
}
.newSectionH h1:first-child span.editsection {
padding: 18px 0px 5px 0;
right: 4px;
}


.newSectionH h2:first-child {
    /* Color for Edit button */
background: none;
    #mirage-edit-button > li:first-child a {
font-size: 18px;
        color: #5f391a;
margin-top: 4px;
    }
margin-bottom: 8px;
}
.newSectionH h2:first-child span.editsection {
padding: 12px 0px 5px 0;
right: 0px;
}


.newSectionH h3:first-child {
  /* Adjust color for Edit icon */
text-align: center;
  .skin-mirage-ooui-icon-edit-invert:before {
background: none;
        background-image:url(/load.php?modules=skin.mirage.icons&image=edit&variant=invert&format=rasterized&skin=fallback&version=dk89p);
font-size: 15px;
        background-image:linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E edit %3C/title%3E%3Cg fill=%22%235f391a%22%3E%3Cpath d=%22m16.77 8 1.94-2a1 1 0 0 0 0-1.41l-3.34-3.3a1 1 0 0 0-1.41 0L12 3.23zM1 14.25V19h4.75l9.96-9.96-4.75-4.75z%22/%3E%3C/g%3E%3C/svg%3E");
margin-top: 4px;
    }
margin-bottom: 8px;
padding: 10px 0;
height: 20px;
}
.newSectionH h3:first-child span.editsection {
z-index: 2;
position: absolute;
width: auto;
padding: 3px 0px 5px 0;
right: 22px;
}


.newSectionH h4:first-child {
    /* Adjust color for Watch icon */
text-align: center;
    .skin-mirage-ooui-icon-star-invert:before,#ca-watch a:before {
background: none;
        background-image:url(/load.php?modules=skin.mirage.icons&image=star&variant=invert&format=rasterized&skin=fallback&version=dk89p);
font-size: 14px;
        background-image:linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E star %3C/title%3E%3Cg fill=%22%235f391a%22%3E%3Cpath d=%22M20 7h-7L10 .5 7 7H0l5.46 5.47-1.64 7 6.18-3.7 6.18 3.73-1.63-7zm-10 6.9-3.76 2.27 1-4.28L3.5 8.5h4.61L10 4.6l1.9 3.9h4.6l-3.73 3.4 1 4.28z%22/%3E%3C/g%3E%3C/svg%3E")}
margin-top: 5px;
margin-bottom: 8px;
padding: 10px 0;
height: 20px;
}
.newSectionH h4:first-child span.editsection {
z-index: 2;
position: absolute;
width: auto;
padding: 1px 0px 5px 0;
right: 22px;
}


.newSectionH h5:first-child,
    /* Adjust color for Unwatch icon */
.newSectionH h6:first-child {
    .skin-mirage-ooui-icon-unStar-invert:before,#ca-unwatch a:before {
text-align: center;
        background-image:url(/load.php?modules=skin.mirage.icons&image=unStar&variant=invert&format=rasterized&skin=fallback&version=dk89p);
background: none;
        background-image:linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E un-star %3C/title%3E%3Cg fill=%22%235f391a%22%3E%3Cpath d=%22M20 7h-7L10 .5 7 7H0l5.46 5.47-1.64 7 6.18-3.7 6.18 3.73-1.63-7z%22/%3E%3C/g%3E%3C/svg%3E")}
font-size: 12px;
margin-top: 6px;
margin-bottom: 8px;
padding: 10px 0;
height: 20px;
}
.newSectionH h5:first-child span.editsection,
.newSectionH h6:first-child span.editsection {
z-index: 2;
position: absolute;
width: auto;
padding: 1px 0px 5px 0;
right: 22px;
}


.newSectionH h1:first-child span,
    /* Adjust color for "More" menu icon */
.newSectionH h2:first-child span,
    .skin-mirage-ooui-icon-indicator-down-invert:before {
.newSectionH h3:first-child span ,
        background-image:url(/load.php?modules=skin.mirage.indicators&image=down&variant=invert&format=rasterized&skin=fallback&version=1h8wn);
.newSectionH h4:first-child span ,
        background-image:linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E%3Ctitle%3E down %3C/title%3E%3Cg fill=%22%235f391a%22%3E%3Cpath d=%22M9.9 2.9 6 6.8 2.1 2.9 1 4l5 5 5-5z%22/%3E%3C/g%3E%3C/svg%3E");
.newSectionH h5:first-child span ,
    }
.newSectionH h6:first-child span {
background: none;
}


/* Headings for .TwoColumns */
    /* Adjust color for Right Rail button icon */
    .skin-mirage-ooui-icon-doubleChevronEnd:before {
        background-image:url(/load.php?modules=skin.mirage.icons&image=doubleChevronEnd&format=rasterized&lang=en&skin=fallback&version=14jep);
        background-image:linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E double chevron start %3C/title%3E%3Cg fill=%22%235f391a%22%3E%3Cpath d=%22M11 2 9.7 3.3l6.6 6.7-6.6 6.7L11 18l8-8zM2.5 2 1 3.3 7.8 10l-6.7 6.7L2.5 18l8-8z%22/%3E%3C/g%3E%3C/svg%3E");
    }


#contentWrapper .TwoColumns h1:first-child  {
    /* Hide the editLock icon that doesn't want to be edited for some unexplainable reason */
margin: -8px -5px 8px -5px;
    .skin-mirage-ooui-icon-editLock-invert:before {  
background: none;
        display: none;
}
    }
#contentWrapper .TwoColumns h1:first-child span {
background: none;
}
#contentWrapper .TwoColumns h1:first-child span.editsection {
padding-right: 0;
margin-right: 0;
}


#contentWrapper .TwoColumns h2:first-child  {
    /* Dropdown list for history, deletion, protection etc. */
margin: 0 -5px 11px -5px;
    li#ca-history,
background: none;
    li#ca-delete,
}
    li#ca-move,
#contentWrapper .TwoColumns h2:first-child span {
    li#ca-protect {
background: none;
        background: none;
}
    }
#contentWrapper .TwoColumns h2:first-child span.editsection {
padding-right: 0;
margin-right: 0;
}


#contentWrapper .TwoColumns h3:first-child {
margin: 0 -5px 15px -5px;
background: none;
text-align: center;
position: relative;
}
#contentWrapper .TwoColumns h3:first-child span {
margin-top: 0;
background: none;
}
#contentWrapper .TwoColumns h3:first-child span.editsection {
position: absolute;
right: 0px;
top: 11px;
padding-right: 0;
margin-right: 0;
}


#contentWrapper .TwoColumns h4:first-child {
    /* Remove Main Page header from Main page */
margin: 3px -5px 16px -5px;
    body.page-Main_Page .mw-page-title-main {
background: none;
        display: none;
text-align: center;
    }
position: relative;
}
#contentWrapper .TwoColumns h4:first-child span {
margin-top: 0;
background: none;
}
#contentWrapper .TwoColumns h4:first-child span.editsection {
position: absolute;
right: 0px;
top: 8px;
padding-right: 0;
margin-right: 0;
}


#contentWrapper .TwoColumns h5:first-child {
margin: 5px -5px 18px -5px;
background: none;
text-align: center;
position: relative;
}
#contentWrapper .TwoColumns h5:first-child span {
margin-top: 0;
background: none;
}
#contentWrapper .TwoColumns h5:first-child span.editsection {
position: absolute;
right: 0px;
top: 6px;
padding-right: 0;
margin-right: 0;
}


#contentWrapper .TwoColumns h6:first-child {
    /* Remove the Page and Discussion buttons from all pages */
margin: 6px -5px 20px -5px;
    div#left-navigation nav#p-namespaces {
background: none;
        display: none;
text-align: center;
    }
position: relative;
}
#contentWrapper .TwoColumns h6:first-child span {
margin-top: 0;
background: none;
}
#contentWrapper .TwoColumns h6:first-child span.editsection {
position: absolute;
right: 0px;
top: 5px;
padding-right: 0;
margin-right: 0;
}


.mw-search-result-data {
    #module-page-navigation {
color: #665533;
        margin: 0;
margin: 3px 0 10px;
    }
}


ul {
line-height: 1.5em;
list-style-type: square;
list-style-position: inside;
margin: .3em 0 0 1.5em;
padding: 0;
list-style-image: url(bullet.gif);
}
#contentWrapper ul {
/* overflow: visible !important; */
unicode-bidi:embed;
}


ol {
    /* Styling of username when logged in / don't show username */
line-height: 1.5em;
    #mirage-fixed-header .skin-mirage-username {
margin: .3em 0 0 3.2em;
        color: orange;
padding: 0;
        display: none;
list-style-image: none;
    }
}
li {
margin-bottom: .1em;
}
#contentWrapper li {
overflow: visible !important;
}


dt {
    /* Styling for background of dropdown on username/not logged in */
font-weight: bold;
    .skin-mirage-personaltools-dropdown li {
margin-bottom: .1em;
        background: none;
}
    }
dl {
margin-top: .2em;
margin-bottom: .5em;
}
dd {
line-height: 1.5em;
margin-left: 2em;
margin-bottom: .1em;
}


fieldset {
    /* Text color of dropdown on username/not logged in */
border: 1px dotted #6d624e;
    li#pt-login {
margin: 15px 0 15px 0;
        color: black;
padding: 0 1em 1em;
    }
line-height: 1.5em;
}
fieldset.nested {
margin: 0 0 0.5em 0;
padding: 0 0.5em 0.5em;
}
legend {
padding: 3px 7px;
font-size: 95%;
}
form {
border: none;
margin: 0;
}
textarea {
width: 100%;
padding: .1em;
}
input.historysubmit {
padding: 0 .3em .3em .3em !important;
font-size: 94%;
cursor: pointer;
margin-left: 1.6em;
}
select {
vertical-align: top;
}
abbr, acronym, .explain {
border-bottom: 1px dotted #6d624e;
color: black;
background: none;
cursor: help;
}
q {
font-family: Times, "Times New Roman", serif;
font-style: italic;
}
code {
padding: 10px;
border: 1px dashed #6d624e;
color: black;
background: transparent url(lightbg2.png) top left repeat;
line-height: 1.1em;
font-family: monospace;
overflow: hidden;
display: block;
}
pre {
padding: 10px;
border: 1px dotted #6d624e;
color: black;
background: transparent url(lightbg2.png) top left repeat;
line-height: 1.1em;
font-family: sans-serif;
overflow: hidden;
display: block;
}


    /* Text color on dropdown when no new messages */
    .skin-mirage-no-new-messages {
        color: black;
    }


small {
font-size: 85%;
}


/* ------------------------------------------ */
    /* Main background */
    body {
        background-attachment: fixed;
        background-image:
            url("/skins/MirageTribalWars/images/bg-cover-right.png"),
            url("/skins/MirageTribalWars/images/bg-cover-left.png"),
            url("/skins/MirageTribalWars/images/bg-cover-bottom.png"),
            url("/skins/MirageTribalWars/images/background.jpg");
        background-position: right center,left center,center bottom,center center;
        background-size: auto,auto,auto,cover;
        background-repeat: repeat-y,repeat-y,repeat-x,no-repeat;
    }


/*
/* GENERAL ARTICLE STYLING */
** the main content area
    main#content.mw-body,
*/
    main#content.mw-body-content,
    #mirage-navigation-header,
    #module-page-navigation,
    .skin-mirage-content-container {
        background-image: url("/skins/MirageTribalWars/images/page-bgtile.png");
    }


#siteSub {
    p,
display: none;
    h1,
}
    h2,
#jump-to-nav {
    h3,
display: none;
    h4,
}
    h5,
    h6,
    li,
    i {
        color: #3d2718;
    }


#contentSub, #contentSub2 {
    h1,
font-size: 84%;
    h2,
line-height: 1.5em;
    .skin-mirage-right-rail-module h3,
margin: 0 0 1.4em 1em;
    hr {
color: #443311;
        border-color: #a6805a;
width: auto;
    }
}
span.subpages {
display: block;
}


#firstHeading {
background: transparent url(firstheading.png) top left no-repeat;
width: 713px;
height: 40px;
padding: 17px 0 0;
margin: 0 0 -90px;
position: relative;
top: -59px;
left: 28px;
text-align: center;
text-decoration: none;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 18px;
font-weight: bold;
display: block;
z-index: 1;
}


/* user notification thing */
    h2 a,
.usermessage {
    h2 a:visited {
background-color: #ffce7b;
        font-size: normal;
border: 1px solid #ffa500;
        color: #3d2718;
color: black;
        font-weight: bold;
font-weight: bold;
    }
margin: 2em 0 1em;
padding: .5em 1em;
vertical-align: middle;
}
#siteNotice {
text-align: center;
font-size: 9px;
font-size: 10px;
padding: 0;
display: block;
position: absolute;
left: 36px;
bottom: 36px;
height: 45px;
width: 685px;
color: #6d624e;
}
#siteNotice a {
color: #363127;
text-decoration: none;
}


#siteNotice a:hover {
    p a,
color: #000000;
    p a:visited,
text-decoration: none;
    li a,
border-bottom: 1px dotted #6d624e;
    li a:visited {
}
        color: #3d2718;
        font-weight: bold;
    }


#siteNotice a:first-child:before {
    a:hover,
content: "\A"; white-space: pre-line;
    p a:hover {
}
        color: #3d2718;
    }


#siteNotice p {
    /* Warning on MediaWiki:Custom.css page */
margin: 0;
    .mw-editinginterface {
padding: 0;
        color: #efdba6;
}
    }


a#top {
visibility: hidden;
}


div#mw-js-message {
    /* Table of Contents styling */
position: relative;
    .toc {
top: -49px;
        background-color: #c9b997;
display: block;
        border: 1px solid #996b39;
background: transparent url(lightbg2.png) top left repeat;
        border-color: rgba(110,57,0,0.5);
margin: 0 34px 25px 42px;
    }
padding: 0;
   
border-top: 1px solid #ddccaa;
    .toc h2 {
border-left: 1px solid #ccbb99;
        color: black;
border-right: 1px solid #998866;
    }
border-bottom: 1px solid #776644;
}


div#mw-js-message p {
    .toc li a,
margin: 0;
    .toc li a:visited,
padding: 5px 10px 7px;
    .toctogglelabel {
background: transparent url(tablecell2.png) bottom right no-repeat;
        color: #5f391a;
font-weight: bold;
    }
}


.catlinks {
clear: both;
position: relative;
bottom: 0;
left: 34px;
color: #664433;
margin: 0 0 5px;
padding: 5px 15px;
height: 23px;
width: 665px;
font-size: 11px;
font-family: Verdana,Arial,Helvetica,sans-serif;
text-align: center;
border: none;
background: transparent url(contentbottom.png) left top no-repeat;
}


.catlinks-allhidden {
    /* In-article edit icon styling */
display: block;
    a.skin-mirage-ooui-icon.skin-mirage-ooui-icon-edit.skin-mirage-ooui-icon-small,
}
    a:visited.skin-mirage-ooui-icon.skin-mirage-ooui-icon-edit.skin-mirage-ooui-icon-small {
        color: #3d2718;
    }


/* currently unused, intended to be used by a metadata box
    a:hover.skin-mirage-ooui-icon.skin-mirage-ooui-icon-edit.skin-mirage-ooui-icon-small {
in the bottom-right corner of the content area */
        color: #3d2718;
.documentDescription {
    }
/* The summary text describing the document */
font-weight: bold;
display: block;
margin: 1em 0;
line-height: 1.5em;
}
.documentByLine {
text-align: right;
font-size: 90%;
clear: both;
font-weight: normal;
color: #76797c;
}


/* emulate center */
.center {
width: 100%;
text-align: center;
}
*.center * {
margin-left: auto;
margin-right: auto;
}
/* small for tables and similar */
.small, .small * {
font-size: 94%;
}
table.small {
font-size: 100%;
}


/* ------------------------------------------ */
/* TABLE STYLING */
    table th {
        font-weight: normal;
        background-color: #b99968;
        color: #5e321a;
        padding: 10px;
    }


/*
    /* Special .announcement class table on the Main Page */
** content styles
    th.announcement {
*/
        font-weight: bold;
    }


#toc,
    table td .announcement {  
.toc,
        color: #5e321a;
.mw-warning {
    }
background: transparent url(lightbg.png) top left repeat fixed;
padding: 5px;
font-size: 95%;
margin: 5px auto 10px;
border-top: 1px solid #ccbb99;
border-left: 1px solid #ccbb99;
border-right: 1px solid #aa9977;
border-bottom: 1px solid #aa9977;
}
table#toc {
padding: 0;
}
.mw-warning {
border: 1px solid #aaa;
background: transparent url(lightbg.png) top left repeat;
padding: 5px;
font-size: 95%;
}
#toc h2,
.toc h2 {
display: inline;
border: none;
padding: 0 4px;
font-size: 100%;
font-weight: bold;
background: none;
}
#toc #toctitle,
.toc #toctitle,
#toc .toctitle,
.toc .toctitle {
text-align: center;
}
#toc ul,
.toc ul {
list-style-type: none;
list-style-image: none;
margin-left: 0;
padding-left: 0;
text-align: left;
}
#toc ul ul,
.toc ul ul {
margin: 0 0 0 2em;
}
#toc .toctoggle,
.toc .toctoggle {
font-size: 94%;
}


.mw-warning {
    table td,
margin-left: 50px;
    table th {
margin-right: 50px;
        text-align: center;
text-align: center;
        padding: 5px;
}
        box-shadow: 0px 0px 1px 1px rgba(255,255,255,0.1) inset;
        background-color: #d4ba91 !important;
    }


ul#filetoc {
    td,
background: transparent url(lightbg2.png) top left repeat fixed;
    th {
padding: 5px;
        padding: 0;
font-size: 95%;
    }
margin: 5px auto 10px;
border-top: 1px solid #ccbb99;
border-left: 1px solid #ccbb99;
border-right: 1px solid #aa9977;
border-bottom: 1px solid #aa9977;
}


/* images */
    td {
div.floatright, table.floatright {
        display: table-cell;
clear: right;
        vertical-align: inherit;
float: right;
    }
position: relative;
margin: 0 0 .5em .5em;
border: 0;
}
div.floatright p { font-style: italic; }
div.floatleft, table.floatleft {
float: left;
clear: left;
position: relative;
margin: 0 .5em .5em 0;
border: 0;
}
div.floatleft p { font-style: italic; }


div.thumb {
    table {
margin: 7px auto;
        display: table !important;  
width: auto;
        width: 100%;
background: transparent url(lightbg2.png) top left repeat fixed;
        border-collapse: separate;
border-top: 1px solid #ccbb99;
        border-spacing: 1px !important;
border-left: 1px solid #ccbb99;
        margin-bottom: 4px;
border-right: 1px solid #aa9977;
        border-radius: 3px;
border-bottom: 1px solid #aa9977;
    }
}


div.gallerybox div.thumb {
    table center {
margin: 5px auto 1px;
        color: #5e321a;
width: auto;
    }
background: transparent url(lightbg2.png) top left repeat fixed;
border-top: 1px solid #ccbb99;
border-left: 1px solid #ccbb99;
border-right: 1px solid #aa9977;
border-bottom: 1px solid #aa9977;
}


div.thumbinner {
    table a,
border-top: 1px solid #ccbb99;
    table a:visited {
border-left: 1px solid #ccbb99;
        color: #3d2718;
border-right: 1px solid #aa9977;
    }
border-bottom: 1px solid #aa9977;
padding: 3px !important;
background: transparent url(lightbg2.png) top left repeat fixed;
font-size: 94%;
text-align: center;
overflow: hidden;
}
html .thumbimage {
border: 1px solid #998866;
}
html .thumbcaption {
border: none;
text-align: left;
line-height: 1.4em;
padding: 3px !important;
font-size: 94%;
}
div.magnify {
float: right;
border: none !important;
background: none !important;
}
div.magnify a, div.magnify img {
display: block;
border: none !important;
background: none !important;
}
div.tright {
clear: right;
float: right;
margin: .5em 0 .8em 1.4em;
}
div.tleft {
float: left;
clear: left;
margin: .5em 1.4em .8em 0;
}
img.thumbborder {
border: 1px solid #443311;
}
.hiddenStructure {
display: none;
}


.errorbox {
    table a:hover {
border: 2px dotted #cc0600;
        color: #1480a4;
color: #670600;
    }
background: transparent url(lightbg.png) top left repeat;
font-size: 13px;
}
.errorbox strong, .errorbox a {
color: #cc0600;
}
.errorbox a {
text-decoration: underline;
}


.successbox {
/* RIGHT RAIL STYLING */
border: 2px dotted #226600;
    #mirage-right-rail {
color: #003300;
        background-image: url("/skins/MirageTribalWars/images/page-bgtile.png");
background: transparent url(lightbg2.png) top left repeat;
    }
font-size: 13px;
}
.successbox strong, .successbox a {
color: #226600;
}
.successbox a {
text-decoration: underline;
}


/*
    #mirage-right-rail a,
** classes for special content elements like town boxes
    #mirage-right-rail a:visited {
** intended to be referenced directly from the wiki src
        color: #3d2718;
*/
    }


/*
    #mirage-right-rail a:hover {
** User styles
        color: #3d2718;
*/
    }
/* table standards */
table.rimage {
float: right;
position: relative;
margin-left: 1em;
margin-bottom: 1em;
text-align: center;
}
.toccolours {
border: 1px solid #aaa;
background-color: #f9f9f9;
padding: 5px;
font-size: 95%;
}


/*
    /* Remove background color on Page tools section of Right Rail */
** edit views etc
    .skin-mirage-module-body ul.skin-mirage-unstyled-list > li {
*/
        background: none;
.special li {
    }
line-height: 1.4em;
margin: 0;
padding: 0;
}


/*
** keep the whitespace in front of the ^=, hides rule from konqueror
** this is css3, the validator doesn't like it when validating as css2
*/
#bodyContent a.external,
#bodyContent a.external[href ^="gopher://"] {
background: url(external.png) center right no-repeat;
padding: 0 13px;
}
.rtl #bodyContent a.external,
.rtl #bodyContent a.external[href ^="gopher://"] {
background-image: url(external-rtl.png);
}
#bodyContent a.external[href ^="https://"],
.link-https {
background: url(lock_icon.gif) center right no-repeat;
padding: 0 16px;
}
#bodyContent a.external[href ^="mailto:"],
.link-mailto {
background: url(mail_icon.gif) center right no-repeat;
padding: 0 18px;
}
#bodyContent a.external[href ^="news://"] {
background: url(news_icon.png) center right no-repeat;
padding: 0 18px;
}
#bodyContent a.external[href ^="ftp://"],
.link-ftp {
background: url(file_icon.gif) center right no-repeat;
padding: 0 18px;
}
#bodyContent a.external[href ^="irc://"],
.link-irc {
background: url(discussionitem_icon.gif) center right no-repeat;
padding: 0 18px;
}
#bodyContent a.external[href $=".ogg"], #bodyContent a.external[href $=".OGG"],
#bodyContent a.external[href $=".mid"], #bodyContent a.external[href $=".MID"],
#bodyContent a.external[href $=".midi"], #bodyContent a.external[href $=".MIDI"],
#bodyContent a.external[href $=".mp3"], #bodyContent a.external[href $=".MP3"],
#bodyContent a.external[href $=".wav"], #bodyContent a.external[href $=".WAV"],
#bodyContent a.external[href $=".wma"], #bodyContent a.external[href $=".WMA"],
.link-audio {
background: url("audio.png") center right no-repeat;
padding: 0 13px;
}
#bodyContent a.external[href $=".ogm"], #bodyContent a.external[href $=".OGM"],
#bodyContent a.external[href $=".avi"], #bodyContent a.external[href $=".AVI"],
#bodyContent a.external[href $=".mpeg"], #bodyContent a.external[href $=".MPEG"],
#bodyContent a.external[href $=".mpg"], #bodyContent a.external[href $=".MPG"],
.link-video {
background: url("video.png") center right no-repeat;
padding: 0 13px;
}
#bodyContent a.external[href $=".pdf"], #bodyContent a.external[href $=".PDF"],
#bodyContent a.external[href *=".pdf#"], #bodyContent a.external[href *=".PDF#"],
#bodyContent a.external[href *=".pdf?"], #bodyContent a.external[href *=".PDF?"],
.link-document {
background: url("document.png") center right no-repeat;
padding: 0 12px;
}


/* for rtl wikis */
/* Footer styling */
.rtl #bodyContent a.external {
    footer {
background-position: left;
        display: grid;
padding-right: 0;
        align-content: center;
}
        justify-content: center;
.rtl a.feedlink {
        justify-items: center;
background-position: right;
        margin-top: -25px;
padding-right: 16px;
    }
padding-left: 0;
   
}
    footer.mw-footer {
        background-color: transparent;
        box-shadow: none;
        align-content: center;
    }


/* correction for ltr wikis */
    #footer-info-lastmod,
.ltr #bodyContent a.external {
    #footer-info-copyright,
padding-left: 0;
    #footer-places-privacy,
}
    #footer-places-about,
    #footer-places-disclaimer {
        display: inline-block;
        margin-right: 15px;
    }


/* disable interwiki styling */
    footer ul.skin-mirage-unstyled-list#footer-info {
#bodyContent a.extiw,
        margin-right: 0px;
#bodyContent a.extiw:active {
        color: #c9b997;
color: #670600;
        text-shadow: 1px 1px 1px black;
}
    }
#bodyContent a.external {
color: #670600;
}
/*
** Structural Elements
*/


/* ------------------------------------------ */
    div#footer-places {
        margin-right: auto;
        margin-left: auto;
    }
   
    .mw-footer p,
    .mw-footer h3 {
        color: black;
    }
   
    .mw-footer a {
        color: #c9b997;
        font-weight: normal;
    }
   
    .mw-footer a:hover {
        color: #c9b997;
    }


/*
    .mw-footer li {
** general portlet styles (elements in the quickbar)
        line-height: 1 !important;
*/
    }
.portlet {
   
border: none;
    div#footer-places {
margin: 0 0 10px 0;
        margin-left: initial;
padding: 0;
    }
float: none;
width: 120px;
overflow: hidden;
}
.portlet h4 {
font-size: 95%;
font-weight: normal;
white-space: nowrap;
}
.portlet h5 {
background: transparent;
padding: 0;
display: inline;
height: 1em;
text-transform: none;
font-size: 91%;
font-weight: normal;
white-space: nowrap;
}
.portlet h6 {
background: #ffae2e;
border: 1px solid #2f6fab;
border-style: solid solid none solid;
padding: 0 1em 0 1em;
text-transform: lowercase;
display: block;
font-size: 1em;
height: 1.2em;
font-weight: normal;
white-space: nowrap;
}
.pBody {
color: black;
padding: 0;
}
.portlet h1,
.portlet h2,
.portlet h3,
.portlet h4 {
margin: 0;
padding: 0;
}
.portlet ul {
list-style-image: none;
list-style-position: outside;
list-style-type: none;
font-size: 11px;
line-height: 16px;
}
.portlet li {
padding: 0;
margin: 0;
}


.pBody ul {
    h3#footer-places-label {
margin: 0;
        display: none;
}
    }


#column-one .pBody ul li
    li#footer-info-lastmod {
{
        color: #c9b997;
background: url(menuseparator.png) top left no-repeat;
    }
width: 110px;
padding: 1px 0 0 5px;
line-height: 16px;
}
#column-one .pBody ul li:first-child
{
background: none;
}


.pBody ul a {
color: #ffffff;
text-decoration: none;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 10px;
padding-left: 0;
}


/*
** Logo properties
*/


#column-one #p-logo {
/*Make the semantic media wiki readable*/
z-index: 3;
.smw-editpage-help {
overflow: hidden;
background-color: #565656;
background: none;
position: absolute;
margin: 0;
padding: 0;
width: 494px;
height: 95px;
max-height: 95px;
left: 318px;
top: 2px;
display: block;
}
#column-one #p-logo h5 {
display: none;
}
#column-one #p-logo a,
#column-one #p-logo a:hover {
display: block;
height: 95px;
width: 494px;
background-repeat: no-repeat;
background-position: 35% 50% !important;
text-decoration: none;
}
}


/* ------------------------------------------ */
/* Make the errors on uploading the same file readable */
 
.mw-destfile-warning {
/*
    color: #5e321a;
** Search portlet
*/
#p-search {
position: relative;
z-index: 3;
margin: 0;
}
}


input.searchButton {
.externalimage-holder {
background: transparent url(menubutton-search.png) left 2px no-repeat;
    position: relative;
width: 55px;
    margin: auto;
height: 27px;
    display: inline-block;
border: none;
    max-width: 600px;
color: #ffffff;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 10px;
margin: 0px -2px 0 -3px;
padding: 0 0 5px;
cursor: pointer;
}
}
input.searchButton:hover {
.externalimage-holder img {
background: transparent url(menubutton-search.png) -64px 2px no-repeat;
    width: 100%;
    height: auto;
}
}
 
img {
#searchGoButton {
    max-width: 900px;
background: transparent url(menubutton-go.png) left 2px no-repeat;
font-weight: normal;
}
#searchGoButton:hover {
background: transparent url(menubutton-go.png) -64px 2px no-repeat;
}
}


#searchGoButton.single {
#document-wrapper
background: transparent url(menubutton-wide.png) left 2px no-repeat;
{
height: 20px;
    max-width: 1200px;
width: 113px;
}
#searchGoButton.single:hover {
background: transparent url(menubutton-wide.png) left -18px no-repeat;
}
}


#searchInput {
width: 105px;
height: 27px;
background: transparent url(menusearch.png) top left no-repeat;
color: #000000;
border: none;
margin: 0 0 -1px -3px;
padding: 0 4px;
font-size: 12px;
font-weight: bold;
}
#p-search .pBody {
padding: 1px 5px;
font-size: 14px;
text-align: left;
}
#p-search #searchform div div {
margin-top: .4em;
font-size: 95%;
}


/* ------------------------------------------ */


/*
/* Mobile-specific changes */
** the personal toolbar
@media screen and (max-width: 720px)
*/
{
#p-personal.portlet {
    /* Remove the unnecessary logo next to the navigation links */
position: absolute;
    #mirage-navigation-header #mirage-logo {
left: 237px;
      display: none;
top: 94px;
    }
z-index: 1;
   
width: 648px;
    /*Remove the wiki title on mobile*/
white-space: nowrap;
    .mw-logo-wordmark {
padding: 0;
      display: none;
margin: 0;
    }
border: none;
   
overflow: visible;
    /*Set max image size on mobile, so they scale*/
line-height: 1.2em;
    img {
background: none;
      display: block;
}
      max-width:90%;
#p-personal h5 {
      width: auto;
display: none;
      height: auto;
}
    }
#p-personal .portlet,
#p-personal .pBody {
z-index: 0;
padding: 0;
margin: 0;
border: none;
overflow: visible;
background: none;
}
 
#p-personal ul {
border: none;
line-height: 1.4em;
color: #776644;
padding: 0;
margin: 0;
text-align: center;
list-style: none;
z-index: 0;
background: none;
cursor: default;
text-align: center;
}
#p-personal li {
z-index: 0;
border: none;
padding: 0;
display: inline;
margin-left: 1em;
line-height: 1.2em;
background: none;
}
#p-personal .pBody ul li {
background: none;
}
#p-personal .pBody ul a {
padding: 0px 3px;
}
#p-personal li a {
text-decoration: none;
padding-bottom: .2em;
background: none;
font-weight: bold;
color: #776644;
}
#p-personal:hover li a {
color: #aa9977;
}
#p-personal li a:hover {
text-decoration: underline;
color: #eeddaa;
}
#p-personal li.active a:hover {
background-color: transparent;
}
/* the icon in front of the user name, single quotes
in bg url to hide it from iemac */
li#pt-userpage,
li#pt-anonuserpage,
li#pt-login {
background: url(user.gif) top left no-repeat;
padding-left: 20px;
text-transform: none;
}
 
#p-personal ul {
text-transform: none;
}
#p-personal li.active {
font-weight: bold;
}
 
/* ------------------------------------------ */
 
/*
** the page-related actions- page/talk, edit etc
*/
#column-one #p-cactions {
position: absolute;
top: 170px;
left: 241px;
margin: 0;
white-space: nowrap;
width: 700px;
height: 17px;
overflow: hidden;
line-height: 1.1em;
background: none;
padding: 0;
list-style: none;
font-size: 95%;
}
#column-one #p-cactions ul {
list-style: none;
}
#column-one #p-cactions ul li {
float: left;
margin: 0 5px 0 0;
background: transparent url(toplink.png) top center no-repeat;
width: auto;
padding: 0;
}
#column-one #p-cactions li.selected {
font-weight: bold;
}
#column-one #p-cactions li a {
color: #000000;
display: block;
width: 125px;
height: 21px;
line-height: 17px;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 10px;
font-weight: bold;
padding: 0;
z-index: 0;
text-decoration: none;
text-align: center;
}
#column-one #p-cactions li.selected a {
z-index: 3;
}
#column-one #p-cactions .new a {
color: #000000;
}
#column-one #p-cactions li a:hover {
z-index: 3;
text-decoration: none;
background: #000000 url(toplink.png) top center no-repeat;
}
#column-one #p-cactions h5 {
display: none;
}
 
/* offsets to distinguish the tab groups */
li#ca-talk {
margin-right: 5px;
}
li#ca-watch, li#ca-unwatch, li#ca-varlang-0, li#ca-print {
margin-left: 1.6em;
}
#p-cactions .pBody {
font-size: 1em;
background-color: transparent;
color: inherit;
border-collapse: inherit;
border: 0;
padding: 0;
}
#p-cactions .hiddenStructure {
display: none;
}
#p-cactions li a {
text-transform: none;
}
#p-lang {
position: relative;
z-index: 3;
}
 
/* Override text-transform on languages where capitalization is significant */
.capitalize-all-nouns .portlet h5,
.capitalize-all-nouns .portlet h6,
.capitalize-all-nouns #p-personal ul,
.capitalize-all-nouns #p-cactions ul li a {
text-transform: none;
}
 
/* TODO: #t-iscite is only used by the Cite extension, come up with some
* system which allows extensions to add to this file on the fly
*/
#t-ispermalink, #t-iscite {
color: #999;
}
 
/* ------------------------------------------ */
 
/*
** footer
*/
#footer {
background: transparent url(footerbg.png) 0 0 no-repeat;
position: relative;
height: 35px;
text-align: center;
z-index: 2;
bottom: -132px;
left: 185px;
width: 681px;
padding: 5px 45px 25px 35px;
}
 
#footer ul#f-list {
margin: 3px 0 0;
}
 
#footer ul a {
color: #363127;
text-decoration: none;
}
#footer ul a:hover {
color: #000000;
text-decoration: none;
border-bottom: 1px dotted #6d624e;
}
 
#footer li {
display: inline;
margin: 0 1.3em;
font-size: 10px;
color: #6d624e;
}
 
#footer ul#f-list li#privacy:before { content: "\A"; white-space: pre-line; }
 
#f-poweredbyico, #f-copyrightico {
margin: 0 8px;
position: relative;
top: -2px; /* Bump it up just a tad */
}
#f-poweredbyico {
float: right;
height: 1%;
}
#f-copyrightico {
float: left;
height: 1%;
}
 
#footer-icon-poweredby, #footer-icon-copyright, #f-poweredbyico, #f-copyrightico {
display: none !important;
}
 
.mw-htmlform-submit {
font-weight: bold;
padding-left: .3em;
padding-right: .3em;
margin-right: 2em;
}
 
/* ------------------------------------------ */
 
/* js pref toc */
#preftoc {
margin: 0;
padding: 0;
width: 100%;
clear: both;
}
#preftoc li {
background: transparent url(lightbg.png) top left repeat fixed;
color: #443311;
position: relative;
float: left;
margin: 1px 2px 0 2px;
padding: 2px 0 3px 0;
z-index: 3;
list-style-type: none;
list-style-image: none;
white-space: nowrap;
border-top: 1px solid #ccbb99;
border-left: 1px solid #ccbb99;
border-right: 1px solid #aa9977;
border-bottom: none;
}
#preftoc li:hover {
background: transparent url(lightbg2.png) top left repeat fixed;
}
#preftoc li.selected {
background: transparent url(lightbg2.png) top left repeat fixed;
cursor: default;
border-top: 2px solid #ccbb99;
border-left: 2px solid #ccbb99;
border-right: 2px solid #aa9977;
border-bottom: none;
margin: 0px 1px -3px 1px;
padding-bottom: 6px;
color: #000000;
top: -3px;
}
#preftoc a,
#preftoc a:active {
display: block;
color: #443311;
padding: 0 3px;
position: relative;
text-decoration: none;
}
#preftoc li.selected a {
cursor: default;
text-decoration: none;
color: #000000;
}
#preferences {
margin: 0;
clear: both;
padding: 1.5em;
border: 1px solid #6d624e;
}
.prefsection {
border: none;
padding: 0;
margin: 0;
}
.prefsection legend {
font-weight: bold; 
}
.prefsection table, .prefsection legend {
background: transparent url(lightbg2.png) top left repeat fixed;
border-top: 1px solid #ccbb99;
border-left: 1px solid #ccbb99;
border-right: 1px solid #aa9977;
border-bottom: 1px solid #aa9977;
}
.mainLegend {
display: none;
}
td.htmlform-tip {
font-size: x-small;
padding: .2em 2em;
color: #554422;
}
 
.preferences-login {
clear: both;
margin-bottom: 1.5em;
}
.prefcache {
font-size: 90%;
margin-top: 2em;
}
.mw-htmlform-field-HTMLTextField input {
border-top: 1px solid #554422;
border-left: 1px solid #554422;
border-right: 1px solid #ffeecc;
border-bottom: 1px solid #ffeecc;
background: url(footerbg.png) no-repeat scroll top center transparent;
}
.mw-htmlform-field-HTMLSelectField select {
border-top: 1px solid #554422;
border-left: 1px solid #554422;
border-right: 1px solid #ffeecc;
border-bottom: 1px solid #ffeecc;
background: url(footerbg.png) no-repeat scroll top center transparent;
}
.mw-htmlform-field-HTMLSelectField option {
background: transparent url(lightbg2.png) top left repeat fixed;
border: none;
border-bottom: 1px solid #aa9977;
}
input.mw-htmlform-submit {
background: url(firstheading.png) no-repeat scroll -30px -15px transparent;
border-top: 1px solid #ffeecc;
border-left: 1px solid #ffeecc;
border-right: 1px solid #554422;
border-bottom: 1px solid #554422;
margin: 0 20px 0 0;
cursor: pointer;
}
input.mw-htmlform-submit:hover {
border-width: 2px;
margin: -1px 19px -1px -1px;
}
 
/* ------------------------------------------ */
 
div#userloginForm, div#userlogin {
text-align: center;
}
 
div#userloginForm form,
div#userlogin form#userlogin2 {
margin: 0 auto 10px;
clear: both;
padding: 1.5em 2em;
text-align: left;
display: inline-block;
background: transparent url(lightbg2.png) top left repeat fixed;
border-top: 1px solid #ccbb99;
border-left: 1px solid #ccbb99;
border-right: 1px solid #aa9977;
border-bottom: 1px solid #aa9977;
}
 
form#userlogin2 {
width: 400px;
}
 
div#userloginForm h2,
div#userlogin h2 {
background: transparent url(halfheading.png) left top no-repeat;
width: 310px;
height: 31px;
margin: 0 auto 10px;
padding: 0;
line-height: 25px;
}
 
.rtl div#userloginForm form,
.rtl div#userlogin form#userlogin2 {
float: right;
}
 
div#userloginForm table,
div#userlogin form#userlogin2 table {
background: transparent url(lightbg2.png) top left repeat fixed;
}
 
div#userloginForm h2,
div#userlogin form#userlogin2 h2 {
padding-top: 0;
}
 
div#userlogin .captcha,
div#userloginForm .captcha {
border: 1px solid #554422;
padding: 1.5em 2em;
background-color: white;
}
 
#loginend, #signupend {
clear: both;
}
 
#userloginprompt, #languagelinks {
font-size: 85%;
}
 
#login-sectiontip {
font-size: 85%;
line-height: 1.2;
padding-top: 2em;
}
 
#userlogin .loginText, #userlogin .loginPassword {
width: 12em;
}
 
#userloginlink a, #wpLoginattempt, #wpCreateaccount {
font-weight: bold;
}
 
div#userloginForm #wpName1,
div#userloginForm #wpPassword1,
form#userlogin2 #wpName2,
form#userlogin2 #wpPassword2,
form#userlogin2 #wpRetype,
form#userlogin2 #wpEmail,
form#userlogin2 #wpRealName {
border-top: 1px solid #554422;
border-left: 1px solid #554422;
border-right: 1px solid #ffeecc;
border-bottom: 1px solid #ffeecc;
background: url(footerbg.png) no-repeat scroll top center transparent;
width: 98%;
}
 
div#userloginForm input#wpLoginAttempt,
div#userloginForm input#wpMailmypassword,
form#userlogin2 input#wpCreateaccount {
background: url(firstheading.png) no-repeat scroll -30px -15px transparent;
border-top: 1px solid #ffeecc;
border-left: 1px solid #ffeecc;
border-right: 1px solid #554422;
border-bottom: 1px solid #554422;
margin: 0 20px 0 0;
cursor: pointer;
}
 
/* ------------------------------------------ */
 
/* more IE fixes */
/* float/negative margin brokenness */
* html #footer {margin-top: 0;}
* html #column-content {
display: inline;
margin-bottom: 0;
}
 
* html div.editsection {
font-size: 10px;
}
 
#pagehistory li {
border: 1px dotted #6d624e;
}
 
#pagehistory li.selected {
position: relative;
border: 1px solid #670600;
background: transparent url(lightbg.png) top left fixed repeat;
}
 
.redirectText {
font-size: 150%;
margin: 5px;
}
 
.printfooter {
display: none;
}
 
div.patrollink {
clear: both;
}
 
.sharedUploadNotice {
font-style: italic;
}
 
span.updatedmarker {
color: black;
background-color: #66bb00;
}
 
.previewnote {
color: #670600;
margin-bottom: 1em;
}
 
.previewnote p {
text-indent: 3em;
margin: 0.8em 0;
}
 
.editExternally {
border: 1px solid #670600;
background-color: #ffffff;
padding: 3px;
margin-top: 0.5em;
float: left;
font-size: small;
text-align: center;
}
.editExternallyHelp {
font-style: italic;
color: #443311;
}
 
.toggle {
margin-left: 2em;
text-indent: -2em;
}
 
#wpSave {
font-weight: bold;
}
 
input#wpPreview, input#wpSave, input#wpDiff {
background: url(firstheading.png) no-repeat scroll -30px -15px transparent;
border-top: 1px solid #ffeecc;
border-left: 1px solid #ffeecc;
border-right: 1px solid #554422;
border-bottom: 1px solid #554422;
margin: 0 20px 0 0;
cursor: pointer;
}
 
input#wpPreview:hover, input#wpSave:hover, input#wpDiff:hover {
border-width: 2px;
margin: -1px 19px -1px -1px;
}
 
input#wpSummary {
width: 80%;
border-top: 1px solid #554422;
border-left: 1px solid #554422;
border-right: 1px solid #ffeecc;
border-bottom: 1px solid #ffeecc;
background: url(footerbg.png) no-repeat scroll top center transparent;
}
 
/* Classes for article validation */
 
table.revisionform_default {
border: 1px solid #000000;
}


table.revisionform_focus {
    /* Remove text of Recent Changes button */
border: 1px solid #000000;
    div#module-site-tools li.mw-list-item:first-child a {
background-color:#00BBFF;
        color: transparent;
}
    }


tr.revision_tr_default {
    /* Avoid right-floating images to overlap text or take too much space on Mobile */
background-color:#EEEEEE;
    div.tright,  
}
    div.floatright,  
 
    table.floatright {
tr.revision_tr_first {
        clear: right;
background-color:#DDDDDD;
        float: unset;
}
    }
 
p.revision_saved {
color: #66bb00;
font-weight:bold;
}
 
/* noarticletext */
div.noarticletext {
border: 1px solid #670600;
background: transparent url(lightbg2.png) top left repeat fixed;
padding: .2em 1em;
color: #000;
}
div.noarticletext div:first-child {
color: #670600 !important;
}
 
div#searchTargetContainer {
left:      10px;
top:        10px;
width:      90%;
background: white;
}
 
div#searchTarget {
padding:    3px;
margin:    5px;
background: #F0F0F0;
border:    solid 1px blue;
}
 
div#searchTarget ul li {
list-style: none;
}
 
div#searchTarget ul li:before {
color: #cc3300;
content: "\00BB \0020";
}
 
div#searchTargetHide {
float:right;
border:solid 1px black;
background:#DCDCDC;
padding:2px;
}
 
#powersearch p {
margin-top:0px;
}
 
div.multipageimagenavbox {
border: 1px solid #670600;
padding: 4px;
margin: 1em;
background: #f0f0f0;
}
 
div.multipageimagenavbox div.thumb {
border: none;
margin-left: 2em;
margin-right: 2em;
}
 
div.multipageimagenavbox hr {
margin: 6px;
}
 
table.multipageimage td {
text-align: center;
}
 
.templatesUsed { margin-top: 1.5em; }
 
.mw-summary-preview {
margin: 0.1em 0;
}
 
/* Friendlier slave lag warnings */
div.mw-lag-warn-normal,
div.mw-lag-warn-high {
padding: 3px;
text-align: center;
margin: 3px auto;
}
div.mw-lag-warn-normal {
border: 1px solid #cc3300;
background-color: #FFFFCC;
}
div.mw-lag-warn-high {
font-weight: bold;
border: 2px solid #670600;
background-color: #FFCCCC;
}
 
.MediaTransformError {
background-color: #aaa;
padding: 0.1em;
}
.MediaTransformError td {
text-align: center;
vertical-align: middle;
font-size: 90%;
}
 
/* God-damned hack for the crappy layout */
.os-suggest {
font-size: 127%;
}
 
/* Sometimes people don't want personal tools to be lowercase! */
.no-text-transform {
text-transform: none;
}
 
/* ------------------------------------------ */
 
/*
* Adapted wiki elements
*/
 
div.mw-warning-with-logexcerpt {
border: 2px solid #670600;
}
 
.autocomment {
color: #443311;
}
 
#toolbar {
margin-top: 10px;
}
 
#wpTextbox1 {
background: transparent url(lightbg.png) top left repeat fixed;
padding: 5px;
margin: 0 auto 10px;
border-top: 1px solid #554422;
border-left: 1px solid #554422;
border-right: 1px solid #ffeecc;
border-bottom: 1px solid #ffeecc;
max-width: 620px;
}
 
/* ------------------------------------------ */
 
/*
* CSS Styles that are needed by jScrollPane.
*/
 
.jspContainer {
overflow: hidden;
position: relative;
}
.jspPane {
position: absolute;
}
.jspVerticalBar {
position: absolute;
top: 0;
right: 0;
width: 20px;
height: 100%;
background: transparent;
z-index: 10;
}
.jspHorizontalBar {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 20px;
background: transparent;
z-index: 10;
}
.jspVerticalBar *,
.jspHorizontalBar * {
margin: 0;
padding: 0;
}
.jspCap {
display: none;
}
.jspHorizontalBar .jspCap {
float: left;
}
.jspVerticalBar .jspTrack {
background: transparent url(scrollpane-v.png) 0px 0px repeat-y;
position: relative;
}
.jspHorizontalBar .jspTrack {
background: transparent url(scrollpane-h.png) 0px 0px repeat-x;
position: relative;
}
.jspDrag {
background: transparent url(scrollhandle-v.png) top left repeat-y;
position: relative;
top: 0;
left: 0;
cursor: pointer;
border-bottom: 1px solid #332211; /* close 1px gap at bottom of slider handle */
}
.jspHorizontalBar .jspDrag {
background: transparent url(scrollhandle-h.png) top left repeat-x;
border: none;
border-right: 1px solid #443322; /* close 1px gap at right side of slider handle */
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
float: left;
height: 100%;
}
.jspDragTop, .jspDragBottom {
position: absolute;
left: 0;
width: 100%;
height: 5px;
}
.jspDragTop {
top: 0;
background: transparent url(scrollhandle_top.png) top left no-repeat;
}
.jspDragBottom {
bottom: 0;
background: transparent url(scrollhandle_bottom.png) bottom left no-repeat;
}
.jspDrag:hover {
background: transparent url(scrollhandle-v.png) top right repeat-y;
}
.jspDrag:hover .jspDragTop {
background: transparent url(scrollhandle_top.png) top right no-repeat;
}
.jspDrag:hover .jspDragBottom {
background: transparent url(scrollhandle_bottom.png) bottom right no-repeat;
}
.jspDragLeft, .jspDragRight {
position: absolute;
bottom: 0;
height: 100%;
width: 5px;
}
.jspDragLeft {
left: 0;
background: transparent url(scrollhandle_left.png) top left no-repeat;
}
.jspDragRight {
right: 0;
background: transparent url(scrollhandle_right.png) top right no-repeat;
}
.jspHorizontalBar .jspDrag:hover {
background: transparent url(scrollhandle-h.png) bottom left repeat-x;
}
.jspHorizontalBar .jspDrag:hover .jspDragLeft {
background: transparent url(scrollhandle_left.png) top left no-repeat;
}
.jspHorizontalBar .jspDrag:hover .jspDragRight {
background: transparent url(scrollhandle_right.png) bottom right no-repeat;
}
.jspArrow {
background: transparent;
text-indent: -20000px;
display: block;
cursor: pointer;
}
.jspArrow.jspDisabled {
cursor: default;
}
.jspVerticalBar .jspArrow {
height: 25px;
}
.jspArrowUp {
background: black url(arrow_up.png) top left no-repeat;
}
.jspArrowUp:hover {
background: black url(arrow_up.png) top right no-repeat;
}
.jspArrowDown {
background: black url(arrow_down.png) top left no-repeat;
}
.jspArrowDown:hover {
background: black url(arrow_down.png) top right no-repeat;
}
.jspArrowLeft {
background: black url(arrow_left.png) top left no-repeat;
}
.jspArrowLeft:hover {
background: black url(arrow_left.png) bottom left no-repeat;
}
.jspArrowRight {
background: black url(arrow_right.png) top right no-repeat;
}
.jspArrowRight:hover {
background: black url(arrow_right.png) bottom right no-repeat;
}
.jspHorizontalBar .jspArrow {
width: 25px;
float: left;
height: 100%;
}
.jspVerticalBar .jspArrow:focus {
outline: none;
}
.jspCorner {
background: transparent url(scrollcorner.png) -1px -1px no-repeat;
float: left;
height: 100%;
}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
margin: 0 -3px 0 0;
}
}

Huidige versie van 18 aug 2023 om 12:58

/* CSS placed here will be applied to all skins */

/* HEADER AND TOP NAVIGATION */
    #mirage-fixed-header {
        background-color: #c9b997;
        box-shadow: none;
    }

    #mirage-top-header {
        background-image: url("/skins/MirageTribalWars/images/page-bgtile.png");
    }

    /* Respect width of logo */
    img.mw-logo-icon {
        width: inherit;
    }

    .mw-wordmark-container span.mw-logo-wordmark {
        color: #3d2718;
    }

    /* Remove duplicated word mark from main page */
    #mirage-navigation-header .mw-logo-wordmark {
        display: none;
    }

    .skin-mirage-dropdown-list a {
        font-weight: normal;
    }

    div#right-navigation {
        background-color: transparent;
    }

    li.mw-list-item,
    li.skin-mirage-dropdown-container {
        background: #c9b997;
    }

/*
    li.mw-list-item > a.skin-mirage-ooui-icon {
        color: transparent;
    }
*/

    div#module-site-tools li.mw-list-item,
    #module-site-tools > ul > li:last-child {
        border-color: black;
    }

    div.skin-mirage-dropdown-list > ul > li.mw-list-item {
        background: none;
    }

    /* Move wiki navigation menus to same line as logo */
    div#module-site-navigation {
        margin-top: -2.5rem;
    }

    /* Limit space used by site navigation to avoid overlapping buttons */
    div#module-site-navigation.skin-mirage-mirage-navigation {
        max-width: 70%;
    }

    /* Move Right Navigation (edit button etc.) in line with Recent changes */
    div#right-navigation {
        position: absolute;
        margin-right: 15px;
        margin-top: -1.25rem;
        right: 0px;
    }

    /* Recent Changes button text */
    #module-site-tools > ul > li:nth-child(1) > a {
        color: #5f391a;
    }

    /* Hide language selector in top-right navigation */
    nav#p-lang {
        visibility: hidden;
    }

    /* Edit button row hover styling */
    #p-views > ul > li:hover,
    #mirage-right-rail-button:hover {
        background-color: rgba(255,255,255,0.15);
        color: #404244;
        border-color: black;
    }

    /* Have to set this color back to transparent to ensure no text shows on the right rail button on hover */
    #mirage-right-rail-button:hover {
        color: transparent;
    }

    /* Adjust color for Recent Changes icon */
    .skin-mirage-ooui-icon-recentChanges:before {
        background-image: url(/load.php?modules=skin.mirage.icons&image=recentChanges&format=rasterized&lang=en&skin=fallback&version=14jep);
        background-image:linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E recent changes %3C/title%3E%3Cg fill=%22%235f391a%22%3E%3Cpath d=%22M1 3h16v2H1V3Zm0 6h11v2H1V9Zm0 6h7v2H1v-2Zm17.8-3.1 1-1.1a.6.6 0 0 0 0-.8L18 8.2a.6.6 0 0 0-.8 0l-1 1 2.6 2.7Zm-3.3-2L10 15.3V18h2.6l5.6-5.5-2.7-2.7Z%22/%3E%3C/g%3E%3C/svg%3E");
    }

    /* Adjust color for Special Pages icon */
    .skin-mirage-ooui-icon-specialPages:before {
        background-image: url(/load.php?modules=skin.mirage.icons&image=specialPages&format=rasterized&lang=en&skin=fallback&version=dk89p);
        background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E special pages %3C/title%3E%3Cg fill=%22%235f391a%22%3E%3Cpath fill=%22%235f391a%22 d=%22M7 0a2 2 0 0 0-2 2h9a2 2 0 0 1 2 2v12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z%22/%3E%3Cpath fill=%22%23fill%22 d=%22M13 20H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v13a2 2 0 0 1-2 2zm-6.5-3.5.41-1.09L8 15l-1.09-.41-.41-1.09-.41 1.09L5 15l1.09.41.41 1.09zm2.982-.949.952-2.561 2.53-.964-2.53-.964L9.482 8.5l-.952 2.562-2.53.964 2.53.964.952 2.561zM6 10.5l.547-1.453L8 8.5l-1.453-.547L6 6.5l-.547 1.453L4 8.5l1.453.547L6 10.5z%22/%3E%3C/g%3E%3C/svg%3E")
    }

    /* Adjust color for Random Page icon */
    .skin-mirage-ooui-icon-die:before {
        background-image:url(/load.php?modules=skin.mirage.icons&image=die&format=rasterized&skin=fallback&version=14jep);
        background-image:linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E die %3C/title%3E%3Cg fill=%22%235f391a%22%3E%3Cpath d=%22M3 1a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2zm2 16a2 2 0 1 1 2-2 2 2 0 0 1-2 2zM5 7a2 2 0 1 1 2-2 2 2 0 0 1-2 2zm5 5a2 2 0 1 1 2-2 2 2 0 0 1-2 2zm5 5a2 2 0 1 1 2-2 2 2 0 0 1-2 2zm0-10a2 2 0 1 1 2-2 2 2 0 0 1-2 2z%22/%3E%3C/g%3E%3C/svg%3E");
    }

    /* Adjust color for three dots menu icon */
    .skin-mirage-ooui-icon-ellipsis:before {
        background-image:url(/load.php?modules=skin.mirage.icons&image=ellipsis&format=rasterized&skin=fallback&version=14jep);
        background-image:linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E ellipsis %3C/title%3E%3Cg fill=%22%235f391a%22%3E%3Ccircle cx=%2210%22 cy=%2210%22 r=%222%22/%3E%3Ccircle cx=%223%22 cy=%2210%22 r=%222%22/%3E%3Ccircle cx=%2217%22 cy=%2210%22 r=%222%22/%3E%3C/g%3E%3C/svg%3E");
    }

    /* Background color for Edit Button and Right Rail collapse/expand button */
    #mirage-edit-button > li,
    #mirage-right-rail-button {
        background: #c9b997;
    }

    /* Border color definitions for the top navigation buttons */
    #mirage-edit-button > li,
    #mirage-edit-button > li + li,
    #mirage-edit-button > li:first-child,
    #mirage-edit-button > li:last-child,
    #mirage-edit-button > li:hover,
    #mirage-edit-button > li + li:hover,
    #mirage-edit-button > li:hover:first-child,
    #mirage-edit-button > li:hover:last-child,
    #mirage-right-rail-button,
    #mirage-right-rail-button:focus {
        border-color: black;
    }

    #mirage-edit-button > li:first-child a:hover {
        color: black;
    }

    /* Hover color for Edit button */
    #mirage-edit-button > li:first-child a {
        color: #5f391a;
    }

    /* Color for Edit button */
    #mirage-edit-button > li:first-child a {
        color: #5f391a;
    }

   /* Adjust color for Edit icon */
   .skin-mirage-ooui-icon-edit-invert:before {
        background-image:url(/load.php?modules=skin.mirage.icons&image=edit&variant=invert&format=rasterized&skin=fallback&version=dk89p);
        background-image:linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E edit %3C/title%3E%3Cg fill=%22%235f391a%22%3E%3Cpath d=%22m16.77 8 1.94-2a1 1 0 0 0 0-1.41l-3.34-3.3a1 1 0 0 0-1.41 0L12 3.23zM1 14.25V19h4.75l9.96-9.96-4.75-4.75z%22/%3E%3C/g%3E%3C/svg%3E");
    }

    /* Adjust color for Watch icon */
    .skin-mirage-ooui-icon-star-invert:before,#ca-watch a:before {
        background-image:url(/load.php?modules=skin.mirage.icons&image=star&variant=invert&format=rasterized&skin=fallback&version=dk89p);
        background-image:linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E star %3C/title%3E%3Cg fill=%22%235f391a%22%3E%3Cpath d=%22M20 7h-7L10 .5 7 7H0l5.46 5.47-1.64 7 6.18-3.7 6.18 3.73-1.63-7zm-10 6.9-3.76 2.27 1-4.28L3.5 8.5h4.61L10 4.6l1.9 3.9h4.6l-3.73 3.4 1 4.28z%22/%3E%3C/g%3E%3C/svg%3E")}

    /* Adjust color for Unwatch icon */
    .skin-mirage-ooui-icon-unStar-invert:before,#ca-unwatch a:before {
        background-image:url(/load.php?modules=skin.mirage.icons&image=unStar&variant=invert&format=rasterized&skin=fallback&version=dk89p);
        background-image:linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E un-star %3C/title%3E%3Cg fill=%22%235f391a%22%3E%3Cpath d=%22M20 7h-7L10 .5 7 7H0l5.46 5.47-1.64 7 6.18-3.7 6.18 3.73-1.63-7z%22/%3E%3C/g%3E%3C/svg%3E")}

    /* Adjust color for "More" menu icon */
    .skin-mirage-ooui-icon-indicator-down-invert:before {
        background-image:url(/load.php?modules=skin.mirage.indicators&image=down&variant=invert&format=rasterized&skin=fallback&version=1h8wn);
        background-image:linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E%3Ctitle%3E down %3C/title%3E%3Cg fill=%22%235f391a%22%3E%3Cpath d=%22M9.9 2.9 6 6.8 2.1 2.9 1 4l5 5 5-5z%22/%3E%3C/g%3E%3C/svg%3E");
    }

    /* Adjust color for Right Rail button icon */
    .skin-mirage-ooui-icon-doubleChevronEnd:before {
        background-image:url(/load.php?modules=skin.mirage.icons&image=doubleChevronEnd&format=rasterized&lang=en&skin=fallback&version=14jep);
        background-image:linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E double chevron start %3C/title%3E%3Cg fill=%22%235f391a%22%3E%3Cpath d=%22M11 2 9.7 3.3l6.6 6.7-6.6 6.7L11 18l8-8zM2.5 2 1 3.3 7.8 10l-6.7 6.7L2.5 18l8-8z%22/%3E%3C/g%3E%3C/svg%3E");
    }

    /* Hide the editLock icon that doesn't want to be edited for some unexplainable reason */
    .skin-mirage-ooui-icon-editLock-invert:before { 
        display: none;
    }

    /* Dropdown list for history, deletion, protection etc. */
    li#ca-history,
    li#ca-delete,
    li#ca-move,
    li#ca-protect {
        background: none;
    }


    /* Remove Main Page header from Main page */
    body.page-Main_Page .mw-page-title-main {
        display: none;
    }


    /* Remove the Page and Discussion buttons from all pages */
    div#left-navigation nav#p-namespaces {
        display: none;
    }

    #module-page-navigation {
        margin: 0;
    }


    /* Styling of username when logged in / don't show username */
    #mirage-fixed-header .skin-mirage-username {
        color: orange;
        display: none;
    }

    /* Styling for background of dropdown on username/not logged in */
    .skin-mirage-personaltools-dropdown li {
        background: none;
    }

    /* Text color of dropdown on username/not logged in */
    li#pt-login {
        color: black;
    }

    /* Text color on dropdown when no new messages */
    .skin-mirage-no-new-messages {
        color: black;
    }


    /* Main background */
    body {
        background-attachment: fixed;
        background-image: 
            url("/skins/MirageTribalWars/images/bg-cover-right.png"), 
            url("/skins/MirageTribalWars/images/bg-cover-left.png"),
            url("/skins/MirageTribalWars/images/bg-cover-bottom.png"),
            url("/skins/MirageTribalWars/images/background.jpg");
        background-position: right center,left center,center bottom,center center;
        background-size: auto,auto,auto,cover;
        background-repeat: repeat-y,repeat-y,repeat-x,no-repeat;
    }

/* GENERAL ARTICLE STYLING */
    main#content.mw-body, 
    main#content.mw-body-content,
    #mirage-navigation-header,
    #module-page-navigation,
    .skin-mirage-content-container {
        background-image: url("/skins/MirageTribalWars/images/page-bgtile.png");
    }

    p, 
    h1, 
    h2, 
    h3, 
    h4, 
    h5, 
    h6, 
    li, 
    i {
        color: #3d2718;
    }

    h1,
    h2,
    .skin-mirage-right-rail-module h3,
    hr {
        border-color: #a6805a;
    }


    h2 a,
    h2 a:visited {
        font-size: normal;
        color: #3d2718;
        font-weight: bold;
    }

    p a, 
    p a:visited,
    li a,
    li a:visited {
        color: #3d2718;
        font-weight: bold;
    }

    a:hover,
    p a:hover {
        color: #3d2718;
    }

    /* Warning on MediaWiki:Custom.css page */
    .mw-editinginterface {
        color: #efdba6;
    }


    /* Table of Contents styling */
    .toc {
        background-color: #c9b997;
        border: 1px solid #996b39;
        border-color: rgba(110,57,0,0.5);
    }
    
    .toc h2 {
        color: black;
    }

    .toc li a,
    .toc li a:visited,
    .toctogglelabel {
        color: #5f391a;
    }


    /* In-article edit icon styling */
    a.skin-mirage-ooui-icon.skin-mirage-ooui-icon-edit.skin-mirage-ooui-icon-small,
    a:visited.skin-mirage-ooui-icon.skin-mirage-ooui-icon-edit.skin-mirage-ooui-icon-small {
        color: #3d2718;
    }

    a:hover.skin-mirage-ooui-icon.skin-mirage-ooui-icon-edit.skin-mirage-ooui-icon-small {
        color: #3d2718;
    }


/* TABLE STYLING */
    table th {
        font-weight: normal;
        background-color: #b99968; 
        color: #5e321a;
        padding: 10px;
    }

    /* Special .announcement class table on the Main Page */
    th.announcement {
        font-weight: bold;
    }

    table td .announcement { 
        color: #5e321a;
    }

    table td, 
    table th {
        text-align: center;
        padding: 5px;
        box-shadow: 0px 0px 1px 1px rgba(255,255,255,0.1) inset;
        background-color: #d4ba91 !important;
    }

    td, 
    th {
        padding: 0;
    }

    td {
        display: table-cell;
        vertical-align: inherit;
    }

    table {
        display: table !important; 
        width: 100%;
        border-collapse: separate;
        border-spacing: 1px !important;
        margin-bottom: 4px;
        border-radius: 3px;
    }

    table center {
        color: #5e321a;
    }

    table a,
    table a:visited {
        color: #3d2718;
    }

    table a:hover {
        color: #1480a4;
    }

/* RIGHT RAIL STYLING */
    #mirage-right-rail {
        background-image: url("/skins/MirageTribalWars/images/page-bgtile.png");
    }

    #mirage-right-rail a,
    #mirage-right-rail a:visited {
        color: #3d2718;
    }

    #mirage-right-rail a:hover {
        color: #3d2718;
    }

    /* Remove background color on Page tools section of Right Rail */
    .skin-mirage-module-body ul.skin-mirage-unstyled-list > li {
        background: none;
    }


/* Footer styling */
    footer {
        display: grid;
        align-content: center;
        justify-content: center;
        justify-items: center;
        margin-top: -25px;
    }
     
    footer.mw-footer {
        background-color: transparent;
        box-shadow: none;
        align-content: center;
    }

    #footer-info-lastmod,
    #footer-info-copyright,
    #footer-places-privacy,
    #footer-places-about,
    #footer-places-disclaimer {
        display: inline-block;
        margin-right: 15px;
    }

    footer ul.skin-mirage-unstyled-list#footer-info {
        margin-right: 0px;
        color: #c9b997;
        text-shadow: 1px 1px 1px black;
    }

    div#footer-places {
        margin-right: auto;
        margin-left: auto;
    }
     
    .mw-footer p,
    .mw-footer h3 {
        color: black;
    }
     
    .mw-footer a {
        color: #c9b997;
        font-weight: normal;
    }
     
    .mw-footer a:hover {
        color: #c9b997;
    }

    .mw-footer li {
        line-height: 1 !important;
    }
     
    div#footer-places {
        margin-left: initial;
    }

    h3#footer-places-label {
        display: none;
    }

    li#footer-info-lastmod {
        color: #c9b997;
    }



/*Make the semantic media wiki readable*/
.smw-editpage-help {
background-color: #565656;
}

/* Make the errors on uploading the same file readable */
.mw-destfile-warning {
    color: #5e321a;
}

.externalimage-holder {
    position: relative;
    margin: auto;
    display: inline-block;
    max-width: 600px;
}
.externalimage-holder img {
    width: 100%;
    height: auto;
}
img {
    max-width: 900px;
}

#document-wrapper
{
    max-width: 1200px;
}



/* Mobile-specific changes */
@media screen and (max-width: 720px)
{
    /* Remove the unnecessary logo next to the navigation links */
    #mirage-navigation-header #mirage-logo {
       display: none;
    }
    
    /*Remove the wiki title on mobile*/
    .mw-logo-wordmark {
       display: none;
    }
    
    /*Set max image size on mobile, so they scale*/
    img {
      display: block;
      max-width:90%;
      width: auto;
      height: auto;
    }

    /* Remove text of Recent Changes button */
    div#module-site-tools li.mw-list-item:first-child a {
        color: transparent;
    }

    /* Avoid right-floating images to overlap text or take too much space on Mobile */
    div.tright, 
    div.floatright, 
    table.floatright {
        clear: right;
        float: unset;
    }
}
Overgenomen van "https://help.tribalwars.nl/index.php?title=MediaWiki:Common.css&oldid=6945"