Difference between revisions of "MediaWiki:Mobile.css"

From PotterworldMC
Jump to: navigation, search
 
(10 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
/* CSS placed here will affect users of the mobile site */
 
/* 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; }
 
#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; }

Latest revision as of 05:45, 10 January 2022

/* 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; }
Retrieved from ‘https://wiki.potterworldmc.com/index.php?title=MediaWiki:Mobile.css&oldid=6501’