IndieCade Wiki

Are you a developer (or a speaker) looking to create an article for your game on the IndieCade Wiki? Check out this guide for Quick and Easy Article Creation.

READ MORE

IndieCade Wiki
Don't have an account?
Register
Register
IndieCade Wiki
IndieCade Wiki
1,944
pages

Hydra.css

MediaWiki page
Back to page
Sign in to edit
SBEyes (talk | contribs)
No edit summary
SBEyes (talk | contribs)
No edit summary
Line 1,714: Line 1,714:
 
.fpitem {
  
.fpitem {
 
display: flex;
  
display: flex;
−
flex-flow: row-wrap;
 +
flex-flow: row wrap;
 
align-items: flex-start;
  
align-items: flex-start;
 
justify-content: flex-start;
  
justify-content: flex-start;
Line 1,873: Line 1,873:
 
table.navbox th {
  
table.navbox th {
 
border: 1px solid #dddddd;
  
border: 1px solid #dddddd;
−
background: #f7f7f7;
 +
background: #dddddd;
 
color: #000000;
  
color: #000000;
 
}
  
}
Line 1,879: Line 1,879:
 
/* Level 2 styling */
  
/* Level 2 styling */
 
.navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title {
  
.navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title {
−
background: rgba(0, 0, 0, 0.60);
 +
background: #e3e3e3;
 
color: #000000;
  
color: #000000;
 
}
  
}
Line 1,885: Line 1,885:
 
/* Level 3 styling */
  
/* Level 3 styling */
 
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
  
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
−
background: rgba(0, 0, 0, 0.40);
 +
background: #e8e8e8;
 
color: #000000;
  
color: #000000;
 
}
  
}
Line 1,891: Line 1,891:
 
/* Even row striping */
  
/* Even row striping */
 
.navbox-even {
  
.navbox-even {
−
background: rgba(0, 0, 0, 0.30);
 +
background: #f0f0f0;
 
color: #000000;
  
color: #000000;
 
}
  
}
Line 1,897: Line 1,897:
 
/* Odd row striping */
  
/* Odd row striping */
 
.navbox-odd {
  
.navbox-odd {
−
background: rgba(0, 0, 0, 0.20);
 +
background: #ffffff;
 
}
  
}
 
 

Revision as of 20:15, 18 August 2017

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

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

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

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

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

body {
  background: #0a0a0a;
  font-family: 'Open Sans', sans-serif;
}
     
div#mw-page-base {
  background: transparent !important;
  height: 153px;
}

/***************
/* Logo styles *
/***************/
#p-logo {
  position: absolute;
  top: 18px;
  left: 37px;
  width: 104px;
  height: 80px;
  margin: 0 0 0 0;
  padding: 0;
}

#p-logo a {
  background-size: 100% 100%;
  width: 104px;
  height: 80px;
  margin: 0;
  padding: 0;
}

/*****************
/* Header styles *
/*****************/
div#mw-head-base {
  display: none;
}

div#mw-head {
  border: none;
  background: transparent;
  top: 0;
  left: 0;
  right: 0;
  width: auto;
  height: 153px;
}

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

#right-navigation {
  margin: 123px 20px 0 0;
  padding: 0;
}

div.vectorTabs {
  border: none;
  background: transparent;
  height: 30px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

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

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

div.vectorTabs ul li, div.vectorTabs ul li.selected {
  border: none;
  background: transparent;
  margin: 0;
  padding: 0;
}

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: #918780;
  height: 30px;
  line-height: 30px;
  padding: 0 3px 0 3px;
  margin: 0 3px 0 3px;
}

div#mw-head div.vectorTabs span a:visited {
  color: #897f77 !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 {
  color: #ebebeb !important;
}

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

div#mw-head div.vectorTabs li.new span a:visited {
  color: #8e6a6a !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 {
  color: #f5e1e1 !important;
}

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

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

#p-views {
}

div#mw-head  #ca-unwatch.icon a, div#mw-head #ca-watch.icon a {
  border: none;
  background-color: transparent;
  background-position: center center;
  padding: 30px 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,iVBORw0KGgoAAAANSUhEUgAAABUAAAAZCAYAAADe1WXtAAAABmJLR0QA3QDdAN31FQidAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QcfAy8h96VvNAAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAABX0lEQVRIx+3VPUsdQRTG8d+uL4iNASEoWCjaaECLkBDRSrBTjE2sRLGwyUdIE2z8CmmCnV/BkNhZBBEsLEQsBMFGEWwSkKvem+aIm2U1K2yw8YHDntnZ+TNnzsNs8m5zV9VK/Qc9KTTFy6qhy9jHSNXQTixVBe3DYOSzZdaUgb5Ha+TdGK4COp/Jm3LjQjVn8nF05eZf4BWSGDcwh58FrGPsZKFD+IG2WJhXknl2YT23+xSn6MXlbfln2MoAk1xk4U1oyUSCOr6hlj3Tc0xhBVe4KWm1Bn6H5RYD/lejaviM6dj5ze1HBapHHGAMX//V/e94HeD7lGAbb7FX1lIX0bTkAfAlfj3Gp2PoyEHzrngTlisN/ZDzZh0nkTdirj2OqRQ0xWQsbESZHzGAVVzH+xQLZaH96In8CKP4Eu74hJmwIEwUMZrvKf8wurpc0IyNuFfXYtwa1dxZ4/nHV7n+ANIqQ/177/qRAAAAAElFTkSuQmCC") 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,iVBORw0KGgoAAAANSUhEUgAAABUAAAAZCAYAAADe1WXtAAAABmJLR0QA3QDdAN31FQidAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QcfAzACmJgQ2AAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAABn0lEQVRIx+3VP0hWYRQG8N9Xof1BISUpCBInpxy1hqIgglqCoA8jnKJmwVyaIzAIcggRCpcoG5oyRBtKhwhCKGgRpYgwQWjJf9knuZwLb/LJ9wU3XDrLfbnnvM99z/M8572FjpdT8o4d/kFsK2gB+/IGPYZHOJgn6AWcD/BcQPfjBKYDuJAHaBsaMYjj1VBQDeg5fMF4iNVRacOuZN2M+k35vTiD4Wj/PS5itgzWd3xNQZvwFK1Yxa+keBUTKOE5ruF+kj+AQ5HrQikDXcQz9OIjbmM+cj/wOdYP8TgBPIq7qMUY1lNOl3EHV0LtG3HCD/iE31FXio8soh0PYm8RQ1ldKtQ6XuBS8DOMk2W424nrGIjTdeJtJfWncTWe3dFaGkdwM2joSWiqaKkV7MEcfm6a/YV4v4S1v/Fpc5h+HHXB8UhQs4zXYbXdlXyaRnvYah73gttX6ENL+LWIw5ipBrSAU8Flfyh9Ge9wFrfCAdmdMFNN+w0xig14k6ibuaOIbzFtp8tdMFu1PxoefVJGjMwdk6gJi5X+aPX/jy/32AC6XF+KEgG6hwAAAABJRU5ErkJggg==") no-repeat center center;
}

div.vectorMenu {
  background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAeAQMAAAD5HscWAAAABlBMVEVvcnQ4vM4lXjoPAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfhBx8DLip5bIf9AAAAHElEQVQI12NgIAMw/2NgYPwDZPwA4gIgViDZCADWFAOHBYEsowAAAABJRU5ErkJggg==") no-repeat left center;
  height: 30px;
  line-height: 27px;
  margin: 0;
  padding: 0 3px;
}

div#p-cactions {
  width: 21px;
}

div#p-sharing {
  width: auto;
}

div.vectorMenu h4 {
  height: 30px;
  line-height: 30px;
  padding: 0 0 0 12px !important;
  margin: 0 6px 0 6px !important;
}

div#mw-head div#p-cactions h3 {
  display: none;
}

div#mw-head div#p-sharing h3 {
  height: 30px;
  line-height: 30px;
  margin: 0 0 0 0;
  background: transparent;
}

div#mw-head div#p-sharing h3 a {
  height: 30px;
  line-height: 30px;
  border: none;
  background: transparent;
}

div#mw-head div#p-sharing h3 span {
  color: #918780;
  margin: 0 0 0 21px;
  padding: 0;
}

div.vectorMenu div.menu {
  border: none;
  background: #0a0a0a;
  color: #000000;
  font-family: 'Open Sans', sans-serif;
  margin: 0;
  padding: 0;
  top: 30px;
  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;
  right: 0;
  text-align: right;
}

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

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

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

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

#p-search {
  position: absolute;
  top: 30px;
  right: 20px;
  height: 30px;
  line-height: 27px;
  vertical-align: center;
  margin: 0 2px 0 2px;
  padding: 0;
}

#p-search form {
  line-height: 27px;
  vertical-align: center;
  margin-bottom: 8px;
}

#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 {
  font-family: 'Open Sans', sans-serif;
  border: 1px solid #333333;
  background: #2a2a2a;
  color: #e4e4e4;
}

div#simpleSearch { 
  border: 1px solid #333333;
  background: #2a2a2a;
  line-height: 1.4em;
  padding: 2px 2px;
}

div#simpleSearch #searchInput {
  border: none;
  box-shadow: none;
  background: transparent;
  color: #e4e4e4;
}

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 {
  color: transparent;
  box-shadow: none;
}

.skin-hydra div.suggestions, html > body.skin-hydra div.suggestions {
  margin-top: -28px;
  border: 1px solid #333333;
  background: #2a2a2a;
  color: #878787;
}

.skin-hydra .suggestions-results, .skin-hydra .suggestions-results .suggestions-result, .skin-hydra .suggestions-special {
  border: none;
  background: #2a2a2a;
  color: #878787;
}

.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 {
  color: #878787;
}

.skin-hydra .suggestions-special .special-query {
  color: #e4e4e4;
}

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

.skin-hydra .suggestions-result-current {
  background: #eb812d !important;
  color: #f5c096;
}

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

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

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

.skin-hydra .suggestions-special.suggestions-result-current .special-query {
  color: #ffffff;
}

.skin-hydra .suggestions-results .suggestions-result-current, .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: #fae0cb;
}

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

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

#mw-dismissable-notice td > a {
}

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

#localNotice {
  border: 1px solid #f7f7f7;
  background: #f7f7f7;
  color: #000000;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

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

div#mw-panel div.portal, .skin-hydra 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#mw-panel div.portal h3, .skin-hydra div#mw-panel.collapsible-nav div.portal h3 {
  display: inline-block;
  border: none;
  color: #605c5a;
  margin: 0 auto 0 auto !important;
  padding: 0 0 10px 0 !important;
  width: auto;
}

.skin-hydra div#mw-panel.collapsible-nav div.portal.collapsed h3 {
  background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAHAQMAAAD6aRWtAAAABlBMVEVvcnQ4vM4lXjoPAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfhBx8DLiJ3tw/PAAAAFElEQVQI12NwYEhgKGCoAOIEBgcAEjYCmWxNs0wAAAAASUVORK5CYII=") center right no-repeat;
  color: #605c5a;
  padding: 0 8px 5px 0 !important;
  width: auto !important;
}

.skin-hydra div#mw-panel.collapsible-nav div.portal.expanded h3 {
  background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAEAQMAAAB4CLc+AAAABlBMVEVvcnQ4vM4lXjoPAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfhBx8DLwi1F/dYAAAAEElEQVQI12P4x1DDYMEgAAAKHgHDGrfkbwAAAABJRU5ErkJggg==") center right no-repeat;
  color: #605c5a;
  padding: 0 11px 10px 0 !important;
  width: auto !important;
}

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

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

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

.skin-hydra div#mw-panel.collapsible-nav div.portal.first div.body, .skin-hydra 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, .skin-hydra div#mw-panel.collapsible-nav div.portal ul {
  margin: 0;
  padding: 0;
}

div#mw-panel div.portal div.body ul li, .skin-hydra div#mw-panel.collapsible-nav div.portal ul li {
  margin: 0;
  padding: 5px 0;
}
 
div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:link {
  color: #eb812d;
}

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

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

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

/***************
/* 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: #000000 !important;
}

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

a, a:link {
  color: #eb812d;
}

div#content a:visited, a:visited {
  color: #c18555;
}

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

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

a.stub {
  color: #0ad60a;
}

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

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

div#content a.extiw:visited, div#footer a.extiw:visited, div#content a.external:visited, div#footer a.external:visited {
  color: #8b8a35;
}

a:active {
  color: #000000;
}

/******************
/* 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: #ebebeb;
  color: #000000;
  margin: 0 0 0 0;
  padding: 20px 20px 0 20px;
}

div#content #firstHeading {
  border: none;
  border-bottom: 1px solid #eb812d;
  color: #080808;
  font-family: 'Open Sans', sans-serif;
  margin: 0 0 10px 0;
  padding: 0 0 5px 0;
}

body.page-IndieCade_Wiki #firstHeading {
  display: none;
}

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

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

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

div#content h3, div#content h4 {
  border-bottom: 1px solid #cacaca;
}

/* 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;
  font-variant: 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: #5b5b5b;
}

div.toc, div#toc {
  border: 1px solid #f7f7f7;
  background: #f7f7f7;
  color: #000000;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

#toctitle {
}

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

.toctoggle, #toc .toctoggle {
  color: #000000;
  font-variant: normal;
}

.toctoggle a, #toc .toctoggle a {
}

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

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

ul {
  list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAANAQMAAABb8jbLAAAABlBMVEVvcnQ4vM4lXjoPAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfhBx8DLxCme28OAAAAE0lEQVQI12NgQAEFDD/AsICBAQAakgPJO2sGpQAAAABJRU5ErkJggg==");
}

img {
}

.skin-hydra table.wikitable {
  border: none;
  background: transparent;
  color: #000000;
  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 #dddddd;
  background: #dddddd;
  color: #000000;
  font-weight: bold;
  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 #dddddd;
  background: #f7f7f7;
  color: #000000;
  padding: 0 3px 1px 3px;
}

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

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

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

ul.gallery {
}

li.gallerybox {
  border: 1px solid #f7f7f7;
  background: #f7f7f7;
  color: #000000;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

li.gallerybox div.thumb {
  border: 1px solid #dddddd;
  background: #dddddd;
  color: #000000;
}

div.gallerytext {
  text-align: center;
}

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

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

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

div.thumbinner {
  border: 1px solid #f7f7f7;
  background: #f7f7f7;
  color: #000000;
  margin: 0 0 10px 0;
  padding: 3px 5px !important;
}

html .thumbimage {
  border: none;
  background: #dddddd;
  color: #000000;
}

.thumbcaption {
}

.gallerytext p, .thumbcaption {
}

.toggle {
}

.sn-small {
}

sub, sup a {
}

sup.reference {
}

pre, .skin-hydra .mw-code {
  border-radius: 3px;
  border: 1px dashed #5b5b5b;
  background: #ffffff;
  color: #000000;
  padding: 2px 2px;
  white-space: pre-wrap;
  word-wrap: break-word;
}

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

#catlinks {
  border: 1px solid #f7f7f7;
  background: #f7f7f7;
  color: #000000;
  margin: 10px 0 10px 0;
  padding: 3px 6px;
}

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

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

/********************
/* Interface styles *
/********************/
input, select {
  font-family: 'Open Sans', sans-serif;
  border: 1px solid #5b5b5b;
  background: #ffffff;
  color: #000000;
  padding: 2px 2px;
}

textarea {
  border: 1px solid #5b5b5b;
  background: #ffffff;
  color: #000000;
  padding: 2px 2px;
}

.oo-ui-dropdownWidget, .oo-ui-dropdownWidget-handle, .oo-ui-menuSelectWidget, .oo-ui-textInputWidget input, .oo-ui-textInputWidget textarea {
  background: #ffffff;
  border: none;
  color: #000000;
}

.oo-ui-dropdownWidget .oo-ui-selectWidget {
  border: none;
}

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

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

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
  border: none;
  background: #0a0a0a url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QgSEBEN6uJKjwAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAnElEQVQoz5XSMQrCMBQG4M+QsYN4CS/mICIiIuLiCURERMSh5xM8gkhxSaGUWtN/CTzeR5KXjF6H6RMFgv5UaS0wj3inYpWBxpihjIipGDLQHGVOc32SMRZ46NmlSvU2ujebQgZatlEbdqEVbl13CT1ojeuvMYcfaINL36PGBqpHvsX5z2cQ8Gmhk4yEBtrlohpOsMfRgMSEbgbmC4okKuL8/RcLAAAAAElFTkSuQmCC") left top no-repeat;
  color: #eb812d;
  padding: 10px 30px;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
  border: none;
  background: #eb812d;
  color: #0a0a0a;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active {
  border: none;
  background: #565656;
  color: #333333;
}

.oo-ui-panelLayout-framed {
  border: 1px solid #f7f7f7;
  background: #f7f7f7;
  color: #000000;
  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: 'Open Sans', 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 {
  font-family: 'Open Sans', sans-serif;
  border: none;
  background: #0a0a0a url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QgSEBEN6uJKjwAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAnElEQVQoz5XSMQrCMBQG4M+QsYN4CS/mICIiIuLiCURERMSh5xM8gkhxSaGUWtN/CTzeR5KXjF6H6RMFgv5UaS0wj3inYpWBxpihjIipGDLQHGVOc32SMRZ46NmlSvU2ujebQgZatlEbdqEVbl13CT1ojeuvMYcfaINL36PGBqpHvsX5z2cQ8Gmhk4yEBtrlohpOsMfRgMSEbgbmC4okKuL8/RcLAAAAAElFTkSuQmCC") left top no-repeat;
  color: #eb812d;
  padding: 10px 30px;
}

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 {
  border: none;
  background: #eb812d;
  color: #0a0a0a;
}

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 {
  border: none;
  background: #565656;
  color: #333333;
}

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

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

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

.usermessage {
  border: 1px solid #dddddd;
  background: #dddddd;
  color: #000000;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

body.skin-hydra .mw-notification {
  border: 1px solid #dddddd;
  background: #dddddd;
  color: #000000;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

div.mw-warning {
  border: 1px solid #f7f7f7;
  background: #f7f7f7;
  color: #000000;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

div.mw-warning-with-logexcerpt {
  border: 1px solid #f7f7f7;
  background: #f7f7f7;
  color: #000000;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

div#content fieldset {
  border: 1px solid #f7f7f7;
  background: #f7f7f7;
  color: #000000;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

div#content fieldset legend {
  border: 1px solid #dddddd;
  background: #dddddd;
  color: #080808;
  font-weight: bold;
  margin: 0 0 8px 0;
  padding: 3px 6px;
}

.mw-plusminus-null {
  color: #898989;
}

.mw-plusminus-pos {
  color: #006600;
}

.mw-plusminus-neg {
  color: #880000;
}

.skin-hydra .mw-search-profile-tabs {
  border: 1px solid #f7f7f7;
  background: #f7f7f7;
  color: #000000;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

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

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

#pagehistory li.selected {
  border: 1px solid #dddddd;
  background: #dddddd;
  color: #000000;
  margin: 0;
  padding: 0;
}

.skin-hydra table.diff {
  border: 1px solid #f7f7f7;
  background: #f7f7f7;
  color: #000000;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

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

td.diff-addedline {
  border: none;
  background: #99ff99;
  color: #000000;
}

td.diff-deletedline {
  border: none;
  background: #ff9999;
  color: #000000;
}

td.diff-context {
  border: none;
  background: #cacaca;
  color: #000000;
}

td.diff-addedline .diffchange, td.diff-deletedline .diffchange {
  background: rgba(0, 0, 0, 0.2);
  color: #006600;
}

body.skin-hydra fieldset#mw-searchoptions {
  border: 1px solid #f7f7f7;
  background: #f7f7f7;
  color: #000000;
  margin: -10px 0 10px 0 !important;
  padding: 3px 6px;
}

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

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

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

.skin-hydra div#preferences fieldset {
  border: 1px solid #f7f7f7;
  background: #f7f7f7;
  color: #000000;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

.skin-hydra div#preferences fieldset legend {
  border: none;
  background: #dddddd;
  color: #ffffff;
  font-weight: bold;
  margin: 0 0 8px 0;
  padding: 3px 6px;
}

.skin-hydra div#preferences fieldset.prefsection fieldset {
  border: 1px solid #f7f7f7;
  background: #f7f7f7;
  color: #000000;
  margin: 5px;
  padding: 10px;
}

.skin-hydra div#preferences fieldset.prefsection fieldset legend {
  border: none;
  background: #dddddd;
  color: #080808;
  font-weight: bold;
  margin: 0 0 8px 0;
  padding: 3px 6px;
}

.skin-hydra #preferences td.htmlform-tip {
  color: #5b5b5b;
}

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

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

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

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

.skin-hydra #preftoc li a:visited {
  color: #eb812d;
}

.skin-hydra #preftoc li.selected a {
  background: transparent;
  color: #000000;
}

.skin-hydra #preftoc li a:active {
  color: #000000;
}

.errorbox {
  border: 1px solid #ffbbbb;
  background: #ffbbbb;
  color: #000000;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

.warningbox {
  border: 1px solid #ffffbb;
  background: #ffffbb;
  color: #000000;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

.successbox {
  border: 1px solid #bbffbb;
  background: #bbffbb;
  color: #000000;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

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

ul#filetoc {
  border: 1px solid #f7f7f7;
  background: #f7f7f7;
  color: #000000;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

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

.skin-hydra table.mw_metadata th {
  border: 1px solid #dddddd;
  background: #dddddd;
  color: #000000;
  font-weight: bold;
  padding: 0 3px 1px 3px;
}

.skin-hydra table.mw_metadata td {
  border: 1px solid #dddddd;
  background: #f7f7f7;
  color: #000000;
  padding: 0 3px 1px 3px;
}

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

.skin-hydra .TablePager th, .skin-hydra .mw-datatable th {
  border: 1px solid #dddddd;
  background: #dddddd;
  color: #000000;
  font-weight: bold;
  padding: 0 3px 1px 3px;
}

.skin-hydra .TablePager td, .skin-hydra .mw-datatable td {
  border: 1px solid #dddddd;
  background: #f7f7f7;
  color: #000000;
  padding: 0 3px 1px 3px;
}

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

#other_options div {
  border: 1px solid #f7f7f7;
  background: #f7f7f7;
  color: #000000;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

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

table.smwtable th {
  border: 1px solid #dddddd;
  background: #dddddd;
  color: #000000;
  font-weight: bold;
  padding: 0 3px 1px 3px;
}

table.smwtable td {
  border: 1px solid #dddddd;
  background: #f7f7f7;
  color: #000000;
  padding: 0 3px 1px 3px;
}

.smwrdflink {
  color: #5b5b5b;
}

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

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

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

div.smwfact table {
  border-radius: 3px;
  border: 1px solid #01244c;
  background: #000d27;
  color: #000000;
  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: 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: 1px solid #dddddd;
  background: #dddddd;
  color: #000000;
  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: #000000;
  margin: 0 0 10px 0;
  padding: 0;
}

table.mw-abuselog-details tr th {
  border: 1px solid #dddddd;
  background: #dddddd;
  color: #000000;
  font-weight: bold;
  padding: 0 3px 1px 3px;
}

table.mw-abuselog-details tr td {
  border: 1px solid #dddddd;
  background: #f7f7f7;
  color: #000000;
  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: #ebebeb;
  color: #000000;
  margin: 0 0 0 0;
  padding: 10px 20px 10px 20px;
  overflow: hidden;
}

div#footer ul li {
  color: #000000;
}

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

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

span.templateexample span.paramname {
}

span.templateexample span.paramvalue {
  color: #5b5b5b;
  font-style: italic;
}

/******************
/* Image licenses *
/******************/
/* copyright images tweak */
.skin-hydra .copyright-icon {
  background-image: url("https://hydra-media.cursecdn.com/commons.gamepedia.com/thumb/5/58/Copyright_darkwiki.png/32px-Copyright_darkwiki.png");
  background-size: 100%;
  height: 32px;
  width: 32px;
}

.ambox {
  border: 1px solid #f7f7f7;
  background: #f7f7f7;
  color: #000000;
  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-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;
}

/****************************
/* Flexbox main page styles *
/****************************/
.fmpflextop {
  display: flex;
  flex-flow: row wrap;
  margin: -10px;
}

.fmpflextopleft {
  display: flex;
  flex-flow: row wrap;
  flex: 0 0 100%;
  max-width: 100%;
  margin: 0;
}

#fmpabout, #fmpschedule {
  flex: 0 0 50%;
  max-width: 50%;
}

#fmpschedule .body {
  display: flex;
  flex-flow: row wrap;
  margin: 0;
}

#fmpschedule .body .fpevent {
  flex: 0 0 100%;
  max-width: 100%;
  margin: 0;
}

#fmpinfo {
  flex: 0 0 100%;
  max-width: 100%;
}

#fmpgames {
  flex: 0 0 100%;
  max-width: 100%;
}

#fmpgames .body {
  display: flex;
  flex-flow: row wrap;
  margin: 0;
}

#fmpgames .body .fpgame {
  flex: 0 0 50%;
  max-width: 50%;
  margin: 0;
}

.fmpflexbottom {
  display: flex;
  flex-flow: row wrap;
  margin: -10px;
}

#fmparchive {
  flex: 0 0 100%;
  max-width: 100%;
}

#fmparchive .body {
  display: flex;
  flex-flow: row wrap;
  margin: 0;
}

#fmparchive .body .fpitem {
  flex: 0 0 100%;
  max-width: 100%;
  margin: 0;
}

#fmpsponsors {
  background: transparent;
  flex: 0 0 100%;
  max-width: 100%;
}

#fmpsponsors .body {
  display: flex;
  flex-flow: row wrap;
  margin: -10px;
}

#fmpsponsors .body a {
  flex: 1 0 auto;
  max-width: 100%;
  margin: 10px;
}

@media ( min-width: 1320px ) {
  .fmpflextopleft {
    display: flex;
    flex-flow: row wrap;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
    margin: 0;
  }

  #fmpgames {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  #fmpgames .body .fpgame {
    flex: 0 0 100%;
    max-width: 100%;
  }

  #fmparchive {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  #fmpsponsors {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
}

.fmpblock {
  display: flex;
  flex-flow: column nowrap;
  padding: 10px;
  box-sizing: border-box;
}

.fmpbox {
  flex: 0 0 100%;
  border: 1px solid #f7f7f7;
  background: #f7f7f7;
  color: #000000;
  box-sizing: border-box;
  padding: 15px 20px;
}

.fmpbox .heading {
  border: none;
  border-bottom: 1px solid #eb812d;
  color: #080808;
  font-size: 200%;
  font-weight: bold;
  margin: 0 0 10px 0;
  padding: 0 0 5px 0;
}

.fmpbox .subheading {
  border: none;
  color: #080808;
  font-size: 120%;
  font-weight: bold;
  margin: 0 0 10px 0;
  padding: 0 0 5px 0;
}

.fpitem {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
}

.fpitem .image {
  flex: 0 1 auto;
}

.fpitem .content {
  flex: 1 1 auto;
}

.fpitem .content .title {
  font-size: 120%;
  font-weight: bold;
}

.fpevent {
  box-sizing: border-box;
}

.fpevent .title {
  font-weight: bold;
}

.fpevent .time, .fpevent .location {
  color: #575757;
}

.fpgame {
  box-sizing: border-box;
}

.fpgame .title {
  font-weight: bold;
}

.fpgame .dev {
  color: #000000;
}

.fpgame .genre {
  color: #575757;
}

.buttonlink a {
  font-family: 'Open Sans', sans-serif;
  border: none;
  background: #0a0a0a url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QgSEBEN6uJKjwAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAnElEQVQoz5XSMQrCMBQG4M+QsYN4CS/mICIiIuLiCURERMSh5xM8gkhxSaGUWtN/CTzeR5KXjF6H6RMFgv5UaS0wj3inYpWBxpihjIipGDLQHGVOc32SMRZ46NmlSvU2ujebQgZatlEbdqEVbl13CT1ojeuvMYcfaINL36PGBqpHvsX5z2cQ8Gmhk4yEBtrlohpOsMfRgMSEbgbmC4okKuL8/RcLAAAAAElFTkSuQmCC") left top no-repeat;
  color: #eb812d;
  padding: 10px 30px;
}

.buttonlink a:hover {
  border: none;
  background: #eb812d;
  color: #0a0a0a;
}

.buttonlink a:active {
  border: none;
  background: #565656;
  color: #333333;
}

/******************
/* Infobox styles *
/******************/
.infoboxtable {
  float: right;
  border: 1px solid #dddddd;
  background: #f7f7f7;
  color: #000000;
  margin: 0 0 10px 20px;
  padding: 3px 6px;
  width: 300px;
}

.infoboxtable th {
  border: 1px solid #dddddd;
  background: #dddddd;
  color: #000000;
  text-align: right;
  vertical-align: top;
  padding: 0.5px 7px;
}

.infoboxtable td {
  border: 1px solid #dddddd;
  background: #f7f7f7;
  color: #000000;
  text-align: left;
  vertical-align: top;
  padding: 0.5px 3px 0.5px 3px;
}

.infoboxtable th.infoboxname {
  font-size: 110%;
  color: #080808;
  text-align: center;
  padding: 8px; 
}

.infoboxtable th.infoboxdetails {
  text-align: center;
  background: transparent;
  color: #000000;
  padding: 0;
}

/********************
/* Navbox templates *
/********************/
table.navbox {
  border: 1px solid #f7f7f7;
  background: #f7f7f7;
  color: #000000;
  clear: both;
  font-size: 88%;
  margin: auto;
  padding: 1px;
  text-align: center;
  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: transparent;
}

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

/* Level 1 color */
.navbox-title,
table.navbox th {
  border: 1px solid #dddddd;
  background: #dddddd;
  color: #000000;
}

/* Level 2 styling */
.navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title {
  background: #e3e3e3;
  color: #000000;
}

/* Level 3 styling */
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
  background: #e8e8e8;
  color: #000000;
}

/* Even row striping */
.navbox-even {
  background: #f0f0f0;
  color: #000000;
}

/* Odd row striping */
.navbox-odd {
  background: #ffffff;
}
 
.collapseButton {
  font-weight: normal;
  width: auto;
}

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

.navbox .navbar {
  font-size: 100%;
}
 
table.collapsed tr.collapsible {
  display: none;
}

/******************
/* General styles *
/******************/
.contentbox {
  border: 1px solid #f7f7f7;
  background: #f7f7f7;
  color: #000000;
  margin: 0 0 10px 0;
  padding: 3px 6px;
  overflow: auto;
}

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

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

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

span.ghost {
  color: #5b5b5b; /* 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;
}

.desktopleft {
  text-align: left;
}

.desktopcenter {
  text-align: center;
}

.desktopright {
  text-align: right;
}

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