MediaWiki:Common.css

/* CSS placed here will be applied to all skins */ /* For elements which only display in the mobile view */ .mobileonly { display: none; }

/* this section governs the responsive 3 column main page layout */ .fpmain { width: 100%; overflow: hidden; z-index: 1; }

.fpbanner { background: rgba(0, 0, 0, 0.1); border: 1px solid #b4c1d9; box-shadow: 0 2px 5px #b4c1d9; color: #e0e0e0; margin: 0 5px 5px 5px; padding: 5px; min-height: 80px; }

.fpbannertable { display: table; border: none; background: transparent; width: 100%; min-height: 75px; margin: 0; padding: 5px; }

.fpbannercell { display: table-cell; text-align: center; vertical-align: middle; }

.fpbannerblock { border: none; color: #ffffff; font-weight: bold; text-shadow: 0 0 8px rgba(255, 255, 255, 0.75); font-size: 132%; width: 100%; margin: 0 0 10px 0; padding: 0 0 5px 0; }

.fpmidsections { float: left; width: 100%; overflow: hidden; }

.fpbox { margin: 5px; padding: 5px; overflow: auto; }

.fpbox .mainheading { border: none; font-size: 150%; font-weight: bold; margin: 0 0 10px 0; padding: 0 0 5px 0; overflow: auto; }

.fpbox .heading { border: none; text-align: center; font-size: 132%; margin: 0 0 10px 0; padding: 0 0 5px 0; overflow: auto; }

.fpmain .columns .leftcol { width: 100%; margin: 0; padding: 0; }

.fpmain .columns .rightcol { width: 100%; margin: 0; padding: 0; }

.fpsection1, .fpsection2, .fpsection3, .fpsection4 { float: left; clear: both; width: 100%; }

div.fp2columnonly, div.fp3columnonly { display: none; }

@media (min-width: 790px) { .fpsection1 { float: left; clear: none; width: 50%; }

.fpmidsections { clear: none; float: right; width: 50%; }

.fpsection4 { float: left; clear: none; width: 50%; }

div.fp2columnonly { display: block; } }

@media (min-width: 990px) { .fpmain .columns .leftcol { float: left; width: 50%; margin: 0; padding: 0; }

.fpmain .columns .rightcol { float: right; width: 50%; margin: 0; padding: 0; } }

@media (min-width: 1390px) { .fpmidsections { clear: none; float: right; width: 66.667%; }

.fpsection1 { clear: none; width: 33.333%; }

.fpsection2 { clear: none; width: 50%; }

.fpsection3 { clear: none; width: 50%; } .fpsection4 { clear: left; width: 33.333%; }

div.fp2columnonly { display: none; }

div.fp3columnonly { display: block; } }

.fpbox.plain { background: transparent; border: none; box-shadow: none; }

.fpimagelist ul { list-style-type: none; list-style-image: none; }

.fpvideos { margin: 0 auto; overflow: hidden; text-align: center; }

.fpvideo { display: inline-block; margin: 0 5px; }

/* This governs the sections on the Community portal */ .cpbox { display: flex; flex-direction: row-reverse; flex-wrap: wrap; }

.cpbox #admins { box-sizing: border-box; width: calc(33% - 10px); margin: 5px; flex-grow: 1; min-width: 300px; }

.cpbox #help { box-sizing: border-box; width: calc(67% - 10px); margin: 5px; flex-grow: 1; }

/* Template documentation styles */ /* If modifying these styles, be sure to update the mobile skin! */ .doc { margin: 0em auto 1em; background-color: rgba(0, 0, 0, 0.1); border: 2px solid #BDCAC3; border-radius: 1em; padding: 1em; }

.doc-header { padding-bottom: 3px; border-bottom: 1px solid #BDCAC3; margin-bottom: 1ex; }

.doc-footer { margin: 0; background-color: rgba(0, 0, 0, 0.1); border: 2px solid #BDCAC3; border-radius: 1em; padding: 1em; }

/* Classes permitting setting of alignment on desktop only or differently on desktop and mobile */ /* (See .mobileleft, .mobilecenter, .mobileright in MediaWiki:Mobile.css for the mobile equivalents */ .desktopleft {   text-align: left; }

.desktopcenter { text-align: center; }

.desktopright { text-align: right; }

div.ngDivider { margin: 25px auto; padding: 5px; background-image: url(https://static.wikia.nocookie.net/northgard_gamepedia_en/images/a/a5/Separateur-gauche.png/revision/latest),url(https://static.wikia.nocookie.net/northgard_gamepedia_en/images/c/c4/Separateur-ligne.png/revision/latest),url(https://static.wikia.nocookie.net/northgard_gamepedia_en/images/0/01/Separateur-centre.png/revision/latest),url(https://static.wikia.nocookie.net/northgard_gamepedia_en/images/c/c4/Separateur-ligne.png/revision/latest),url(https://static.wikia.nocookie.net/northgard_gamepedia_en/images/c/c9/Separateur-droit.png/revision/latest); background-position: 0 0, 28px 0px, 50% 0, calc(100% - 28px) 0, 100% 0; background-repeat: no-repeat; background-size: auto,calc(50% - 53px) 32px,auto,calc(50% - 53px) 32px,auto; }

/* --- custom CSS by Equindar --- */ /* prefix: eq_                   */ /* suffix:                       */

/* --- Color Codes Northgard --- */ /* eq_grayblue: #2f3947          */ /* eq_darkblue: #121e2a          */ /* eq_lightgray: #c0c2c6         */ /*                               */ /* --- Custom Color Codes         */ .eq_bg_orange { background-color: #ffcc80; } .eq_bg_red    { background-color: #ffb3b3; } .eq_bg_blue   { background-color: #b3b3ff; } .eq_bg_green  { background-color: #b3ffb3; }

/* --- Resources --- */ span.eq_Res.Fame, span.eq_Res.Fame a { color: yellow; } span.eq_Res.DragonEssence, span.eq_Res.DragonEssence a { color: green; }

/* --- Achievements --- */ .eq_achievements { border: 0; text-align: left; margin: 10px; }

.eq_achievements td { padding: 2px 5px; }

/* --- Lore Tree --- */ div.eq_loretree { display: block; position: relative; height: 460px; width: 1030px; margin: auto; padding: 0; }

div.eq_loretree div { position:absolute; left: 0; width: 100%; }

div.eq_loretree div.economy { top: 280px; height: 120px; } div.eq_loretree div.military { top: 140px; height: 120px; } div.eq_loretree div.production { top: 0; height: 120px; }

div.eq_loretree div div { position:absolute; width: 246px; margin: 0; padding: 10px; }

div.eq_loretree div.tier1 { left: 0; height: 120px; background: url(https://static.wikia.nocookie.net/northgard_gamepedia_en/images/b/b4/LoreBG_branch_left.png/revision/latest) no-repeat top left; } div.eq_loretree div.tier2, div.eq_loretree div.tier3 { height: 120px; margin-left:-5px; background: url(https://static.wikia.nocookie.net/northgard_gamepedia_en/images/7/76/LoreBG_branch_middle.png/revision/latest) no-repeat top left; }

div.eq_loretree div.tier2 { left: 263px; } div.eq_loretree div.tier3 { left: 521px; } div.eq_loretree div.tier4 { left: 774px; height: 120px; background: url(https://static.wikia.nocookie.net/northgard_gamepedia_en/images/7/7b/LoreBG_branch_right.png/revision/latest) no-repeat top left; }

div.eq_loretree div.one, div.eq_loretree div.two, div.eq_loretree div.only_one { position: relative; left: 0; height: 60px !important; width: 246px; padding: 0; margin: 0; }

div.eq_loretree div.one { padding-top: 6px; }

div.eq_loretree div.only_one { top: 35px; }

div.eq_loretree div.eq_legend { position: absolute; display: block; top: 425px; height: auto; }

div.eq_loretree div.eq_legend span { display:inline-block; float:right; height: auto; margin-right: 20px; padding:0 5px; color: black; text-align: left; border-radius: 6px; }

/* --- Knowledge --- */ div.eq_knowledge { position:relative; display:block; height: 50px; width: 215px; margin: 5px; padding: 0; }

div.eq_knowledge div.clan { position:absolute; left: 0; top: 13px; height: 24px; width: 24px; padding: 0; z-index:3; }

div.eq_knowledge div.icon { position:absolute; display: block; height: 42px; width: 42px; top: 0; left: 15px; z-index:2; padding:3px; background: url(https://static.wikia.nocookie.net/northgard_gamepedia_en/images/6/6b/KnowledgeBG_icon_default.png/revision/latest) no-repeat top left; }

div.eq_knowledge div.icon img { margin: auto; vertical-align: middle; height: 42px; width: 42px; }

div.eq_knowledge div.icon.selected { background: url(https://static.wikia.nocookie.net/northgard_gamepedia_en/images/0/08/KnowledgeBG_icon_selected.png/revision/latest) no-repeat top left !important; }

div.eq_knowledge div.desc { position:absolute; display: block; padding: 0; height: 32px; width: 150px; top: 8px; left: 62px; background: url(https://static.wikia.nocookie.net/northgard_gamepedia_en/images/b/b0/KnowledgeBG_title_default.png/revision/latest) no-repeat top left; }

div.eq_knowledge div.desc.selected { background: url(https://static.wikia.nocookie.net/northgard_gamepedia_en/images/9/9b/KnowledgeBG_title_selected.png/revision/latest) no-repeat top left !important; }

div.eq_knowledge span { display:inline-block; margin:5px 10px 5px 5px; padding: 0; color: #c0c2c6; text-align:center; width: 130px; height: 22px; font-size: 0.875em; }

div.eq_knowledge p.tooltip { position: absolute; z-index: 10; width: 300px; height: auto; top: 100%; left: 50%; padding: 5px; margin-left: -150px;

visibility: hidden; background-color: #121e2a; color: #c0c2c6; text-align: center; border-radius: 6px; }

div.eq_knowledge:hover p.tooltip { visibility: visible; } div.eq_knowledge p.tooltip::after { position: absolute; bottom: 100%; left: 50%; margin-left: -5px; content: " "; border-width: 5px; border-style: solid; border-color: transparent transparent #121e2a transparent; }

div.eq_knowledge p.sequence { position: absolute; z-index: 3; width: 100%; height: auto; bottom: 85%; right: 0;

} div.eq_knowledge p.sequence span { display:inline-block; margin:0 0 0 5px; float:right; width: 30px; height: auto; border-radius: 6px; color: black; text-align: center; }

/* --- Clan Unique TextBox --- */ .eq_clan_unique { display: inline-block; width: auto; margin: 5px; padding: 5px 20px; border: 1px dashed #c0c2c6; background-color: #121e2a; }

.eq_clan_unique img{

}

.eq_clan_unique span { display: inline-block; margin-left: 10px; color: #c0c2c6; }