Difference between revisions of "MediaWiki:Hydra.css"

From Dragalia Lost Wiki
Jump to navigation Jump to search
>SandovalCurse
>Teg
(Blanking page)
 
(33 intermediate revisions by one other user not shown)
Line 1: Line 1:
/* CSS placed here will affect users of the Hydra skin */
 
  
/******************
 
/* General styles *
 
/******************/
 
 
body {
 
  background: url("https://d1u5p3l4wpay3k.cloudfront.net/dragalialost_gamepedia_en/e/e9/Skin-Sidebar-Background.jpg?version=81053b68eda9ecb0941a3015be257b48") no-repeat left 31px / 160px auto,
 
              url("") repeat-y left 31px / 160px auto;
 
  background: url("https://d1u5p3l4wpay3k.cloudfront.net/dragalialost_gamepedia_en/e/e9/Skin-Sidebar-Background.jpg?version=81053b68eda9ecb0941a3015be257b48") no-repeat left 31px / 160px auto,
 
              url("") repeat-y left 31px / 160px auto,
 
              #fff url("https://d1u5p3l4wpay3k.cloudfront.net/dragalialost_gamepedia_en/3/3c/Dragalia_lost_background_2.png?version=f5f282f592f4ceaa8847c09738a22efe") no-repeat right calc( 10.416667vw + 14.333333px ) / calc( 100vw - 160px ) auto;
 
  font-family: 'Open Sans', sans-serif;
 
}
 
 
div#mw-page-base {
 
  border: none;
 
  background: transparent url("https://d1u5p3l4wpay3k.cloudfront.net/dragalialost_gamepedia_en/b/b8/Skin-Head-Background-2.jpg?version=b2137fa68e7dc1b5bbe79eb558bccdf6") no-repeat center top / 100% auto;
 
  background: transparent url("https://d1u5p3l4wpay3k.cloudfront.net/dragalialost_gamepedia_en/b/b8/Skin-Head-Background-2.jpg?version=b2137fa68e7dc1b5bbe79eb558bccdf6") no-repeat center top / calc( 100vw - 160px ) calc( 10.416667vw - 16.666667px );
 
  height: 10.416667vw;
 
  height: calc( 10.416667vw - 16.666667px );
 
  margin: 0 0 32px 160px;
 
  border-left: 1px solid #000;
 
}
 
 
/***************
 
/* Logo styles *
 
/***************/
 
#p-logo {
 
  position: absolute;
 
  top: 0;
 
  left: 0;
 
  width: 160px;
 
  height: 130px;
 
  margin: 0 0 0 0;
 
  padding: 0;
 
}
 
 
#p-logo a {
 
  background-image: url("/media/b/bc/Wiki.png");
 
  background-size: 100% 100%;
 
  width: 160px;
 
  height: 130px;
 
  margin: 0;
 
  padding: 0;
 
}
 
 
/*****************
 
/* Header styles *
 
/*****************/
 
div#mw-head-base {
 
  display: none;
 
}
 
 
div#mw-head {
 
  border-top: none;
 
  border-bottom: 1px solid #0b385e;
 
  border-left: 1px solid #0b385e;
 
  border-right: none;
 
  background: transparent;
 
  font-family: 'Open Sans', sans-serif;
 
  top: 10.416667vw;
 
  top: calc( 10.416667vw - 16.666667px );
 
  left: 160px;
 
  right: 0;
 
  width: auto;
 
  height: 30px;
 
  margin: 0;
 
  padding: 0;
 
}
 
 
/**************************
 
/* Article navigation bar *
 
/**************************/
 
#left-navigation {
 
  margin: 0 0 0 14px;
 
  padding: 0;
 
}
 
 
#right-navigation {
 
  margin: 0 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: #0000FF;
 
  height: 30px;
 
  line-height: 30px;
 
  padding: 0 3px 0 3px;
 
  margin: 0 3px 0 3px;
 
}
 
 
div#mw-head div.vectorTabs span a:visited {
 
  color: #0000FF !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: #000 !important;
 
}
 
 
div#mw-head div.vectorTabs li.new span a {
 
  color: #d33 !important;
 
}
 
 
div#mw-head div.vectorTabs li.new span a:visited {
 
  color: #d33 !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: #d8b1b5 !important;
 
}
 
 
div#mw-head div.vectorTabs span a:active {
 
  color: #000 !important;
 
}
 
 
div.vectorTabs li.new span a:active {
 
  color: #d8b1b5 !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,iVBORw0KGgoAAAANSUhEUgAAABUAAAAZCAMAAADpC5XfAAABd1BMVEUAAACPj4+Lh4WLjYl7d3eLj5N0gpBsdYF3e3KDd3WOjo6NjY2HdXSPj41zd3CRoKyKiop/gXqPj46OjIyPkI6JjpOco6CKgoKHiIqFhoCSl5qQkI+MhISysbFwh6GJiYZiZF1eXV2fW1uPbWmLhYNzeH16cW+Hn7l+kqmAhHhjY2NxfIx3d3eLlJtzd297fH54fIOPj49scGWKiId3hZaMjIybnJqOhIR8f3aSdXSGhoaJiYmGg4J2eoKQkJCAjp+Pj493gY+Pj491eHKJeXmTlJSGh4qQkZWctsKQkJCFhoOFeHd4fod2eHOAhXeVd3eNjYp+jZ6BgoaLdnaPj4+MeHeHeHh5fnWDg4N1dnKAiJB1d3GPjo6GjXiavNSZkJCSjIyMjIqPfHl3cnJqcV+pYF6EqM+fqLSqrbJzjauIlKWYl5VsfpOlko+LgIlbbYShh4OEhn9ibX+FfH5eant7bnl3a3RxbW6JcGlnZWZeVlyOX1pQWUYo7IHpAAAAXnRSTlMALgQX/jj+/v359fDp4d/c19Kob19NJSIaEw8MCf7+/v7+/v38/Pz39/b29PPy8fDv7uvp5+bk4uHh397d19DPysi/v723sK+ppKSknJySkoyKioN4eGJbUUpANy4mDbQ7nQAAANtJREFUKM9joCaQxibI6saMRTSITRRTUMqR3QdTNMqkxFYCQzRQO98gAokvzggErPZyRfqeMSAmWAezAxc3t666Rg67jjGPjYAplxATUFQmxNBKNS4tk62SpSI1VcuaVwRsApOoHX9cVnp5FUtBtZK5EyvMZDEP/oyE0rLkXGVLf2Ykx7rLxucVJ8cnBTMhOYPJVb4wMTuBJSkU2bFiZik1HIkKipwuMkii4XopRnxevBZqPOJIor4cfM7RTJGCApxhCEFJQU0/kN2xQireSKIBIhC7pYWFgQzaAQBVWiMIZXQGbgAAAABJRU5ErkJggg==") 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,iVBORw0KGgoAAAANSUhEUgAAABUAAAAZCAMAAADpC5XfAAABJlBMVEUAAAB8fH18d3h8fHyKf4B5enh8ent8fHx8fHx9fX1+f318fHyAdHN8fHxna2Robnd8fHx1d3mAfHl9fXx9e3qAfHx2fIF9foB1gpJoa2SAl619fHxzenWKm6aSko58fHx4eXN+d3VoeIZ1emx5bGt8fHx/mLKAiZGIdHJtcWiSkpBuc3p9bW2EhIF2iqKJamltfY58fHyCd3d0eGt9fX2GlqR1hJdxcW9/fn5rbmaId3Vrd4Z7eHd7bGt/fn2OjY1pbWVrdYKAbm2KmaaFhoarqqqUr7yIiY17bWtnamN8fntsc3xqbWaEgoJ2e2yMa2tzhJZydHmCa2pxf5KCbWyWlpZob3mJc3B+bGxtc2mLi4ppa2WbbGt0fIaBho97amp2iJ97e33CrkBgAAAAYnRSTlMAAwEuDRcK8cimYTkG493Wv7GLeG9YUUg5OC4uKCYjHhP8+/Xy6uXl4+Ph4eHg3dzb2djU0M/Pz8zLycjExMLAv729u7Kwqamknp2cnJaSkoqKg3h4dm9oYltRSkRAPyQhET/wLjAAAADVSURBVCjPY6AiYGLDJsotyIpFNFBJDFMw0ZrfmwlDNNYgjB/TiABHGW1kI+SZmZmlJcyCGQU5pZmBQB4kyMrBrsqrrqYnwcBlYWvDYcjOyQgUZRNmFxCXkkpgYmBkYWHh5uDlAlvKKG7iLAv1SYyRADfMZFk30ziwfLi+P5I7WNxdeYCUnEYQkIIDRhdfUDiwWIUgO1ZOK4ol1F6UUcgJOYgi+SQ9+bx0hUV14pEC0UfT0kGSMdrcTiUCIapgrOwHsluGU9GDCSEqxAWxm0VEhJGBhgAAwaMVLBy4SM4AAAAASUVORK5CYII=") no-repeat center center;
 
}
 
 
div.vectorMenu {
 
  background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAeCAMAAAD0DqVnAAAAYFBMVEUAAAB4b29dY3FneZKVpbrG4OhqWFV8b3BsdF2Us8txjayCk6uVmZaXlJOKlo6QiYZgcoSAfH1YaHx5eXuTfXp6f3JxcHJ5f254bW18a2lxemafYWBye153XVxyW1uEWlj6fSEpAAAACHRSTlMABTAtKCMYDAzUOgQAAAA6SURBVCjPYxgFhIGErKS4DAeHlCiKKKOcPL8gLw8fI6pidmkRMW5OVnQz2ISFuFgwjWYSYGYYBagAAJzYAfptA/X3AAAAAElFTkSuQmCC") 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: #7c7c7c;
 
  margin: 0 0 0 21px;
 
  padding: 0;
 
}
 
 
div.vectorMenu div.menu {
 
  border: 1px solid #000;
 
  background: #fff;
 
  color: #000;
 
  font-family: 'Open Sans', sans-serif;
 
  margin: 0;
 
  padding: 0 0 0 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: #0000FF;
 
  margin: 2px 5px;
 
  padding: 1px 0;
 
}
 
 
div#p-cactions div.menu ul li a:visited {
 
  color: #0000FF;
 
}
 
 
div#p-cactions div.menu ul li a:active {
 
  color: #000;
 
}
 
 
#p-search {
 
  position: absolute;
 
  top: auto;
 
  bottom: 6vw;
 
  right: 20px;
 
  height: 30px;
 
  line-height: 27px;
 
  margin: 15px 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 #000;
 
  background: #fff;
 
  color: #000;
 
}
 
 
div#simpleSearch {
 
  border: 1px solid #000;
 
  background: #fff;
 
  color: #000;
 
  line-height: 1.4em;
 
  padding: 2px 2px;
 
}
 
 
div#simpleSearch #searchInput {
 
  border-radius: 0;
 
  border: none;
 
  box-shadow: none;
 
  background: transparent;
 
  color: #000;
 
}
 
 
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;
 
}
 
 
div.suggestions, html > bodydiv.suggestions {
 
  margin-top: -31px;
 
  border: 1px solid #000;
 
  background: #fff;
 
  color: #000;
 
}
 
 
.suggestions-results, .suggestions-results .suggestions-result, .suggestions-special {
 
  border: none;
 
  background: #fff;
 
  color: #000;
 
}
 
 
.suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus, .suggestions-special .special-query {
 
  color: #000;
 
}
 
 
.suggestions-results .suggestions-result .highlight {
 
  color: #000;
 
}
 
 
.suggestions-result-current {
 
  background: #fff !important;
 
  color: #000;
 
}
 
 
.suggestions-special {
 
  border: none;
 
  border-top: 1px solid #000;
 
}
 
 
.suggestions-special .special-label {
 
  color: #7c7c7c;
 
}
 
 
.suggestions-result-current .special-label {
 
  color: #616161;
 
}
 
 
.suggestions-results .suggestions-result-current, .suggestions-special.suggestions-result-current .special-query, .suggestions-result-current a.mw-searchSuggest-link, .suggestions-result-current a.mw-searchSuggest-link:hover, .suggestions-result-current a.mw-searchSuggest-link:active, .suggestions-result-current a.mw-searchSuggest-link:focus {
 
  color: #004c86;
 
}
 
 
.suggestions-results .suggestions-result-current .highlight {
 
  color: #000000;
 
}
 
 
/**********************
 
/* Site notice styles *
 
/**********************/
 
#mw-dismissable-notice {
 
}
 
 
#mw-dismissable-notice td > a {
 
}
 
 
#mw-dismissable-notice td > a:hover {
 
}
 
 
#localNotice {
 
  border: 1px solid #000;
 
  background: rgba(194,210,255,1);
 
  color: #000;
 
  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: -10.416667vw;
 
  margin-top: calc( -10.416667vw - 13.333333px );
 
  margin-bottom: 60px;
 
  padding-left: 0;
 
  padding-right: 0;
 
  padding-top: 140px;
 
  padding-bottom: 0;
 
  width: 160px;
 
  overflow: visible;
 
  border: none !important;
 
}
 
 
div#mw-panel div.portal, div#mw-panel.collapsible-nav div.portal {
 
  border: none !important;
 
  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: center;
 
  width: 150px;
 
}
 
 
div#mw-panel div.portal h3, div#mw-panel.collapsible-nav div.portal h3 {
 
  display: inline-block;
 
  border: none;
 
  color: ##6dc0ff;
 
  font-family: 'Open Sans', sans-serif;
 
  font-weight: bold;
 
  margin: 0 0 0 0 !important;
 
  padding: 0 0 5px 0 !important;
 
  width: auto;
 
}
 
 
div#mw-panel.collapsible-nav div.portal.collapsed h3 {
 
  background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAHCAMAAAD3eXfcAAAAPFBMVEUAAABtd4aLoLSud3d8m7ujs7eXm6NgcYRsdIGUe3l4c3Z5fnN7eHJ8gnCIcG94bWxtd2OEXl96X15nbltX1iCxAAAABHRSTlMAJx8RKXsYkwAAACpJREFUCNcVxocJADAMwDB37/3/r00MBkFD28ECL3oDo+YEvUzxPQ5Y8gcO7ADAsPFG7gAAAABJRU5ErkJggg==") center right no-repeat;
 
  color: ##6dc0ff;
 
  margin: 0 -2px 0 -2px !important;
 
  padding: 0 8px 0px 2px !important;
 
  width: auto !important;
 
}
 
 
div#mw-panel.collapsible-nav div.portal.expanded h3 {
 
  background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAMAAAB1GNVPAAAAPFBMVEUAAAB9kaVqbHaud3d8mrmgrrKVmaBfcYRrdIGUe3l4c3Z5fnN7eHF8gXCIcG54a2ptd2J6Xl2DW11mblkL9gtyAAAABHRSTlMAIioRjYEYzgAAACVJREFUCNdj4Bfk4RUW4GZgEOLkYmNlYGBg5uNgYWQAAiZ2IAUAEOcAwG01Mx4AAAAASUVORK5CYII=") center right no-repeat;
 
  color: ##6dc0ff;
 
  margin: 0 -2px 0 -2px !important;
 
  padding: 0 11px 5px 2px !important;
 
  width: auto !important;
 
}
 
 
div#mw-panel.collapsible-nav div.portal h3 a, div#mw-panel.collapsible-nav div.portal.collapsed h3 a {
 
  color: ##6dc0ff !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: #fff !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 0 !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 0 10px 0 !important;
 
  margin: 0 0 0 0 !important;
 
}
 
 
div#mw-panel div.portal div.body ul, div#mw-panel.collapsible-nav div.portal div.body ul {
 
  margin: 0;
 
  padding: 0;
 
}
 
 
div#mw-panel div.portal div.body ul li, div#mw-panel.collapsible-nav div.portal div.body ul li {
 
  margin: 0;
 
  padding: 2px 0;
 
}
 
 
div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:link {
 
  color: #0000FF;
 
}
 
 
div#mw-panel div.portal div.body ul li a:visited {
 
  color: #0000FF;
 
}
 
 
div#mw-panel div.portal div.body ul li a:active {
 
  color: #0000FF;
 
}
 
 
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: #ffffff !important;
 
}
 
 
.t-netbar a.new:hover, .t-netbar a.new:active {
 
  color: #ffdddd !important;
 
}
 
 
a, a:link, #mw-indicator-mw-helplink a, #mw-indicator-mw-helplink a:link {
 
  color: #0000FF;
 
}
 
 
div#content a:visited, a:visited, #mw-indicator-mw-helplink a:visited {
 
  color: #0000FF;
 
}
 
 
div#content a.new, a.new {
 
  color: #d33;
 
}
 
 
div#content a.new:visited, a.new:visited {
 
  color: #d33;
 
}
 
 
a.stub {
 
  color: #ffb566;
 
}
 
 
div#content a.stub:visited, a.stub:visited {
 
  color: #b77d08;
 
}
 
 
div#content a.extiw, div#footer a.extiw, div#content a.external, div#footer a.external {
 
  color: #0000FF;
 
}
 
 
div#content a.extiw:visited, div#footer a.extiw:visited, div#content a.external:visited, div#footer a.external:visited {
 
  color: #0000FF;
 
}
 
 
a:active {
 
  color: #000;
 
}
 
 
/******************
 
/* Article styles *
 
/******************/
 
#pageWrapper {
 
  border-left: 1px solid #0b385e;
 
  margin-top: 0;
 
  margin-left: 160px;
 
  margin-right: 0;
 
  margin-bottom: 0;
 
  padding-top: 0;
 
  padding-left: 0;
 
  padding-right: 0;
 
  padding-bottom: 0;
 
  min-height: calc( 100vh - 10.416667vw - 201.333333px );
 
}
 
 
body.hide-ads #pageWrapper {
 
  min-height: calc( 100vh - 10.416667vw - 200.333333px );
 
}
 
 
#pageWrapper:after {
 
  content: "";
 
  display: table;
 
  clear: both;
 
}
 
 
div#content {
 
  float: right;
 
  width: 100%;
 
  max-width: 100%;
 
  box-sizing: border-box;
 
  border: none;
 
  background: transparent;
 
  color: #000;
 
  margin: 0 0 0 0;
 
  padding: 0 20px 0 20px;
 
}
 
 
div#content #firstHeading {
 
  border: none;
 
  border-bottom: 1px solid #000;
 
  color: #000;
 
  font-family: 'Open Sans', sans-serif;
 
  margin: 10px 0 10px 0;
 
  padding: 0 0 5px 0;
 
}
 
 
body.page-Dragalia_Lost_Wiki #firstHeading {
 
  display: none;
 
}
 
 
div#content h1, div#content h2, div#content h3, div#content h4, div#content h5, div#content h6 {
 
  border: none;
 
  font-family: 'Open Sans', sans-serif;
 
  color: #000;
 
  margin: 20px 0 8px 0;
 
  padding: 0 0 5px 0;
 
  overflow: hidden;
 
}
 
 
div#content h1, div#content h2 {
 
  border-bottom: 1px solid #000;
 
}
 
 
div#content .login-intro h2 {
 
  border-bottom: none;
 
  background: transparent;
 
  font-family: 'Open Sans', sans-serif;
 
  text-shadow: none;
 
  letter-spacing: normal;
 
}
 
 
div#content h3, div#content h4 {
 
  border-bottom: 1px solid #293133;
 
}
 
 
/* 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: #7c7c7c;
 
}
 
 
div.toc, div#toc {
 
  border: 1px solid #000;
 
  background: rgba(255, 255, 255, 1);
 
  color: #000;
 
  margin: 0 0 10px 0;
 
  padding: 3px 6px;
 
}
 
 
#toctitle {
 
}
 
 
div#content #toctitle h2 {
 
  border: none;
 
  font-family: 'Open Sans', sans-serif;
 
  padding: 0 0 5px 0;
 
}
 
 
.toctoggle, #toc .toctoggle {
 
  color: #000;
 
  font-family: 'Open Sans', sans-serif;
 
  font-variant: normal;
 
  text-shadow: none;
 
}
 
 
.toctoggle a, #toc .toctoggle a {
 
}
 
 
.toctoggle a:hover, #toc .toctoggle a:hover {
 
}
 
 
hr {
 
  border-bottom: 1px solid #000;
 
}
 
 
ul {
 
  list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAANCAMAAAC91e+5AAAAP1BMVEUAAABpP0B8lbGQpYpoU099V1ZgaU+ZvddqiaqbpqJwhJ5geZCIgoVWaoOIe3lhZ3KCbGl1gWaiVFJncFBqTUwI2m0cAAAABXRSTlMAdVNOLKxSyJ4AAAApSURBVAjXYyAZiLAKs7EJMjCy8vFwMjMwCAlwsQNFWfg5mECy3LxwhQAYtADeYhzAZgAAAABJRU5ErkJggg==");
 
}
 
 
img {
 
}
 
 
div#content table {
 
  color: #000;
 
}
 
 
table.wikitable, table.dataTable {
 
  border: none;
 
  background: transparent;
 
  color: #000;
 
  margin: 0 0 10px 0;
 
  padding: 0;
 
}
 
 
table.wikitable th, table.wikitable tr th, table.wikitable > tr > th, table.wikitable > * > tr > th, table.dataTable thead th, table.dataTable tfoot th {
 
  border: 1px solid #000;
 
  background: rgba(140, 171, 255, .8);
 
  color: #fff;
 
  font-weight: bold;
 
  padding: 0 3px 1px 3px;
 
}
 
 
table.wikitable td, table.wikitable tr td, table.wikitable > tr > td, table.wikitable > * > tr > td, table.dataTable td {
 
  border: 1px solid #000;
 
  background: rgba(194,210,255,1);
 
  color: #000;
 
  padding: 0 3px 1px 3px;
 
}
 
 
table.dataTable td:hover {
 
  background: rgba(140, 171, 255, .8);
 
}
 
 
table.dataTable.display tbody tr.odd, table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
 
  background: rgba(109, 105, 97, 0.25);
 
}
 
 
table.dataTable.display tbody tr.even, table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
 
  background: rgba(66, 64, 59, 0.25);
 
}
 
 
table.jquery-tablesorter th.headerSort, table.dataTable thead .sorting {
 
  background: rgba(140, 171, 255, .8) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAALCAMAAACnFTZPAAAAPFBMVEUAAAB9kaVqbHaud3d8m7ujs7eXm6NgcYRsdIGUe3l4c3Z5fnN7eHJ8gnCIcG94bWxtd2OEXl96X15nblsCXxbxAAAABHRSTlMAIioRjYEYzgAAAEBJREFUCNeNykcOACAIAEHsvQD//6t3MNE9ThYemWQv6PN0SkOsBSW2zaPTgp8W9cG7ScZSY1Czm9kbUNkkUHUAtYABf5i3JSAAAAAASUVORK5CYII=") no-repeat right center !important;
 
  padding: 0 15px 1px 3px;
 
}
 
 
table.jquery-tablesorter th.headerSortDown, table.dataTable thead .sorting_desc {
 
  background: rgba(140, 171, 255, .8) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAGCAMAAAAbiyWRAAAAPFBMVEUAAAB9kaVqbHaud3d8m7ujs7eXm6NgcYRsdIGUe3l4c3Z5fnN7eHJ8gnCIcG94bWxtd2OEXl96X15nblsCXxbxAAAABHRSTlMAIioRjYEYzgAAACZJREFUCNdjIAQY2ZmwCLJw8DFjiLKycXEKogtyCwjz8gjx47MCACP3AMABZTgIAAAAAElFTkSuQmCC") no-repeat right center !important;
 
  padding: 0 15px 1px 3px;
 
}
 
 
table.jquery-tablesorter th.headerSortUp, table.dataTable thead .sorting_asc {
 
  background: rgba(140, 171, 255, .8) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAGCAMAAAAbiyWRAAAAPFBMVEUAAAB9kaVqbHaud3d8m7ujs7eXm6NgcYRsdIGUe3l4c3Z5fnN7eHJ8gnCIcG94bWxtd2OEXl96X15nblsCXxbxAAAABHRSTlMAIioRjYEYzgAAACdJREFUCNdjwAv4hXh4hQW40YUFObnYWDEUM/NxsDBimsHEDhTECwA+zgDAsKwHcgAAAABJRU5ErkJggg==") no-repeat right center !important;
 
  padding: 0 15px 1px 3px;
 
}
 
 
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
 
  color: #7c7c7c;
 
}
 
 
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
 
  border: 1px solid transparent;
 
  background: transparent;
 
  color: #7c7c7c !important;
 
}
 
 
.dataTables_wrapper .dataTables_paginate .paginate_button {
 
  border: 1px solid transparent;
 
  background: transparent;
 
  color: #000 !important;
 
}
 
 
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
 
  border: 1px solid #644f3e;
 
  background: #8c7c65;
 
  color: #ffffff;
 
  font-weight: bold;
 
}
 
 
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
 
  border: 1px solid #744c2a;
 
  background: #987a4d;
 
  color: #ffffff;
 
  font-weight: bold;
 
}
 
 
ul.gallery {
 
}
 
 
li.gallerybox {
 
  border: 1px solid #000;
 
  background: rgba(194,210,255,1);
 
  color: #000;
 
  margin: 0 0 10px 0;
 
  padding: 3px 6px;
 
}
 
 
li.gallerybox div.thumb {
 
  border: none;
 
  background: transparent;
 
  color: #000;
 
}
 
 
div.gallerytext {
 
  text-align: center;
 
}
 
 
div.thumb {
 
  border: none;
 
  background: transparent;
 
  color: #000;
 
}
 
 
.thumb.tleft {
 
  margin: 0 20px 10px 0;
 
}
 
 
.thumb.tright {
 
  margin: 0 0 10px 20px;
 
}
 
 
div.thumbinner {
 
  border: 1px solid #000;
 
  background: rgba(194,210,255,1);
 
  color: #000;
 
  margin: 0 0 10px 0;
 
  padding: 3px 5px !important;
 
}
 
 
html .thumbimage {
 
  border: none;
 
  background: transparent;
 
  color: #000;
 
}
 
 
.thumbcaption {
 
}
 
 
.gallerytext p, .thumbcaption {
 
}
 
 
.toggle {
 
}
 
 
.sn-small {
 
}
 
 
sub, sup a {
 
}
 
 
sup.reference {
 
}
 
 
pre, .mw-code {
 
  border: 1px dashed #000;
 
  background: #fff;
 
  color: #000;
 
  padding: 2px 2px;
 
  white-space: pre-wrap;
 
  word-wrap: break-word;
 
  overflow: hidden;
 
}
 
 
code {
 
  border: 1px dashed #000;
 
  background: transparent;
 
  white-space: pre-wrap;
 
  word-wrap: break-word;
 
}
 
 
#catlinks {
 
  border: 1px solid #AEAEAE;
 
  background: rgba(255, 255, 255, 0);
 
  color: #000;
 
  margin: 10px 0 10px 0;
 
  padding: 3px 6px;
 
}
 
 
#catlinks li {
 
  border-left: 1px solid #000;
 
}
 
 
#catlinks li:first-child {
 
  border-left: none;
 
}
 
 
/********************
 
/* Interface styles *
 
/********************/
 
input, select {
 
  font-family: 'Open Sans', sans-serif;
 
  border: 1px solid #000;
 
  background: #fff;
 
  color: #000;
 
  padding: 2px 2px;
 
}
 
 
textarea {
 
  border: 1px solid #000;
 
  background: #fff;
 
  color: #000;
 
  padding: 2px 2px;
 
}
 
 
.oo-ui-dropdownWidget, .oo-ui-dropdownWidget-handle, .oo-ui-menuSelectWidget, .oo-ui-textInputWidget input, .oo-ui-textInputWidget textarea {
 
  border: 1px solid #000;
 
  background: #fff;
 
  color: #000;
 
}
 
 
.oo-ui-dropdownWidget .oo-ui-selectWidget {
 
  border: 1px solid #000;
 
  background: #fff;
 
  color: #000;
 
}
 
 
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
 
  background-color: #fff;
 
  color: #000000;
 
}
 
 
.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
 
  background-color: #fff;
 
  color: #000000;
 
}
 
 
.oo-ui-dropdownWidget .oo-ui-indicator-down, .oo-ui-menuOptionWidget .oo-ui-indicator-down {
 
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAMAAAB1GNVPAAAAPFBMVEUAAAB9kaVqbHaud3d8m7ujs7eXm6NgcYRsdIGUe3l4c3Z5fnN7eHJ8gnCIcG94bWxtd2OEXl96X15nblsCXxbxAAAABHRSTlMAIioRjYEYzgAAACVJREFUCNdj4Bfi4RUW4GZgEOTkYmNlYGBg5uNgYWQAAiZ2IAUAEO8AwJpUJ8kAAAAASUVORK5CYII=");
 
}
 
 
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
 
  font-family: 'Open Sans', sans-serif;
 
  border: 1px solid #644f3e;
 
  box-shadow: none;
 
  background: #8c7c65;
 
  color: #ffffff;
 
  font-weight: bold;
 
}
 
 
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
 
  border: 1px solid #744c2a;
 
  background: #987a4d;
 
  color: #ffffff;
 
}
 
 
.oo-ui-panelLayout-framed {
 
  border: 1px solid #000;
 
  background: rgba(194,210,255,1);
 
  color: #000;
 
  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: 1px solid #644f3e;
 
  box-shadow: none;
 
  background: #000;
 
  color: #ffffff;
 
  font-weight: bold;
 
  padding: 3px 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 {
 
  border: 1px solid #744c2a;
 
  background: #987a4d;
 
  color: #000;
 
}
 
 
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, .mw-ui-button.mw-ui-progressive:disabled, .mw-ui-button.mw-ui-primary:disabled {
 
  border: 1px solid #000;
 
  background: #fff;
 
  color: #000;
 
}
 
 
.mw-ui-vform label {
 
  color: #000;
 
}
 
 
a.cta-button, a:link.cta-button, a:visited.cta-button {
 
  color: #000000;
 
}
 
 
div.editOptions {
 
  border: none;
 
  background: transparent;
 
}
 
 
.usermessage {
 
  border: 1px solid #000;
 
  background: rgba(255, 255, 255, 1);
 
  color: #000;
 
  margin: 0 0 10px 0;
 
  padding: 3px 6px;
 
}
 
 
body.mw-notification {
 
  border: 1px solid #000;
 
  background: #fff;
 
  color: #000;
 
  margin: 0 0 10px 0;
 
  padding: 3px 6px;
 
}
 
 
body.postedit {
 
  box-shadow: none;
 
  border-radius: 0;
 
  border: 1px solid #000;
 
  background: #fff;
 
  color: #000;
 
  text-shadow: none;
 
}
 
 
body.postedit-close, body.postedit-close:hover {
 
  color: #000;
 
  text-shadow: none;
 
}
 
 
div.mw-warning {
 
  border: 1px solid #000;
 
  background: rgba(194,210,255,1);
 
  color: #000;
 
  margin: 0 0 10px 0;
 
  padding: 3px 6px;
 
}
 
 
div.mw-warning-with-logexcerpt {
 
  border: 1px solid #000;
 
  background: rgba(194,210,255,1);
 
  color: #000;
 
  margin: 0 0 10px 0;
 
  padding: 3px 6px;
 
}
 
 
div#content fieldset {
 
  border: 1px solid #000;
 
  background: rgba(194,210,255,1);
 
  color: #000;
 
  margin: 0 0 10px 0;
 
  padding: 3px 6px;
 
}
 
 
div#content fieldset fieldset {
 
  border: 1px solid #000;
 
  background: transparent;
 
  color: #000;
 
  margin: 0 0 10px 0;
 
  padding: 3px 6px;
 
}
 
 
div#content fieldset legend {
 
  border: none;
 
  background: transparent;
 
  color: #000;
 
  font-family: 'Open Sans', sans-serif;
 
  margin: 0 0 8px 0;
 
  padding: 3px 6px;
 
}
 
 
.mw-plusminus-null {
 
  color: #7c7c7c;
 
}
 
 
.mw-plusminus-pos {
 
  color: #16ff16;
 
}
 
 
.mw-plusminus-neg {
 
  color: #000;
 
}
 
 
.autocomment {
 
  color: #7c7c7c;
 
}
 
 
.mw-changeslist-legend {
 
  border: 1px solid #000;
 
  background: transparent;
 
  color: #000;
 
  margin: 0 0 10px 20px;
 
  padding: 3px 6px;
 
}
 
 
.mw-search-profile-tabs {
 
  border: 1px solid #000;
 
  background: rgba(194,210,255,1);
 
  color: #000;
 
  margin: 0 0 10px 0;
 
  padding: 3px 6px;
 
}
 
 
.mw-search-profile-tabs div.search-types ul li.current a {
 
  color: #000 !important;
 
}
 
 
#pagehistory li {
 
  border: none;
 
  background: transparent;
 
  color: #000;
 
  margin: 1px;
 
  padding: 0;
 
}
 
 
#pagehistory li.selected {
 
  border: none;
 
  background: transparent;
 
  color: #000;
 
  margin: 1px;
 
  padding: 0;
 
}
 
 
table.diff {
 
  border: 1px solid #000;
 
  background: rgba(194,210,255,1);
 
  color: #000;
 
  margin: 0 0 10px 0;
 
  padding: 3px 6px;
 
}
 
 
td.diff-otitle, td.diff-ntitle {
 
  border: none;
 
  background: transparent;
 
}
 
 
td.diff-addedline {
 
  border: 1px solid #000;
 
  background: rgba(36, 107, 36, 0.25);
 
  color: #000;
 
}
 
 
td.diff-deletedline {
 
  border: 1px solid #000;
 
  background: rgba(97, 97, 32, 0.25);
 
  color: #000;
 
}
 
 
td.diff-context {
 
  border: 1px solid #2f2f2f;
 
  background: rgba(47, 47, 47, 0.25);
 
  color: #7c7c7c;
 
}
 
 
td.diff-addedline .diffchange {
 
  background: rgba(0, 174, 0, 0.25);
 
  color: #16ff16;
 
}
 
 
td.diff-deletedline .diffchange {
 
  background: rgba(106, 106, 0, 0.25);
 
  color: #cbcb00;
 
}
 
 
bodyfieldset#mw-searchoptions {
 
  border: 1px solid #000;
 
  background: rgba(194,210,255,1);
 
  color: #000;
 
  margin: -10px 0 10px 0 !important;
 
  padding: 3px 6px;
 
}
 
 
bodyfieldset#mw-searchoptions h4 {
 
  border: none;
 
  color: #000;
 
  margin: 0 0 10px 0;
 
  padding: 0 0 5px 0;
 
}
 
 
bodyfieldset#mw-searchoptions div.divider {
 
  border: none;
 
  border-bottom: 1px solid #000;
 
}
 
 
.client-js #preferences {
 
  background: #fff;
 
}
 
 
div#preferences {
 
  border: none; !important;
 
  background: transparent !important;
 
  margin: 0 !important;
 
  padding: 0 !important;
 
}
 
 
div#preferences fieldset.prefsection {
 
  border: none;
 
  box-shadow: none;
 
  background: transparent;
 
  color: #000;
 
  margin: 0 0 10px 0;
 
  padding: 0;
 
}
 
 
div#preferences fieldset.prefsection legend {
 
  border: none;
 
  background: transparent;
 
  color: #fff;
 
  font-family: 'Open Sans', sans-serif;
 
  margin: 0 0 8px 0;
 
  padding: 3px 6px;
 
}
 
 
div#preferences fieldset, div#preferences fieldset.prefsection fieldset {
 
  border: 1px solid #000;
 
  background: rgba(194,210,255,1);
 
  color: #000;
 
  margin: 0 0 10px 0;
 
  padding: 3px 6px;
 
}
 
 
div#content fieldset legend {
 
  border: 1px solid #000;
 
  background: #fff;
 
  border-radius: 15px;
 
  color: #000;
 
}
 
 
div#preferences fieldset legend, div#preferences fieldset.prefsection fieldset legend {
 
  border: 1px solid #000;
 
  background: #fff;
 
  border-radius: 15px;
 
  color: #000;
 
  font-family: 'Open Sans', sans-serif;
 
  margin: 0 0 8px 0;
 
  padding: 3px 6px;
 
}
 
 
div#preferences fieldset fieldset, div#preferences fieldset.prefsection fieldset fieldset {
 
  border: 1px solid #000;
 
  background: #fff;
 
  border-radius: 15px;
 
  color: #000;
 
  margin: 5px;
 
  padding: 10px;
 
}
 
 
div#preferences fieldset fieldset legend, div#preferences fieldset.prefsection fieldset fieldset legend {
 
  border: none;
 
  background: transparent;
 
  color: #000;
 
  font-family: 'Open Sans', sans-serif;
 
  margin: 0 0 8px 0;
 
  padding: 3px 6px;
 
}
 
 
#preferences td.htmlform-tip {
 
  color: #7c7c7c;
 
}
 
 
.client-js #preftoc li.selected a {
 
  background: transparent;
 
  border-left: none;
 
  border-right: none;
 
  border-bottom: none;
 
  border-top: 1px solid #0000FF;
 
}
 
 
#preftoc {
 
  border: none;
 
  border-bottom: 1px solid #000;
 
  background: transparent;
 
}
 
 
#preftoc li {
 
  border: none;
 
  background: transparent;
 
}
 
 
#preftoc li a {
 
  background: transparent;
 
  color: #0000FF;
 
  height: 25px;
 
  line-height: 25px;
 
  padding: 3px 0 0 0;
 
  margin: 0 4px;
 
}
 
 
#preftoc li a:visited {
 
  background: transparent;
 
  color: #0000FF;
 
}
 
 
#preftoc li.selected a {
 
  background: transparent;
 
  color: #000;
 
}
 
 
#preftoc li a:active {
 
  background: transparent;
 
  color: #000;
 
}
 
 
.error, .previewnote {
 
  color: #000;
 
}
 
 
.warning {
 
  color: #cbcb00;
 
}
 
 
.errorbox {
 
  border: 1px solid #000;
 
  background: rgba(142, 47, 47, 0.25);
 
  color: #000;
 
  margin: 0 0 10px 0;
 
  padding: 3px 6px 3px 16px;
 
}
 
 
.warningbox {
 
  border: 1px solid #000;
 
  background: rgba(97, 97, 32, 0.25);
 
  color: #000;
 
  margin: 0 0 10px 0;
 
  padding: 3px 6px;
 
}
 
 
.successbox {
 
  border: 1px solid #000;
 
  background: rgba(36, 107, 36, 0.25);
 
  color: #000;
 
  margin: 0 0 10px 0;
 
  padding: 3px 6px;
 
}
 
 
table.mw-interwikitable.body td.mw-interwikitable-local-yes {
 
  background: rgba(36, 107, 36, 0.25);
 
}
 
 
ul#filetoc {
 
  border: 1px solid #000;
 
  background: rgba(194,210,255,1);
 
  color: #000;
 
  margin: 0 0 10px 0;
 
  padding: 3px 6px;
 
}
 
 
table.mw_metadata {
 
  border: none;
 
  background: transparent;
 
  color: #000;
 
  margin: 0 0 10px 0;
 
  padding: 0;
 
}
 
 
table.mw_metadata th {
 
  border: 1px solid #000;
 
  background: rgba(140, 171, 255, .8);
 
  color: #fff;
 
  font-weight: bold;
 
  padding: 0 3px 1px 3px;
 
}
 
 
table.mw_metadata td {
 
  border: 1px solid #000;
 
  background: rgba(194,210,255,1);
 
  color: #000;
 
  padding: 0 3px 1px 3px;
 
}
 
 
.TablePager, .mw-datatable, table.cargoTable {
 
  border: none;
 
  background: transparent;
 
  color: #000;
 
  margin: 0 0 10px 0;
 
  padding: 0;
 
}
 
 
.TablePager th, .mw-datatable th, .skin-hydra table.cargoTable th {
 
  border: 1px solid #000;
 
  background: rgba(140, 171, 255, .8);
 
  color: #fff;
 
  font-weight: bold;
 
  padding: 0 3px 1px 3px;
 
}
 
 
.TablePager td, .mw-datatable td {
 
  border: 1px solid #000;
 
  background: rgba(194,210,255,1);
 
  color: #000;
 
  padding: 0 3px 1px 3px;
 
}
 
 
table.cargoTable tr:nth-child(2n+1), table.cargoTable tr:nth-child(2n) {
 
  background: transparent;
 
}
 
 
table.cargoTable tr:nth-child(2n+1) {
 
  background: rgba(109, 105, 97, 0.25);
 
}
 
 
table.cargoTable tr:nth-child(2n) {
 
  background: rgba(66, 64, 59, 0.25);
 
}
 
 
.TablePager tr:hover td, .mw-datatable tr:hover td {
 
  background: rgba(140, 171, 255, .8);
 
}
 
 
.ui-widget-content, .ui-menu {
 
  border: 1px solid #000;
 
  background: #fff;
 
  color: #000;
 
  margin: 0 0 10px 0;
 
  padding: 3px 6px;
 
}
 
 
.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: #000;
 
  margin: 0 0 10px 0;
 
  padding: 0;
 
}
 
 
table.mw-abuselog-details tr th {
 
  border: 1px solid #000;
 
  background: rgba(140, 171, 255, .8);
 
  color: #fff;
 
  font-weight: bold;
 
  padding: 0 3px 1px 3px;
 
}
 
 
table.mw-abuselog-details tr td {
 
  border: 1px solid #000;
 
  background: rgba(194,210,255,1);
 
  color: #000;
 
  padding: 0 3px 1px 3px;
 
}
 
 
.mw-abusefilter-history-changed {
 
}
 
 
div.wikiEditor-ui, div.wikiEditor-preview-contents, div.wikiEditor-preview-loading {
 
  background-color: transparent;
 
}
 
 
/* Visual editor */
 
.oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
 
  background-color: #282828;
 
  border: 1px solid #000;
 
  box-shadow: 0 2px 2px 0 rgba(255,255,255,0.2);
 
}
 
 
.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title {
 
  color: #fff;
 
}
 
 
.oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover, .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover, .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-enabled:hover, .oo-ui-widget.oo-ui-widget-enabled.oo-ui-optionWidget.oo-ui-decoratedOptionWidget.oo-ui-outlineOptionWidget.oo-ui-outlineOptionWidget-level-0.oo-ui-iconElement.oo-ui-labelElement:hover {
 
  background-color: rgba(255, 255, 255, 0.2);
 
}
 
 
.oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon,
 
.oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator,
 
.oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-fieldsetLayout-header > .oo-ui-iconElement-icon {
 
  filter: invert(100%);
 
}
 
 
.oo-ui-textInputWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
 
  filter: unset;
 
}
 
 
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
 
  border-color: #000;
 
}
 
 
.oo-ui-popupToolGroup.oo-ui-widget-enabled.oo-ui-popupToolGroup-active {
 
  background-color: rgba(255, 255, 255, 0.2);
 
}
 
 
.oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon, .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label, .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-iconElement > .oo-ui-tool-link .oo-ui-iconElement-icon {
 
  filter: invert(100%);
 
}
 
 
.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive .oo-ui-buttonElement-button:hover {
 
  background-color: #282828;
 
}
 
 
.oo-ui-indicator-down {
 
  background-image: linear-gradient(transparent, transparent),
 
                    url"(https://commons.gamepedia.com/media/commons.gamepedia.com/0/00/Light_down_arrow.svg");
 
  filter: unset;
 
}
 
 
.ve-ui-mwSaveDialog-options {
 
  background-color: #282828;
 
}
 
 
.ve-ui-mwSaveDialog-license {
 
  color: #fff;
 
}
 
 
/*****************
 
/* Footer styles *
 
/*****************/
 
div#footer {
 
  float: right;
 
  clear: right;
 
  width: 100%;
 
  max-width: 100%;
 
  box-sizing: border-box;
 
  border: none;
 
  background: transparent;
 
  color: #000;
 
  margin: 0 0 0 0;
 
  padding: 10px 20px 10px 20px;
 
  overflow: hidden;
 
}
 
 
div#footer ul li {
 
  color: #000;
 
}
 
 
/***************************
 
/* Template example styles *
 
/***************************/
 
span.templateexample {
 
  font-family: monospace;
 
}
 
 
span.templateexample span.templatelink {
 
  font-weight: bold;
 
}
 
 
span.templateexample span.paramname {
 
}
 
 
span.templateexample span.paramvalue {
 
  color: #7c7c7c;
 
  font-style: italic;
 
}
 
 
/******************
 
/* Image licenses *
 
/******************/
 
.copyright-icon {
 
    background-image: url("https://help.gamepedia.com/media/help.gamepedia.com/b/b6/Copyright.png?version=6d3fec14dfaef041b27724d628c5bbaf");
 
    background-size: 100%;
 
    height: 32px;
 
    width: 32px;
 
}
 
 
.ambox {
 
  border: 1px solid #000;
 
  background: rgba(194,210,255,1);
 
  color: #000;
 
  font-size: 95%;
 
  margin: 0 auto 10px auto;
 
  padding: 0;
 
  width: 80%;
 
}
 
 
.ambox-gray {
 
  box-shadow: 10px 0 0 #383838 inset;
 
}
 
 
.ambox.ambox-tiny {
 
  font-size: 90%;
 
  margin: 2px 0;
 
  width: auto;
 
}
 
 
.ambox + .ambox {
 
  margin-top: -10px;
 
}
 
 
.ambox-text {
 
  padding: 3px 6px;
 
}
 
 
.ambox-image {
 
  padding: 2px 0 2px 16px;
 
  text-align: center;
 
  width: 60px;
 
}
 
 
.ambox-tiny .ambox-image {
 
  padding: 2px 6px;
 
  text-align: left;
 
  width: auto;
 
}
 
 
/* Ambox colors */
 
.ambox-blue {
 
  box-shadow: 10px 0 0 #1e90ff inset;
 
}
 
 
.ambox-red {
 
  box-shadow: 10px 0 0 #b22222 inset;
 
}
 
 
.ambox-orange {
 
  box-shadow: 10px 0 0 #f28500 inset;
 
}
 
 
.ambox-yellow {
 
  box-shadow: 10px 0 0 #f4c430 inset;
 
}
 
 
.ambox-purple {
 
  box-shadow: 10px 0 0 #9932cc inset;
 
}
 
 
.ambox-gray {
 
  box-shadow: 10px 0 0 #bba inset;
 
}
 
 
.ambox-green {
 
  box-shadow: 10px 0 0 #228b22 inset;
 
}
 
 
/* Ambox small text */
 
.amsmalltext {
 
  font-size: smaller;
 
  margin-left: 0.8em;
 
  margin-top: 0.5em;
 
}
 
 
/****************************
 
/* Flexbox main page styles *
 
/****************************/
 
.fmpnav {
 
  display: flex;
 
  flex-flow: row wrap;
 
  flex: 1 0 auto;
 
  max-width: 100%;
 
  max-width: calc( 100% + 20px );
 
  margin: -10px;
 
  overflow: hidden;
 
  justify-content: space-between;
 
  align-items: center;
 
}
 
 
.fmpnav .link {
 
  box-sizing: border-box;
 
  flex: 1 0 33.333333%;
 
  min-width: 128px;
 
  font-weight: bold;
 
  text-align: center;
 
  padding: 10px;
 
}
 
 
@media (min-width: 855px) {
 
  .fmpnav .link {
 
    flex: 1 0 20%;
 
  }
 
}
 
 
@media (min-width: 1433px) {
 
  .fmpnav .link {
 
    flex: 1 0 10%;
 
  }
 
}
 
 
.fmpsections {
 
  width: 100%;
 
  overflow: hidden;
 
  display: flex;
 
  flex-flow: row wrap;
 
}
 
 
.fmpsection {
 
  flex-basis: 100%;
 
}
 
 
.fmpblockpair {
 
  display: flex;
 
  flex-flow: column nowrap;
 
  flex: 1 0 auto;
 
  justify-content: stretch;
 
  align-items: stretch;
 
  margin: 0 0 -5px 0;
 
}
 
 
.fmpblock {
 
  margin: 5px;
 
  padding: 3px 6px;
 
  flex: 1 0 auto;
 
  text-align: center;
 
}
 
 
.fmpblock.noresize {
 
  flex: 0 0 auto;
 
}
 
 
.fmpblockpair .fmpblock {
 
  box-sizing: border-box;
 
  flex: 0 0 auto;
 
  max-width: calc ( 100% - 10px );
 
}
 
 
.fmpblock.box {
 
  border: 1px solid #000;
 
  background: rgba(194,210,255,1);
 
  color: #000;
 
  margin: 5px;
 
  padding: 3px 6px;
 
}
 
 
.fmpblock div.slideboxlightshow, .fmpblock div.slideboxlightshow a, .fmpblock img {
 
  max-width: 100%;
 
  height: auto;
 
}
 
 
.fmpblock .heading.main {
 
  border-bottom: 1px solid #000;
 
  background: transparent;
 
  font-family: 'Open Sans', sans-serif;
 
  color: #fff;
 
  font-weight: bold;
 
  font-size: 132%;
 
  text-align: center;
 
  margin: 0 0 10px 0;
 
  padding: 0 0 5px 0;
 
}
 
 
.fmpblock .heading {
 
  border-bottom: 1px solid #000;
 
  background: transparent;
 
  font-family: 'Open Sans', sans-serif;
 
  font-weight: bold;
 
  color: #fff;
 
  font-size: 132%;
 
  margin: 0 0 10px 0;
 
  padding: 0 0 5px 0;
 
}
 
 
.fmpblock .links ul {
 
  display: flex;
 
  flex-flow: row wrap;
 
  text-align: center;
 
  margin: 0 -10px 10px -10px;
 
  padding: 0;
 
}
 
 
.fmpblock .links ul li {
 
  display: flex;
 
  list-style: none;
 
  flex-flow: column wrap;
 
  flex: 1 0 15em;
 
  margin: 0;
 
  padding: 2px 10px;
 
}
 
 
.fmpblock .iconlinks {
 
  display: flex;
 
  flex-flow: row wrap;
 
  justify-content: space-around;
 
  align-items: flex-start;
 
  text-align: center;
 
  margin: -10px -10px 0 -10px;
 
  padding: 0;
 
}
 
 
.fmpblock .iconlinks .iconlink {
 
  display: flex;
 
  flex-flow: column nowrap;
 
  align-items: center;
 
  border: none;
 
  background: transparent;
 
  margin: 0;
 
  padding: 10px;
 
  flex: 0 0 15em;
 
}
 
 
.fmpblock .iconlinks .iconlink .icon {
 
  display: flex;
 
  flex-flow: column nowrap;
 
  justify-content: stretch;
 
  min-width: 100px;
 
  width: 100%;
 
  height: 100px;
 
}
 
 
.fmpblock .iconlinks .iconlink .icon a {
 
  display: flex;
 
  flex-flow: column nowrap;
 
  justify-content: flex-end;
 
  align-items: center;
 
  flex: 0 0 100%;
 
}
 
 
.fmpblock .iconlinks .iconlink .text {
 
  color: #000;
 
  width: 100%;
 
  text-align: center;
 
}
 
 
.fmpblock .iconlinks .iconlink .text a {
 
  display: block;
 
  width: auto;
 
}
 
 
.fmpblock .videos {
 
  margin: 0 auto;
 
  overflow: hidden;
 
  text-align: center;
 
}
 
 
.fmpblock .videos .video {
 
  display: inline-block;
 
  margin: 0 5px;
 
}
 
 
@media (min-width: 820px) {
 
  .fmpsections .fmpsection {
 
    display: flex;
 
    flex-flow: column nowrap;
 
    flex-basis: 50%;
 
    max-width: 50%;
 
  }
 
 
  .fmpsections .fmpsectiongroup {
 
    display: flex;
 
    flex-flow: column nowrap;
 
    flex-basis: 50%;
 
    max-width: 50%;
 
  }
 
 
  .fmpsections .fmpsectiongroup .fmpsection {
 
    flex-basis: auto;
 
    flex-grow: 1;
 
    max-width: 100%;
 
  }
 
}
 
 
@media (min-width: 1440px) {
 
  .fmpsections .fmpsectiongroup {
 
    display: flex;
 
    flex-flow: row wrap;
 
    flex-basis: 66.667%;
 
    max-width: 66.667%;
 
  }
 
 
  .fmpsections .fmpsection {
 
    display: flex;
 
    flex-flow: column nowrap;
 
    flex-basis: 33.333%;
 
    max-width: 33.333%;
 
  }
 
 
  .fmpsections .fmpsectiongroup .fmpsection.fullwhenwide {
 
    width: auto;
 
    flex-basis: 100%;
 
    flex-grow: 0;
 
    max-width: 100%;
 
  }
 
 
  .fmpsections .fmpsectiongroup .fmpsection.halfwhenwide {
 
    width: auto;
 
    flex-basis: 50%;
 
    flex-grow: 0;
 
    max-width: 50%;
 
  }
 
 
  .fmpblockpair {
 
    flex-flow: row nowrap;
 
    margin: 0;
 
  }
 
 
  .fmpblockpair .fmpblock {
 
    flex: 0 0 calc( 50% - 10px );
 
    max-width: calc( 50% - 10px );
 
  }
 
}
 
 
.fmpexamples {
 
  display: flex;
 
  align-items: self-start;
 
}
 
 
.fmpexample {
 
  margin: 0 3em;
 
  text-align: center;
 
}
 
 
.fmpexample.narrow {
 
  width: 5em;
 
}
 
 
.fmpexample.medium {
 
  width: 10em;
 
}
 
 
.fmpexample.wide {
 
  width: 15em;
 
}
 
 
.fmpexample .body {
 
  margin: -5px;
 
}
 
 
.fmpexample.medium .body {
 
  display: flex;
 
  flex-flow: row wrap;
 
}
 
 
.fmpexample.medium .body .fmpsection {
 
  display: flex;
 
  flex-flow: column nowrap;
 
  flex-basis: 50%;
 
}
 
 
.fmpexample.medium .body .fmpsectiongroup {
 
  display: flex;
 
  flex-flow: column nowrap;
 
  flex-basis: 50%;
 
}
 
 
.fmpexample.medium .body .fmpsectiongroup .fmpsection {
 
  flex-basis: 100%;
 
}
 
 
.fmpexample.wide .body {
 
  display: flex;
 
  flex-flow: row wrap;
 
}
 
 
.fmpexample.wide .body .fmpsectiongroup {
 
  display: flex;
 
  flex-flow: row wrap;
 
  flex-basis: 66.667%;
 
}
 
 
.fmpexample.wide .body .fmpsection {
 
  display: flex;
 
  flex-flow: column nowrap;
 
  flex-basis: 33.333%;
 
}
 
 
.fmpexample.wide .body .fmpsectiongroup .fmpsection.fullwhenwide {
 
  width: auto;
 
  flex-basis: 100%;
 
}
 
 
.fmpexample.wide .body .fmpsectiongroup .fmpsection.halfwhenwide {
 
  width: auto;
 
  flex-basis: 50%;
 
}
 
 
/******************
 
/* Infobox styles *
 
/******************/
 
.infoboxtable {
 
  float: right;
 
  border: none;
 
  background: transparent;
 
  color: #000;
 
  margin: 0 0 10px 20px;
 
  padding: 3px 6px;
 
  width: 300px;
 
}
 
 
.infoboxtable th {
 
  border: 1px solid #000;
 
  background: rgba(194, 210, 255, 1);
 
  color: #000;
 
  font-weight: bold;
 
  text-align: center;
 
  vertical-align: top;
 
  padding: 0.5px 7px;
 
}
 
 
.infoboxtable td {
 
  border: 1px solid #000;
 
  background: rgba(194, 210, 255, 1);
 
  color: #000;
 
  text-align: left;
 
  vertical-align: top;
 
  padding: 0.5px 3px 0.5px 3px;
 
}
 
 
.infoboxtable td > div {
 
  font-weight: bold;
 
}
 
 
.infoboxtable th.infoboxname {
 
  border: 1px solid #000;
 
  background: rgba(140, 171, 255, .8);
 
  font-size: 110%;
 
  color: #fff;
 
  font-family: 'Open Sans', sans-serif;
 
  font-weight: normal;
 
  text-align: center;
 
  padding: 8px;
 
}
 
 
.infoboxtable th.infoboxdetails {
 
  border: 1px solid #000;
 
  background: rgba(140, 171, 255, .8);
 
  text-align: center;
 
  color: #fff;
 
  font-family: 'Open Sans', sans-serif;
 
  font-weight: normal;
 
  padding: 0;
 
}
 
 
/********************
 
/* Navbox templates *
 
/********************/
 
table.navbox {
 
  border: none;
 
  background: transparent;
 
  color: #000;
 
  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 #000;
 
  background: rgba(140, 171, 255, .8);
 
  color: #fff;
 
  font-weight: bold;
 
}
 
 
/* Level 2 styling */
 
.navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title {
 
  border: 1px solid #000;
 
  background: rgba(140, 171, 255, .8);
 
  color: #fff;
 
}
 
 
/* Level 3 styling */
 
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
 
  border: 1px solid #000;
 
  background: rgba(98, 73, 56, 0.35);
 
  color: #000;
 
}
 
 
/* Even row striping */
 
.navbox-even {
 
  border: 1px solid #000;
 
  background: rgba(66, 64, 59, 0.25);
 
  color: #000;
 
}
 
 
/* Odd row striping */
 
.navbox-odd {
 
  border: 1px solid #000;
 
  background: rgba(109, 105, 97, 0.25);
 
  color: #000;
 
}
 
 
.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, .doc, .doc-footer {
 
  border: 1px solid #000;
 
  background: rgba(194,210,255,1);
 
  color: #000;
 
  margin: 0 0 10px 0;
 
  padding: 3px 6px;
 
  overflow: auto;
 
}
 
 
.contentbox .contentbox {
 
  border: 1px solid #000;
 
  background: transparent;
 
  color: #000;
 
}
 
 
.headerlike, .doc-header {
 
  border-bottom: 1px solid #000;
 
  background: transparent;
 
  color: #000;
 
  font-family: 'Open Sans', sans-serif;
 
  margin: 0 0 10px 0;
 
  padding: 0 0 5px 0;
 
}
 
 
span.bullet {
 
  background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAANCAMAAAC91e+5AAAAP1BMVEUAAABpP0B8lbGQpYpoU099V1ZgaU+ZvddqiaqbpqJwhJ5geZCIgoVWaoOIe3lhZ3KCbGl1gWaiVFJncFBqTUwI2m0cAAAABXRSTlMAdVNOLKxSyJ4AAAApSURBVAjXYyAZiLAKs7EJMjCy8vFwMjMwCAlwsQNFWfg5mECy3LxwhQAYtADeYhzAZgAAAABJRU5ErkJggg==") no-repeat center 60%;
 
  width: 9px;
 
  font-size: 11px;
 
  vertical-align: baseline;
 
}
 
 
.dablink {
 
  padding: 2px 36px 10px 36px;
 
  font-style: italic;
 
}
 
 
.ghost {
 
  color: #7c7c7c; /* For any text that appear fainter for some reason */
 
}
 
 
.mark {
 
  color: #000;
 
}
 
 
.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;
 
}
 
 
/* multi-upload screen font colour fix */
 
#upload_list .file .file-title {
 
    color: #000000;
 
}
 
 
.check_span {
 
    color: #1D1D1D;
 
    float: right;
 
}
 
 
#upload_list .file a {
 
    color: #0000FF;
 
}
 
 
/* Echo notification colour tweak */
 
.mw-echo-overlay {
 
    background-color: #000000;
 
    border: 1px solid #a1b9fd;
 
    color: #FFFFFF;
 
}
 
 
.mw-echo-overlay-pokey {
 
    background-image: url("https://witcher.gamepedia.com/media/witcher.gamepedia.com/9/9e/Pokey.png");
 
}
 
 
.mw-echo-overlay li.mw-echo-notification {
 
    border: 1px solid #a1b9fd;
 
}
 
 
#mw-echo-overlay-pref-link {
 
    border-left: 1px solid #a1b9fd;
 
}
 
 
.mw-echo-overlay .mw-echo-grey-link a {
 
    color: #eeeeee;
 
}
 
 
.mw-echo-overlay .mw-echo-grey-link:hover a {
 
    color: #a1b9fd !important;
 
}
 
 
.mw-echo-notifications {
 
    border: 1px solid #a1b9fd;
 
}
 
 
.mw-echo-overlay-title {
 
    border-bottom: 1px solid #a1b9fd;
 
}
 
 
.mw-echo-title {
 
    background-color: #000000;
 
}
 
 
#mw-echo-overlay-footer {
 
    border-top: none;
 
}
 
 
.mw-echo-overlay li.mw-echo-notification,
 
.mw-echo-overlay li.mw-echo-notification:last-child,
 
.mw-echo-overlay li.mw-echo-notification.mw-echo-unread,
 
#mw-echo-special-container .mw-echo-notification,
 
#mw-echo-special-container .mw-echo-notification.mw-echo-unread {
 
    background-color: #000000 !important;
 
}
 
.mw-echo-overlay li.mw-echo-notification:hover,
 
.mw-echo-overlay li.mw-echo-notification.mw-echo-unread:hover,
 
#mw-echo-special-container .mw-echo-notification:hover,
 
#mw-echo-special-container .mw-echo-notification.mw-echo-unread:hover {
 
    background-color: #121212;
 
}
 
 
.mw-echo-notification {
 
    background-color: #000000;
 
    color: #FFFFFF;
 
}
 
 
.mw-echo-timestamp {
 
    color: #a1b9fd;
 
}
 
 
.mw-echo-date-section {
 
    border-bottom: 8px solid #D5D4D4;
 
    color: #a1b9fd;
 
}
 
 
.mw-echo-dismiss {
 
    background-color: #000000;
 
}
 
 
/* user profile info colour tweak */
 
.helper_mark:before {
 
    background-color: #000000;
 
    border: 1px solid #EFEFEF;
 
    color: #D5D4D4;
 
}
 
 
.helper_mark > span:after {
 
    background-color: #000000;
 
    bottom: -5px;
 
    box-shadow: -4px -4px 5px 2px #000000, 4px 4px 5px 1px rgba(35, 49, 72, 0.75);
 
    color: #D5D4D4;
 
}
 
 
.helper_mark > span {
 
    background-color: #000000;
 
    color: #D5D4D4;
 
}
 
 
/* Wiki editor fixes */
 
div.wikiEditor-ui {
 
    background: rgba(0, 0, 0, 0);
 
    border: medium none;
 
}
 
 
div.wikiEditor-ui div.wikiEditor-ui-view {
 
    border: 1px dashed #a1b9fd;
 
}
 
 
div.wikiEditor-ui-buttons {
 
    background-color: rgba(0, 0, 0, 0);
 
    border-top: medium none;
 
    margin-right: 5px;
 
}
 
 
 
div.wikiEditor-ui-controls {
 
    background-color: rgba(0, 0, 0, 0);
 
    border-bottom: 1px dashed #a1b9fd;
 
}
 
 
div.wikiEditor-ui-tabs {
 
    background-color: #101010;
 
    border-left: 1px dashed #a1b9fd;
 
    border-top: 1px dashed #a1b9fd;
 
}
 
 
div.wikiEditor-ui-tabs div {
 
    background-color: #1D1D1D;
 
    border-right:  1px dashed #a1b9fd;
 
    border-bottom: 1px dashed #a1b9fd;
 
}
 
 
div.wikiEditor-ui-tabs div a {
 
    background: #AB0000;
 
    background-color: #101010;
 
    color: #FFFFFF;
 
}
 
 
div.wikiEditor-ui-tabs div.current {
 
    background-color: #1D1D1D;
 
    border-bottom: 1px dashed #a1b9fd;
 
}
 
 
div.wikiEditor-ui-tabs div.current a {
 
  color: #ffffff;
 
  background: #a1b9fd;
 
}
 
 
div.wikiEditor-ui .wikiEditor-ui-top {
 
  border-bottom: 1px dashed #a1b9fd;
 
}
 
 
div.wikiEditor-ui-toolbar {
 
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
 
}
 
 
div.wikiEditor-ui-toolbar .group {
 
    border-right: 1px solid #505050;
 
}
 
 
div.wikiEditor-ui-toolbar .group-search {
 
  border-left: 1px dashed #a1b9fd;
 
  border-right: none;
 
}
 
 
div.wikiEditor-ui-toolbar .group .label {
 
  color: #000;
 
}
 
 
.tab {
 
  border-color: transparent;
 
}
 
 
div.wikiEditor-ui-toolbar .tabs span.tab a,
 
div.wikiEditor-ui-toolbar .tabs span.tab a:visited {
 
  color: #000;
 
}
 
 
div.wikiEditor-ui-toolbar .tabs span.tab a.current,
 
div.wikiEditor-ui-toolbar .tabs span.tab a.current:visited {
 
  color: #ffffff;
 
}
 
 
div.wikiEditor-ui-toolbar .group .tool-select .label {
 
  color: #000000;
 
}
 
 
div.wikiEditor-ui-toolbar .sections .section {
 
    background-color: rgba(0, 0, 0, 0.2);
 
    border-top: 1px solid #505050;
 
}
 
 
div.wikiEditor-ui-toolbar .booklet .index div {
 
    color: #7AB1CC;
 
}
 
 
div.wikiEditor-ui-toolbar .booklet .index .current {
 
    background-color: #0A0B0C;
 
    color: #000;
 
}
 
 
div.wikiEditor-ui-toolbar .booklet .pages {
 
    background-color: #0a0b0c;
 
}
 
 
div.wikiEditor-ui-toolbar .page-characters div span {
 
    border: 1px solid #404040;
 
    color: #000;
 
}
 
 
div.wikiEditor-ui-toolbar .page-characters div span:hover {
 
    background-color: rgba(255, 255, 255, 0.1);
 
    border-color: #505050;
 
    color: #7AB1CC;
 
}
 
 
div.wikiEditor-ui-toolbar .page-table td {
 
    border-top: 1px solid #505050;
 
    color: #000;
 
}
 
 
div.wikiEditor-preview-contents,
 
div.wikiEditor-preview-loading {
 
    background-color: transparent;
 
}
 

Latest revision as of 22:54, 21 September 2018