MediaWiki:Common.css

/* CSS placed here will be applied to all skins */

body {background-color: #020000;color:#B18D62;font-family:Verdana,Arial,Helvetica,sans-serif;} background-image: none !important; border-top: 1px solid #7C502E; }
 * 1) mw-panel .portal .body {

/* Searchbar */ .home-menu { width: 200px; display: inline-block; margin: 15px; box-sizing: border-box; vertical-align: top; }
 * 1) searchInput {background-color: #fff !important;color:#000!important;}

/* Sidebar */ width: 8em; height: 140px; padding: 8px 0px 10px 18px; } width: 8em; background-size: contain; padding: 15px 0px 0px 10px; } .home-menu-box { margin: 0 auto; text-align: center; } .home-menu ul { list-style-type: none; margin: 10px 0 0 0; padding:0; vertical-align: top; } .home-menu li { padding: 2px 0px; display: block; }
 * 1) p-logo {
 * 1) p-logo a {

/* Sidebar Categories */ .home-menu-title { color: #EDCF8B; border-bottom: 1px solid #7C502E; font-family: Exocet, Sans-serif; font-size: 26px; } background-color: #020000 !important; background-image: none !important; }
 * 1) mw-page-base {

/* Sidebar Image Logo */ .mw-wiki-logo { background-image: url('https://i.imgur.com/nEvmuAr.png') !important; background-position: top center; background-size: cover; }

/* Table of Contents */ .tocnumber {color:#F9C666;} .tochide #toc {border: 0px;} .tochide .toc h2 {display: none;} .tochide .toctogglespan {display: none;} .tochide .toctogglelabel {display: none;}

/*.expand-or-collapse-all-button {color:#F9C666; background-color:#382B1B; border:none; padding-top:9px;}*/ /* disabled to see if this was preventing the button from working in certain cases */

a, a:visited,a.new,a.new:visited{color:#F9C666;} a:hover, {color:#F9C666;text-decoration: underline;} h1,h2,h3,h4,h5,h6 {color: #EDCF8B;border-bottom: 1px solid #7C502E;font-family: Exocet, Sans-serif;color: #EDCF8B;} h4,h5,h6 {font-size:1.17em; margin-top:1em; margin-bottom:1em;}
 * 1) searchInput {border: 1px solid #7c502e;}

/* Page Tabs (page, discussion, read, edit, etc) */ .vector-menu-tabs .selected {background-color:#382B1B; border:1px solid #7C502E; color:#F9C666} .vector-menu-tabs li {border:1px solid #7C502E; color:#F9C666 !important; background-color:#150D0A; background-image:none;} .vector-menu-tabs li a, .vector-menu-tabs li a:selected, .vector-menu-tabs li a:visited {color:#F9C666 !important;} .vector-menu-tabs .selected a {color:#F9C666 !important;} .vector-menu-tabs span {background-image:none;} .vector-menu-tabs span a {padding:12px !important; color:#F9C666 !important;} .vector-menu-tabs a {color:#F9C666 !important;} .vector-menu-tabs .selected {background-image:none;} .vector-menu-tabs .new a, .vector-menu-tabs .new a:visited {color:#FF7777 !important;} .catlinks {background-color:#382B1B; border:1px solid #7C502E; color:#F9C666} /* categories at bottom of page */ .thumb, .thumbinner {background-color:#1F160C; border:1px solid #7C502E; color:#F9C666} /* thumbnail boxes */
 * 1) p-cactions li {color:#F9C666 !important; background-color:#150D0A; border-bottom:1px solid #7C502E; background-image:none;} /* meant to handle hidden "tabs" (delete, move, protect, purge) */
 * 2) p-cactions .selected {color:#F9C666 !important; background-color:#382B1B; border-bottom:1px solid #7C502E;}
 * 3) p-cactions li a, #p-cactions li a:selected, #p-cactions li a:visited {color:#F9C666 !important; background-color:#F9C666;}

/* Page Content */ .mw-body h1, .mw-body-content h1 {font-family: Exocet, Sans-serif;color: #EDCF8B;} .mw-body h2, .mw-body-content h2 {font-family: Exocet, Sans-serif;color: #EDCF8B;} .mw-body-content {font-size: 12px;}

/* Sidebar Links */
 * 1) mw-panel .portal li a,
 * 2) mw-panel .portal li a:visited {color:#F9C666}
 * 3) mw-panel .portal li a:hover {color:#F9C666;text-decoration: underline;}

/* Sidebar Categories */ font-family: exocet, sans-serif; font-weight: 500; text-transform: uppercase; font-size:1.1em; color: #F9C666; }
 * 1) mw-panel .portal h3 {

/* User Navigation */
 * 1) mw-head {top: 2em;}
 * 2) mw-head-base {height: 7em!important;background-color: #020000;}
 * 3) right-navigation {margin-top: 2.5em !important;}

/* Page Content */ .mw-body, .parsoid-body {background-color: #150D0A;color:#B18D62;} .mw-body {border: 3px solid #7C502E !important;}

.mw-body, #mw-head-base, #left-navigation, #mw-data-after-content, #footer { margin-left: 13em !important; }

/* Table Formatting */ .wikitable > tr > th, .wikitable > * > tr > th { background-color: #382B1B; text-align: center; color: #EDCF8B; font-weight: 600; }

.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td { border: 1px solid #1F160C; padding: 0.3em 0.5em; } .wikitable tr:nth-child(odd) { background-color: #2C2014 !important;} .wikitable tr:nth-child(even) { background-color: #271C12 !important;}

.wikitable { color: #B18D62; margin: 1em 0; border: 1px solid #1F160C; border-collapse: collapse; background-color: #271C12; } .wikitable-3col > * > tr > td {width: 33% !important;} .wikitable-box { width: 800px; overflow-x: scroll; } .wikitable-skills { display: block; max-width: -moz-fit-content; max-width: fit-content; overflow-x: auto; white-space: nowrap; } .toc, .mw-warning, .toccolours {background-color: #271C12;border: 1px solid #1F160C;}

/* Collapsible Elements */ .wikitable caption, .non-table caption, .mw-collapsible span.mw-collapsible-toggle {font-weight:bold; white-space:nowrap; text-align:left;} /* bolds captions and keeps expand/collapse button in same position for collapsible elements */ .non-table {color:#B18D62; background-color:#271C12; margin: 1em 0em 0em 0em; padding: 0em 0.5em; border-left: 1px solid #1F160C; border-right: 1px solid #1F160C;} .non-table.mw-collapsible caption, .wikitable.mw-collapsible caption {color:#B18D62; background-color:#1F160C; margin: 0em 0em 0.1em 0em; padding: 0em 0.5em 0.1em 0.5em; border-left: 1px solid #1F160C; border-right: 1px solid #1F160C;} .non-table tbody {border-top: 2px solid #1F160C;}

/* darker bullets for lists within tables */ .non-table ul, .wikitable ul { list-style: none;     /* Remove default bullets */ } .non-table ul li::before, .wikitable ul li::before { content: "\2022";	    /* \2022 is the unicode for a bullet */ color: #150D0A; font-weight: bold; display: inline-block; /* Needed to add space between the bullet and the text */ width: 1em;           /* Also needed for space */ margin-left: -1em;    /* Also needed for space */ }

.omod {color: gray !important;} /* old item affixes (gray) */ .nmod {color: #9C87F7 !important;} /* new item affixes (blue) */ .emphasis {color: #EDCF8B !important;} /* similar color to headers & in-wiki links, currently just used for map monster immunities */ .nodrop {color: #B96600 !important;} /* subdued color (dark orange) used for socket amounts that won't appear on naturally dropped items */
 * 1) p-personal {top: -1em;}

/* Colors that the game uses yoinked from https://d2mods.info/forum/viewtopic.php?t=16396 */ .d2-white {color: #FFFFFF !important;} .d2-black {color: #000000 !important;} .d2-gray {color: #696969 !important;} .d2-blue {color: #6969FF !important;} .d2-yellow {color: #FFFF64 !important;} .d2-orange {color: #FFA800 !important;} .d2-gold {color: #C7B377 !important;} .d2-green {color: #00FF00 !important;} .d2-dark-green {color: #008000 !important;} .d2-red {color: #FF4D4D !important;} .d2-purple {color: #AE00FF !important;} .d2-tan {color: #D0C27D !important;}

.brown-background-header {background-color:#150D0A; border-top: 1px solid #150D0A; border-bottom: 1px solid #150D0A;} .brown-background {background-color:#150D0A;} .brown-table-header {background-color:#3B2A1A;}

.mid-row {background-color:#3b2a1a !important;} .mid-column {background-color:#170d0a !important; border-top: 1px solid #170d0a !important; border-bottom: 1px solid #170d0a !important;}

.item-info-box {display: table-row;} .item-info-box p {margin: 0.1em 0;} .item-info, .item-image {display: table-cell;vertical-align:top;} .item-image img {padding-right: 20px;} .mw-watchlink {display: none !important;}

.item-image-text {position:relative; top:5px; padding-top:5px;} /* item images with adjacent text */ .item-image-table {position:relative; top:10px;} /* item images with adjacent tables (crafting recipes) */ .shared-bonus-image {padding-top:5px;} /* images used in shared set bonuses */

.skill-info {display: table-row;} /* skill description and requirements */ .skill-image {position:relative; top:10px;}