MediaWiki:Common.css

From Necesse Wiki
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;
}