Raft Wiki
Don't have an account?
Register
Register
Raft Wiki
Raft Wiki
1,035
pages

Hydra.css

MediaWiki page
Back to page
Sign in to edit
No edit summary
mNo edit summary
Line 244: Line 244:
 
margin: 0;
  
margin: 0;
 
padding: 0 6px;
  
padding: 0 6px;
⚫
}
  
−  
⚫
div.vectorMenu {
  
 
width: auto;
  
width: auto;
 
}
  
}
Line 271: Line 268:
 
margin: 0 15px 0 0;
  
margin: 0 15px 0 0;
 
padding: 0;
  
padding: 0;
  ⚫
}
  +
  ⚫
div.vectorMenu h3 span::after {
  +
display: none;
 
}
  
}
   

Revision as of 21:50, 20 August 2019

/* CSS placed here will affect users of the Hydra skin */

/******************
/* General styles *
/******************/
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(/media/hydra/fonts/Lato-Regular.ttf) format('truetype');
}

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(/media/hydra/fonts/Lato-Bold.ttf) format('truetype');
}

@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: local('Lato Italic'), local('Lato-Italic'), url(/media/hydra/fonts/Lato-Italic.ttf) format('truetype');
}

@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url(/media/hydra/fonts/Lato-BoldItalic.ttf) format('truetype');
}

html {
  font-size: 108%;
}

body {
  background: #eef2f4 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAAABCAIAAADW7TIxAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QMVAB4U/zBUWAAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAEUlEQVQY02OUlFVgGAXDFwAApKUAWOLbFvoAAAAASUVORK5CYII=") repeat-y left top;
  font-family: Lato, sans-serif;
}

/***************
/* Logo styles *
/***************/
#p-logo {
  position: absolute;
  top: 11px;
  left: 168px;
  width: 150px;
  height: 83px;
  margin: 0 0 0 0;
  padding: 0;
}

body.page-Raft_Wiki.ns-0.action-view #p-logo {
  left: calc( 50vw - 75px );
  top: 80px;
  width: 150px;
  height: 83px;
}

#p-logo a {
  width: 150px;
  height: 83px;
  margin: 0;
  padding: 0;
}

body.page-Raft_Wiki.ns-0.action-view #p-logo a {
  width: 150px;
  height: 83px;
  background-size: cover;
}

.mw-wiki-logo {
    background-image: url(https://raft.gamepedia.com/media/raft.gamepedia.com/b/bc/Wiki.png);
}

/*****************
/* Header styles *
/*****************/
div#mw-head-base {
  display: none;
}
     
div#mw-page-base {
    background: #EEF2F7 url(https://raft.gamepedia.com/media/raft.gamepedia.com/7/7d/Raft-Background.jpg) no-repeat center center / cover !important;
    height: 128px;
    margin-bottom: 1.8em;
}

body.page-Raft_Wiki.ns-0.action-view div#mw-page-base {
    background: #eef2f4 url(https://raft.gamepedia.com/media/raft.gamepedia.com/a/a6/Header.png) !important;
    height: 324px;
}

div#mw-head {
    border: none;
    background: #f9f9f9;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    top: 128px;
    left: 160px;
    right: 0;
    width: auto;
    height: 1.8em;
}
 
body.page-Raft_Wiki.ns-0.action-view div#mw-head {
    top: 325px;
}

/**************************
/* Article navigation bar *
/**************************/
#left-navigation {
  margin: 0 0 0 0;
  padding: 0;
}

#right-navigation {
  margin: 0 0 0 0;
  padding: 0;
}

div.vectorTabs {
  border: none;
  border-left: 1px solid #c0cdd2;
  background: transparent;
  height: 1.8em;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

div.vectorTabs ul {
  border: none;
  background: transparent;
}

div.vectorTabs ul li, div.vectorTabs ul li.selected {
  border: none;
  border-right: 1px solid #c0cdd2;
  background: transparent;
  margin: 0;
  padding: 0;
}

@media ( min-width: 1022px ) {
  body.page-Raft_Wiki.ns-0.action-view div.vectorTabs ul li {
    width: 123px;
    text-align: center;
  }
}

div.vectorTabs ul li span, div.vectorTabs ul li.selected span {
  border: none;
  background: transparent;
}

div#mw-head div.vectorTabs li span a {
  background: transparent;
  color: #434c54;
  height: 2.25em;
  line-height: 2.25em;
  padding: 0 6px 0 6px;
  margin: 0;
}

@media ( min-width: 1022px ) {
  body.page-Raft_Wiki.ns-0.action-view div#mw-head div.vectorTabs li span a {
    width: 88px;
  }
}

div#mw-head div.vectorTabs span a:visited {
  color: #434c54 !important;
}

div#mw-head div.vectorTabs li span a:hover, div.vectorTabs li span a:visited:hover {
}

div#mw-head div.vectorTabs li.selected span a, div.vectorTabs li.selected span a:hover {
  background-color: #f9f9f900;
}

div#mw-head div.vectorTabs li.new span a {
  color: #b5383f !important;
}

div#mw-head div.vectorTabs li.new span a:visited {
  color: #b5383f !important;
}

div#mw-head div.vectorTabs li.new span a:hover, div.vectorTabs li.new span a:visited:hover {
}

div#mw-head div.vectorTabs li.selected.new span a, div.vectorTabs li.selected.new span a:hover {
  background-color: #f9f9f9;
}

div#mw-head div.vectorTabs span a:active {
  color: #343c46 !important;
}

div.vectorTabs li.new span a:active {
  color: #5e272b !important;
}

#p-views {
}

@media ( min-width: 1022px ) {
  body.page-Raft_Wiki.ns-0.action-view #ca-watch, body.page-Raft_Wiki.ns-0.action-view #ca-unwatch {
    width: auto;
  }
}

div#mw-head #ca-unwatch.icon a, div#mw-head #ca-watch.icon a {
  border: none;
  background-color: transparent;
  background-position: center center;
  padding: 2.25em 3px 0 3px;
  width: 29px;
  height: 0;
}

div#mw-head #ca-unwatch.icon a:hover, div#mw-head #ca-watch.icon a:hover {
  background-repeat: no-repeat;
}

div#mw-head #ca-unwatch.icon a, div#mw-head #ca-unwatch.icon a:hover, div#mw-head #ca-unwatch.icon a:focus {
  background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAZCAYAAADe1WXtAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QMUBjAj8LvjrAAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAABaUlEQVRIx+XVPUsdQRTG8d+uRsRGIRAMWCixMQYtQgS5NgaEWyiJFqYKioVNPoJNsMlXSBPS5StEtEwRgp2FBAUhEBBFsDEgvtxrc4TNsnpXWEmRBw57Zmfnz5w5D7PJZH1O1Urdg/4pNMWjqqHL2MZo1dCHWKoKOoChyGfLrCkDfY2OyB9jpAro20zelhsXqj2TT6A3N9+DYSQxbuINvhewfmEzC32KDXTGwrySzLMXX3K7T3GAfpxel3+IbxlgkossvA0PMpGggTWcZc/0CNNYxTkuS1qtiT9hucWA/9WoM7zHTOz88vqjAjUifqKGT626v47nAb5JCX5gDFtlLXUcTUtuAZ/i5C4+raE7B8274kVYrjR0PufNBn5H3oy5rjimUtAUU7GwGWW+wyA+4CLep1goC32Cvsj3MI6P4Y4VvAoLwssiRvsN5e9EV5cLmvE17tXPMe6Iam6F7uJZC9Pvo/7//PjupCugG0ONYBy92QAAAABJRU5ErkJggg==") no-repeat center center;
}
 
div#mw-head #ca-watch.icon a, div#mw-head #ca-watch.icon a:hover, div#mw-head #ca-watch.icon a:focus {
  background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAZCAYAAADe1WXtAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QMUBjAEVbFWxwAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAABnklEQVRIx+3VP0hWYRQG8N9n0V8MNIqCIGlyytE/Q6IQRS5h0EchTWGzkC3NESQINkQIiYuUDU0VoUvZEEGLQosYSUQJgUtqVp/Uci68ySffJ1xp8Sz35Z7zPvc9z/Oc9xY6znbLO2psQfxX0AL25w3aijEcyRP0PLoCPBfQOpzCbAAX8gBtwkEMo60aCqoBPYdPmAyxWipt2JmsG3BgXX4fTmM82p/GBXwog7WIzynoYTxGI1bxOylexRRKeIpe3Evyh3A0cldQykCX8AQ38B63sRC575iP9QgeJoAnMYjdmMBayukKBtATavfHCWfwEX+irhQfWUIzHsTeIkazulSoNTzHxeBnHO1luNuBa7gfp7uEt5XUn8XVePZFa2kcx82g4XpCU0VL/cBefMHPdbP/Ld4v49dmfNoQpp9EbXD8LKhZwauw2p5KPk2jOWy1gKHg9iXu4ET4tYhjmKsGtICO4PJuKH0Z73AGt8IB2Z0wV0379TGK9XiTqJu5o4ivMW2d5S6Yjdp/ER59VEaMzB2vsSssVvqn1e0fX+7xFw5DXbwT63H8AAAAAElFTkSuQmCC") no-repeat center center;
}

div.vectorMenu {
  border-right: 1px solid #c0cdd2;
  background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAeAQMAAAD5HscWAAAABlBMVEVvcnRBSFL3F5IGAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfhAxQGMDRzaGZrAAAAHElEQVQI12NgIAMw/2NgYPwDZPwA4gIgViDZCADWFAOHBYEsowAAAABJRU5ErkJggg==") no-repeat right center;
  height: 1.8em;
  line-height: 2.25em;
  margin: 0;
  padding: 0 6px;
  width: auto;
}

div#mw-head div.vectorMenu h3 {
  border: none;
  background: transparent;
  height: 1.8em;
  line-height: 2.25em;
  margin: 0 0 0 0;
}

div#mw-head div.vectorMenu h3 a {
  border: none;
  background: transparent;
  height: 1.8em;
  line-height: 2.25em;
}

div#mw-head div.vectorMenu h3 span {
  color: #434c54;
  height: 2.25em;
  line-height: 2.25em;
  margin: 0 15px 0 0;
  padding: 0;
}

div.vectorMenu h3 span::after {
   display: none;
}

div.vectorMenu div.menu {
    border: 1px solid #c0cdd2;
    background: #f9f9f9;
    color: #434c54;
    margin: 0;
    padding: 0;
    top: -0.2em;
    z-index: 3000;
}

div.vectorMenu div.menu ul {
  border: none;
  background: transparent;
}

div#p-sharing div.menu {
  left: 0;
}

div#p-cactions div.menu {
    left: auto;
    top: 31px;
    right: -1px;
    text-align: right;
}

div#p-cactions div.menu ul li {
  text-align: right;
}

div#p-cactions div.menu ul li a {
  color: #434c54;
  margin: 2px 5px;
  padding: 1px 0;
}

div#p-cactions div.menu ul li a:visited {
  color: #434c54;
}

div#p-cactions div.menu ul li a:active {
  color: #343c46;
}

#p-search {
  position: absolute;
  top: -128px;
  right: 1em;
  height: 30px;
  vertical-align: middle;
  margin: 0;
  padding: 0;
}
 
body.page-Raft_Wiki.ns-0.action-view #p-search {
  top: -150px;
  left: -172px;
  right: 0;
  width: auto;
  text-align: center;
}

#p-search::before {
  display: inline-block;
  content: '';
  height: 128px;
  vertical-align: middle;
}
 
body.page-Raft_Wiki.ns-0.action-view #p-search::before {
  display: none;
}

#p-search form {
  display: inline-block;
  height: 0;
  vertical-align: middle;
  margin: 0;
}

#p-search input {
}

#p-search input[type="submit"], #p-search input[type="button"], #p-search input[type="reset"] {
  font-size: 70%;
  padding: 0 6px;
}

#searchInput {
  border: none;
  background: #f4f9ff;
  color: #1f3441;
  font-family: Lato, sans-serif;
}

div#simpleSearch { 
  border: none;
  background: #f4f9ff;
  color: #343c46;
  line-height: 1.4em;
  width: 500px;
  max-width: 500px;
  height: 43px;
  margin: 0;
}

div#simpleSearch #searchInput {
  border: none;
  box-shadow: none;
  background: transparent;
  color: #343c46;
  padding: 0 1em;
  line-height: 43px;
}

body.page-Raft_Wiki.ns-0.action-view div#simpleSearch #searchInput {
  padding: 0 1em;
  line-height: 43px;
}

div#simpleSearch #searchButton, div#simpleSearch #mw-searchButton, div#simpleSearch #searchButton:hover, div#simpleSearch #mw-searchButton:hover, div#simpleSearch #searchButton:active, div#simpleSearch #mw-searchButton:active {
  box-sizing: content-box;
  background-origin: content-box;
  color: transparent;
  box-shadow: none;
  padding-right: 0.5em;
}

.skin-hydra div.suggestions, html > body.skin-hydra div.suggestions {
  margin-top: -28px;
  border-top: 1px solid #c0cdd2;
  background: #f4f9ff;
  color: #343c46;
}

.skin-hydra .suggestions-results, .skin-hydra .suggestions-results .suggestions-result, .skin-hydra .suggestions-special {
  border: none;
  background: #f4f9ff;
  color: #343c46;
}

.skin-hydra .suggestions a.mw-searchSuggest-link, .skin-hydra .suggestions a.mw-searchSuggest-link:hover, .skin-hydra .suggestions a.mw-searchSuggest-link:active, .skin-hydra .suggestions a.mw-searchSuggest-link:focus, .skin-hydra .suggestions-special .special-query {
  color: #343c46;
}

.skin-hydra .suggestions-results .suggestions-result .highlight {
  color: #0396f7;
}

.skin-hydra .suggestions-result-current {
  background: #0088d0 !important;
  color: #ffffff;
}

.skin-hydra .suggestions-special {
  border: none;
  border-top: 1px solid #c0cdd2;
}

.skin-hydra .suggestions-special .special-label {
  color: #a3bac8;
}

.skin-hydra .suggestions-result-current .special-label {
  color: #a3bac8;
}

.skin-hydra .suggestions-results .suggestions-result-current, .skin-hydra .suggestions-special.suggestions-result-current .special-query, .skin-hydra .suggestions-result-current a.mw-searchSuggest-link, .skin-hydra .suggestions-result-current a.mw-searchSuggest-link:hover, .skin-hydra .suggestions-result-current a.mw-searchSuggest-link:active, .skin-hydra .suggestions-result-current a.mw-searchSuggest-link:focus {
  color: #ffffff;
}

.skin-hydra .suggestions-results .suggestions-result-current .highlight {
  color: #89b0ca;
}

/**********************
/* Site notice styles *
/**********************/
#mw-dismissable-notice {
}

#mw-dismissable-notice td > a {
}

#mw-dismissable-notice td > a:hover {
}

#localNotice {
  border-radius: 7px;
  border: none;
  background: #dee4e7;
  color: #343c46;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

/***********************
/* Left sidebar styles *
/***********************/
div#mw-panel, div#mw-panel.collapsible-nav {
  position: static !important;
  float: left;
  top: 0;
  margin-left: -160px;
  margin-right: 0;
  margin-top: -1.8em;
  margin-bottom: 60px;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  width: 160px;
  overflow: visible;
}

div#mw-panel div.portal, div#mw-panel.collapsible-nav div.portal {
  background: transparent !important;
  margin: 5px 0 0 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 5px !important;
  padding-right: 5px !important;
  text-align: left;
  width: 150px;
}

div#content, div#mw-panel, div#footer {
    background: rgb(25, 29, 32);
}

div#mw-panel div.portal h3, div#mw-panel.collapsible-nav div.portal h3 {
  border: none;
  color: #f2f5f7;
  font-weight: bold;
  font-size: 110%;
  margin: 0 !important;
  padding: 0 5px 0 5px !important;
  width: auto;
}

div#mw-panel.collapsible-nav div.portal.collapsed h3 {
  background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAHAQMAAAD6aRWtAAAABlBMVEVvcnQ4rfnOOrwQAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfhAxQGMDqU0EtsAAAAFElEQVQI12NwYEhgKGCoAOIEBgcAEjYCmWxNs0wAAAAASUVORK5CYII=") center left no-repeat;
  color: #f2f5f7;
  padding: 0 0 5px 15px !important;
  width: auto !important;
}

div#mw-panel.collapsible-nav div.portal.expanded h3 {
  background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAEAQMAAAB4CLc+AAAABlBMVEVvcnQ4rfnOOrwQAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfhAxQGMBKhZeOWAAAAEElEQVQI12P4x1DDYMEgAAAKHgHDGrfkbwAAAABJRU5ErkJggg==") center left no-repeat;
  color: #f2f5f7;
  padding: 0 0 5px 15px !important;
  width: auto !important;
}

div#mw-panel.collapsible-nav div.portal h3 a, div#mw-panel.collapsible-nav div.portal.collapsed h3 a {
  color: #f2f5f7 !important;
}

div#mw-panel.collapsible-nav div.portal.collapsed h3:hover a, div#mw-panel.collapsible-nav div.portal.collapsed h3 a:hover {
  text-decoration: underline;
  text-decoration-color: #f2f5f7 !important;
}

div#mw-panel div.portal div.body, div#mw-panel.collapsible-nav div.portal div.body, div#mw-panel.collapsible-nav div.portal.expanded div.body {
  background: transparent;
  margin: 0 !important;
  padding: 0 0 10px 15px !important;
  width: 150px;
}

div#mw-panel.collapsible-nav div.portal.first div.body, div#mw-panel.collapsible-nav div.portal.first.expanded div.body, div#mw-panel #p-logo + div.portal div.body {
  background: transparent;
  padding: 0 !important;
  margin: 0 0 0 0 !important;
}

div#mw-panel div.portal ul, div#mw-panel.collapsible-nav div.portal ul {
  margin: 0;
  padding: 0;
}

div#mw-panel div.portal ul li, div#mw-panel.collapsible-nav div.portal ul li {
  font-size: 0.75em;
  line-height: 1.125em;
  padding: 0.25em 0;
  word-wrap: word-break;
  margin: 0 0 4px 0;
}
 
div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:link {
  color: #F5F9FF;
}

div#mw-panel div.portal div.body ul li a:visited {
  color: #f4f9ff;
}

div#mw-panel div.portal div.body ul li a:active {
  color: #F5F9FF;
}

div#mw-panel div#p-sitePromos, div#mw-panel div#p-socialProfiles {
  border: none;
  background: transparent;
  margin: 20px 0 0 0 !important;
  padding: 0;
  width: 150px;
}

div#mw-panel div#p-claimWiki {
  border: none;
  background: transparent;
  margin: 20px 0 20px 0 !important;
  padding: 0;
  width: 150px;
}

div#mw-panel div#p-sitePromos h3, div#mw-panel div#p-socialProfiles h3, div#mw-panel div#p-claimWiki h3 {
  display: none;
}

div#mw-panel div#p-sitePromos div.body, div#mw-panel div#p-socialProfiles div.body, div#mw-panel #p-logo + div#p-claimWiki div.body {
  margin: 0 auto 0 auto !important;
  padding: 0 0 0 0 !important;
  width: auto;
}

div#mw-panel div#p-sitePromos div.body div.promoSidebar, div#mw-panel div#p-socialProfiles div.body div.socialSidebar {
  margin: 0 auto 0 auto !important;
  padding: 0 0 0 0 !important;
  width: auto;
  text-align: center;
}

div#mw-panel div#p-claimWiki div.body div.claimSidebar {
  margin: 0 auto 0 auto !important;
  padding: 0 0 0 0 !important;
}

div.socialLink {
  margin: 1px 0 1px 0;
}


/***************
/* FPBox Style *
/***************/
.fpbox {
    background: rgb(249, 249, 249);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    color: #000;
    margin: 5px 5px 5px 5px;
    padding: 5px 5px 5px 5px;
    border-radius: 4px;
}

.fpboxupdate {
    height: 171px;
    background: #f9f9f9;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    color: #000;
    font-size: 132%;
    text-align: center;
    margin: 5px 5px 5px 5px;
    padding: 5px 5px 5px 5px;
    border-radius: 4px;
}

.fpbox .welcome {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    color: #000;
    font-size: 150%;
    margin: 0 0 10px 0;
    padding: 0 0 5px 0;
    text-transform: none;
}

.fpboxupdate .heading {
    color: #000;
    border-bottom: 2px solid #1B1823;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    font-size: 115%;
    text-align: center;
    margin: 0 0 -4px 0;
    padding: 0 0 5px 0;
    text-transform: none;
}

.fpbox .heading {
    border-bottom: 2px solid #191e22;
    color: #000;
    font-size: 115%;
    text-align: center;
    margin: 1px 0 14px 0;
    padding: 0 0 5px 0;
    text-transform: none;
}

/***************
/* Link styles *
/***************/
.t-netbar a.new, .t-netbar a.new:link, .t-netbar a.new:visited {
  color: #c39999 !important;
}

.t-netbar a:active, .t-footer a:active {
  color: #ffffff !important;
}

.t-netbar a.new:hover, .t-netbar a.new:active {
  color: #ffdddd !important;
}

a, a:link {
  color: #0b0080;
}

div#content a:visited, a:visited {
  color: #0b0080;
}

div#content a.new, a.new {
  color: #b5383f;
}

div#content a.new:visited, a.new:visited {
  color: #b5383f;
}

a.stub {
  color: #7a7902;
}

div#content a.stub:visited, a.stub:visited {
  color: #636519;
}

div#content a.extiw, div#footer a.extiw, div#content a.external, div#footer a.external {
  color: #0b0080;
}

div#content a.extiw:visited, div#footer a.extiw:visited, div#content a.external:visited, div#footer a.external:visited {
  color: #0b0080;
}

a:active {
  color: #343c46;
}

/******************
/* Article styles *
/******************/
#pageWrapper {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 160px;
  padding-right: 0;
  padding-bottom: 0;
}

div#content {
  float: right;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  border: none;
  background: #eef2f4;
  color: #343c46;
  margin: 0 0 0 0;
  padding: 5px 20px 0 20px;
}

div#content #firstHeading {
  border-bottom: 1px solid #c0cdd2;
  color: #343c46;
  font-family: Lato, sans-serif;
  margin: 0 0 10px 0;
  padding: 0 0 5px 0;
}

body.page-Raft_Wiki.ns-0.action-view div#content #firstHeading {
  display: none;
}

div#content h1, div#content h2, div#content h3, div#content h4, div#content h5, div#content h6 {
  font-family: Lato, sans-serif;
  color: #343c46;
  margin: 20px 0 8px 0;
  padding: 0 0 5px 0;
  overflow: hidden;
}

div#content h1, div#content h2 {
  border-bottom: 1px solid #c0cdd2;
}

div#content .login-intro h2 {
  border-bottom: none;
}

div#content h3, div#content h4 {
  border: none;
}

/* Curse profile: Fixes conflict with overflow:auto; on h1 */
div#content div.headline h1 {
  overflow: visible;
}

div#content .mw-editsection, div#content .mw-editsection-like {
  font-weight: normal;
}

div#content .mw-editsection a:link, div#content .mw-editsection-like a:link {
}

div#content span.editsection a:active {
}

div#content span.editsection a:visited {
}

div#content span.editsection:active:hover:visited {
}

span.editsection a:hover {
}

#contentSub {
  color: #91979d;
}

div.toc, div#toc {
    border-radius: 7px;
    border: none;
    background: #f9f9f9;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    color: #343c46;
    margin: 0 0 10px 0;
    padding: 3px 6px;
}

#toctitle {
}

div#content #toctitle h2 {
  border: none;
}

.toctoggle, #toc .toctoggle {
}

.toctoggle a, #toc .toctoggle a {
}

.toctoggle a:hover, #toc .toctoggle a:hover {
}

hr {
  border-bottom: 1px solid #c0cdd2;
}

ul {
  list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAANAQMAAABb8jbLAAAABlBMVEUAAAAufMCPWiZvAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfhAxQGNS+EelvCAAAAFUlEQVQI12NgQAEFDA0MHQwcQJoBAA6aAfGXImSHAAAAAElFTkSuQmCC");
}

img {
}

.skin-hydra table.wikitable {
  border: none;
  background: transparent;
  color: #343c46;
  margin: 0 0 10px 0;
  padding: 0;
}

.skin-hydra table.wikitable th, .skin-hydra table.wikitable tr th, .skin-hydra table.wikitable > tr > th, .skin-hydra table.wikitable > * > tr > th {
    border: 1px solid #c0cdd2;
    background: #f9f9f9;
    color: #343c46;
    padding: 0 3px 1px 3px;
}

.skin-hydra table.wikitable td, .skin-hydra table.wikitable tr td, .skin-hydra table.wikitable > tr > td, .skin-hydra table.wikitable > * > tr > td {
  border: 1px solid #c0cdd2;
  background: transparent;
  color: #343c46;
  padding: 0 3px 1px 3px;
}

.skin-hydra table.jquery-tablesorter th.headerSort {
  background: #dee4e7 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAALAQMAAACqBVQ+AAAABlBMVEVvcnQDlvc9DnReAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfhAxQGMBqvvmukAAAAH0lEQVQI12NgAAEFIC4A4h8MDIx/wCIQ+gdUXAEsBABvCgULsLYrXQAAAABJRU5ErkJggg==") no-repeat right center !important;
  padding: 0 15px 1px 3px;
}

.skin-hydra table.jquery-tablesorter th.headerSortDown {
  background: #dee4e7 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAGAQMAAAAWm0fgAAAABlBMVEVvcnQDlvc9DnReAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfhAxQGMAvFDktWAAAAFklEQVQI12NgAAEBILYA4hog/gcWAQAPFAHDmeMz/QAAAABJRU5ErkJggg==") no-repeat right center !important;
  padding: 0 15px 1px 3px;
}

.skin-hydra table.jquery-tablesorter th.headerSortUp {
  background: #dee4e7 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAGAQMAAAAWm0fgAAAABlBMVEVvcnQDlvc9DnReAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfhAxQGLznAgxRIAAAAGElEQVQI12NgAALGP0DiBxAXALECSIQBACSTAob8rZfiAAAAAElFTkSuQmCC") no-repeat right center !important;
  padding: 0 15px 1px 3px;
}

ul.gallery {
}

li.gallerybox {
    border-radius: 7px;
    border: none;
    background: #f9f9f9;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    color: #343c46;
    margin: 0 0 10px 0;
    padding: 3px 6px;
}

li.gallerybox div.thumb {
  border: none;
  background: #f9f9f9;
  color: #343c46;
}

div.gallerytext {
  text-align: center;
}

div.thumb {
  border: none;
  background: transparent;
  color: #343c46;
}

.thumb.tleft {
  margin: 0 20px 10px 0;
}

.thumb.tright {
  margin: 0 0 10px 20px;
}

div.thumbinner {
    border-radius: 5px;
    border: none;
    background: #f9f9f9;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    color: #343c46;
    margin: 0 0 10px 0;
    padding: 3px 5px !important;
}

html .thumbimage {
  border: none;
  background: #eef2f4;
  color: #343c46;
}

.thumbcaption {
}

.gallerytext p, .thumbcaption {
}

.toggle {
}

.sn-small {
}

sub, sup a {
}

sup.reference {
}

pre, .skin-hydra .mw-code {
    border: 1px dashed #c0cdd2;
    background: #f9f9f9;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    color: #343c46;
    padding: 5px 5px;
    white-space: pre-wrap;
    word-wrap: break-word;
}

code {
  background: transparent;
  white-space: pre-wrap;
  word-wrap: break-word;
}

#catlinks {
    border-radius: 4px;
    border: none;
    background: #f9f9f9;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    color: #343c46;
    margin: 10px 0 10px 0;
    padding: 3px 6px;
}

#catlinks li {
  border-left: 1px solid #c0cdd2;
}

#catlinks li:first-child {
  border-left: none;
}

/********************
/* Interface styles *
/********************/
input, select {
    border: 1px solid #aab3bd;
    background: #eef2f4;
    color: #343c46;
    padding: 2px 2px;
}

textarea {
    border: 1px solid #c0cdd2;
    background: #f9f9f9;
    color: #343c46;
    padding: 2px 2px;
}

.oo-ui-dropdownWidget, .oo-ui-dropdownWidget-handle, .oo-ui-menuSelectWidget, .oo-ui-textInputWidget input, .oo-ui-textInputWidget textarea {
    border: 1px solid #c0cdd2;
    background: #eef2f4;
    color: #343c46;
}

.oo-ui-dropdownWidget .oo-ui-selectWidget {
  border: 1px solid #c0cdd2;
  background: #f4f9ff;
  color: #343c46;
}

.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
  background: #0088d0;
  color: #ffffff;
}

.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
  background: #0088d0;
  color: #ffffff;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
  border-radius: 7px;
  border: none;
  background: #0088d0;
  color: #ffffff;
}

.oo-ui-panelLayout-framed {
    border-radius: 7px;
    border: none;
    background: #eef2f4;
    color: #343c46;
    margin: 0 0 10px 0;
    padding: 3px 6px;
}

.mw-ui-vform input:not([type="button"]):not([type="submit"]):not([type="file"]), .mw-ui-vform input:not([type="button"]):not([type="submit"]):not([type="file"]):hover, .mw-ui-vform input:not([type="button"]):not([type="submit"]):not([type="file"]):focus {
  font-family: Lato, sans-serif;
  padding: 2px 2px;
  box-shadow: none !important;
}

button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner {
}

button, input[type="submit"], input[type="button"], input[type="reset"], #mw-createaccount-join, .mw-ui-button.mw-ui-progressive, .mw-ui-button.mw-ui-primary {
  border-radius: 7px;
  border: none;
  background: #0088d0;
  color: #ffffff;
  font-weight: bold;
  padding: 1px 6px;
}

button:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, #mw-createaccount-join:hover, .mw-ui-button.mw-ui-progressive:hover, .mw-ui-button.mw-ui-primary:hover {
  background: #0095f7;
}

button:active, input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active, #mw-createaccount-join:active, .mw-ui-button.mw-ui-progressive:active, .mw-ui-button.mw-ui-primary:active, .skin-hydra .mw-ui-button.mw-ui-progressive:disabled, .skin-hydra .mw-ui-button.mw-ui-primary:disabled {
  background: #005e9a;
  color: #89b0ca;
}

.mw-ui-vform label {
  color: #343c46;
}

a.cta-button, a:link.cta-button, a:visited.cta-button {
  color: #000000;
}

div.editOptions {
  border: none;
  background: transparent;
}

.usermessage {
  border-radius: 7px;
  border: none;
  background: #dee4e7;
  color: #343c46;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

body.skin-hydra .mw-notification {
  border-radius: 7px;
  border: none;
  background: #dee4e7;
  color: #343c46;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

div.mw-warning {
  border-radius: 7px;
  border: none;
  background: #dee4e7;
  color: #343c46;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

div.mw-warning-with-logexcerpt {
  border-radius: 7px;
  border: none;
  background: #dee4e7;
  color: #343c46;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

div#content fieldset {
    border-radius: 7px;
    border: none;
    background: #f9f9f9;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    color: #343c46;
    margin: 0 0 10px 0;
    padding: 3px 6px;
}

div#content fieldset legend {
  border: none;
  background: transparent;
  font-family: Lato, sans-serif;
  font-weight: bold;
  color: #343c46;
  margin: 0 0 8px 0;
  padding: 3px 6px;
}

.skin-hydra fieldset fieldset {
  border-radius: 7px;
  border: none;
  background: #eef2f4;
  color: #343c46;
  margin: 5px;
  padding: 10px;
}

.mw-plusminus-null {
  color: #91979d;
}

.mw-plusminus-pos {
  color: #007a00;
}

.mw-plusminus-neg {
  color: #7a0000;
}

.mw-search-profile-tabs {
  border-radius: 7px;
  border: none;
  background: #dee4e7;
  color: #343c46;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

.mw-search-profile-tabs div.search-types ul li.current a {
  color: #343c46 !important;
}

#pagehistory li {
  border: none;
  background: transparent;
  margin: 1px;
  padding: 0;
}

#pagehistory li.selected {
  border-radius: 2px;
  border: none;
  background: #dee4e7;
  color: #343c46;
  margin: 0;
  padding: 0;
}

.skin-hydra table.diff {
    border-radius: 7px;
    border: none;
    background: #f9f9f9;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    margin: 0 0 10px 0;
    padding: 3px 6px;
}

.wikiEditor-ui-buttons {
    float: right;
    height: 2.5em;
    margin-right: -1px;
    background-color: #f9f9f9;
    padding-left: 1em;
    border-top: 1px solid #f9f9f9;
}

.wikiEditor-ui-controls {
    float: left;
    width: 100%;
    background-color: #f9f9f9;
}

.skin-hydra td.diff-otitle, .skin-hydra td.diff-ntitle {
  border: none;
  background: transparent;
}

td.diff-addedline {
  border: none;
  background: #87ff87;
  color: #343c46;
}

td.diff-deletedline {
  border: none;
  background: #eded79;
  color: #343c46;
}

td.diff-context {
  border: none;
  background: #bbbbbb;
  color: #343c46;
}

td.diff-addedline .diffchange, td.diff-deletedline .diffchange {
  background: transparent;
  color: #c10404;
}

body.skin-hydra fieldset#mw-searchoptions {
  border-radius: 7px;
  border: none;
  background: #dee4e7;
  color: #343c46;
  margin: -10px 0 10px 0 !important;
  padding: 3px 6px;
}

body.skin-hydra fieldset#mw-searchoptions h4 {
  border: none;
  color: #343c49;
  margin: 0 0 10px 0;
  padding: 0 0 5px 0;
}

body.skin-hydra fieldset#mw-searchoptions div.divider {
  border: none;
  border-bottom: 1px solid #c0cdd2;
}

div.client-js #preferences {
  border: none !important;
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
}

.skin-hydra div.client-js #preferences fieldset {
  border-radius: 7px;
  border: none;
  background: #dee4e7;
  color: #343c46;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

.skin-hydra div.client-js #preferences fieldset legend {
  border: none;
  background: transparent;
  font-family: Lato, sans-serif;
  font-weight: bold;
  color: #343c46;
  margin: 0 0 8px 0;
  padding: 3px 6px;
}

.skin-hydra div.client-js #preferences fieldset.prefsection fieldset {
  border-radius: 7px;
  border: none;
  background: #eef2f4;
  color: #343c46;
  margin: 5px;
  padding: 10px;
}

.skin-hydra div.client-js #preferences fieldset.prefsection fieldset legend {
  border: none;
  background: transparent;
  font-family: Lato, sans-serif;
  font-weight: bold;
  color: #343c46;
  margin: 0 0 8px 0;
  padding: 3px 6px;
}

.skin-hydra .client-js #preferences td.htmlform-tip {
  color: #91979d;
}

.skin-hydra .client-js #preftoc {
  border: none;
  background: transparent;
}

.skin-hydra .client-js #preftoc ul {
  border: none;
  background: transparent;
}

.skin-hydra .client-js #preftoc li {
  border: none;
  background: transparent;
}

.skin-hydra .client-js #preftoc li a {
  color: #0396f7;
  height: 25px;
  line-height: 25px;
  padding: 3px 0 0 0;
  margin: 0 4px;
}

.skin-hydra .client-js #preftoc li a:visited {
  color: #0396f7;
}

.skin-hydra .client-js #preftoc li.selected a {
  background: transparent;
  color: #343c46;
}

.skin-hydra .client-js #preftoc li a:active {
  color: #343c46;
}

.errorbox {
  border-radius: 7px;
  border: none;
  background: #ffc7c7;
  color: #343c46;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

.warningbox {
  border-radius: 7px;
  border: none;
  background: #ffffc7;
  color: #343c46;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

.successbox {
  border-radius: 7px;
  border: none;
  background: #c7ffc7;
  color: #343c46;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

table.mw-interwikitable.body td.mw-interwikitable-local-yes {
  background: #c7ffc7;
}

ul#filetoc {
  border-radius: 7px;
  border: none;
  background: #f9f9f9;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
  color: #343c46;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

.skin-hydra table.mw_metadata {
  border: none;
  background: transparent;
  color: #343c46;
  margin: 0 0 10px 0;
  padding: 0;
}

.skin-hydra table.mw_metadata th {
    border: 1px solid #c0cdd2;
    background: #f9f9f9;
    color: #343c46;
    padding: 0 3px 1px 3px;
}

.skin-hydra table.mw_metadata td {
    border: 1px solid #c0cdd2;
    background: transparent;
    color: #343c46;
    padding: 0 3px 1px 3px;
}

.skin-hydra .TablePager, .skin-hydra .mw-datatable {
  border: none;
  background: transparent;
  color: #343c46;
  margin: 0 0 10px 0;
  padding: 0;
}

.skin-hydra .TablePager th, .skin-hydra .mw-datatable th {
    border: 1px solid #aab3bd;
    background: #f9f9f9;
    color: #343c46;
    padding: 0 3px 1px 3px;
}

.skin-hydra .TablePager td, .skin-hydra .mw-datatable td {
    border: 1px solid #aab3bd;
    background: transparent;
    color: #343c46;
    padding: 0 3px 1px 3px;
}

.oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid input, .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid textarea {
    border-color: #b5383f;
}

.skin-hydra .TablePager tr:hover td, .skin-hydra .mw-datatable tr:hover td {
  background: #dee4e7;
}

#other_options div {
  border-radius: 7px;
  border: none;
  background: #dee4e7;
  color: #343c46;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

table.smwtable {
  border: none;
  background: transparent;
  color: #343c46;
  margin: 0 0 10px 0;
  padding: 0;
}

table.smwtable th {
  border: 1px solid #c0cdd2;
  background: #dee4e7;
  color: #343c46;
  padding: 0 3px 1px 3px;
}

table.smwtable td {
  border: 1px solid #c0cdd2;
  background: transparent;
  color: #343c46;
  padding: 0 3px 1px 3px;
}

.smwrdflink {
  color: #91979d;
}

div.smwfact {
  border: none;
  background: transparent;
  margin: 0;
  padding: 0;
}

#bodyContent span.swmfactboxheadbrowse a, #bodyContent span.swmfactboxheadbrowse a:hover {
  color: #ffffff;
}

#bodyContent span.swmfactboxheadbrowse a:visited, #bodyContent span.swmfactboxheadbrowse a:visited:hover {
  color: #e1feff;
}

div.smwfact table {
  border-style: solid;
  border-width: 1px;
  border-image: url("https://battlebay.gamepedia.com/media/battlebay.gamepedia.com/4/40/Skin-Element-Border.png?version=7990b84c55e609de67ca905efdb8ae26") 5 5 5 5 / auto / 3px 3px 3px 3px;
  background: rgba(0, 42, 52, 0.9);
  color: #343c46;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

div.smwfact table tr {
  border: none;
  background: none;
}

div.smwfact table tr td {
  border: none;
  background: none;
}

.smw-ask-options table, .smw-ask-options table tr, .smw-ask-options table tr td {
  border: none !important;
  background: transparent !important;
}

table.smwb-factbox, table.smwb-ifactbox {
  border-collapse: separate;
  border: none;
  background: transparent;
  margin: 0 0 10px 0;
  padding: 0;
}

table.smwb-factbox tr, table.smwb-ifactbox tr {
  border: none;
  background: none;
}

table.smwb-factbox tr th, table.smwb-ifactbox tr th {
  font-weight: bold;
  padding: 0 3px 1px 3px;
}

table.smwb-factbox tr td, table.smwb-ifactbox tr td {
  padding: 0 3px 1px 3px;
}

.ui-widget-content, .ui-menu {
  border-radius: 7px;
  border: none;
  background: #dee4e7;
  color: #343c46;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

div#content fieldset.smw-ask-options legend {
  padding-left: 20px;
}

.ui-menu-item, .ui-menu-item a, .ui-widget-content a {
}

.ui-widget-content .ui-state-hover, .ui-widget-content .ui-state-hover a, .ui-menu .ui-state-hover, .ui-menu .ui-state-hover a {
}

table.mw-abuselog-details {
  border: none;
  background: transparent;
  color: #343c46;
  margin: 0 0 10px 0;
  padding: 0;
}

table.mw-abuselog-details tr th {
  border: 1px solid #c0cdd2;
  background: #dee4e7;
  color: #343c46;
  padding: 0 3px 1px 3px;
}

table.mw-abuselog-details tr td {
  border: 1px solid #c0cdd2;
  background: transparent;
  color: #343c46;
  padding: 0 3px 1px 3px;
}

.mw-abusefilter-history-changed {
}

div.wikiEditor-ui, div.wikiEditor-preview-contents, div.wikiEditor-preview-loading {
  background-color: transparent;
}

/*****************
/* Footer styles *
/*****************/
div#footer {
  float: right;
  clear: right;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  border: none;
  background: #eef2f4;
  color: #343c46;
  margin: 0 0 0 0;
  padding: 10px 20px 10px 20px;
  overflow: hidden;
}

body.page-Raft_Wiki.ns-0.action-view div#footer {
  text-align: center;
}

div#footer ul li {
  color: #343c46;
}

body.ltr.page-Raft_Wiki.ns-0.action-view div#footer #footer-places, body.page-Raft_Wiki.ns-0.action-view div#footer #footer-icons {
  float: none;
}

body.page-Raft_Wiki.ns-0.action-view div#footer #footer-places li, body.page-Raft_Wiki.ns-0.action-view div#footer #footer-icons li {
  display: inline-block;
  float: none;
}

/***************************
/* Template example styles *
/***************************/
span.templateexample {
  font-family: monospace;
}

span.templateexample span.templatelink {
  font-weight: bold;
}

span.templateexample span.paramname {
}

span.templateexample span.paramvalue {
  color: #91979d;
  font-style: italic;
}

/******************
/* Image licenses *
/******************/
.skin-hydra .copyright-icon {
  background-image: url("https://commons.gamepedia.com/media/commons.gamepedia.com/thumb/b/b6/Copyright.png/32px-Copyright.png");
  background-size: 100%;
  height: 32px;
  width: 32px;
}

.ambox {
    border-radius: 0 7px 7px 0;
    border: none;
    background: #f9f9f9;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    color: #343c46;
    font-size: 95%;
    margin: 0 auto 10px auto;
    padding: 3px 6px;
    width: 80%;
}

.ambox-gray {
  border-left: 10px solid #383838;
}

.ambox.ambox-tiny {
  font-size: 90%;
  margin: 2px 0;
  width: auto;
}

.ambox + .ambox {
  margin-top: -10px;
}

.ambox-text {
  padding: 0.25em 0.5em;
}

.ambox-image {
  padding: 2px 0px 2px 0.5em;
  text-align: center;
  width: 60px;
}

.ambox-tiny .ambox-image {
  padding: 2px 0.5em;
  text-align: left;
  width: auto;
}

/* Ambox colors */
.ambox-blue {
  border-left: 10px solid #1e90ff;
}

.ambox-red {
  border-left: 10px solid #b22222;
}

.ambox-orange {
  border-left: 10px solid #f28500;
}

.ambox-black {
  border-left: 10px solid #191d20;
}

.ambox-yellow {
  border-left: 10px solid #f4c430;
}

.ambox-purple {
  border-left: 10px solid #9932cc;
}

.ambox-gray {
  border-left: 10px solid #bba;
}

.ambox-green {
  border-left: 10px solid #228b22;
}

/* Ambox small text */
.amsmalltext {
  font-size: smaller;
  margin-left: 0.8em;
  margin-top: 0.5em;
}

/************************
/* Responsive main page *
/************************/
#rmpabovesearch {
    display: none;
    position: absolute;
    top: 215px;
    left: 0;
    right: 0;
    text-align: center;
    color: #f3f3f3;
    font-size: 0.8em;
    line-height: 23px;
}

#rmpabovesearch a, #rmpabovesearch a:link, #rmpabovesearch a:visited, #rmpabovesearch a.extiw, #rmpabovesearch a.external, #rmpabovesearch a.extiw:visited, #rmpabovesearch a.external:visited {
    color: #80b9d0;
}

#rmpbelowsearch {
    display: none;
    position: absolute;
    top: 315px;
    left: 0;
    right: 0;
    text-align: center;
    color: #f3f3f3;
    font-size: 0.8em;
    line-height: 23px;
}

#rmpbelowsearch a, #rmpbelowsearch a:link, #rmpbelowsearch a:visited, #rmpbelowsearch a.extiw, #rmpbelowsearch a.external, #rmpbelowsearch a.extiw:visited, #rmpbelowsearch a.external:visited {
  color: #80b9d0;
}

#rmpcontent .rmpblockinner {
  border-radius: 7px;
  margin-bottom: 10px;
}

#rmpcontent .rmpblockinner img {
  max-width: 100%;
  height: auto;
}

#rmpcontent .button a {
  display: block;
  border-radius: 7px;
  background: #0088d0;
  color: #ffffff !important;
  font-weight: bold;
  text-align: center;
  padding: 8px;
  margin: 40px auto 0 auto;
  width: 200px;
}

#rmpcontent .threecols .leftcol {
  display: inline-block;
  vertical-align: top;
  width: 33.333%;
  max-width: 33.333%;
}

#rmpcontent .threecols .centercol {
  display: inline-block;
  vertical-align: top;
  width: 33.334%;
  max-width: 33.334%;
}

#rmpcontent .threecols .rightcol {
  display: inline-block;
  vertical-align: top;
  width: 33.333%;
  max-width: 33.333%;
}

#rmpcontent .listheading {
  font-size: 125%;
  font-weight: bold;
  padding: 0;
  margin: 0 0 10px 0;
}

#rmpcontent ul {
  padding: 0;
  margin: 0 0 5px 0;
}

#rmpcontent ul li {
  list-style: none;
  padding: 0;
  margin: 0 0 5px 0;
}

#rmpcontent ul li ul {
  margin: 5px 0 5px 1.6em;
}

#rmpcontent ul li ul li {
  list-style: disc url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAANAQMAAABb8jbLAAAABlBMVEUAAAAufMCPWiZvAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfhAxQGNS+EelvCAAAAFUlEQVQI12NgQAEFDA0MHQwcQJoBAA6aAfGXImSHAAAAAElFTkSuQmCC");
}

#rmpfeature .rmpblockinner a, #rmpfeature .rmpblockinner a:link {
  color: #0da1ff;
}

#rmpfeature .rmpblockinner a:visited {
  color: #0da1ff;
}

#rmpfeature .heading {
  color: #ffffff;
  text-shadow: 0 5px 5px rgba(0, 0, 0, 0.25);
  font-size: 340%;
  font-weight: bold;
  line-height: 62px;
  margin-bottom: 10px;
}

#rmpfeature .subheading {
  color: #3bb6ff;
  text-shadow: 0 5px 5px rgba(0, 0, 0, 0.25);
  font-size: 200%;
  line-height: 45px;
  margin-bottom: 40px;
}

#rmplinks .rmpblockinner {
  padding: 10px;
}

#rmpguide .rmpblockinner a, #rmpguide .rmpblockinner a:link {
  color: #0da1ff;
}

#rmpguide .rmpblockinner a:visited {
  color: #0da1ff;
}

#rmpguide .heading {
  color: #ffffff;
  text-shadow: 0 5px 5px rgba(0, 0, 0, 0.25);
  font-size: 340%;
  font-weight: bold;
  line-height: 62px;
}

#rmpguide .subheading {
  color: #3bb6ff;
  text-shadow: 0 5px 5px rgba(0, 0, 0, 0.25);
  font-size: 200%;
  line-height: 45px;
  margin-bottom: 40px;
}

#rmpimages .rmpblockinner {
    background: #f9f9f9;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}

#rmpvideo .rmpblockinner {
    background: #f9f9f9;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}

#rmptwitter .rmpblockinner {
  background: #f9f9f9;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
}

@media ( min-width: 1022px ) {
  #rmpcontent {
    display: flex;
    flex-flow: row wrap;
  }

  .rmpblockouter {
    display: flex;
    flex-basis: 50%;
  }

  .rmpblockinner {
    flex-basis: 100%;
  }

  #rmpfeature {
    order: 0;
  }

  #rmplinks {
    order: 1;
  }

  #rmpguide {
    order: 2;
  }

  #rmpimages {
    order: 5;
  }

  #rmpvideo {
    order: 4;
  }

  #rmptwitter {
    order: 3;
  }

  #rmpfeature .rmpblockinner, #rmpguide .rmpblockinner, #rmpvideo .rmpblockinner {
    margin-right: 5px;
  }

  #rmplinks .rmpblockinner, #rmptwitter .rmpblockinner, #rmpimages .rmpblockinner {
    margin-left: 5px;
  }
}

@media ( min-width: 1432px ) {
  .rmpblockouter {
    flex-basis: 33.333%;
  }

  #rmpfeature {
    order: 0;
  }

  #rmplinks {
    order: 1;
  }

  #rmpguide {
    order: 2;
  }

  #rmpimages {
    order: 3;
  }

  #rmpvideo {
    order: 4;
  }

  #rmptwitter {
    order: 5;
  }

  #rmpfeature .rmpblockinner, #rmpimages .rmpblockinner {
    margin-left: 0;
    margin-right: 5px;
  }

  #rmplinks .rmpblockinner, #rmpvideo .rmpblockinner {
    margin-right: 5px;
    margin-left: 5px;
  }

  #rmpguide .rmpblockinner, #rmptwitter .rmpblockinner {
    margin-left: 5px;
    margin-right: 0;
  }
}

/******************
/* Infobox styles *
/******************/
.infobox {
  background: transparent;
  border-radius: 7px;
  border: 1px solid #c0cdd2;
  color: #343c46;
  float: right;
  margin: 0 0 10px 20px;
  padding: 3px 6px;
  width: 23em;
}

.infobox td.infoboxlabel {
  background: #dee4e7;
  border: none;
  border-radius: 7px;
  color: #343c46;
  padding: 0.5px 7px;
  text-align: right;
  vertical-align: top;
}

.infobox td {
  background: transparent;
  border: none;
  color: #343c46;
  padding: 0.5px 3px 0.5px 3px;
  text-align: left;
  vertical-align: top;
}

.infobox th.infoboxname {
  background: #dee4e7;
  border: none;
  border-radius: 7px;
  color: #343c46;
  font-size: 133%;
  font-weight: bold;
  padding: 8px; 
  text-align: center;
}

.wikiEditor-ui-toolbar .tabs, .wikiEditor-ui-toolbar .section-main {
    position: relative;
    float: left;
    min-height: 26px;
    margin-top: -32px;
    height: 100%;
}

.infobox th.infoboxdescription {
  background: #dee4e7;
  color: #343c46;
  border-radius: 7px;
  padding: 0;
  text-align: center;
}

/********************
/* Navbox templates *
/********************/
table.navbox {
  border: none;
  background: transparent;
  color: #343c46;
  clear: both;
  font-size: 88%;
  margin: auto;
  padding: 1px;
  text-align: center;
  width: 100%; 
}

.navbox-inner,
.navbox-subgroup {
    width: 100%;
}

/* Border between adjacent navboxes */
table.navbox + table.navbox {
  margin-top: -1px;
}

.navbox-title, .navbox-abovebelow,
table.navbox th {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-group {
  font-weight: bold;
  padding-left: 1em;
  padding-right: 1em;
  white-space: nowrap;
}

/* Base background */
.navbox, .navbox-subgroup {
  background: #dee4e7;
}

.navbox-list {
  background: #dee4e7; /* Must match background color */
}

/* Level 1 color */
.navbox-title,
table.navbox th {
  background: rgba(0, 0, 0, 0.2);
  color: #343C46;
}

/* Level 2 styling */
.navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title {
  background: rgba(0, 0, 0, 0.2);
  color: #343c46;
}

/* Level 3 styling */
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
  background: rgba(0, 0, 0, 0.1);
  color: #343c46;
}

/* Even row striping */
.navbox-even {
  background: rgba(255, 255, 255, 0.05);
  color: #343c46;
}

/* Odd row striping */
.navbox-odd {
  background: rgba(0, 0, 0, 0.05);
}
 
.collapseButton {
  font-weight: normal;
  width: auto;
}

.navbox .collapseButton {
  width: 6em;
}
 
.navbar {
  font-size: 88%;
  font-weight: normal;
}

.navbox .navbar {
  font-size: 100%;
}

.navbox-title .navbar {
    float: left;
    text-align: left;
    margin-right: 0.5em;
    width: 6em;
}

table.collapsed tr.collapsible {
  display: none;
}

/******************
/* General styles *
/******************/
.contentbox {
  border-radius: 7px;
  border: none;
  background: #dee4e7;
  color: #343c46;
  margin: 0 0 10px 0;
  padding: 3px 6px;
  overflow: auto;
}

.contentbox .contentbox {
  border: 1px solid #c0cdd2;
}

span.bullet {
  background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAANAQMAAABb8jbLAAAABlBMVEUAAAAufMCPWiZvAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfhAxQGNS+EelvCAAAAFUlEQVQI12NgQAEFDA0MHQwcQJoBAA6aAfGXImSHAAAAAElFTkSuQmCC") no-repeat center 60%;
  width: 9px;
  font-size: 11px;
  vertical-align: baseline;
}

.dablink {
  padding: 2px 36px 10px 36px;
  font-style: italic;
}

span.ghost {
  color: #91979d; /* For any text that appear fainter for some reason */
}

.constrain_image {
  overflow: hidden;
}

.constrain_image img {
  max-width: 100%;
  height: auto;
}

.columns {
  padding: 0;
  margin: 10px 0 0 0;
  overflow: hidden;
}

.columns .leftcol {
  float: left;
  width: 50%;
  margin: 0;
  padding: 0;
}

.columns .centercol {
  float: left;
  margin: 0;
  padding: 0;
}

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

footer#footer {
    background-color: #1b1b1c;
    clear: both;
    font-family: 'Open Sans',sans-serif !important;
    font-weight: 300 !important;
    min-height: 292px;
    overflow: auto;
}

.grouptags li {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 20px;
    padding: 0.1em 0.6em;
    background: #f9f9f9;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}

.section {
    clear: both;
    border: 1px solid #eef2f4;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    margin-top: 8px;
    padding: 6px;
}

.borderless.section {
    border-width: 0;
    padding: 9px;
}

/* For elements which only display in the mobile view */
.mobileonly {
  display: none;
}
Community content is available under CC BY-NC-SA unless otherwise noted.