Difference between revisions of "MediaWiki:Common.css"

From eRepublik Official Wiki
Jump to: navigation, search
m (ew, I forgot to remove the decorations id specifier)
m (test)
Line 1,222: Line 1,222:
 
}
 
}
  
li:hover .hinter {
+
div:hover .hinter {
 
     display: block;
 
     display: block;
 
}
 
}

Revision as of 10:14, 16 June 2014

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

/* Used by Simple Calendar */
table.calendar          { margin: 0; padding: 10px; }
table.calendar td       { margin: 0; padding: 2px; vertical-align: top; }
table.month .heading td { padding:2px; background-color:#d4d4d4; color:#aaa; text-align:center; font-size:120%; font-weight:bold; }
table.month .dow td     { color:#aaa; text-align:center; font-size:110%; }
table.month td.today    { background-color:#ddd; }
table.month td {
    border: none;
    margin: 0;
    padding: 1pt 1.5pt;
    font-weight: bold;
    font-size: 8pt;
    text-align: right;
    background-color: #eee;
    }
#bodyContent table.month a { background:none; padding:0 }
.day-active { color:#0000cc }
.day-empty  { color:#cc0000 }


/* Used by Collapsible Tables */
.collapseButton {         /* 'show'/'hide' buttons created dynamically by the        */
    float: right;         /* CollapsibleTables javascript in [[MediaWiki:Common.js]] */
    font-weight: normal;  /* are styled here so they can be customised.              */
    text-align: right;
    width: auto;
}

body.page-Main_Page #ca-delete {
    display: none !important;
}

/* Add space below the toolbar */
#toolbar {
    margin-bottom: 6px;
}


/* wikitable/prettytable class for skinning normal tables */
table.wikitable {
    margin: 1em 1em 1em 0;
    background: #f9f9f9;
    border: 1px #aaa solid;
    border-collapse: collapse;
}

table.wikitable th, table.wikitable td {
    border: 1px #aaa solid;
    padding: 0.2em;
}

table.wikitable th {
    background: #f2f2f2;
    text-align: center;
}

table.wikitable caption {
    margin-left: inherit;
    margin-right: inherit;
    font-weight: bold;
}

table.prettytable code,
table.wikitable code {
    background-color: transparent;
}

/* default skin for navigation boxes */
table.navbox {            /* navbox container style */
  border:1px solid #aaa;
  width:100%; 
  margin:auto;
  margin-bottom: -1px;
  clear:both;
  font-size:88%;
  text-align:center;
  padding:1px;
}
table.navbox + table.navbox {
  margin-top:-1px;        /* single pixel border between adjacent navboxes (doesn't work for IE6, but that's okay) */
}
.navbox-title, .navbox-abovebelow, table.navbox th {
  text-align:center;      /* title and above/below styles */
  padding-left:1em;
  padding-right:1em;
}
.navbox-group {           /* group style */
  white-space:nowrap;
  text-align:right;
  font-weight:bold;
  padding-left:1em;
  padding-right:1em;
}
.navbox, .navbox-subgroup {
  background:#fdfdfd;     /* Background color */
}
.navbox-list {
  border-color:#fdfdfd;   /* Must match background color */
}
.navbox-title, table.navbox th {
  background:#ccccff;     /* Level 1 color */
}
.navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title {
  background:#ddddff;     /* Level 2 color */
}
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
  background:#e6e6ff;     /* Level 3 color */
}
.navbox-even {
  background:#f7f7f7;     /* Even row striping */
}
.navbox-odd {
  background:transparent; /* Odd row striping */
}
 

/* Infobox template style */
.infobox {
    border: 1px solid #aaa;
    background-color: #f9f9f9;
    color: black;
    margin: 0.5em 0 0.5em 1em;
    padding: 0.2em;
    float: right;
    clear: right;
}
.infobox td,
.infobox th {
    vertical-align: top;
}
.infobox caption {
    font-size: larger;
    margin-left: inherit;
}
.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;
}


.infobox.standard-talk {
    border: 1px solid #c0c090;
    background-color: #f8eaba;
}
.infobox.standard-talk.bordered td,
.infobox.standard-talk.bordered th {
    border: 1px solid #c0c090;
}

/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
    border: 0;
    border-top: 1px solid #aaa;
    border-right: 1px solid #aaa;
}

.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
    border: 0;
    border-right: 1px solid #aaa;
}

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

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

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

/* Content in columns with CSS instead of tables [[Template:Columns]] */
div.columns-2 div.column {
    float: left;
    width: 50%;
    min-width: 300px;
}

div.columns-3 div.column {
    float: left;
    width: 33.3%;
    min-width: 200px;
}

div.columns-4 div.column {
    float: left;
    width: 25%;
    min-width: 150px;
}

div.columns-5 div.column {
    float: left;
    width: 20%;
    min-width: 120px;
}

/*Add formatting to make sure that "external references" from [[Template:Ref]] do
  not get URL expansion, not even when printed. The mechanism up to MediaWiki 1.4 was
  that the HTML code contained a SPAN following the anchor A; this SPAN had the class
  "urlexpansion", which was not displayed on screen, but was shown when the medium was
  "print". The rules below ensure (a) that there is no extra padding to the right of
  the anchor (displayed as "[<number>]"), (b) that there is no "external link arrow" for
  the link, and (c) that this SPAN of class "urlexpansion" is never shown.
  [[User:Admin|Admin]] 22:47, 24 June 2008 (BST)
*/

.plainlinksneverexpand {
    background: none !important;
    padding: 0 !important;
}

.plainlinksneverexpand .urlexpansion {
    display: none !important;
}

/* Make sure that ext links displayed within "plainlinksneverexpand" don't get
   the arrow...
*/
.plainlinksneverexpand a {
    background: none !important;
    padding: 0 !important;
}

/* With MediaWiki 1.5, the mechanism has changed: instead of a SPAN of class "urlexpansion"
   following the anchor A, the anchor itself now has class "external autonumber" and the
   expansion is inserted when printing (see the common printing style sheet at
   http://en.wikipedia.org/skins-1.5/common/commonPrint.css) using the ":after" pseudo-
   element of CSS. We have to switch this off for links due to Template:Ref!
*/
.plainlinksneverexpand a.external.text:after {
    display: none !important;
}
.plainlinksneverexpand a.external.autonumber:after {
    display: none !important;
}

/* Messagebox templates */
.messagebox {
    border: 1px solid #aaa;
    background-color: #f9f9f9;
    width: 80%;
    margin: 0 auto 1em auto;
    padding: .2em;
}

/* Article message box styles */
table.ambox {            /* 10% = Will not overlap with other elements */
    margin: -1px 10% 0px;    /* -1px = Single border between stacked boxes in all browsers */
    border: 1px solid #aaa; 
    border-left: 10px solid #1e90ff;    /* Default "notice" blue */
    background: #fbfbfb; 
}
th.ambox-text, td.ambox-text {     /* The message body cell(s) */
    border: none; 
    padding: 0.25em 0.5em;         /* 0.5em left/right */
    width: 100%;                   /* Make all templates the same width regardless of text length */
}
td.ambox-image {                   /* The left image cell */
    border: none; 
    padding: 2px 0 2px 0.5em;      /* 0.5em left, 0px right */
    text-align: center; 
}
td.ambox-imageright {              /* The right image cell */
    border: none; 
    padding: 2px 0.5em 2px 0;      /* 0px left, 0.5em right */
    text-align: center; 
}

/* Category message box styles */
table.cmbox {
    margin: -1px 10%;
    border: 1px solid #aaa; 
    background: #DFE8FF;           /* Default "notice" blue */
}
th.cmbox-text, td.cmbox-text {     /* The message body cell(s) */
    border: none; 
    padding: 0.25em 0.5em;         /* 0.5em left/right */
    width: 100%;
}
td.cmbox-image {                   /* The left image cell */
    border: none; 
    padding: 2px 0 2px 0.5em;      /* 0.5em left, 0px right */
    text-align: center; 
}
td.cmbox-imageright {              /* The right image cell */
    border: none;
    padding: 2px 0.8em 2px 0;      /* 0px left, 0.8em right */
    text-align: center; 
}

/* eBox styles */
table.ebox {            /* 10% = Will not overlap with other elements */
    margin: -1px 10% 0px;    /* -1px = Single border between stacked boxes in all browsers */
    padding: 3px;
    border: 2px solid #C6E4F2; 
    -moz-border-radius:5px;
    background: #F1FAFF; 
}
table.ebox-text {     /* The message body cell(s) */
    border: 1px solid #C6E4F2; 
    background: #FFFFFF;
    padding: 10px;
}
th.ebox-text, td.ebox-text {     /* The message body cell(s) */
    border: 1px solid #C6E4F2; 
    background: #FFFFFF;
    padding: 10px;
}
/* Pseudo-classes in support of [[Template:lang]]. */

:lang(he) {
    font-family: "SBL Hebrew", "Ezra SIL SR", "Ezra SIL", Cardo, "Chrysanthi Unicode", "TITUS Cyberbit Basic", "Arial Unicode MS", Narkisim, "Times New Roman";
    font-family /**/:inherit;
}
:lang(fa) {
    font-family: "Nafees Nastaleeq", "Pak Nastaleeq", PDMS_Jauhar;
    font-family /**/:inherit;
}
:lang(ps) {
    font-family: "Nafees Nastaleeq", "Pak Nastaleeq", PDMS_Jauhar;
    font-family /**/:inherit;
}
:lang(ur) {
    font-family: "Nafees Nastaleeq", "Pak Nastaleeq", PDMS_Jauhar;
    font-family /**/:inherit;
}
:lang(sux-Xsux) {
    font-family: Akkadian;
    font-family /**/:inherit;
}
:lang(ja) {
       font-family: Code2000, "Arial Unicode MS", "Bitstream Cyberbit", "Bitstream CyberCJK", IPAGothic, IPAPGothic, IPAUIGothic, "Kochi Gothic", IPAMincho, IPAPMincho;
    font-family /**/:inherit;
}
:lang(ko) {
    font-family: "Adobe Myungjo Std M", AppleMyungjo, "Baekmuk Batang", "Baekmuk Gulim", Batang, Dotum, DotumChe, Gulim, GulimChe, HYGothic-Extra, HYMyeongJo-Extra, "New Gulim", UnBatang, UnDotum, UnYetgul, UWKMJF;
    font-family /**/:inherit;
}
:lang(zh-Hans) {
    font-family: "Adobe Song Std L", "AR PL ShanHeiSun Uni", "AR PL ShanHeiSun Uni MBE", "MS Hei", "MS Song", SimHei;
    font-family /**/:inherit;
}
:lang(zh-Hant) {
    font-family: "Adobe Ming Std L", "AR PL New Sung", "AR PL ZenKai Uni", "AR PL ZenKai Uni MBE", MingLiU, PMingLiU;
    font-family /**/:inherit;
}
:lang(grc) {
    font-family: "Athena Unicode", Gentium, "Palatino Linotype", "Arial Unicode MS", "Lucida Sans Unicode", "Lucida Grande", Code2000;
    font-family /**/:inherit;
}

#wpSave {
    font-weight: bold;
}

/* suppress missing interwiki image links where #ifexist cannot be used due to high number of requests */
/* use restricted to rail icon management pages */
/* see .hidden-redlink on http://meta.wikimedia.org/wiki/MediaWiki:Common.css */
.check-icon a.new {
    display: none; 
    speak:none;
}

/* Removes underlines from links */
.nounderlines a { 
    text-decoration: none;
}

/* Standard Navigationsleisten, aka box hiding thingy from .de.  Documentation at [[Wikipedia:NavFrame]]. */

div.Boxmerge,
div.NavFrame {
    margin: 0;
    padding: 4px;
    border: 1px solid #aaa;
    text-align: center;
    border-collapse: collapse;
    font-size: 95%;
}
div.Boxmerge div.NavFrame {
    border-style: none;
    border-style: hidden;
}
div.NavFrame + div.NavFrame {
    border-top-style: none;
    border-top-style: hidden;
}
div.NavPic {
    background-color: #fff;
    margin: 0;
    padding: 2px;
    float: left;
}
div.NavFrame div.NavHead {
    height: 1.6em;
    font-weight: bold;
    background-color: #ccf;
    position:relative;
}
div.NavFrame p {
    font-size: 100%;
}
div.NavFrame div.NavContent {
    font-size: 100%;
}
div.NavFrame div.NavContent p {
    font-size: 100%;
}
div.NavEnd {
    margin: 0;
    padding: 0;
    line-height: 1px;
    clear: both;
}
a.NavToggle {
    position: absolute;
    top: 0;
    right: 3px;
    font-weight: normal;
    font-size: 90%;
}

/* Coloured watchlist numbers */
.mw-plusminus-pos {
    color: #006400; /* darkgreen */
}

/* .mw-plusminus-null currently at developer default */

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

.dablink {
    font-style: italic;
    padding-left: 2em;
}

.dablink i {
    font-style: normal;
}

/* Style for horizontal UL lists */
.horizontal ul {
    padding: 0;
    margin: 0;
}

.horizontal li { 
    padding: 0 0.6em 0 0.4em;
    display: inline;
    border-right: 1px solid;
}

.horizontal li:last-child {
    border-right: none;
    padding-right: 0;
}

/* When <div class="nonumtoc"> is used on the table of contents, the ToC will display without numbers */
.nonumtoc .tocnumber { display:none; }
.nonumtoc #toc ul,
.nonumtoc .toc ul {
    line-height: 1.5em;
    list-style: none;
    margin: .3em 0 0;
    padding: 0;
}
.nonumtoc #toc ul ul, 
.nonumtoc .toc ul ul { 
    margin: 0 0 0 2em; 
}

/* 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 (as long as
   there are no =headings= on the page, which there shouldn't be according to the MoS). */
.toclimit-2 .toclevel-2 {display:none;}
.toclimit-3 .toclevel-3 {display:none;}
.toclimit-4 .toclevel-4 {display:none;}
.toclimit-5 .toclevel-5 {display:none;}
.toclimit-6 .toclevel-6 {display:none;}
.toclimit-7 .toclevel-7 {display:none;}

/* Allow transcluded pages to display in lists rather than a table. Compatible in Firefox; incompatible in IE6. */
.listify td {display:list-item;}
.listify tr {display:block;}
.listify table {display:block;}

/* Styling for Template:Quote */

blockquote.templatequote { margin-top: 0; }

blockquote.templatequote div.templatequotecite { 
    line-height: 1em;
    text-align: left;
    padding-left: 2em;
    margin-top: 0;
}

blockquote.templatequote div.templatequotecite cite {
    font-size: 85%;
}

div.user-block {
    padding: 5px;
    border: 1px solid #A9A9A9;
    background-color: #FFEFD5;
}

/* Prevents line breaks in links; see docs at Template:Nowraplinks */

.nowraplinks a {
    white-space: nowrap;
}

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

.thumbinner {
    min-width: 100px;
}

/* Inline div's in ImageMaps (code borrowed from de.wiki) */
.imagemap-inline div {
    display: inline;
}

/* Increase the height of the image upload box */
#wpUploadDescription {
    height: 13em;
}

/* Reduce line-height for <sup> and <sub> */
sup, sub {
    line-height: 1em;
}

/* Style for interactive game menu */
#mainmenu {
    width: 954px;
    display: block;
    padding: 0;
    margin: 0px auto 0px auto;
    z-index: 20000;
}

#topbar span {
    display: block;
    float: left;
    height: 48px;
    width: 180px;
}

#topbar span a {
    display: block;
    float: left;
    height: 48px;
    width: 180px;
}

#topbar span a span {
    display: none;
}

#mainmenu #topbar #menu1 {
    width: 48px;
    background-position: -1px 0px;
}

#mainmenu #topbar #menu2 {
    background-position: -49px 0px;
}

#mainmenu #topbar #menu3 {
    background-position: -230px 0px;
}

#mainmenu #topbar #menu4 {
    background-position: -411px 0px;
}

#mainmenu #topbar #menu5 {
    background-position: -592px 0px;
}

#mainmenu #topbar #menu6 {
    background-position: -773px 0px;
}

#mainmenu #topbar #menu1: hover {
    background-position: -1px -48px;
}

#mainmenu #topbar #menu2: hover {
    background-position: -49px -48px;
}

#mainmenu #topbar #menu3: hover {
    background-position: -230px -48px;
}

#mainmenu #topbar #menu4: hover {
    background-position: -411px -48px;
}

#mainmenu #topbar #menu5: hover {
    background-position: -592px -48px;
}

#mainmenu #topbar #menu6: hover {
    background-position: -773px -48px;
}

#mainmenu #topbar #submenu {
    width:179px;
    padding: 6px 0px;
    display:none;
    margin-top:48px;
    position: absolute;
    border: 1px solid #ccc;
    border-top: none;
    background: #FFF;
    z-index: 999;
}

#mainmenu #topbar span:hover #submenu {
    display: block;
}

#mainmenu #topbar #submenu span {
    padding: 0px 6px;
    width: 176px;
    float: left;
    clear: none;
    position: relative;
    display:block;
}

#mainmenu #topbar #submenu span a, #mainmenu #topbar #submenu .selflink {
    width: 135px;
    height: 27px;
    padding: 13px 15px 0px 28px;
    line-height:16px;
    font-size: 11px;
    color: #808080;
    float: left;
    display: block;
    text-decoration: none;
    background: url(/images/5/59/Main_menu_bg.png) 0px -137px no-repeat;
    font-weight: normal;
}

#mainmenu #topbar #submenu span a:hover, #mainmenu #topbar #submenu .selflink:hover {
    color: #FFF;
    background: url(/images/5/59/Main_menu_bg.png) 0px -97px no-repeat;
}

#mainmenu #topbar .GameMenuEntry {
    background-image: url(/images/e/e4/Menu_erepublik.png);
}

#mainmenu #topbar .GameMenuEntry a, #mainmenu #topbar .GameMenuEntry strong.selflink {
    color: #EAF9FF;
    display: block;
    font-family: "Arial";
    font-size: 14px;
    font-weight: bold;
    padding: 8px 0px 0px 15px;
}

#mainmenu #topbar .GameMenuEntry a:hover {
    text-decoration: none;
}


/* Allies tooltip (project) */
.allies_tooltip {
    z-index:10;
    margin:0 auto;
    position:absolute;
    display:none;
    opacity:0.9;
    font-family: Arial;
    font-size:11px;
}

.allies_tooltip ul {
    list-style:none;
    margin-top:5px;
    margin-left:-18px;
    position:absolute;
    display:block;
    border-radius:5px 5px;
    background:black;
    padding:5px 8px;
    font-size:10px;
    color:#fff;
    cursor:default
}

.allies_tooltip ul li {
    text-align:left;
    display:block;
    padding-bottom:2px;
    margin-bottom:2px;
    border-bottom:1px solid #403f3f;
    white-space:nowrap;
    text-shadow:#000 0px 1px 1px;
}

.allies_tooltiptrigger {
    display:inline;
}

.allies_tooltiptrigger:hover .allies_tooltip, .allies_tooltiptrigger:hover .tiptip {
    display:inline;
}

.tiptip {
    margin-top:19px;
    margin-left:-13px;
    position:absolute;
    display:none;
}

/* give it a little margin when eboxes are next to each other, IE6 is likely to ignore it but who cares */
div.ebox + div.ebox {
    margin-bottom:2px;
}

/* Workaround for http://wiki.erepublik.com/index.php/File:Icon_achievement_hardworker_on.gif scalability issues (otherwise it breaks the layout of some pages. */

#hwonthumbfix img, .hwonthumbfix img {
    height:58px;
    width:42px
}

/* Country status style for main page news [EXPERIMENTAL] */

.mainpagenews {
    width:49.7%;
}
.mainpagenews .newsheader {
    width:96%;
    float:left; 
    display:inline; 
    position:relative; 
    font-size:14px;
    color:white;
    margin-left:18px; 
    line-height:40px;
    height: 35px;
    background:url('http://wiki.erepublik.com/images/a/af/MainPageNewsBg.png') no-repeat right; 
}
.mainpagenews .newsheader .newsheaderend {
    width:95.9%;
    background:url('http://wiki.erepublik.com/images/a/af/MainPageNewsBg.png') no-repeat left;
    line-height:40px;
    height: 35px;
    float:left;
    position:relative;
    right:14px;
    margin-right:-14px;
    display:inline;
    padding-left:20px;
}


.mainpagenews .newscontent {
    margin-left:4px;
    margin-top:35px;
    padding-left:5px;
    position:relative;
    width:99%;
}

/* CSS for Main Page: show edit section link only when hovering over header */
.mainpageeditlink {
    -webkit-transition:all 0.2s ease-in;
    -moz-transition:all 0.2s ease-in;
    -o-transition:all 0.2s ease-in;
    transition:all 0.2s ease-in;
    opacity:0;
    color:#C6E4F2;
    opacity:0;
    float:right;
}

.mainpageheader:hover .mainpageeditlink {
    opacity:1;
}

/* New TOC for missions page */
.mission_toc_entry {
    border:1px solid transparent;
    padding:3px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    background:transparent;
    -webkit-transition:all 0.2s ease-in;
    -moz-transition:all 0.2s ease-in;
    -o-transition:all 0.2s ease-in;
    transition:all 0.2s ease-in;
}

.mission_toc_entry:hover {
    background:#F1FAFF;
    border:1px solid #C6E4F2
}

.mission_toc_more {
    -webkit-transition:all 0.2s ease-in;
    -moz-transition:all 0.2s ease-in;
    -o-transition:all 0.2s ease-in;
    transition:all 0.2s ease-in;
    opacity:0;
    float:right;
    font-size:95%;
    margin-left:5px;
} 

.mission_toc_entry:hover .mission_toc_more {
    opacity:1
}

.mission_toc_edit_link {
    -webkit-transition:all 0.2s ease-in;
    -moz-transition:all 0.2s ease-in;
    -o-transition:all 0.2s ease-in;
    transition:all 0.2s ease-in;
    opacity:0;
    float:right;
}

#mission_toc_edit_trigger:hover .mission_toc_edit_link {
    opacity:1;
}

/* Style for interactive Gold and extras menu */
.sales_menu {
    width:954px;
    display:block;
    postition:relative;
    margin:0px auto;
}

.sales_menu .tab a, .sales_menu .tab .selflink {
    float:left;
    width:238px;
    height:74px;
    display:block;
    position:relative;
    background:url("/images/6/64/Gold_and_extras_menu_bg.png")
}

.sales_menu .tab1 a {
    background-position:0 0
}

.sales_menu .tab1 a:hover {
    background-position:0 -75px
}

.sales_menu .tab1 a:active, .sales_menu .tab1 .selflink {
    background-position:0 -150px
}

.sales_menu .tab2 a {
    background-position:-238px 0
}

.sales_menu .tab2 a:hover {
    background-position:-238px -75px
}

.sales_menu .tab2 a:active,.sales_menu .tab2 .selflink {
    background-position:-238px -150px
}

.sales_menu .tab3 a {
    background-position:-476px 0
}

.sales_menu .tab3 a:hover {
    background-position:-476px -75px
}

.sales_menu .tab3 a:active, .sales_menu .tab3 .selflink {
    background-position:-476px -150px
}

.sales_menu .tab4 a {
    width:240px;
    background-position:-714px 0
}

.sales_menu .tab4 a:hover {
    background-position:-714px -75px
}

.sales_menu .tab4 a:active, .sales_menu .tab4 .selflink {
    background-position:-714px -150px
}

.sales_menu .tab em {
    font-style:normal;
    font-weight:bold !important;
    position:absolute;
    left:74px;
    top:18px;
    color:#4d4d4d;
    font-size:13px;
    text-shadow:#fff 0px 1px 0px;
}

body.page-Main_Page #firstHeading, body.page-Main_Page #contentSub { 
    display: none; 
}

/* The resource list like table from game. Usage: Add class="economytable" as table class. */
.economytable {
    border-collapse: collapse;
}


.economytable tr {
    border-bottom: 1px solid #ccc;
}


.economytable tr th {
    text-align: left;
    font-weight: bold;
    border-bottom:1px solid silver;
    color:#666;
    text-shadow:#fff 0px 1px 0px;
    background:#f8f8f8;
    padding: 8px;
}


.economytable td {
    padding: 4px 4px 4px 8px;
}

/* Misc */
.skill {
    font: 12px bold Arial, sans-serif;
    color: white;
    padding: 2px 6px;
    background: #ade56c;
    border: 1px solid #98d651;
    border-radius: 3px;
    text-shadow: 0 1px 0 #84c538;
    margin-right: 3px;
    width: 12px !important;
    line-height: 11px !important;
    text-align: center;
    overflow: hidden;
}
/* new eRepublik menu */
#newMenu {
    width: 780px;
    display: block;
    padding: 0px;
    margin: 0 2px 5px 0;
    position: relative;
    z-index: 2000;
}
#newMenu ul {
    margin: 0;
    list-style: square none;
}
#newMenu li {
    display: block;
    float: left;
}
#newMenu li a, #newMenu li strong.selflink {
    width: 137px;
    height: 57px;
    background-position: 0 0;
    background-repeat: no-repeat;
    text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.3);
    font-size: 12px;
    display: table;
    vertical-align: middle;
}
#newMenu li a:hover, #newMenu li strong.selflink:hover {
    background-position: 0 -57px;
    text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.2);
    text-decoration: none;
}
#newMenu li a span, #newMenu li strong.selflink span {
    display: table-cell;
    vertical-align: middle;
    font-family: arial;
    color: #fff;
    color: rgba(255, 255, 255, 0.8);
    font-size: 12px;
    line-height: 100%;
    font-weight: bold;
    padding: 0 5px 0 47px;
    position: relative;
    top: -1px;
}
#newMenu li:hover a, #newMenu li.over a {
    background-position: bottom;
}
#newMenu li:active span {
    top: 0px;
    color: rgba(255, 255, 255, 0.6);
}
#newMenu li#menu1 a, #newMenu li#menu1 strong.selflink {
    width: 73px;
    background: url("http://wiki.erepublik.com/images/c/cc/Menu_erepublik_new.png") no-repeat;
    background-position: 0px 0px;
}
#newMenu li#menu1 a span, #newMenu li#menu1 strong.selflink span {
    display: none;
}
#newMenu li#menu1 a:hover, #newMenu li#menu1 strong.selflink:hover {
    background-position: 0 -57px;
}
#newMenu li#menu1 a:active, #newMenu li#menu1 strong.selflink:active {
    background-position: 0 -114px;
}
#newMenu li#menu2 a, #newMenu li#menu2 strong.selflink {
    background: url("http://wiki.erepublik.com/images/c/cc/Menu_erepublik_new.png") no-repeat;
    background-position: -73px 0px;
}
#newMenu li#menu2 a:hover, #newMenu li#menu2 strong.selflink:hover {
    background-position: -73px -57px;
}
#newMenu li#menu2 a:active, #newMenu li#menu2 strong.selflink:active {
    background-position: -73px -114px;
}
#newMenu li#menu3 a, #newMenu li#menu3 strong.selflink {
    background: url("http://wiki.erepublik.com/images/c/cc/Menu_erepublik_new.png") no-repeat;
    background-position: -210px 0px;
}
#newMenu li#menu3 a span, #newMenu li#menu3 strong.selflink span {
    padding-left: 52px;
}
#newMenu li#menu3 a:hover, #newMenu li#menu3 strong.selflink:hover {
    background-position: -210px -57px;
}
#newMenu li#menu3 a:active, #newMenu li#menu3 strong.selflink:active {
    background-position: -210px -114px;
}
#newMenu li#menu4 a, #newMenu li#menu4 strong.selflink {
    background: url("http://wiki.erepublik.com/images/c/cc/Menu_erepublik_new.png") no-repeat;
    background-position: -347px 0px;
}
#newMenu li#menu4 a:hover, #newMenu li#menu4 strong.selflink:hover {
    background-position: -347px -57px;
}
#newMenu li#menu4 a:active span, #newMenu li#menu4 strong.selflink:active span {
    top: -1px;
    color: rgba(255, 255, 255, 0.8);
}
#newMenu li#menu5 a, #newMenu li#menu5 strong.selflink {
    background: url("http://wiki.erepublik.com/images/c/cc/Menu_erepublik_new.png") no-repeat;
    background-position: -484px 0px;
}
#newMenu li#menu5 a:hover, #newMenu li#menu5 strong.selflink:hover {
    background-position: -484px -57px;
}
#newMenu li#menu5 a:active span, #newMenu li#menu5 strong.selflink:active span {
    top: -1px;
    color: rgba(255, 255, 255, 0.8);
}
#newMenu li#menu6 a, #newMenu li#menu6 strong.selflink {
    width: 138px;
    background: url("http://wiki.erepublik.com/images/c/cc/Menu_erepublik_new.png") no-repeat;
    background-position: -621px 0px;
}
#newMenu li#menu6 a:hover, #newMenu li#menu6 strong.selflink:hover {
    background-position: -621px -57px;
}
#newMenu li#menu6 a:active, #newMenu li#menu6 strong.selflink:active {
    background-position: -621px -114px;
}
#newMenu li ul {
    width: 137px;
    padding: 6px 0px;
    display: none;
    position: absolute;
    border: 1px solid #ccc;
    border-top: none;
    background: #fff;
    z-index: 999;
    top: 55px;
    margin: 0;
}
#newMenu li ul li {
    padding: 0px 6px;
    float: left;
    clear: none;
    position: relative;
    display: table;
    vertical-align: middle;
}
#newMenu li ul li a, #newMenu li ul li a.external, #newMenu li ul li strong.selflink {
    height: 40px;
    padding: 0px 10px 0px 28px;
    font-size: 11px !important;
    color: gray;
    display: table-cell;
    vertical-align: middle;
    text-decoration: none;
    background: url("http://wiki.erepublik.com/images/4/4c/Over_action.gif") no-repeat !important;
    background-position: 0px 0px !important;
    text-shadow: none !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
#newMenu li ul li strong.selflink {
    font-weight: normal !important;
}
#newMenu li ul li a:hover {
    background-position: 0px -41px !important;
    color: #fff !important;
    text-shadow: none !important;
}
#newMenu li:hover ul, #newMenu li.over ul {
    display: block;
}

/* country stats */
ul.country-stats {
    border-bottom: 1px solid #ccc;
    clear: both;
    display: inline;
    float: left;
    padding-bottom: 1px;
    width: 99%;
    list-style: none outside none;
}

ul.country-stats li {
    float: left;
    height: 32px;
    margin-right: 1px;
    position: relative;
    background-color: #efefef;
    border-radius: 6px 6px 0px 0px;
}
ul.country-stats li a, ul.country-stats li strong.selflink {
    color: #7f7f7f;
    cursor: pointer;
    float: left;
    height: 32px;
    line-height: 32px;
    padding-right: 25px;
    padding-left: 25px;
    text-decoration: none;
}

ul.country-stats li:hover a, ul.country-stats li:hover strong.selflink, ul.country-stats li.on a, ul.country-stats li.on strong.selflink {
    color: #d8d8d8;
    background-color: #535353;
    border-radius: 6px 6px 0px 0px;
}

ul.country-stats li strong.selflink {
    font-weight: normal;
}

td.kb-usercomments {
    background: url('/images/1/18/Titletablebg.gif') repeat-x scroll left top #EAEDF4;
}

body.page-Special_ListGroupRights #autoconfirmed {
    display: none;
}

body.ns-104 /* Beta */ #content, body.ns-105 /* Beta talk */ #content, body.ns-108 /* One */ #content, body.ns-109 /* One talk */ #content, body.ns-110 /* Rising */ #content, body.ns-111 /* Rising talk */ #content {
    background-color: #eee;
}

/* yellow tooltip box */
.hinter {
    background: url("/images/5/5b/Bg-hinter.gif") no-repeat;
    color: #595959;
    display: none;
    float: left;
    font-size: 12px;
    height: 68px;
    left: 0px;
    margin-top: -1px;
    padding: 15px 0px 0px;
    position: absolute;
    text-align: left;
    top: 75px;
    width: 170px;
    z-index: 20000;
}

div:hover .hinter {
    display: block;
}

.hinter span {
    background: #fffcc8;
    border: 1px solid #ffd800;
    border-top: none;
    display: block;
    float: left;
    min-width: 148px;
    padding: 15px 10px;
}

.hinter span .padded {
    margin-bottom: 10px;
}