MediaWiki:Mobile.css

From PotterworldMC
Jump to: navigation, search

Note: After saving, 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: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* CSS placed here will affect users of the mobile site */
@import url('https://fonts.googleapis.com/css?family=Merriweather:400,700');

#bs-statebar { display: none; }

body.mediawiki {
  background: #0d0c1a;
  color: #b2aaa0;
  position: relative;
}

#content { position: relative; padding-bottom: 20px; }

#mw-page-base { background: transparent; color: #b2aaa0; }

div#mw-panel div.portal div.body{ margin-left: 3px;}
div#mw-panel #p-logo + div.portal { padding-bottom: 15px; }

div#mw-panel div.portal {
  background: none;
  border-bottom: solid 1px #27282E;
}
div#mw-panel div.portal h3,
div#footer ul li {
  color: #b2aaa0;
}

body.mediawiki .mw-body a.external,
body.mediawiki a,
body.mediawiki div#mw-panel div.portal div.body ul li a { color: #ECBF62; }
.mw-body h1, .mw-body h2,
h1, h2, h3, h4, h5, h6 {
  color: #b2aaa0;
  border: none;
  font-family: 'Merriweather', sans-serif;
  line-height: 1.6
}

div.vectorTabs ul,
div#mw-head div.vectorMenu h3,
body.mediawiki div.vectorTabs li { background: none; }
body.mediawiki.x-body #p-namespaces > ul,
body.mediawiki.x-body div.vectorTabs,
body.mediawiki.x-body div.vectorTabs li span { background: none; }
body.mediawiki.x-body div.vectorTabs li a {
  color: #ECBF62;
}

html body.mediawiki div.vectorTabs li span { display: block; }

div#mw-head div.vectorMenu h3 span {
  color: #ECBF62;
  border-left: solid 1px #3D3E43;
  padding: 4px 2px 4px 8px;
  margin-top: 6px;
  margin-bottom: 2px;
  font-family: sans-serif;
}
div#mw-head div.vectorMenu h3 a {
  height: 35px;
}
html body.mediawiki div.vectorTabs li a { padding-top:5px; margin-top: 5px; }
html body.mediawiki div.vectorTabs li:not(:last-child) a { border-right: solid 1px #3D3E43; }

/* primary content */
.mw-body {
  background: #22222C;
  border: solid 1px #3D3E43;
  color: #b2aaa0;
}

/* secondary content */
#bs-statebar,
.editOptions {
  background: #27282E;
  border: solid 1px #3D3E43;
  color: #b2aaa0;
}

/* editor */
div.mce-edit-area {
  background: #22222b;
  padding: 0 10px;
  border: solid 1px #3D3E43;
  border-width: 0 1px !important;
}

div.mce-edit-area,
#editform div.mce-tinymce,
.mce-container iframe { background: transparent !important; }

.mw-body .firstHeading {
  border-bottom: solid 1px #3D3E43;
}
#bs-statebar { display: none; }
#toc, .toc { padding: 10px; }
#toc, .toc, .mw-warning, .toccolours {
  background: transparent;
  border-color: #3D3E43;
}

hr {
  background-color: #3D3E43;
  margin: 10px 0;
}

ul {
  list-style: disc;
}

.mw-content-ltr ol, .mw-content-rtl .mw-content-ltr ol {
  margin: 0.3em 0 0 1.6em;
  padding: 0;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
  background-color: transparent !important;
}

table th {
  background-color: #3D3E43 !important;
  font-family: 'Merriweather', sans-serif !important;
  letter-spacing: .03em;
  color: #b2aaa0;
  padding: 8px;
}

.mw-body h2 {font-size: 28px; font-weight: bold;}
.mw-body h3 {font-size: 24px;}
.mw-body h4 {font-size: 20px;}
.mw-body h5 {font-size: 18px;}
.mw-body h6 {font-size: 16px;}


.mw-body table th h1,
.mw-body table th h2,
.mw-body table th h3,
.mw-body table th h4,
.mw-body table th h5,
.mw-body table th h6 {
  margin: 0;
  padding: 0;
}

table td {
  border: solid 1px #3D3E43;
  margin: 0;
  padding: 4px 8px;
  line-height: 1.5;
  background-color: transparent !important;
}

.mw-content-ltr table ul {
  color: #6b6f81;
  list-style: upper-roman;
  padding: 8px;
}

.mw-content-ltr table li {
  padding-left: 4px;
  margin-bottom: 4px
}

.mw-editsection { display: none; }

body.mediawiki .mw-body .wikitable td a {
    color: #ad6000;
}

#content .permissions-errors { display: none; }
.animations #mw-mf-page-center { background: #0e0e18 !important; }
nav#mw-mf-page-left, #searchInput { background: transparent !important; }
body.navigation-enabled .transparent-shield {
  background: rgba(18,17,27,0.8);
}
.primary-navigation-enabled.animations nav { background: transparent; }
nav ul:first-child { border-color: #24222e; }
.client-js .collapsible-heading .indicator { margin-top: 1.2em !important; filter: contrast(0); }
#mw-mf-last-modified, #page-secondary-actions { display: none; }
#footer ul { list-style: none; }
.wikitable { color: black; }
.mw-content-ltr table ul { padding-left: 32px; }