Difference between revisions of "MediaWiki:Common.css"

Revision as of 14:01, 22 September 2018

@import url('https://fonts.googleapis.com/css?family=Merriweather:400,700');
body.mediawiki {
  background: #0d0c1a url(http://static.potterworldmc.com/img/website/games_bg.jpg) top -50px left -400px no-repeat;
  background-size: 1700px auto;
  color: #b2aaa0;
  position: relative;
}
body.mediawiki::before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 120px;
  background: linear-gradient(to top, #0d0c1a, transparent);
  top: 385px;
}

#content { position: relative; }

#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 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;
}
.mce-container iframe { background: transparent !important; }