MediaWiki:Common.css: Difference between revisions

Latest revision as of 23:13, 15 October 2025

/* Main */
body{background: #2e0d0d;}
#content, .mw-portlet{background: #00000000; color: white}
#mw-content, #mw-content-container, #mw-page-header-links, #mw-header-container, #mw-header, #mw-footer, .mw-content-container{background: #2e0d0d; color: white; border: none}
#content{background: #2e0d0d; color: white; border: solid #d6625e; border-radius: 5px; border-width: 2px;}
#footer-poweredbyico{background: #d9d9d9; border: solid #a3a3a3; border-width: 1.5px; border-radius: 4px}
.color-left, .color-right, .color-middle{background: #d6625e}
#mw-footer-container{border-top: solid 3px #d6625e}

/* Navigation */
#mw-site-navigation, #mw-related-navigation, #site-navigation{background: #2e0d0d;}
#mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk, .personal-inner{box-shadow: 0 0 10px #000; background: #571313; border: solid #d6625e; border-width: 2px 2px 0.4em; border-radius: 5px}
#mw-site-navigation .sidebar-chunk h3, #mw-related-navigation .sidebar-chunk h3{border-bottom: 2px solid #d6625e; border-radius: 5px; padding-left: 0.25em}
@media screen and (min-width: 851px) and (max-width: 1099px){#mw-header-nav-hack {display: none}}

/* Content */
.toc{background: #571313; border-width: 2px 2px 0.4em; border-color: #d6625e; margin-left: 0.75em; border-radius: 4px}
.toc .toctitle{border-bottom: 2px solid #d6625e; border-radius: 5px}
.mw-code, pre, code{border: 2px dotted white; color: #1ba617; background: black; margin-left: 5px; width: fit-content;}
.tools-inline li{margin: 0}
.tools-inline li.selected{border-bottom-color: #d6625e}
.tools-inline li.selected a{color: white; border-bottom-color: #d6625e}
#ca-talk{display: none;}

/* Links */
a, a:visited, .toctogglelabel{color: #3ff221}
a:hover, a:visited:hover, .toctogglelabel:hover{color: #279215; cursor: pointer; text-decoration: underline;}

/* Profile */
@media screen and (min-width: 851px) {#personal .dropdown{border: solid #d6625e; border-width: 2px 2px 0.4em; border-radius: 5px; background: #2e0d0d}}
@media screen and (min-width: 851px) {#personal .dropdown::after, #personal .dropdown::before{display: none;}}

/* Headers */
.mw-body h1.firstHeading{padding-left: 0.25em; border-bottom: solid 4px #d6625e}
.mw-body .mw-heading2{padding-left: 0.25em; border-bottom: solid 3px #d6625e}

/* Stub */
.stub {
  text-align: center;
  border: 4px solid #57120f;
  border-radius: 10px;
  background: #934141;
  color: #ffffff;
  font-family: monospace;
  padding: 10px;
  box-shadow: 0 0 10px #000;
  margin: 12px;
  display: block;
  font-size: 20px;}

/* Infobox */
.infobox{
  width: 250px;
  border: 4px solid #d6625e;
  border-radius: 10px;
  background: #2e0d0d;
  color: white;
  font-family: monospace;
  padding: 10px;
  box-shadow: 0 0 10px #000;
  margin-bottom: 12px;
  margin-right: 12px;
  float: right;
  font-size: 15px;}

.infobox-title{
  font-size: 25px;
  border: 4px solid #d6625e;
  border-radius: 5px;
  font-weight: bold;
  text-align: center;
  background: #d6625e;}

.image{
  max-width: 200px;
  margin: auto;
  padding-top: 10px;
  padding-bottom: 7.5px;}

.item-lore{
  border: 2px solid #3b1010;
  border-radius: 5px;
  font-size: 17.5px;
  color: #707070;
  text-align: center;
  background: #3b1010;}

.infobox-header{
  margin-top: 7.5px;
  margin-bottom: 7.5px;
  margin-left: -10px;
  width: 265px;
  border-bottom: solid 3px #d6625e;
  line-height: 1.125;
  font-family: 'Linux Libertine', 'Times New Roman', 'Liberation Serif', 'Nimbus Roman', 'Noto Serif', 'Times', serif;
  font-size: 26px;
  padding-left: 0.25em;
  position: relative;}

.infobox-label{
  font-weight: bold;
  color: white;
  position: relative;}

.item-info{
  margin-top: 5px;}

.item-stat{
  margin-top: 5px;}

.infobox-label .tooltip{
  visibility: hidden;
  background-color: #333;
  color: #fff;
  text-align: center;
  padding: 3px 6px;
  border-radius: 4px;
  position: absolute;
  z-index: 1;
  bottom: 120%;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.2s;
  white-space: nowrap;}

.infobox-label:hover .tooltip{
  visibility: visible;
  opacity: 1;}

.item-rarity-common{color: #FFFFFF; text-shadow: 0 0 2px #000;}
.item-rarity-uncommon{color: #55FF55; text-shadow: 0 0 2px #000;}
.item-rarity-rare{color: #5555FF; text-shadow: 0 0 2px #000;}
.item-rarity-epic{color: #FF55FF; text-shadow: 0 0 2px #000;}
.item-rarity-legendary{color: #FFFF55; text-shadow: 0 0 2px #000;}
.item-rarity-exotic{color: #55FFFF; text-shadow: 0 0 2px #000;}
.item-rarity-admin{color: #FF5555; text-shadow: 0 0 2px #000;}

.infobox .stat-magicFind{color: #94FFDF;}
.infobox .stat-fortune{color: #FFCC00;}
.infobox .stat-blast{color: #D469FF;}
.infobox .stat-moneyMulti{color: #00FF00;}
.infobox .stat-xpMulti{color: #00DAFC;}
.infobox .stat-speed{color: #D9FDFF;}
.infobox .stat-diggingPower{color: #FFA545;}