MediaWiki:Common.css: Difference between revisions
Wrecktangle (talk | contribs) No edit summary |
m (Fix scrollable table bleed-through) |
||
(152 intermediate revisions by 4 users not shown) | |||
Line 2: | Line 2: | ||
body {background-color: #020000;color:#B18D62;font-family:Verdana,Arial,Helvetica,sans-serif;} |
body {background-color: #020000;color:#B18D62;font-family:Verdana,Arial,Helvetica,sans-serif;} |
||
#mw-panel .portal .body { |
|||
background-image: none !important; |
|||
border-top: 1px solid #7C502E; |
|||
} |
|||
/* Searchbar */ |
|||
#searchInput {background-color: #fff !important;color:#000!important;} |
|||
.home-menu { |
.home-menu { |
||
width: 200px; |
width: 200px; |
||
Line 8: | Line 14: | ||
margin: 15px; |
margin: 15px; |
||
box-sizing: border-box; |
box-sizing: border-box; |
||
vertical-align: top; |
|||
} |
} |
||
/* Sidebar */ |
|||
#p-logo { |
|||
width: 8em; |
|||
height: 140px; |
|||
padding: 8px 0px 10px 18px; |
|||
} |
|||
#p-logo a { |
|||
width: 8em; |
|||
background-size: contain; |
|||
padding: 15px 0px 0px 10px; |
|||
} |
|||
.home-menu-box { |
.home-menu-box { |
||
margin: 0 auto; |
margin: 0 auto; |
||
Line 17: | Line 34: | ||
.home-menu ul { |
.home-menu ul { |
||
list-style-type: none; |
list-style-type: none; |
||
margin: |
margin: 10px 0 0 0; |
||
padding:0; |
padding:0; |
||
vertical-align: top; |
|||
} |
} |
||
.home-menu li { |
.home-menu li { |
||
padding: 2px 0px; |
|||
border: 1px solid #7C502E; |
|||
display: block; |
|||
background-color: #020000; |
|||
padding: 7px 15px; |
|||
margin: 2px; |
|||
display: inline; |
|||
width: 100%; |
|||
} |
} |
||
/* Sidebar Categories */ |
|||
.home-menu-title { |
.home-menu-title { |
||
color: #EDCF8B; |
color: #EDCF8B; |
||
Line 40: | Line 55: | ||
} |
} |
||
/* Table of Contents */ |
|||
.mw-wiki-logo { |
|||
background-image: url('https://i.imgur.com/nEvmuAr.png') !important; |
|||
background-position: top center; |
|||
background-size: cover; |
|||
} |
|||
.tocnumber {color:#F9C666;} |
.tocnumber {color:#F9C666;} |
||
.tochide #toc {border: 0px;} |
|||
a, a:visited {color:#F9C666;} |
|||
.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;} |
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;} |
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;} |
|||
#searchInput {border: 1px solid #7c502e;} |
#searchInput {border: 1px solid #7c502e;} |
||
.vectorTabs .selected {background-color: #382B1B;border: 1px solid #7C502E;color:#B18D62} |
|||
.vectorTabs li {border: 1px solid #7C502E;color:#B18D62 !important;background-color: #150D0A;background-image: none;} |
|||
.vectorTabs .new a, .vectorTabs .new a:visited {color:#B18D62 !important;} |
|||
.vectorTabs li a, .vectorTabs li a:selected, .vectorTabs li a:visited {color:#B18D62 !important;} |
|||
.vectorTabs .selected a {color:#B18D62 !important;} |
|||
.vectorTabs span {background-image: none;} |
|||
.vectorTabs span a {padding: 12px !important;color:#B18D62 !important;} |
|||
.vectorTabs a {color:#B18D62 !important;} |
|||
.vectorTabs .selected {background-image: none;} |
|||
/* Page Tabs (page, discussion, read, edit, etc) */ |
|||
#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) */ |
|||
#p-cactions .selected {color:#F9C666 !important; background-color:#382B1B; border-bottom:1px solid #7C502E;} |
|||
#p-cactions li a, #p-cactions li a:selected, #p-cactions li a:visited {color:#F9C666 !important; background-color:#F9C666;} |
|||
.vector-menu-tabs ul { |
|||
margin: -5px 0 0 -1px !important; |
|||
border-left: 2px; |
|||
border-right: 2px; |
|||
border-bottom: 0; |
|||
border-style: solid; |
|||
border-color: #7C502E; |
|||
} |
|||
.vector-menu-tabs li { |
|||
border-top: 1px; |
|||
border-right: 1px; |
|||
border-bottom: 0; |
|||
border-left: 1px; |
|||
border-style: solid; |
|||
border-color: #7C502E; |
|||
color:#F9C666 !important; |
|||
background-color:#150D0A; |
|||
background-image:none; |
|||
} |
|||
.vector-menu-tabs .selected {background-color:#382B1B !important; color:#F9C666 !important;} |
|||
.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, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading {background-image:none !important;} |
|||
.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 */ |
|||
/* Page Content */ |
|||
.mw-body h1, .mw-body-content h1 {font-family: Exocet, Sans-serif;color: #EDCF8B;} |
.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 h2, .mw-body-content h2 {font-family: Exocet, Sans-serif;color: #EDCF8B;} |
||
.mw-body-content {font-size: 12px;} |
.mw-body-content {font-size: 12px;} |
||
/* Sidebar Links */ |
|||
#mw-panel .portal .body li a, |
|||
#mw-panel .portal |
#mw-panel .portal li a, |
||
#mw-panel .portal |
#mw-panel .portal li a:visited {color:#F9C666} |
||
#mw-panel .portal li a:hover {color:#F9C666;text-decoration: underline;} |
|||
/* Sidebar Categories */ |
|||
#mw-panel .portal h3 { |
#mw-panel .portal h3 { |
||
font-family: exocet, sans-serif; |
font-family: exocet, sans-serif; |
||
Line 76: | Line 122: | ||
color: #F9C666; |
color: #F9C666; |
||
} |
} |
||
/* User Navigation */ |
|||
#mw-head {top: 2em;} |
#mw-head {top: 2em;} |
||
#mw-head-base {height: 7em!important;background-color: #020000;} |
#mw-head-base {height: 7em!important;background-color: #020000;} |
||
#right-navigation {margin-top: 2.5em !important;} |
#right-navigation {margin-top: 2.5em !important;} |
||
/* Page Content */ |
|||
.mw-body, .parsoid-body {background-color: #150D0A;color:#B18D62;} |
.mw-body, .parsoid-body {background-color: #150D0A;color:#B18D62;} |
||
.mw-body {border: 3px solid #7C502E !important;} |
.mw-body {border: 3px solid #7C502E !important;} |
||
Line 86: | Line 136: | ||
} |
} |
||
/* Table Formatting */ |
|||
.wikitable > tr > th, .wikitable > * > tr > th { |
.wikitable > tr > th, .wikitable > * > tr > th { |
||
background-color: #382B1B; |
background-color: #382B1B; |
||
Line 99: | Line 150: | ||
.wikitable tr:nth-child(odd) { background-color: #2C2014 !important;} |
.wikitable tr:nth-child(odd) { background-color: #2C2014 !important;} |
||
.wikitable tr:nth-child(even) { background-color: #271C12 !important;} |
.wikitable tr:nth-child(even) { background-color: #271C12 !important;} |
||
.wikitable > tr > td > p, .wikitable > * > tr > td > p {display: inline; color: #444444; margin-top: 0; margin-bottom: 0;} /* de-emphasized table info */ |
|||
.wikitable { |
.wikitable { |
||
Line 105: | Line 158: | ||
border: 1px solid #1F160C; |
border: 1px solid #1F160C; |
||
border-collapse: collapse; |
border-collapse: collapse; |
||
background-color: #271C12; |
background-color: #271C12; |
||
} |
} |
||
.wikitable-3col > * > tr > td {width: 33% !important;} |
|||
/* Wide Tables - prevents nearly-blank extra rows */ |
|||
.wide {white-space: nowrap;} |
|||
.scroll { |
|||
-moz-transition: all .25s ease-in; |
|||
-webkit-transition: all .25s ease-in; |
|||
transition: all .25s ease-in; |
|||
display: block; |
|||
max-width: fit-content; |
|||
max-width: -moz-fit-content; |
|||
max-width: -webkit-fit-content; |
|||
overflow-x: scroll; |
|||
white-space: nowrap; |
|||
padding: 0; |
|||
margin: 1em 0 -4px; |
|||
background-color: #150D0A; |
|||
border-width: 0; |
|||
scrollbar-width: thin; |
|||
scrollbar-color: #B18D6220 transparent; |
|||
} |
|||
.scroll:hover { |
|||
scrollbar-color: #B18D62 transparent; |
|||
} |
|||
.scroll > * > tr > th:first-child { |
|||
position: sticky; |
|||
left: 0; |
|||
margin: 0 13px; |
|||
border-width: 1px; |
|||
border-left: 0; |
|||
box-shadow: -1px 0 0 0 #271C12, 1px 0 0 0 #271C12 inset, -1px 0 0 0 #271C12 inset; |
|||
} |
|||
/* Lower/thicken the horizontal scrollbar in Firefox |
|||
to avoid being overlapped with the table */ |
|||
@supports (-moz-appearance:none) { |
|||
.scroll { |
|||
padding-bottom: 10px !important; |
|||
scrollbar-width: auto !important; |
|||
} |
|||
} |
|||
.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;} |
.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 */ |
|||
} |
|||
#p-personal {top: -1em;} |
#p-personal {top: -1em;} |
||
.omod {color: |
.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 */ |
|||
/* 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;} |
|||
/* These colors require either using Glide or having HD text enabled */ |
|||
.d2-coral {color: #E09595 !important;} |
|||
.d2-sage {color: #B6E12E !important;} |
|||
.d2-teal {color: #5CA6A4 !important;} |
|||
.d2-light-gray {color: #A9A9B0 !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;} |
|||
.nmod {color: #9C87F7 !important;} |
|||
.item-info-box {display: table-row;} |
.item-info-box {display: table-row;} |
||
.item-info-box p {margin: 0.1em 0; |
.item-info-box p {margin: 0.1em 0;} |
||
.item-info, .item-image {display: table-cell;vertical-align:top;} |
.item-info, .item-image {display: table-cell;vertical-align:top;} |
||
.item-image img {padding-right: 20px;} |
.item-image img {padding-right: 20px;} |
||
.mw-watchlink {display: none !important;} |
.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;} |
|||
.mw-datatable th { |
|||
background-color: #382B1B !important; |
|||
} |
|||
.mw-datatable td { |
|||
background-color: #150D0A !important; |
|||
} |
|||
code { |
|||
color: #c24015; |
|||
background-color: transparent !important; |
|||
} |
|||
.mw-ui-button { |
|||
color: #B18D62 !important; |
|||
background-color: #382B1B !important; |
|||
border-color: #a2a9b1 !important; |
|||
} |
|||
#pagehistory li.selected { |
|||
background-color: #382B1B !important; |
|||
color: inherit !important; |
|||
outline: 1px dashed #a2a9b1; |
|||
} |
|||
fieldset { |
|||
border: 1px solid #7C502E !important; |
|||
} |
|||
.vector-menu-dropdown .vector-menu-content { |
|||
border: 1px solid #7C502E; |
|||
} |
|||
.vector-menu-dropdown li { |
|||
color: #F9C666; |
|||
} |
|||
.vector-menu-dropdown li a { |
|||
color: #F9C666 !important; |
|||
} |
|||
#filetoc { |
|||
border: 1px solid #7C502E; |
|||
background-color: #382B1B; |
|||
} |
|||
.warningbox a { |
|||
color: #000000; |
|||
font-weight: bold; |
|||
} |
Latest revision as of 09:40, 8 May 2024
/* CSS placed here will be applied to all skins */
body {background-color: #020000;color:#B18D62;font-family:Verdana,Arial,Helvetica,sans-serif;}
#mw-panel .portal .body {
background-image: none !important;
border-top: 1px solid #7C502E;
}
/* Searchbar */
#searchInput {background-color: #fff !important;color:#000!important;}
.home-menu {
width: 200px;
display: inline-block;
margin: 15px;
box-sizing: border-box;
vertical-align: top;
}
/* Sidebar */
#p-logo {
width: 8em;
height: 140px;
padding: 8px 0px 10px 18px;
}
#p-logo a {
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;
}
/* Sidebar Categories */
.home-menu-title {
color: #EDCF8B;
border-bottom: 1px solid #7C502E;
font-family: Exocet, Sans-serif;
font-size: 26px;
}
#mw-page-base {
background-color: #020000 !important;
background-image: none !important;
}
/* 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;}
#searchInput {border: 1px solid #7c502e;}
/* Page Tabs (page, discussion, read, edit, etc) */
#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) */
#p-cactions .selected {color:#F9C666 !important; background-color:#382B1B; border-bottom:1px solid #7C502E;}
#p-cactions li a, #p-cactions li a:selected, #p-cactions li a:visited {color:#F9C666 !important; background-color:#F9C666;}
.vector-menu-tabs ul {
margin: -5px 0 0 -1px !important;
border-left: 2px;
border-right: 2px;
border-bottom: 0;
border-style: solid;
border-color: #7C502E;
}
.vector-menu-tabs li {
border-top: 1px;
border-right: 1px;
border-bottom: 0;
border-left: 1px;
border-style: solid;
border-color: #7C502E;
color:#F9C666 !important;
background-color:#150D0A;
background-image:none;
}
.vector-menu-tabs .selected {background-color:#382B1B !important; color:#F9C666 !important;}
.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, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading {background-image:none !important;}
.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 */
/* 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 */
#mw-panel .portal li a,
#mw-panel .portal li a:visited {color:#F9C666}
#mw-panel .portal li a:hover {color:#F9C666;text-decoration: underline;}
/* Sidebar Categories */
#mw-panel .portal h3 {
font-family: exocet, sans-serif;
font-weight: 500;
text-transform: uppercase;
font-size:1.1em;
color: #F9C666;
}
/* User Navigation */
#mw-head {top: 2em;}
#mw-head-base {height: 7em!important;background-color: #020000;}
#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 > tr > td > p, .wikitable > * > tr > td > p {display: inline; color: #444444; margin-top: 0; margin-bottom: 0;} /* de-emphasized table info */
.wikitable {
color: #B18D62;
margin: 1em 0;
border: 1px solid #1F160C;
border-collapse: collapse;
background-color: #271C12;
}
/* Wide Tables - prevents nearly-blank extra rows */
.wide {white-space: nowrap;}
.scroll {
-moz-transition: all .25s ease-in;
-webkit-transition: all .25s ease-in;
transition: all .25s ease-in;
display: block;
max-width: fit-content;
max-width: -moz-fit-content;
max-width: -webkit-fit-content;
overflow-x: scroll;
white-space: nowrap;
padding: 0;
margin: 1em 0 -4px;
background-color: #150D0A;
border-width: 0;
scrollbar-width: thin;
scrollbar-color: #B18D6220 transparent;
}
.scroll:hover {
scrollbar-color: #B18D62 transparent;
}
.scroll > * > tr > th:first-child {
position: sticky;
left: 0;
margin: 0 13px;
border-width: 1px;
border-left: 0;
box-shadow: -1px 0 0 0 #271C12, 1px 0 0 0 #271C12 inset, -1px 0 0 0 #271C12 inset;
}
/* Lower/thicken the horizontal scrollbar in Firefox
to avoid being overlapped with the table */
@supports (-moz-appearance:none) {
.scroll {
padding-bottom: 10px !important;
scrollbar-width: auto !important;
}
}
.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 */
}
#p-personal {top: -1em;}
.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 */
/* 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;}
/* These colors require either using Glide or having HD text enabled */
.d2-coral {color: #E09595 !important;}
.d2-sage {color: #B6E12E !important;}
.d2-teal {color: #5CA6A4 !important;}
.d2-light-gray {color: #A9A9B0 !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;}
.mw-datatable th {
background-color: #382B1B !important;
}
.mw-datatable td {
background-color: #150D0A !important;
}
code {
color: #c24015;
background-color: transparent !important;
}
.mw-ui-button {
color: #B18D62 !important;
background-color: #382B1B !important;
border-color: #a2a9b1 !important;
}
#pagehistory li.selected {
background-color: #382B1B !important;
color: inherit !important;
outline: 1px dashed #a2a9b1;
}
fieldset {
border: 1px solid #7C502E !important;
}
.vector-menu-dropdown .vector-menu-content {
border: 1px solid #7C502E;
}
.vector-menu-dropdown li {
color: #F9C666;
}
.vector-menu-dropdown li a {
color: #F9C666 !important;
}
#filetoc {
border: 1px solid #7C502E;
background-color: #382B1B;
}
.warningbox a {
color: #000000;
font-weight: bold;
}