Antiaris Mod Wiki
Don't have an account?
Register
Register
Antiaris Mod Wiki
Antiaris Mod Wiki
414
pages

Mobile.css

MediaWiki page
Back to page
Sign in to edit
(Blanked the page)
No edit summary
Line 1: Line 1:
  +
/* CSS placed here will affect users of the mobile site */
  +
/* Header and footer */
  +
.header-container.header-chrome,
  +
#mw-mf-page-center {
  +
background: transparent;
  +
}
  +
  +
footer {
  +
/*
  +
color: #e0e0e0;
  +
*/
  +
}
  +
  +
.overlay #secondary-button.user-button,
  +
.header #secondary-button.user-button,
  +
.overlay .user-button,
  +
.header .user-button {
  +
background: transparent;
  +
}
  +
  +
/* end header and footer */
  +
  +
.nomobile {
  +
display: none;
  +
}
  +
  +
.client-js .toc-mobile {
  +
background-color: rgba(0, 0, 0, 0) !important;
  +
border: 1px solid #505050 !important;
  +
}
  +
  +
.mw-ui-button,
  +
.last-modified-bar #mw-mf-last-modified {
  +
background-color: rgba(0, 0, 0, 0);
  +
/*
  +
color: #e0e0e0;
  +
*/
  +
}
  +
  +
.overlay-enabled, #content {
  +
/*
  +
background: #101010;
  +
color: #e0e0e0;
  +
*/
  +
}
  +
  +
a,
  +
a:visited,
  +
a.external {
  +
color: #5a93cc;
  +
}
  +
  +
/* For hydradark only - makes the section collapse arrow visible */
  +
/*
  +
.mw-ui-icon-arrow::before {
  +
filter: invert(100%);
  +
}
  +
*/
  +
  +
.thumb,
  +
#content_wrapper .thumb,
  +
li.gallerybox div.thumb {
  +
background-color: rgba(0, 0, 0, 0);
  +
border: 1px solid #505050;
  +
}
  +
  +
.content table th {
  +
background-color: rgba(0, 0, 0, 0);
  +
}
  +
  +
.content table td,
  +
.content table th {
  +
border: 1px solid #505050;
  +
padding: 3px;
  +
}
  +
  +
.content table.wikitable {
  +
background-color: rgba(0, 0, 0, 0);
  +
margin: auto;
  +
margin-bottom: 1em;
  +
}
  +
  +
.content table.wikitable > tr > th,
  +
.content table.wikitable > tr > td,
  +
.content table.wikitable > * > tr > th,
  +
.content table.wikitable > * > tr > td {
  +
border: 1px solid #505050;
  +
}
  +
  +
.content table.wikitable > tr > th,
  +
.content table.wikitable > * > tr > th {
  +
background-color: inherit;
  +
padding: 3px;
  +
}
  +
  +
/* Responsive main page stuff */
  +
/********************
  +
/* Main menu styles *
  +
/********************/
  +
.primary-navigation-enabled {
  +
border-left: 12px solid #505050 !important;
  +
background: #101010 !important;
  +
}
  +
  +
#mw-mf-page-left {
  +
border-left: 12px solid #505050;
  +
background: transparent;
  +
}
  +
  +
#mw-mf-page-left ul {
  +
background: transparent;
  +
}
  +
  +
#mw-mf-page-left ul:first-child {
  +
border-bottom: 12px solid #505050;
  +
}
  +
  +
#mw-mf-page-left ul li {
  +
border-top: 1px solid #505050;
  +
border-bottom: 1px solid #505050;
  +
background: transparent;
  +
text-shadow: none;
  +
}
  +
  +
#mw-mf-page-left ul li a,
  +
#mw-mf-page-left ul.hlist li a {
  +
border: none;
  +
color: #3674b3;
  +
}
  +
  +
#mw-mf-page-left ul li:hover {
  +
border-left: 12px solid #aaaaaa;
  +
background: #505050;
  +
}
  +
  +
#mw-mf-page-left ul.hlist li:hover {
  +
border: none;
  +
}
  +
  +
#mw-mf-page-left ul li:hover a,
  +
#mw-mf-page-left ul.hlist li:hover a {
  +
color: #ffffff;
  +
}
  +
  +
/*********************
  +
/* Front page styles *
  +
/*********************/
  +
.fpbox {
  +
border-radius: 5px;
  +
border: 2px solid #505050;
  +
box-shadow: 0 0 0 2px rgba(0, 0, 0, 0) inset;
  +
background: transparent;
  +
color: inherit;
  +
margin: 5px;
  +
padding: 5px;
  +
}
  +
  +
.fpbox .welcome {
  +
border-bottom: 1px solid #505050;
  +
background: transparent;
  +
/* color: #e0e0e0; */
  +
font-size: 150%;
  +
text-transform: uppercase;
  +
text-align: center;
  +
margin: 0 0 10px 0;
  +
padding: 0 0 5px 0;
  +
}
  +
  +
.fpbox .heading {
  +
border-bottom: 1px solid #505050;
  +
background: transparent;
  +
/* color: #e0e0e0; */
  +
font-size: 132%;
  +
font-variant: small-caps;
  +
margin: 0 0 10px 0;
  +
padding: 0 0 5px 0;
  +
}
  +
  +
.fpbox .heading .smalllink {
  +
color: #3674b3;
  +
font-weight: bold;
  +
font-size: 75%;
  +
}
  +
  +
.fpbox hr {
  +
border: none;
  +
border-bottom: 2px solid #505050;
  +
}
  +
  +
.fpplainbox {
  +
padding: 5px 8px 10px 8px;
  +
margin: 0 5px 10px 5px;
  +
vertical-align: top;
  +
}
  +
  +
.fplinks {
  +
margin: -2px -3px;
  +
}
  +
  +
.fplinks .linkslabel {
  +
border-bottom: 2px solid #505050;
  +
margin: 6px 3px 0 3px;
  +
}
  +
  +
.fplink {
  +
display: inline-block;
  +
vertical-align: middle;
  +
width: 100%;
  +
}
  +
  +
/* Yeah, using display: table makes for a lot of extra markup, but it makes proportionate sizing and vertical centering a lot easier, so going with it */
  +
.fplink .box {
  +
display: table;
  +
width: 100%;
  +
border-spacing: 2px 3px;
  +
border-collapse: separate;
  +
}
  +
  +
.fplink .box .row {
  +
display: table-row;
  +
}
  +
  +
.fplink .box .row .cell {
  +
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  +
/*
  +
background-color: #000000;
  +
background-image: -moz-linear-gradient(center top , #151515 0%, #000000 100%);
  +
background-image:-webkit-gradient(linear, center top, left bottom, color-stop(0%,#151515), color-stop(100%,#000000));
  +
background-image:-webkit-linear-gradient(top, #151515 0%, #000000 100%);
  +
background-image:-o-linear-gradient(top, #151515 0%, #000000 100%);
  +
background-image:-ms-linear-gradient(top, #151515 0%, #000000 100%);
  +
background-image: linear-gradient(to bottom, #151515 0%, #000000 100%);
  +
*/
  +
border: 2px solid #505050;
  +
border-radius: 2px;
  +
box-shadow: 0 0 0 2px #505050 inset;
  +
/* color: #e0e0e0; */
  +
display: table-cell;
  +
font-weight: bold;
  +
position: relative;
  +
text-align: center;
  +
text-transform: uppercase;
  +
vertical-align: middle;
  +
}
  +
  +
.fplink.wide .box .row .cell {
  +
padding: 0 5px;
  +
}
  +
  +
.fplink.image {
  +
width: 78px;
  +
height: 78px;
  +
}
  +
  +
.fplink.image .box .row .cell {
  +
width: 70px;
  +
height: 70px;
  +
vertical-align: bottom;
  +
}
  +
  +
.fplink.image .box .row .cell .image img {
  +
width: 70px;
  +
height: 70px;
  +
}
  +
  +
.fplink.image .image {
  +
position: absolute;
  +
top: 0;
  +
right: 0;
  +
bottom: 0;
  +
left: 0;
  +
font-size: 75%;
  +
z-index: 1;
  +
}
  +
  +
.fplink.image a {
  +
z-index: 2;
  +
}
  +
  +
.fplink a {
  +
display: block;
  +
position: relative;
  +
top: 0;
  +
right: 0;
  +
bottom: 0;
  +
left: 0;
  +
padding: 3px 5px;
  +
}
  +
  +
.fplink.image .image a {
  +
padding: 0;
  +
}
  +
  +
.fplink.image .link a {
  +
border-top: 2px solid #505050;
  +
background: #ddddb7 !important;
  +
}
  +
  +
.fplink.wide a {
  +
margin: 0 -5px;
  +
}
  +
  +
.fplink.image a {
  +
top: auto;
  +
}
  +
  +
.fpvideos {
  +
margin: 0 auto;
  +
overflow: hidden;
  +
text-align: center;
  +
max-width: 480px;
  +
}
  +
  +
.fpvideo {
  +
position: relative;
  +
padding-top: 25px;
  +
padding-bottom: 56.25%;
  +
height: 0;
  +
}
  +
  +
.fpvideo iframe {
  +
position: absolute;
  +
top: 0;
  +
left: 0;
  +
width: 100%;
  +
height: 100%;
  +
}
  +
  +
  +
/* Hide first header on main page */
  +
body.page-Antiaris_Mod_Wiki h1.firstHeading {
  +
display:none;
  +
}
  +
  +
/* When title sub line is empty, remove gap */
  +
#contentSub:empty {
  +
margin: 0;
  +
}
  +
  +
/* Logo */
  +
#p-logo,
  +
#p-logo a {
  +
height: 85px;
  +
width: 278px;
  +
left: 11em;
  +
}
  +
  +
/* MsUpload color fixes */
  +
#upload-list .file {
  +
background-color: #353535;
  +
border-top: #333;
  +
border-bottom: #444;
  +
}
  +
  +
#upload-list .file .file-title,
  +
#upload-list .file .file-size,
  +
#upload-list .file .file-warning {
  +
color: #E0E0E0;
  +
}
  +
  +
#upload-list .file a {
  +
color: #add8e6;
  +
}
  +
  +
#upload-list .file .small-warn {
  +
background: #A31517;
  +
}
  +
  +
/* Framework */
  +
body {
  +
background: #697f72; /* Old browsers */
  +
background: -moz-linear-gradient(top, #697f72 1%, #7e8c73 46%, #262a33 100%); /* FF3.6-15 */
  +
background: -webkit-linear-gradient(top, #697f72 1%,#7e8c73 46%,#262a33 100%); /* Chrome10-25,Safari5.1-6 */
  +
background: fixed linear-gradient(to bottom, #697f72 1%,#7e8c73 46%,#262a33 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  +
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#697f72', endColorstr='#262a33',GradientType=0 ); /* IE6-9 */
  +
}
  +
  +
#pageWrapper {
  +
margin-right: 10px;
  +
}
  +
  +
#mw-page-base {
  +
background: transparent !important;
  +
}
  +
  +
#mw-head-base {
  +
background: transparent !important;
  +
border: 0px solid black;
  +
bottom: 0;
  +
height: 40px;
  +
}
  +
  +
/* Adds bulletpoints styled after links to all lists on the wiki, replaces the default, gauche blue of the Mediawiki, that's so drab and ugly, mon Dieu! */
  +
  +
ul {
  +
list-style-type: disc;
  +
list-style-image: url(//hydra-media.cursecdn.com/ark.gamepedia.com/7/75/Bulletpoint.png);
  +
list-style-image: url(//hydra-media.cursecdn.com/ark.gamepedia.com/7/75/Bulletpoint.png) !ie;
  +
}
  +
  +
/**************************
  +
/* Article navigation bar *
  +
/**************************/
  +
#right-navigation {
  +
margin-right: 1em;
  +
margin-top: 4.5em;
  +
}
  +
  +
#left-navigation {
  +
left: 11em;
  +
margin-top: 4.5em;
  +
}
  +
  +
div.vectorMenu h3 a {
  +
background-image: none;
  +
}
  +
  +
div.vectorTabs {
  +
background-image: none;
  +
}
  +
  +
div.vectorTabs span {
  +
background-image: none;
  +
}
  +
  +
div.vectorTabs ul {
  +
background-image: none;
  +
}
  +
  +
div.vectorTabs ul li {
  +
background-color: transparent;
  +
background-image: none;
  +
color: #000000;
  +
}
  +
  +
div.vectorTabs ul li.selected {
  +
background-color: transparent;
  +
background-image: none;
  +
color: #ffffff;
  +
}
  +
  +
div.vectorTabs ul li span {
  +
background-image: none;
  +
background-color: transparent;
  +
color: #ffffff;
  +
font-weight: bold;
  +
}
  +
  +
div.vectorTabs ul li.selected span {
  +
background-image: none;
  +
background-color: transparent;
  +
color: #ffffff;
  +
font-weight: bold;
  +
}
  +
  +
div.vectorTabs li span a {
  +
background-image: none;
  +
color: #ffffff;
  +
}
  +
  +
div.vectorTabs span a:visited {
  +
color: #ffffff;
  +
}
  +
  +
div.vectorTabs li span a:hover, div.vectorTabs span a:visited:hover {
  +
color: #ffffff;
  +
}
  +
  +
div.vectorTabs li.selected span a {
  +
background-color: transparent;
  +
color: #ffffff !important;
  +
}
  +
  +
div.vectorTabs li.new span a:visited {
  +
color: #ffffff;
  +
}
  +
  +
div.vectorTabs li.new span a:hover, div.vectorTabs li.new span a:visited:hover {
  +
color: #ffffff;
  +
}
  +
  +
div.vectorMenu h5 a {
  +
background-image: none;
  +
}
  +
  +
div.vectorMenu:hover, div.menu, div.vectorMenu div.menuForceShow {
  +
display: block;
  +
}
  +
  +
div#p-cactions div.menu ul {
  +
border: 1px solid #000000;
  +
}
  +
  +
div#p-cactions div.menu ul li a {
  +
background: #ffffff;
  +
color: #000000;
  +
}
  +
  +
div#p-cactions div.menu ul li a:visited {
  +
color: #666;
  +
}
  +
  +
div#p-cactions div.menu ul li a:hover, div#p-cactions div.menu ul li a:visited:hover {
  +
display: block;
  +
}
  +
  +
div#mw-head div.vectorMenu h4 {
  +
color: #FFFFFF;
  +
font-weight: bold;
  +
}
  +
  +
div.vectorMenu ul {
  +
background: #000000;
  +
border: 1px solid #ffffff;
  +
}
  +
  +
  +
/* Sidebar */
  +
div#mw-panel div.portal,
  +
div#mw-panel div.portal div.body {
  +
background-image: none;
  +
}
  +
  +
div#mw-panel div.portal h3,
  +
#mw-panel.collapsible-nav .portal h3 a,
  +
#mw-panel.collapsible-nav .portal h3 a:visited,
  +
#mw-panel.collapsible-nav div.portal h3 a,
  +
#mw-panel.collapsible-nav div.portal h3 a:visited,
  +
#mw-panel.collapsible-nav .portal.collapsed h3 a,
  +
#mw-panel.collapsible-nav .portal.collapsed h3 a:visited {
  +
color: #ffffff;
  +
font-weight: bold;
  +
}
  +
  +
#mw-panel.collapsible-nav .portal.collapsed h3 {
  +
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAABcRAAAXEQHKJvM/AAAAB3RJTUUH3wQBEikUI775dwAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAT0lEQVQ4y9WTUQrAIAxDE9H7H3jC2wnqxKqw/OeRpq0BZVSU1FEAOxKwYwRs11QHwBNBpkuMIPfWaLsBfQkQmSWpzvhH5/6VwJkO/I9negFpGhkjDUKRdAAAAABJRU5ErkJggg==");
  +
background-position: left;
  +
background-repeat: no-repeat;
  +
}
  +
  +
#mw-panel.collapsible-nav .portal h3 {
  +
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAABcRAAAXEQHKJvM/AAAAB3RJTUUH3wQBEiskN1GrWQAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAT0lEQVQ4y+2TOwrAMAxD9Upy/wsH1KlQQlRcskabjSX/sa0dXNrEEZDaZFdXQqqAP+TUAlVynAHQK74oYHu8CUC3PZbJvk4ZaI9gjDm/oBt1WxYtuhHX/wAAAABJRU5ErkJggg==");
  +
background-position: left;
  +
background-repeat: no-repeat;
  +
}
  +
  +
div#mw-panel div.portal div.body ul li a,
  +
div#mw-panel div.portal div.body ul li a:link,
  +
div#mw-panel div.portal div.body ul li a:visited,
  +
div#mw-panel div.portal div.body ul li a:hover {
  +
color: #ffffff;
  +
}
  +
  +
/* social media add-on fix */
  +
div#mw-panel div#p-socialProfiles.portal .body {
  +
margin: auto;
  +
}
  +
  +
.socialSidebar {
  +
width: auto;
  +
max-width: 100%;
  +
}
  +
  +
/* Sliver Fix */
  +
  +
div#mw-head div.vectorMenu h3 {
  +
background-image: none;
  +
}
  +
  +
div.vectorMenu h3 span {
  +
padding-top: 1.3em;
  +
color: #ffffff;
  +
cursor: pointer;
  +
}
  +
  +
/* Content */
  +
div#content {
  +
background: rgba(255, 255, 255, 0.8);
  +
color: #111111;
  +
border: 1px solid #1a1a1a;
  +
box-shadow: rgba(26, 26, 26, 1) 0 0.1em 0.75em;
  +
margin-top: 70px;
  +
}
  +
  +
h1, h2, h3, h4, h5, h6 {
  +
color: #303030;
  +
}
  +
  +
h1, h2 {
  +
border-bottom: 1px solid #303030;
  +
}
  +
  +
h3, h4, h5, h6 {
  +
border-bottom: 0px solid #dddad3;
  +
}
  +
  +
.catlinks {
  +
background-color: rgba(0, 0, 0, 0.1);
  +
border: 1px solid #000000;
  +
}
  +
  +
.mw-warning {
  +
background-color: rgba(0, 0, 0, 0.1);
  +
margin-left: 50px;
  +
margin-right: 50px;
  +
text-align: center;
  +
}
  +
  +
#toc, .toc, .mw-warning {
  +
background-color: rgba(0, 0, 0, 0.1);
  +
border: 1px solid #000000;
  +
font-size: 95%;
  +
padding: 5px;
  +
}
  +
  +
/***************
  +
/* Link styles *
  +
/***************/
  +
a {
  +
color: #397d75;
  +
}
  +
  +
div#content a:visited, a:visited {
  +
color: #397d75;
  +
}
  +
  +
a:hover, div#content a:visited:hover, a:visited:hover {
  +
color: #397d75;
  +
}
  +
  +
div#content a.extiw, div#content a.external {
  +
color: #397d75;
  +
}
  +
  +
div#content a.extiw:visited, div#content a.external:visited {
  +
color: #397d75;
  +
}
  +
  +
div#content a.extiw:hover, div#content a.external:hover, div#content a.extiw:visited:hover, div#content a.external:visited:hover {
  +
color: #397d75;
  +
}
  +
  +
a:active {
  +
color: #397d75;
  +
}
  +
  +
/*****************
  +
/* Footer styles *
  +
/*****************/
  +
div#footer {
  +
background-image: none;
  +
}
  +
  +
div#footer ul li {
  +
color: #ffffff;
  +
}
  +
  +
div#footer a {
  +
color: #d4d5b8;
  +
text-shadow: 1px 1px #000000;
  +
}
  +
  +
div#footer a:hover {
  +
color: #397d75;
  +
}
  +
  +
/* Wiki editor fixes */
  +
.wikiEditor-ui {
  +
background: rgba(0, 0, 0, 0);
  +
border: medium none;
  +
}
  +
  +
.wikiEditor-ui .wikiEditor-ui-view {
  +
border-bottom: medium none;
  +
border-left: 1px solid #000000;
  +
border-right: 1px solid #000000;
  +
border-top : medium none;
  +
}
  +
  +
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 solid #000000;
  +
}
  +
  +
.wikiEditor-ui-tabs {
  +
background-color: #28333f;
  +
border-left: 1px solid #000000;
  +
border-top: 1px solid #000000;
  +
}
  +
  +
.wikiEditor-ui-tabs div {
  +
background-color: #28333f;
  +
border-right: 1px solid #000000;
  +
border-bottom: 1px solid #000000;
  +
}
  +
  +
.wikiEditor-ui-tabs div a {
  +
background: #28333f;
  +
color: #c0c0c0;
  +
}
  +
  +
.wikiEditor-ui-tabs div.current {
  +
background-color: #28333f;
  +
border-bottom: 1px solid #000000;
  +
}
  +
  +
.wikiEditor-ui-tabs div.current a {
  +
color: #ffffff;
  +
font-weight: bold;
  +
}
  +
  +
.wikiEditor-ui .wikiEditor-ui-top {
  +
border-bottom: 1px solid #000000;
  +
}
  +
  +
.wikiEditor-ui-toolbar {
  +
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  +
}
  +
  +
.wikiEditor-ui-toolbar .group {
  +
border-right: 1px solid #000000;
  +
}
  +
  +
.wikiEditor-ui-toolbar .group-search {
  +
border-left: 1px solid #000000;
  +
border-right: none;
  +
}
  +
  +
.wikiEditor-ui-toolbar .group .label {
  +
color: #000000;
  +
}
  +
  +
.tab {
  +
border-color: rgba(0, 0, 0, 0);
  +
}
  +
  +
.wikiEditor-ui-toolbar .tabs span.tab a,
  +
.wikiEditor-ui-toolbar .tabs span.tab a:visited {
  +
color: #000000;
  +
}
  +
  +
.wikiEditor-ui-toolbar .tabs span.tab a.current,
  +
.wikiEditor-ui-toolbar .tabs span.tab a.current:visited {
  +
color: #000000;
  +
}
  +
  +
.wikiEditor-ui-toolbar .group .tool-select .label {
  +
color: #000000;
  +
}
  +
  +
.wikiEditor-ui-toolbar .sections .section {
  +
background-color: rgba(0, 0, 0, 0.2);
  +
border-top: 1px solid #000000;
  +
}
  +
  +
.wikiEditor-ui-toolbar .booklet .index div {
  +
color: #efefef;
  +
}
  +
  +
.wikiEditor-ui-toolbar .booklet .index .current {
  +
background-color: rgba(0, 0, 0, 0);
  +
color: #000000;
  +
}
  +
  +
.wikiEditor-ui-toolbar .booklet .pages {
  +
background-color: rgba(0, 0, 0, 0);
  +
}
  +
  +
.wikiEditor-ui-toolbar .page-characters div span {
  +
border: 1px solid #000000;
  +
color: #000000;
  +
}
  +
  +
.wikiEditor-ui-toolbar .page-characters div span:hover {
  +
background-color: rgba(255, 255, 255, 0.1);
  +
border-color: #000000;
  +
color: #efefef;
  +
}
  +
  +
.wikiEditor-ui-toolbar .page-table td {
  +
border-top: 1px solid #000000;
  +
color: #000000;
  +
}
  +
  +
.wikiEditor-preview-loading {
  +
background-color: rgba(0, 0, 0, 0);
  +
}
  +
  +
.wikiEditor-preview-contents {
  +
background-color: rgba(0, 0, 0, 0);
  +
border-color: -moz-use-text-color #000000 #000000;
  +
border-image: none;
  +
border-style: none solid solid;
  +
border-width: medium 1px 1px;
  +
}
  +
  +
.editOptions {
  +
background-color: rgba(0, 0, 0, 0);
  +
border-color: -moz-use-text-color #000000 #000000;
  +
border-image: none;
  +
border-style: none solid solid;
  +
border-width: medium 1px 1px;
  +
}
  +
  +
/* Page history */
  +
#pagehistory li {
  +
background-color: rgba(0, 0, 0, 0);
  +
border: none;
  +
padding: 3px;
  +
}
  +
  +
#pagehistory li.selected {
  +
background-color: rgba(0, 0, 0, 0.1);
  +
background-image: none;
  +
border: 1px dashed #aaaaaa;
  +
padding: 3px;
  +
}
  +
  +
table.diff {
  +
background: transparent;
  +
}
  +
  +
td.diff-context {
  +
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  +
border-color: #666666;
  +
color: #000000;
  +
}
  +
  +
td.diff-deletedline {
  +
background-color: #FFE49C;
  +
border-color: #FFE49C;
  +
color: #000000;
  +
}
  +
  +
td.diff-addedline {
  +
background-color: #A3D3FF;
  +
border-color: #A3D3FF;
  +
color: #000000;
  +
}
  +
  +
/* Preferences */
  +
.client-js #preftoc {
  +
background-color: rgba(255, 255, 255, 0.5);
  +
border: 0px;
  +
}
  +
  +
.client-js #preftoc,
  +
.client-js #preftoc li,
  +
.client-js #preferences,
  +
.client-js #preftoc li a {
  +
background-image: none;
  +
background-color: rgba(0, 0, 0, 0);
  +
color: #666666;
  +
}
  +
  +
.client-js #preftoc li:first-child {
  +
margin-bottom: 4px;
  +
margin-left: 5px;
  +
}
  +
  +
.client-js #preftoc li.selected a {
  +
background-color: rgba(255, 255, 255, 0.5);
  +
background-image: none;
  +
border-color: #aaaaaa #aaaaaa rgba(255, 255, 255, 0.5);
  +
border-style: solid;
  +
border-width: 1px;
  +
color: #000000;
  +
}
  +
  +
.client-js #preferences {
  +
background-color: rgba(255, 255, 255, 0.5);
  +
border: 1px solid #aaaaaa;
  +
}
  +
  +
.client-js #preferences fieldset {
  +
border-color: #aaaaaa;
  +
}
  +
  +
/*********************
  +
/* Front page styles *
  +
/*********************/
  +
.fpmain {
  +
width: 100%;
  +
overflow: hidden;
  +
z-index: 1;
  +
}
  +
  +
.fpbanner {
  +
border: 1px solid #82a8af;
  +
box-shadow: rgba(25, 35, 41, 1) 0 0.1em 0.5em;
  +
background: rgba( 0, 0, 0, .2 );
  +
color: #000000;
  +
margin: 0 5px 5px 5px;
  +
padding: 5px;
  +
min-height: 80px;
  +
}
  +
  +
.fpbannertable {
  +
display: table;
  +
border: none;
  +
background: transparent;
  +
width: 100%;
  +
min-height: 75px;
  +
margin: 0;
  +
padding: 5px;
  +
}
  +
  +
.fpbannercell {
  +
display: table-cell;
  +
text-align: center;
  +
vertical-align: middle;
  +
}
  +
  +
.fpbannerblock {
  +
border: none;
  +
color: #ffffff;
  +
font-weight: bold;
  +
text-shadow: 0 0 8px rgba(255, 255, 255, 0.75);
  +
font-size: 132%;
  +
width: 100%;
  +
margin: 0 0 10px 0;
  +
padding: 0 0 5px 0;
  +
}
  +
  +
.fpmidsections {
  +
float: left;
  +
width: 100%;
  +
overflow: hidden;
  +
}
  +
  +
.fpbox {
  +
border: 1px solid #82a8af;
  +
box-shadow: 0 2px 5px #687478;
  +
background: rgba(0, 0, 0, 0.10);
  +
color: #000000;
  +
margin: 5px 5px 5px 5px;
  +
padding: 5px 5px 5px 5px;
  +
overflow: auto;
  +
}
  +
  +
.fpbox .mainheading {
  +
border: none;
  +
border-bottom: 1px solid #82a8af;
  +
color: #82a8af;
  +
font-size: 150%;
  +
font-weight: bold;
  +
margin: 0 0 10px 0;
  +
padding: 0 0 5px 0;
  +
overflow: auto;
  +
}
  +
  +
.fpbox .heading {
  +
border: none;
  +
border-bottom: 1px solid #82a8af;
  +
color: #ffffff;
  +
font-size: 132%;
  +
margin: 0 0 10px 0;
  +
padding: 0 0 5px 0;
  +
overflow: auto;
  +
}
  +
  +
.fpmain .columns .leftcol {
  +
width: 100%;
  +
margin: 0;
  +
padding: 0;
  +
}
  +
  +
.fpmain .columns .rightcol {
  +
width: 100%;
  +
margin: 0;
  +
padding: 0;
  +
}
  +
  +
.fpsection1, .fpsection2, .fpsection3, .fpsection4 {
  +
float: left;
  +
clear: both;
  +
width: 100%;
  +
}
  +
  +
div.fp2columnonly, div.fp3columnonly {
  +
display: none;
  +
}
  +
  +
@media (min-width: 790px) {
  +
.fpsection1 {
  +
float: left;
  +
clear: none;
  +
width: 50%;
  +
}
  +
  +
.fpmidsections {
  +
clear: none;
  +
float: right;
  +
width: 50%;
  +
}
  +
  +
.fpsection4 {
  +
float: left;
  +
clear: none;
  +
width: 50%;
  +
}
  +
  +
div.fp2columnonly {
  +
display: block;
  +
}
  +
}
  +
  +
@media (min-width: 990px) {
  +
.fpmain .columns .leftcol {
  +
float: left;
  +
width: 50%;
  +
margin: 0;
  +
padding: 0;
  +
}
  +
  +
.fpmain .columns .rightcol {
  +
float: right;
  +
width: 50%;
  +
margin: 0;
  +
padding: 0;
  +
}
  +
}
  +
  +
@media (min-width: 1390px) {
  +
.fpmidsections {
  +
clear: none;
  +
float: right;
  +
width: 66.667%;
  +
}
  +
  +
.fpsection1 {
  +
clear: none;
  +
width: 33.333%;
  +
}
  +
  +
.fpsection2 {
  +
clear: none;
  +
width: 50%;
  +
}
  +
  +
.fpsection3 {
  +
clear: none;
  +
width: 50%;
  +
}
  +
  +
.fpsection4 {
  +
clear: left;
  +
width: 33.333%;
  +
}
  +
  +
div.fp2columnonly {
  +
display: none;
  +
}
  +
  +
div.fp3columnonly {
  +
display: block;
  +
}
  +
}
  +
  +
.fpbox.plain {
  +
border: none;
  +
box-shadow: none;
  +
background: transparent;
  +
}
  +
  +
.fpimagelist ul {
  +
list-style-type: none;
  +
list-style-image: none;
  +
}
  +
  +
.fpvideos {
  +
margin: 0 auto;
  +
overflow: hidden;
  +
text-align: center;
  +
}
  +
  +
.fpvideo {
  +
display: inline-block;
  +
margin: 0 5px;
  +
}
  +
  +
/* Terraria Infobox template style */
  +
.infobox {
  +
border: 1px #AAA solid;
  +
background: transparent;
  +
color: black;
  +
margin-bottom: 0.5em;
  +
margin-left: 1em;
  +
padding: 0.2em;
  +
float: right;
  +
}
  +
.infobox td,
  +
.infobox th {
  +
vertical-align: top;
  +
}
  +
.infobox caption {
  +
font-size: larger;
  +
margin-left: inherit;
  +
}
  +
.infobox.bordered {
  +
border-collapse: collapse;
  +
}
  +
.infobox.bordered td,
  +
.infobox.bordered th {
  +
border: 1px #AAA solid;
  +
}
  +
.infobox.bordered .borderless td,
  +
.infobox.bordered .borderless th {
  +
border: 0;
  +
}
  +
/* ------------------ */
  +
  +
table.terraria {
  +
margin-top: 0.4em !important;
  +
}
  +
  +
table {
  +
font-size: 100%;
  +
color: #000000;
  +
/* we don't want the bottom borders of <h2>s to be visible through
  +
* floated tables */
  +
}
  +
  +
/* "terraria"-classed tables */
  +
table.terraria {
  +
margin: 1em 1em 1em 0;
  +
background: transparent;
  +
border: 1px #AFCFE2 solid;
  +
padding: 0.2em;
  +
border-radius: .7em;
  +
-moz-border-radius: .7em;
  +
-webkit-border-radius: .7em;
  +
}
  +
.terraria th, .terraria td {
  +
padding: 0.2em;
  +
}
  +
.terraria th {
  +
background: #E4F0F7;
  +
color: black;
  +
text-align: center;
  +
}
  +
.terraria caption {
  +
font-weight: bold;
  +
}
  +
/* ------------------ */
  +
  +
  +
/* Auto line separators for tables */
  +
table.lined td {
  +
border-bottom:1px #AFCFE2 solid;
  +
}
  +
table.lined tr:last-of-type td {
  +
border-bottom:0;
  +
}
  +
table tr.bottomline td {
  +
border-bottom:1px #AFCFE2 solid;
  +
}
  +
table tr.topline td {
  +
border-top:1px #AFCFE2 solid;
  +
}
  +
/* ------------------ */
  +
  +
div#content a.new:visited,
  +
div#content a.new:hover,
  +
div#content a.new:link {
  +
color: #ba0000 !important;
  +
}
  +
  +
  +
.ambox {
  +
background-color: #eeeeee;
  +
border-bottom-color: #383838;
  +
border-right-color: #383838;
  +
border-top-color: #383838;
  +
border-collapse: collapse;
  +
font-size: 95%;
  +
margin: 0 auto 2px auto;
  +
width: 80%;
  +
}
  +
  +
.ambox-gray {
  +
border-left-color: #383838;
  +
}
  +
  +
.ambox.ambox-tiny {
  +
font-size: 90%;
  +
margin: 2px 0;
  +
width: auto;
  +
}
  +
  +
.ambox + .ambox {
  +
margin-top: -2px;
  +
}
  +
  +
.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;
  +
}
  +
  +
/* copyright images tweak */
  +
.copyright-icon {
  +
background: url(https://commons.gamepedia.com/media/commons.gamepedia.com/thumb/b/b6/Copyright.png/32px-Copyright.png) transparent center center no-repeat;
  +
background-size: 100%;
  +
width: 32px;
  +
height: 32px;
  +
}
  +
  +
  +
.header .branding-box h1 {
  +
border-bottom: none;
  +
}
  +
  +
footer {
  +
color:white;
  +
}
  +
  +
footer h2 {
  +
color: White;
  +
}
  +
  +
footer {
  +
background: #444;
  +
}

Revision as of 16:01, 3 January 2018

/* CSS placed here will affect users of the mobile site */
/* Header and footer */
.header-container.header-chrome,
#mw-mf-page-center {
    background: transparent;
}

footer {
    /* 
    color: #e0e0e0;
    */
}

.overlay #secondary-button.user-button,
.header #secondary-button.user-button,
.overlay .user-button,
.header .user-button {
    background: transparent;
}

/* end header and footer */

.nomobile {
    display: none;
}

.client-js .toc-mobile {
    background-color: rgba(0, 0, 0, 0) !important;
    border: 1px solid #505050 !important;
}

.mw-ui-button,
.last-modified-bar #mw-mf-last-modified {
    background-color: rgba(0, 0, 0, 0);
    /* 
    color: #e0e0e0;
    */
}

.overlay-enabled, #content {
    /* 
    background: #101010;
    color: #e0e0e0;
    */
}

a,
a:visited,
a.external {
    color: #5a93cc;
}

/* For hydradark only - makes the section collapse arrow visible */
/*
.mw-ui-icon-arrow::before {
    filter: invert(100%);
}
*/

.thumb,
#content_wrapper .thumb,
li.gallerybox div.thumb {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #505050;
}

.content table th {
    background-color: rgba(0, 0, 0, 0);
}

.content table td,
.content table th {
    border: 1px solid #505050;
    padding: 3px;
}

.content table.wikitable {
    background-color: rgba(0, 0, 0, 0);
    margin: auto;
    margin-bottom: 1em;
}

.content table.wikitable > tr > th,
.content table.wikitable > tr > td,
.content table.wikitable > * > tr > th,
.content table.wikitable > * > tr > td {
    border: 1px solid #505050;
}

.content table.wikitable > tr > th,
.content table.wikitable > * > tr > th {
    background-color: inherit;
    padding: 3px;
}

/* Responsive main page stuff */
/********************
/* Main menu styles *
/********************/
.primary-navigation-enabled {
  border-left: 12px solid #505050 !important;
  background: #101010 !important;
}

#mw-mf-page-left {
  border-left: 12px solid #505050;
  background: transparent;
}

#mw-mf-page-left ul {
  background: transparent;
}

#mw-mf-page-left ul:first-child {
  border-bottom: 12px solid #505050;
}

#mw-mf-page-left ul li {
  border-top: 1px solid #505050;
  border-bottom: 1px solid #505050;
  background: transparent;
  text-shadow: none;
}

#mw-mf-page-left ul li a,
#mw-mf-page-left ul.hlist li a {
  border: none;
  color: #3674b3;
}

#mw-mf-page-left ul li:hover {
  border-left: 12px solid #aaaaaa;
  background: #505050;
}

#mw-mf-page-left ul.hlist li:hover {
  border: none;
}

#mw-mf-page-left ul li:hover a,
#mw-mf-page-left ul.hlist li:hover a {
  color: #ffffff;
}

/*********************
/* Front page styles *
/*********************/
.fpbox {
  border-radius: 5px;
  border: 2px solid #505050;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0) inset;
  background: transparent;
  color: inherit;
  margin: 5px;
  padding: 5px;
}

.fpbox .welcome {
  border-bottom: 1px solid #505050;
  background: transparent;
  /* color: #e0e0e0; */
  font-size: 150%;
  text-transform: uppercase;
  text-align: center;
  margin: 0 0 10px 0;
  padding: 0 0 5px 0;
}

.fpbox .heading {
  border-bottom: 1px solid #505050;
  background: transparent;
  /* color: #e0e0e0; */
  font-size: 132%;
  font-variant: small-caps;
  margin: 0 0 10px 0;
  padding: 0 0 5px 0;
}

.fpbox .heading .smalllink {
  color: #3674b3;
  font-weight: bold;
  font-size: 75%;
}

.fpbox hr {
  border: none;
  border-bottom: 2px solid #505050;
}

.fpplainbox {
  padding: 5px 8px 10px 8px;
  margin: 0 5px 10px 5px;
  vertical-align: top;
}

.fplinks {
  margin: -2px -3px;
}

.fplinks .linkslabel {
  border-bottom: 2px solid #505050;
  margin: 6px 3px 0 3px;
}

.fplink {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}

/* Yeah, using display: table makes for a lot of extra markup, but it makes proportionate sizing and vertical centering a lot easier, so going with it */
.fplink .box {
  display: table;
  width: 100%;
  border-spacing: 2px 3px;
  border-collapse: separate;
}

.fplink .box .row {
  display: table-row;
}

.fplink .box .row .cell {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  /* 
    background-color: #000000;
    background-image: -moz-linear-gradient(center top , #151515 0%, #000000 100%);
    background-image:-webkit-gradient(linear, center top, left bottom, color-stop(0%,#151515), color-stop(100%,#000000));
    background-image:-webkit-linear-gradient(top, #151515 0%, #000000 100%);
    background-image:-o-linear-gradient(top, #151515 0%, #000000 100%);
    background-image:-ms-linear-gradient(top, #151515 0%, #000000 100%);
    background-image: linear-gradient(to bottom, #151515 0%, #000000 100%);
  */
  border: 2px solid #505050;
  border-radius: 2px;
  box-shadow: 0 0 0 2px #505050 inset;
  /* color: #e0e0e0; */
  display: table-cell;
  font-weight: bold;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
}

.fplink.wide .box .row .cell {
  padding: 0 5px;
}

.fplink.image {
  width: 78px;
  height: 78px;
}

.fplink.image .box .row .cell {
  width: 70px;
  height: 70px;
  vertical-align: bottom;
}

.fplink.image .box .row .cell .image img {
  width: 70px;
  height: 70px;
}

.fplink.image .image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-size: 75%;
  z-index: 1;
}

.fplink.image a {
  z-index: 2;
}

.fplink a {
  display: block;
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 3px 5px;
}

.fplink.image .image a {
  padding: 0;
}

.fplink.image .link a {
  border-top: 2px solid #505050;
  background: #ddddb7 !important;
}

.fplink.wide a {
  margin: 0 -5px;
}

.fplink.image a {
  top: auto;
}

.fpvideos {
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
  max-width: 480px;
}

.fpvideo {
  position: relative;
  padding-top: 25px;
  padding-bottom: 56.25%;
  height: 0;
}

.fpvideo iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/* Hide first header on main page */
body.page-Antiaris_Mod_Wiki h1.firstHeading {
    display:none;
}

/* When title sub line is empty, remove gap */
#contentSub:empty {
    margin: 0;
} 

/* Logo */
#p-logo,
#p-logo a {
    height: 85px;
    width: 278px;
    left: 11em;
}

/* MsUpload color fixes */
#upload-list .file {
	background-color: #353535;
	border-top: #333;
	border-bottom: #444;
}

#upload-list .file .file-title,
#upload-list .file .file-size,
#upload-list .file .file-warning {
	color: #E0E0E0;
}

#upload-list .file a {
    color: #add8e6;
}

#upload-list .file .small-warn {
    background: #A31517;
}

/* Framework */
body {
	background: #697f72; /* Old browsers */
	background: -moz-linear-gradient(top, #697f72 1%, #7e8c73 46%, #262a33 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #697f72 1%,#7e8c73 46%,#262a33 100%); /* Chrome10-25,Safari5.1-6 */
	background: fixed linear-gradient(to bottom, #697f72 1%,#7e8c73 46%,#262a33 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#697f72', endColorstr='#262a33',GradientType=0 ); /* IE6-9 */
}

#pageWrapper {
    margin-right: 10px;
}

#mw-page-base {
    background: transparent !important;   
}

#mw-head-base {
    background: transparent !important; 
    border: 0px solid black;
    bottom: 0;
    height: 40px;
}

/* Adds bulletpoints styled after links to all lists on the wiki, replaces the default, gauche blue of the Mediawiki, that's so drab and ugly, mon Dieu! */

ul {
list-style-type: disc;
list-style-image: url(//hydra-media.cursecdn.com/ark.gamepedia.com/7/75/Bulletpoint.png);
list-style-image: url(//hydra-media.cursecdn.com/ark.gamepedia.com/7/75/Bulletpoint.png) !ie;
}

/**************************
/* Article navigation bar *
/**************************/
#right-navigation {
    margin-right: 1em;
    margin-top: 4.5em;
}

#left-navigation {
    left: 11em;
    margin-top: 4.5em;
}

div.vectorMenu h3 a {
  background-image: none;
}

div.vectorTabs {
    background-image: none;
}

div.vectorTabs span {
    background-image: none;
}

div.vectorTabs ul {
    background-image: none;
}

div.vectorTabs ul li {
    background-color: transparent;
    background-image: none;
    color: #000000;
}

div.vectorTabs ul li.selected {
    background-color: transparent;
    background-image: none;
    color: #ffffff;
}

div.vectorTabs ul li span {
    background-image: none;
    background-color: transparent;
    color: #ffffff;
    font-weight: bold;
}

div.vectorTabs ul li.selected span {
    background-image: none;
    background-color: transparent;
    color: #ffffff;
    font-weight: bold;
}

div.vectorTabs li span a {
    background-image: none;
    color: #ffffff;
}

div.vectorTabs span a:visited {
    color: #ffffff;
}

div.vectorTabs li span a:hover, div.vectorTabs span a:visited:hover {
    color: #ffffff;
}

div.vectorTabs li.selected span a {
    background-color: transparent;
    color: #ffffff !important;
}

div.vectorTabs li.new span a:visited {
    color: #ffffff;
}

div.vectorTabs li.new span a:hover, div.vectorTabs li.new span a:visited:hover {
    color: #ffffff;
}

div.vectorMenu h5 a {
    background-image: none;
}

div.vectorMenu:hover, div.menu, div.vectorMenu div.menuForceShow {
    display: block;
}

div#p-cactions div.menu ul {
    border: 1px solid #000000;
}

div#p-cactions div.menu ul li a {
    background: #ffffff;
    color: #000000;
}

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

div#p-cactions div.menu ul li a:hover, div#p-cactions div.menu ul li a:visited:hover {
    display: block;
}

div#mw-head div.vectorMenu h4 {
    color: #FFFFFF;
    font-weight: bold;
}

div.vectorMenu ul {
    background: #000000;
    border: 1px solid #ffffff;
}


/* Sidebar */
div#mw-panel div.portal, 
div#mw-panel div.portal div.body {
    background-image: none;
}

div#mw-panel div.portal h3,
#mw-panel.collapsible-nav .portal h3 a,
#mw-panel.collapsible-nav .portal h3 a:visited,
#mw-panel.collapsible-nav div.portal h3 a,
#mw-panel.collapsible-nav div.portal h3 a:visited,
#mw-panel.collapsible-nav .portal.collapsed h3 a,
#mw-panel.collapsible-nav .portal.collapsed h3 a:visited {
    color: #ffffff;
    font-weight: bold;
}

#mw-panel.collapsible-nav .portal.collapsed h3 {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAABcRAAAXEQHKJvM/AAAAB3RJTUUH3wQBEikUI775dwAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAT0lEQVQ4y9WTUQrAIAxDE9H7H3jC2wnqxKqw/OeRpq0BZVSU1FEAOxKwYwRs11QHwBNBpkuMIPfWaLsBfQkQmSWpzvhH5/6VwJkO/I9negFpGhkjDUKRdAAAAABJRU5ErkJggg==");
    background-position: left;
    background-repeat: no-repeat;
}

#mw-panel.collapsible-nav .portal h3 {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAABcRAAAXEQHKJvM/AAAAB3RJTUUH3wQBEiskN1GrWQAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAT0lEQVQ4y+2TOwrAMAxD9Upy/wsH1KlQQlRcskabjSX/sa0dXNrEEZDaZFdXQqqAP+TUAlVynAHQK74oYHu8CUC3PZbJvk4ZaI9gjDm/oBt1WxYtuhHX/wAAAABJRU5ErkJggg==");
    background-position: left;
    background-repeat: no-repeat;
}
 
div#mw-panel div.portal div.body ul li a,
div#mw-panel div.portal div.body ul li a:link,
div#mw-panel div.portal div.body ul li a:visited, 
div#mw-panel div.portal div.body ul li a:hover {
    color: #ffffff;
}

/* social media add-on fix */
div#mw-panel div#p-socialProfiles.portal .body {
    margin: auto;
}

.socialSidebar {
    width: auto;
    max-width: 100%;
}

/* Sliver Fix */

div#mw-head div.vectorMenu h3 {
    background-image: none;
}

div.vectorMenu h3 span {
    padding-top: 1.3em;
    color: #ffffff;
    cursor: pointer;
}

/* Content */
div#content {
    background: rgba(255, 255, 255, 0.8);
    color: #111111;
    border: 1px solid #1a1a1a;
    box-shadow: rgba(26, 26, 26, 1) 0 0.1em 0.75em;
    margin-top: 70px;
}

h1, h2, h3, h4, h5, h6 {
    color: #303030;
}

h1, h2 {
    border-bottom: 1px solid #303030;
}

h3, h4, h5, h6 {
    border-bottom: 0px solid #dddad3;
}

.catlinks {
    background-color: rgba(0, 0, 0, 0.1);
    border: 1px solid #000000;
}

.mw-warning {
    background-color: rgba(0, 0, 0, 0.1);
    margin-left: 50px;
    margin-right: 50px;
    text-align: center;
}

#toc, .toc, .mw-warning {
    background-color: rgba(0, 0, 0, 0.1);
    border: 1px solid #000000;
    font-size: 95%;
    padding: 5px;
}

/***************
/* Link styles *
/***************/
a {
    color: #397d75;
}

div#content a:visited, a:visited {
    color: #397d75;
}

a:hover, div#content a:visited:hover, a:visited:hover {
    color: #397d75;
}

div#content a.extiw, div#content a.external {
    color: #397d75;
}

div#content a.extiw:visited, div#content a.external:visited {
    color: #397d75;
}

div#content a.extiw:hover, div#content a.external:hover, div#content a.extiw:visited:hover, div#content a.external:visited:hover {
    color: #397d75;
}

a:active {
    color: #397d75;
}

/*****************
/* Footer styles *
/*****************/
div#footer {
    background-image: none;
}

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

div#footer a {
    color: #d4d5b8;
    text-shadow: 1px 1px #000000;
}

div#footer a:hover {
    color: #397d75;
}

/* Wiki editor fixes */
.wikiEditor-ui {
    background: rgba(0, 0, 0, 0);
    border: medium none;
}

.wikiEditor-ui .wikiEditor-ui-view {
    border-bottom: medium none;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    border-top : medium none;
}

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 solid #000000;
}

.wikiEditor-ui-tabs {
    background-color: #28333f;
    border-left: 1px solid #000000;
    border-top: 1px solid #000000;
}

.wikiEditor-ui-tabs div {
    background-color: #28333f;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
}

.wikiEditor-ui-tabs div a {
     background: #28333f;
     color: #c0c0c0;
}

.wikiEditor-ui-tabs div.current {
    background-color: #28333f;
    border-bottom: 1px solid #000000;
}

.wikiEditor-ui-tabs div.current a {
    color: #ffffff;
    font-weight: bold;
}

.wikiEditor-ui .wikiEditor-ui-top {
    border-bottom: 1px solid #000000;
}

.wikiEditor-ui-toolbar {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.wikiEditor-ui-toolbar .group {
    border-right: 1px solid #000000;
}

.wikiEditor-ui-toolbar .group-search {
    border-left: 1px solid #000000;
    border-right: none;
}

.wikiEditor-ui-toolbar .group .label {
    color: #000000;
}

.tab {
    border-color: rgba(0, 0, 0, 0);
}

.wikiEditor-ui-toolbar .tabs span.tab a,
.wikiEditor-ui-toolbar .tabs span.tab a:visited {
    color: #000000;
}

.wikiEditor-ui-toolbar .tabs span.tab a.current,
.wikiEditor-ui-toolbar .tabs span.tab a.current:visited {
    color: #000000;
}

.wikiEditor-ui-toolbar .group .tool-select .label {
    color: #000000;
}

.wikiEditor-ui-toolbar .sections .section {
    background-color: rgba(0, 0, 0, 0.2);
    border-top: 1px solid #000000;
}

.wikiEditor-ui-toolbar .booklet .index div {
    color: #efefef;
}

.wikiEditor-ui-toolbar .booklet .index .current {
    background-color: rgba(0, 0, 0, 0);
    color: #000000;
}

.wikiEditor-ui-toolbar .booklet .pages {
    background-color: rgba(0, 0, 0, 0);
}

.wikiEditor-ui-toolbar .page-characters div span {
    border: 1px solid #000000;
    color: #000000;
}

.wikiEditor-ui-toolbar .page-characters div span:hover {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: #000000;
    color: #efefef;
}

.wikiEditor-ui-toolbar .page-table td {
    border-top: 1px solid #000000;
    color: #000000;
}

.wikiEditor-preview-loading {
    background-color: rgba(0, 0, 0, 0);
}

.wikiEditor-preview-contents {
    background-color: rgba(0, 0, 0, 0);
    border-color: -moz-use-text-color #000000 #000000;
    border-image: none;
    border-style: none solid solid;
    border-width: medium 1px 1px;
}

.editOptions {  
    background-color: rgba(0, 0, 0, 0);
    border-color: -moz-use-text-color #000000 #000000;
    border-image: none;
    border-style: none solid solid;
    border-width: medium 1px 1px;
}

/* Page history */
#pagehistory li {
    background-color: rgba(0, 0, 0, 0);
    border: none;
    padding: 3px;
}

#pagehistory li.selected {
    background-color: rgba(0, 0, 0, 0.1);
    background-image: none;
    border: 1px dashed #aaaaaa;
    padding: 3px;
}

table.diff {
    background: transparent;
}

td.diff-context {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: #666666;
    color: #000000;
}

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

td.diff-addedline {
    background-color: #A3D3FF;
    border-color: #A3D3FF;
    color: #000000;
}

/* Preferences */
.client-js #preftoc {
    background-color: rgba(255, 255, 255, 0.5);
    border: 0px;
}

.client-js #preftoc,
.client-js #preftoc li,  
.client-js #preferences, 
.client-js #preftoc li a {
    background-image: none;
    background-color: rgba(0, 0, 0, 0);
    color: #666666;
}

.client-js #preftoc li:first-child {
    margin-bottom: 4px;
    margin-left: 5px;
}

.client-js #preftoc li.selected a {
    background-color: rgba(255, 255, 255, 0.5);
    background-image: none;
    border-color: #aaaaaa #aaaaaa rgba(255, 255, 255, 0.5);
    border-style: solid;
    border-width: 1px;
    color: #000000;
}

.client-js #preferences {
    background-color: rgba(255, 255, 255, 0.5);
    border: 1px solid #aaaaaa;
}

.client-js #preferences fieldset {
    border-color: #aaaaaa;
}

/*********************
/* Front page styles *
/*********************/
.fpmain {
  width: 100%;
  overflow: hidden;
  z-index: 1;
}

.fpbanner {
  border: 1px solid #82a8af;
  box-shadow: rgba(25, 35, 41, 1) 0 0.1em 0.5em;
  background: rgba( 0, 0, 0, .2 );
  color: #000000;
  margin: 0 5px 5px 5px;
  padding: 5px;
  min-height: 80px;
}

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

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

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

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

.fpbox {
  border: 1px solid #82a8af;
  box-shadow: 0 2px 5px #687478;
  background: rgba(0, 0, 0, 0.10);
  color: #000000;
  margin: 5px 5px 5px 5px;
  padding: 5px 5px 5px 5px;
  overflow: auto;
}

.fpbox .mainheading {
  border: none;
  border-bottom: 1px solid #82a8af;
  color: #82a8af;
  font-size: 150%;
  font-weight: bold;
  margin: 0 0 10px 0;
  padding: 0 0 5px 0;
  overflow: auto;
}

.fpbox .heading {
  border: none;
  border-bottom: 1px solid #82a8af;
  color: #ffffff;
  font-size: 132%;
  margin: 0 0 10px 0;
  padding: 0 0 5px 0;
  overflow: auto;
}

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

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

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

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

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

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

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

  div.fp2columnonly {
    display: block; 
  }
}

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

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

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

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

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

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

  div.fp2columnonly {
    display: none; 
  }

  div.fp3columnonly {
    display: block; 
  }
}

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

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

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

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

/* Terraria Infobox template style */
.infobox {
   border: 1px #AAA solid;
   background: transparent;
   color: black;
   margin-bottom: 0.5em;
   margin-left: 1em;
   padding: 0.2em;
   float: right;
}
.infobox td,
.infobox th {
   vertical-align: top;
}
.infobox caption {
   font-size: larger;
   margin-left: inherit;
}
.infobox.bordered {
   border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
   border: 1px #AAA solid;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
   border: 0;
}
/* ------------------ */

table.terraria {
   margin-top: 0.4em !important;
}

table {
	font-size: 100%;
	color: #000000;
	/* we don't want the bottom borders of <h2>s to be visible through
	 * floated tables */
}

/* "terraria"-classed tables */
table.terraria {
	margin: 1em 1em 1em 0;
	background: transparent;
        border: 1px #AFCFE2 solid;
        padding: 0.2em;
        border-radius: .7em;
	-moz-border-radius: .7em;
        -webkit-border-radius: .7em;
}
.terraria th, .terraria td {
	padding: 0.2em;
}
.terraria th {
	background: #E4F0F7;
        color: black;
	text-align: center;
}
.terraria caption {
	font-weight: bold;
}
/* ------------------ */


/* Auto line separators for tables */
table.lined td {
        border-bottom:1px #AFCFE2 solid;
}
table.lined tr:last-of-type td {
        border-bottom:0;
}
table tr.bottomline td {
        border-bottom:1px #AFCFE2 solid;
}
table tr.topline td {
        border-top:1px #AFCFE2 solid;
}
/* ------------------ */

div#content a.new:visited,
div#content a.new:hover,
div#content a.new:link {
    color: #ba0000 !important;
}


.ambox {
    background-color: #eeeeee;
    border-bottom-color: #383838;
    border-right-color: #383838;
    border-top-color: #383838;
    border-collapse: collapse;
    font-size: 95%;
    margin: 0 auto 2px auto;
    width: 80%;
}

.ambox-gray {
    border-left-color: #383838;
}

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

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

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

/* copyright images tweak */
.copyright-icon {
    background: url(https://commons.gamepedia.com/media/commons.gamepedia.com/thumb/b/b6/Copyright.png/32px-Copyright.png) transparent center center no-repeat;
    background-size: 100%;
    width: 32px;
    height: 32px;
}


.header .branding-box h1 {
    border-bottom: none;
}

footer {
    color:white;
}

footer h2 {
    color: White;
}

footer {
    background: #444;
}
Community content is available under CC BY-NC-SA unless otherwise noted.