MediaWiki:Common.css
Jump to navigation
Jump to search
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* CSS placed here will be applied to all non-mobile skins */
/* For mobile site, edit MediaWiki:Mobile.css */
html body {
background: url("https://necessewiki.com/mediawiki/images/background.png") no-repeat fixed center bottom / cover #e6e6e6;
height: auto !important;
margin-top: 0 !important;
min-height: 100%;
display: flex;
flex-direction: column;
}
@font-face {
font-family: 'Necessebit';
src: url(https://necessewiki.com/mediawiki/resources/assets/necessebit.ttf) format('truetype');
}
h1, h2 {
border-bottom: 1px solid #83643a !important;;
}
img {
max-width: 100%;
height: auto;
}
.mw-body {
border: 2px solid #100700;
box-shadow: inset #ffb21f 0 0 0 2px, inset #d0812a 0 0 0 4px, inset #2e2018 0 0 0 6px, inset #8e6b54 0 0 0 8px, 0px 0px 10px #000;
margin-right: 1em;
background-color: #bd9e75;
background-image: url("/mediawiki/images/formbackground.png");
border-right-width: 2px;
color: #000;
}
.mw-footer {
text-shadow: 0 0 10px #000, 0 0 10px #000, 0 0 10px #000, 0 0 10px #000;
font-weight: bold;
color: #ccc;
}
.mw-footer a {
color: #1d8df0;
}
.mw-footer li {
color: inherit !important;
}
/* Mobile stuff */
#mw-mf-viewport #mw-mf-page-center {
background: none;
}
#mw-mf-viewport .mw-body {
margin-right: 0.5em;
margin-left: 0.5em;
}
#mw-mf-viewport .last-modified-bar, #mw-mf-viewport .last-modified-bar a, #mw-mf-viewport .last-modified-bar a:visited, #mw-mf-viewport .last-modified-bar .last-modified-text-accent {
color: #ccc;
}
#mw-mf-viewport .last-modified-bar .minerva-icon {
background-color: #ccc;
}
#mw-mf-viewport .last-modified-bar {
background: none;
}
#mw-mf-viewport .last-modified-bar__text {
overflow: initial;
}
#mw-mf-viewport .mw-footer > .post-content {
overflow: initial
}
.page-actions-menu__list-item .cdx-button {
color: #222 !important;;
}
.header-container.header-chrome {
background: none;
}
.catlinks {
background: #e9dcc1;
border: 1px solid #a38d5e;
}
.necesse-title-image {
width: 100%;
max-width: 640px;
height: auto;
}
.necesse-content-cell {
border: 2px solid #191b22;
box-shadow: inset #dbc498 0 0 0 2px, 0px 0px 6px #000;
background: #e9dcc1;
}
.necesse-header {
font-family: 'Necessebit';
font-size: 24px;
font-weight: bold;
color: #111;
text-shadow: 0px 2px 1px #919191;
}
.necesse-main-menu-game {
min-width: 300px;
}
.necesse-main-menu-world {
min-width: 300px;
}
@media only screen and (min-width: 1000px) {
.necesse-main-menu-game {
min-width: 600px;
}
.necesse-main-menu-world {
min-width: 650px;
}
}
.itemplate {
margin: 1px 5px 1px 2px;
display: block;
white-space: nowrap;
}
.necesse-infobox {
box-shadow: inset #dbc498 0 0 0 2px, 0px 0px 6px #000;
border: 2px solid #191b22;
background: #e9dcc1;
float: right;
margin-left: 15px;
margin-bottom: 15px;
min-width: 300px;
}
.content .infobox {
box-shadow: inset #dbc498 0 0 0 2px, 0px 0px 6px #000;
border: 2px solid #191b22;
background: #e9dcc1;
}
.infobox {
float: right;
width: 300px;
}
.content .infobox th, .content .infobox td {
border-bottom: 1px solid #a38d5e;
}
.infobox-table {
width: 100%;
}
.infobox-header {
text-align: center;
font-size: 20px;
}
.infobox-region {
background-color: #ee922c;
border-radius: 5px;
font-weight: bold;
text-align: center;
color: #222;
}
.infobox-section {
padding-left: 10px;
color: black;
white-space: nowrap;
vertical-align: top;
}
.infobox-detail {
padding-right: 10px;
}
.wikitable {
border-collapse: separate;
border: none;
background-color: initial;
}
.wikitable.rounded {
border: 1px solid rgba(0, 0, 0, 0.5);
border-radius: 5px;
padding: 0.1em;
}
.wikitable tr th {
background: #ee922c;
padding: 0.2em 0.4em;
text-align: center;
font-weight: bold;
font-size: 16px;
color: #222;
border: 1px solid #ab7e4c;
}
.wikitable tr th a {
color: #99d;
}
.wikitable tr th a.new {
color: #ba0000;
}
.wikitable tr td {
background: #e9dcc1;
padding: 0.2em 0.4em;
border: 1px solid #a38d5e;
}
.toc, .toccolours {
background: #e9dcc1;
border: 1px solid #a38d5e;
}
figure[typeof~="mw:File/Thumb"], figure[typeof~="mw:File/Frame"] {
background: #e9dcc1;
border: 1px solid #a38d5e;
border-bottom: 0px;
}
figure[typeof~="mw:File/Thumb"] > figcaption, figure[typeof~="mw:File/Frame"] > figcaption {
background: #e9dcc1;
border: 1px solid #a38d5e;
border-top: 0px;
}
figure[typeof~="mw:File/Thumb"] > :not(figcaption) .mw-file-element, figure[typeof~="mw:File/Frame"] > :not(figcaption) .mw-file-element {
background: #e9dcc1;
border: none;
}
pre, code, .mw-code {
background: #e9dcc1;
border: 1px solid #a38d5e;
}
.vector-legacy-sidebar .vector-menu-portal {
box-shadow: inset #dbc498 0 0 0 2px, 0px 0px 6px #000;
border: 2px solid #191b22;
background: #e9dcc1;
}
.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading {
color: #222;
background-image: linear-gradient(to right,rgba(20,20,20,0) 0,#a38d5e 33%,#a38d5e 66%,rgba(20,20,20,0) 100%);
}
.vector-menu-tabs-legacy .selected {
background-image: none;
background: none;
}
.vector-menu-tabs-legacy li {
background-image: none;
background: none;
font-weight: bold;
color: #eee;
text-shadow: 0 0 10px #000, 0 0 10px #000, 0 0 10px #000;
}
.vector-menu-tabs-legacy .selected a {
color: #aee;
}
.vector-menu-tabs-legacy .selected a:visited {
color: #aee;
}
.vector-menu-tabs-legacy .new a {
color: inherit;
}
.vector-menu-tabs-legacy li a {
color: inherit;
}
.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading {
background-image: none;
}
.vector-menu-dropdown {
background-image: none;
font-weight: bold;
color: #eee;
text-shadow: 0 0 10px #000, 0 0 10px #000, 0 0 10px #000;
}
.vector-menu-dropdown .vector-menu-heading {
color: inherit;
font-weight: inherit;
}
.vector-menu-dropdown .vector-menu-content {
box-shadow: inset #dbc498 0 0 0 2px, 0px 0px 6px #000;
border: 2px solid #191b22;
background: #e9dcc1;
}
.vector-menu-dropdown .mw-list-item a {
color: #222;
text-shadow: none;
}
.vector-search-box {
background-image: none;
}
#p-personal {
box-shadow: inset #dbc498 0 0 0 2px, 0px 0px 6px #000;
border: 2px solid #191b22;
background: #e9dcc1;
background: none;
border: none;
box-shadow: none;
color: #eee;
font-weight: bold;
text-shadow: 0 0 10px #000, 0 0 10px #000;
}
#p-personal a.new {
color:inherit;
}
#p-personal a:visited {
color:inherit;
}
#p-personal a {
color:inherit;
}