TheSatanicSanta (talk | contribs) m (fix notification count styles) |
TheSatanicSanta (talk | contribs) m (important, fix search) |
||
Line 26: | Line 26: | ||
.search-overlay { |
.search-overlay { |
||
− | background: #0c1918 url(https://anodyne.gamepedia.com/media/anodyne.gamepedia.com/c/c1/Anodyne-Hydra-Body-Background.png); |
+ | background: #0c1918 url(https://anodyne.gamepedia.com/media/anodyne.gamepedia.com/c/c1/Anodyne-Hydra-Body-Background.png) !important; |
} |
} |
||
Revision as of 00:10, 7 December 2017
/******************
/* General styles *
/******************/
body, body.navigation-enabled #mw-mf-page-center {
background: #08100e url("https://anodyne.gamepedia.com/media/anodyne.gamepedia.com/c/c1/Anodyne-Hydra-Body-Background.png") repeat left top;
color: #ffffff;
}
.header-container.header-chrome {
background: #0c1918 url("https://anodyne.gamepedia.com/media/anodyne.gamepedia.com/2/28/Anodyne-Hydra-Head-Background.png") repeat-x left bottom;
}
.notification-count {
background: transparent;
}
nav#mw-mf-page-left ul li {
background: none;
border: none;
}
#mw-mf-page-center,
#content {
background: transparent;
}
.search-overlay {
background: #0c1918 url(https://anodyne.gamepedia.com/media/anodyne.gamepedia.com/c/c1/Anodyne-Hydra-Body-Background.png) !important;
}
footer .last-modified-bar {
background-color: #0c1918;
}
.header .branding-box h1 {
font-size: 1.5em;
}
footer > .post-content > h2 {
font-size: 1.5em;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
}
body.is-authenticated .pre-content h1#section_0 {
font-family: monospace;
}
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 {
background-color: transparent;
background-image: url(https://anodyne.gamepedia.com/media/anodyne.gamepedia.com/3/38/Anodyne-Hydra-Sidebar-Background.png),
url(https://anodyne.gamepedia.com/media/anodyne.gamepedia.com/c/c1/Anodyne-Hydra-Body-Background.png);
background-repeat: repeat-y, repeat;
background-position: left top, center;
}
#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 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;
}