No edit summary |
No edit summary |
||
Line 3: | Line 3: | ||
/******************/ |
/******************/ |
||
body, body.navigation-enabled #mw-mf-page-center { |
body, body.navigation-enabled #mw-mf-page-center { |
||
− | background: #08100e url(" |
+ | background: #08100e url("https://hydra-media.cursecdn.com/anodyne.gamepedia.com/c/c1/Anodyne-Hydra-Body-Background.png") repeat left top; |
color: #ffffff; |
color: #ffffff; |
||
} |
} |
Revision as of 19:02, 13 February 2017
/******************
/* General styles *
/******************/
body, body.navigation-enabled #mw-mf-page-center {
background: #08100e url("https://hydra-media.cursecdn.com/anodyne.gamepedia.com/c/c1/Anodyne-Hydra-Body-Background.png") repeat left top;
color: #ffffff;
}
div#searchbox {
border: 1px solid #404040;
}
#content_wrapper {
border: none;
background: transparent;
color: #ffffff;
text-shadow: 0 1px 0 #000000;
clear: both;
margin: 0;
padding: 3px;
}
h1, .content h1 {
border: none;
border-radius: 5px;
background: #242827;
background: rgba(64, 64, 64, 0.6);
color: #ffffff;
font-family: monospace;
}
h2, .content h2 {
border: none;
border-radius: 5px;
background: #242827;
background: rgba(64, 64, 64, 0.6);
color: #ffffff;
font-family: monospace;
}
h3, .content h3 {
border: none;
border-radius: 5px;
background: #242827;
background: rgba(64, 64, 64, 0.6);
color: #ffffff;
font-family: monospace;
}
h4, .content h4 {
border: none;
border-radius: 5px;
background: #242827;
background: rgba(64, 64, 64, 0.6);
color: #ffffff;
font-family: monospace;
}
h5, .content h5 {
border: none;
border-radius: 5px;
background: #242827;
background: rgba(64, 64, 64, 0.6);
color: #ffffff;
font-family: monospace;
}
h6, .content h6 {
border: none;
border-radius: 5px;
background: #242827;
background: rgba(64, 64, 64, 0.6);
color: #ffffff;
font-family: monospace;
}
#content_wrapper .section {
border-bottom: 1px solid #404040;
}
#content .thumb {
border: none;
border-radius: 5px;
background: #242827;
background: rgba(64, 64, 64, 0.6);
color: #ffffff;
padding: 8px;
margin-bottom: 5px;
}
table, table.wikitable, .content table, .content table.wikitable {
border-collapse: collapse !important;
border-spacing: 0 !important;
border: none;
border-radius: 5px;
background: #242827;
background: rgba(64, 64, 64, 0.6);
color: #ffffff;
padding: 3px;
margin: auto;
margin-bottom: 5px;
}
table th, table.wikitable th, .content table th, .content table.wikitable th {
border: 1px solid #404040;
background: #404040;
color: #ffffff;
font-weight: bold;
margin: 0;
padding: 0 3px 3px 3px;
}
table td, table.wikitable td, .content table td, .content table.wikitable td {
background: transparent;
border: 1px solid #404040;;
color: #ffffff;
vertical-align: middle;
padding: 4px 8px;
}
div#footer {
border: none;
border-radius: 5px;
background: #242827;
background: rgba(64, 64, 64, 0.6);
color: #ffffff;
text-shadow: 0 1px 0 #000000;
margin: 0 10px 10px 10px;
padding: 8px;
}
.mwm-notice {
border: none;
background: transparent;
color: #ffffff;
}
pre, .mw-code {
border: none;
border-radius: 5px;
background: #e0e0e0;
color: #000000;
text-shadow: none;
white-space: pre-wrap;
word-wrap: break-word;
}
pre a, pre a:link {
color: #7d5823;
}
pre a:visited {
color: #4e3716;
}
code {
color: #ffffff;
}
input, select, textarea {
border: none;
background: #e0e0e0;
color: #000000;
text-shadow: none;
padding: 2px 2px;
}
button, input[type="submit"], input[type="button"], input[type="reset"] {
border: 1px solid transparent;
border-right: 2px solid transparent;
border-radius: 5px;
background: #ffffff padding-box;
color: #000000;
font-family: monospace;
text-shadow: none;
padding: 2px 2px;
}
#mf-notification {
border: 2px solid #3e391e !important;
border-radius: 6px;
background: #222324 !important;
background: rgba(102, 102, 102, 0.1) !important;
color: #bbbbbb !important;
padding: 8px;
margin-bottom: 5px;
}
.toast {
border: none;
border-radius: 5px;
background: #242827;
color: #ffffff;
}
.drawer {
background: #242827 !important;
}
/********************
/* Main menu styles *
/********************/
.primary-navigation-enabled {
border-left: 12px solid #ffffff;
background: #404040;
text-shadow: 0 1px 0 #000000;
}
#mw-mf-page-left {
border-left: 12px solid #ffffff;
background: transparent;
}
#mw-mf-page-left ul {
background: transparent;
}
#mw-mf-page-left ul:first-child {
border-bottom: 12px solid #ffffff;
}
#mw-mf-page-left ul li {
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
background: transparent;
text-shadow: none;
}
#mw-mf-page-left ul li a, #mw-mf-page-left ul.hlist li a {
border: none;
color: #ffffff;
}
#mw-mf-page-left ul li:hover {
border-left: 12px solid #e7cda9;
background: transparent;
}
#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: #e7cda9;
}
/***************
/* Link styles *
/***************/
a, a:link {
color: #e7cda9;
}
a:visited {
color: #d9b17a;
}
a.new {
color: #e8a8a8 !important;
}
a.new:visited {
color: #da7a7a !important;
}
a.stub {
color: #a8e8a8;
}
a.stub:visited {
color: #a8e8a8;
}
a.extiw, a.external {
color: #e6e7a9;
}
a.extiw:visited, a.external:visited {
color: #d9da7a;
}
a:active {
color: #eeeeee !important;
}
/***************************
/* Template example styles *
/***************************/
span.templateexmaple {
font-family: monospace;
}
span.templateexample span.templatelink {
font-weight: bold;
}
span.templateexample span.paramname {
}
span.templateexample span.paramvalue {
color: #999999;
font-style: italic;
}
/********************
/* Notice templates *
/********************/
.topNotice {
border: none;
border-radius: 5px;
background: #242827;
background: rgba(64, 64, 64, 0.6);
color: #ffffff;
padding: 3px;
}
.topNotice .heading {
font-size: 132%;
}
.topNotice.delete {
background: #242827;
background: rgba(64, 64, 64, 0.6);
}
.topNotice.move, .topnotice.merge, .topnotice.split {
background: #2c2016;
background: rgba(96, 48, 0, 0.25);
}
.topNotice.pagestub {
background: #142c16;
background: rgba(0, 96, 0, 0.25);
}
/******************
/* Image licenses *
/******************/
div.imageLicense {
border: none;
border-radius: 5px;
background: #242827;
background: rgba(64, 64, 64, 0.6);
color: #ffffff;
padding: 3px;
}
div.imageLicense table {
}
div.imageLicense p {
}
div.licenseHeading {
font-size: 150%;
font-weight: bold;
font-family: monospace;
}
/*********************
/* Front page styles *
/*********************/
.fpcolumns {
min-width: auto !important;
width: auto !important;
max-width: auto !important;
}
.fpouter {
padding: 0;
margin: 10px -10px 0 -10px;
}
.fplogo {
display: none;
}
table.fprow {
table-layout: fixed;
border-collapse: separate;
border-spacing: 10px;
margin: 5px 0 0 0;
padding: 0;
width: 100%;
}
.fpcolleft {
float: left;
width: 50%;
margin: 0;
padding: 0;
}
.fpcolcenter {
float: left;
margin: 0;
padding: 0;
}
.fpcolright {
float: right;
width: 50%;
margin: 0;
padding: 0;
}
.fpbox {
display: block;
border: none;
border-radius: 5px;
background: #242827;
background: rgba(64, 64, 64, 0.6);
color: #ffffff;
vertical-align: top;
padding: 3px;
}
.fpbanner {
border: none;
border-radius: 5px;
background: #242827;
background: rgba(64, 64, 64, 0.6);
color: #ffffff;
padding: 3px;
}
.fpbannertable {
display: table;
width: 100%;
}
.fpbannercell {
display: table-cell;
text-align: center;
vertical-align: middle;
}
.fpbannerblock {
display: inline-block;
text-align: center;
width: 100%;
}
.fpcolleft .fpbox {
margin-right: 5px;
}
.fpcolcenter .fpbox {
margin-left: 5px;
margin-right: 5px;
}
.fpcolright .fpbox {
margin-left: 5px;
}
.fpbox .inlineHeading {
display: inline-block;
font-weight: bold;
}
.fpbox .inlineBody {
width: auto;
}
.fpbox .heading {
color: #ffffff;
font-size: 150%;
font-weight: bold;
font-family: monospace;
}
.fpbox .body {
height: 100%;
}
.fpplainbox {
padding: 0 5px 0 5px;
margin: 0 5px 5px 5px;
vertical-align: top;
}
/******************
/* Infobox styles *
/******************/
#bodyContent .infobox {
float: right;
border: none;
border-radius: 5px;
background: #242827;
background: rgba(64, 64, 64, 0.6);
color: #ffffff;
vertical-align: top;
width: 40%;
margin-left: 1em;
padding: 3px;
}
#bodyContent .infobox2 {
clear: right;
}
#bodyContent .infobox .title {
color: #ffffff;
font-size: 150%;
font-weight: bold;
font-family: monospace;
text-align: center;
overflow: auto;
}
#bodyContent .infobox img {
}
#bodyContent .infobox .body {
}
#bodyContent .infobox .image {
text-align: center;
}
#bodyContent .infobox .image .image {
}
#bodyContent .infobox .image img {
}
#bodyContent .infobox .image .image img {
}
#bodyContent .infobox table {
width: 100%;
}
#bodyContent .infobox table tr th {
border: none;
background: transparent;
color: #ffffff;
font-weight: bold;
white-space: nowrap;
width: 1%;
}
#bodyContent .infobox table tr td {
background: transparent;
border: 2px inset #3e391e;
color: #ffffff;
text-align: left;
vertical-align: center;
}
#bodyContent .infobox table tr td.subtitle {
color: #ffffff;
font-size: 132%;
font-weight: bold;
font-family: monospace;
text-align: center;
}
#bodyContent .infobox table tr td.listlabel {
color: #ffffff;
font-size: 116%;
font-weight: bold;
text-align: center;
}
#bodyContent .infobox table tr td.listentries {
text-align: center;
}
/*********************
/* Navigation tables *
/*********************/
table.nav {
border: none;
border-radius: 5px;
background: #242827;
background: rgba(64, 64, 64, 0.6);
color: #ffffff;
cell-spacing: 0;
margin: 0 auto 10px auto;
padding: 0;
clear: both;
}
table.nav th, table.nav tr th, table.nav > tr > th, table.nav > * > tr > th {
border: 1px solid #404040;
border-radius: 6px;
background: #404040;
color: #bbbbbb;
font-family: serif;
font-weight: bold;
margin: 0;
padding: 0 5px 5px 5px;
}
table.nav td, table.nav tr td, table.nav > tr > td, table.nav > * > tr > td {
background: transparent;
border: 1px solid #404040;
color: #ffffff;
text-align: left;
vertical-align: top;
margin: 0;
padding: 3px 11px 8px 11px;
}
table.nav td.list, table.nav tr td.list, table.nav > tr > td.list, table.nav > * > tr > td.list {
padding: 0;
}
table.nav td .item {
display: inline-block;
border-right: 1px solid #404040;
margin: 3px 0 6px 0;
padding: 0 11px 2px 11px;
}
table.nav td .item:last-child {
border: none;
}
/******************
/* General styles *
/******************/
.contentbox {
border: none;
border-radius: 5px;
background: #242827;
background: rgba(64, 64, 64, 0.6);
color: #ffffff;
overflow: auto;
padding: 3px;
}
div#content .contentbox h1, div#content .contentbox h2, div#content .contentbox h3, div#content .contentbox h4, div#content .contentbox h5, div#content .contentbox h6 {
}
span.bullet {
font-size: 1%;
}
span.bullet:after {
font-size: 10000%;
content: "•";
}
.dablink {
padding: 3px 3em 10px 3em;
font-style: italic;
}
span.ghost {
color: #999999; /* For any text that appear fainter for some reason */
}
.columns {
padding: 0;
margin: 10px -10px 0 -10px;
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;
}
.columns .column {
margin-left: 10px;
margin-right: 10px;
}
div#content .columns .leftcol > *, div#content .columns .centercol > *, div#content .columns .rightcol > * {
margin-left: 10px;
margin-right: 10px;
}
div#content .columns .leftcol > ul, div#content .columns .centercol > ul, div#content .columns .rightcol > ul {
margin-left: 15px;
padding-left: 15px;
margin-right: 10px;
}
div#content .columns .leftcol .column > *, div#content .columns .centercol .column > *, div#content .columns .rightcol .column > * {
margin-left: 0;
margin-right: 0;
}
div#content .fpbox .columns .leftcol, div#content .fpbox .columns .centercol, div#content .fpbox .columns .rightcol {
float: none;
}