MediaWiki:Common.css: Difference between revisions

Revision as of 16:17, 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}
#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}

.infobox {
  width: 250px;
  border: 4px solid #d6625e;
  border-radius: 2px;
  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;
}
.item-rarity-label {
  font-weight: bold;
  position: relative;
  color: white;
}
.item-stat {
  margin-top: 5px;
}
.item-stat-label {
  font-weight: bold;
  position: relative;
}
.item-stat-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;
}
.item-stat-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; }
.itembox .stat-magicFind { color: #94FFDF; }
.itembox .stat-fortune { color: #FFCC00; }
.itembox .stat-blast { color: #D469FF; }
.itembox .stat-moneyMulti { color: #00FF00; }
.itembox .stat-xpMulti { color: #00DAFC; }
.itembox .stat-speed { color: #D9FDFF; }
.itembox .stat-diggingPower { color: #FFA545; }