MediaWiki:Common.css: Difference between revisions

Latest revision as of 17:03, 21 October 2026

body {
 background-color: #2d2136;
 image-rendering: -moz-crisp-edges;
 image-rendering: pixelated;
}

#content {
 margin-top: 150px;
 margin-right: 20px;
}

div#mw-head {
 margin-top: 150px;
}

#right-navigation {
 margin-right: 20px;
}

#p-personal #pt-anonuserpage {
 color: #929398;
 filter: 
  drop-shadow(0px -2px 0px #2d2136) 
  drop-shadow(0px 2px 0px #2d2136)
  drop-shadow(2px 0px 0px #2d2136) 
  drop-shadow(-2px 0px 0px #2d2136);
}

div#mw-head #p-personal ul li a {
 color: #51fc9a;
 filter: 
  drop-shadow(0px -2px 0px #2d2136) 
  drop-shadow(0px 2px 0px #2d2136)
  drop-shadow(2px 0px 0px #2d2136) 
  drop-shadow(-2px 0px 0px #2d2136);
}

div#p-search form {
 margin-top: 0px;
}

div#simpleSearch{
 border: none;
 margin-top: 0px;
 height: 26px;
 padding-top: 14px;
 padding-left: 0.5em;
 margin-right: -5px;
 background-color: white;
}

div#simpleSearch input{
 border: none;
}

div#simpleSearch #searchButton {
 margin-top: -4px;
 margin-right: 0.5em;
}

#p-views {
 float: right;
}

#p-cactions {
 float: right;
 margin-left: 10px;
}

#p-cactions span {
 color: #44cb95;
}

.vectorMenu:not(.menuForceShow) #p-cactions a {
 display: none;
}

div#mw-head div.vectorMenu h3 {
 background-image: none;
}

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

div#mw-panel {
 width: 136px;
 padding-left: 0px;
 margin-left: 20px;
 padding-top: 10px;
}

div#mw-panel nav.portal {
 background-image: none;
 background-color: #3c3f4c;
 margin-left: 0px;
 width: 136px
}

div#mw-panel nav.portal h3 {
 display: none;
}

div#mw-panel nav.portal :is(.body, .vector-menu-content) {
 margin-left: 8px;
 margin-bottom: 10px;
}

div#mw-panel nav.portal :is(.body, .vector-menu-content) ul li a:visited {
 color: #3fa7dd;
}

div#mw-panel nav.portal :is(.body, .vector-menu-content) ul li a {
 color: #3fa7dd;
}

div#mw-panel nav.portal :is(.body, .vector-menu-content) ul li a:visited {
 color: #3fa7dd;
}

div#mw-panel nav.portal :is(.body, .vector-menu-content) ul li a {
 color: #3fa7dd;
}

div#mw-panel nav#p-tb :is(.body, .vector-menu-content) ul li a:visited {
 color: #44cb95;
}

div#mw-panel nav#p-tb :is(.body, .vector-menu-content) ul li a {
 color: #44cb95;
}

.mw-body {
 border: none;
}

#firstHeading {
 display: none;
}

#mw-head:after {
 display: block;
 content: url(/skins/common/images/logo_0.png);
 position: absolute;
 top: -150px;
 left: 50%;
 transform: translateX(-50%);
}

nav:is(.vectorTabs, .vector-menu-tabs) ul,
nav:is(.vectorTabs, .vector-menu-tabs) ul li  {
 background-image: none;
}

nav:is(.vectorTabs, .vector-menu-tabs),
:is(div.vectorTabs, nav.vector-menu-tabs) ul li.selected {
 background-color: #F3F3F3;
}

nav:is(.vectorTabs, .vector-menu-tabs),
nav:is(.vectorTabs, .vector-menu-tabs) span {
 background-image: none;
}

.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading {
 background-image: none;
}

footer#footer {
 margin-left: 156px;
}

footer#footer #footer-info li {
 color: rgb(242, 245, 245);
 filter: 
  drop-shadow(0px -2px 0px #2d2136) 
  drop-shadow(0px 2px 0px #2d2136)
  drop-shadow(2px 0px 0px #2d2136) 
  drop-shadow(-2px 0px 0px #2d2136);
}

#footer #footer-places li a {
 color: #51fc9a;
 filter: 
  drop-shadow(0px -2px 0px #2d2136) 
  drop-shadow(0px 2px 0px #2d2136)
  drop-shadow(2px 0px 0px #2d2136) 
  drop-shadow(-2px 0px 0px #2d2136);
}

.mw-customtoggle {
 color: #7a3ad3;
}

.mw-customtoggle:hover {
 color: #a24eff;
 text-decoration: underline;
}

#footer-icons {
 display: none;
}


@media screen and (min-width: 982px) {
 #p-personal {
  right: 25px;
 }

 #left-navigation {
  margin-left: 176px;
 }

 #p-search {
  margin-right: 5px;
 }
}

/* VENDOR TABLES */

.vendor-table td {
 text-align: center;
}
.vendor-table td:first-child {
 text-align: left;
}

/* LOOT TABLES */

.loot-table td {
 text-align: center;
}
.loot-table td:first-child {
 text-align: left;
}

/* INFOBOXES */

div.infobox {
  float: right;
  position: relative;
  width: 250px;
  background: #f8f9fa;
  font-size: 0.923em;
  border: 1px solid #aaa;
  border-top: 0px;
  margin: 0 0 1em 1em;
  padding: 0;
  display: flex;
  flex-direction: column;
}

div.infobox .icon {
  width: 100%;
  display: flex;
  justify-content: center;
  background-color: #2d2136;
  padding: 0px;
}

div.infobox .icon a {
  height: 100px;
}

div.infobox .heading {
  font-weight: bold;
  text-align: center;
  font-size: 1.2em !important;
  background-color: #eaecf0;
  padding: 0.3em !important;
  border-top: 1px solid #aaa;
}

div.infobox dt {
  float: left;
  text-align: right;
  width: 78px;
  line-height: 1em;
  font-weight: 700;
  clear: left;
  border-right: 2px solid #aaa;
  margin: 0 -2px 0 0;
  padding: 2px 8px 2px 3px;
}

div.infobox dl {
  float: left;
  margin: 0.5em 0;
}

div.infobox dd {
  float: left;
  width: 125px;
  border-left: 2px solid #aaa;
  margin: 0;
  padding: 2px 7px;
}

div.infobox dt,
div.infobox dd {
  line-height: 1.5em;
}