The compact look for DH3
/* ==UserStyle==
@name DH3 Compact
@description The compact look for DH3
@namespace https://github.com/lbrustad
@version 1.1.3
@author Lasse Brustad
==/UserStyle== */
@-moz-document url-prefix("https://dh3.diamondhunt.co/") {
body {
font-size: 16px;
}
/* fixes annoying top bar putting text on a new line because of too much text */
.top-top-bar {
font-size: 13px;
width: 100vw;
position: fixed;
z-index: 999;
}
.center {
font-size: 0;
}
td.center {
font-size: inherit;
}
/* makes levels a bit nicer! */
td>div#top-bar-skills.not-table-top-main-skills {
padding: 0;
margin: 0;
display: grid;
grid-template-columns: repeat(9, 1fr);
justify-items: stretch;
}
td>div#top-bar-skills.not-table-top-main-skills:hover {
padding: 0;
margin: 0;
}
/* this one is for side chat users */
div#top-bar-skills.not-table-top-main-skills > div {
min-width: 0;
}
div#top-bar-skills.not-table-top-main-skills > div > table {
transform: scale(0.9);
width: 100%
}
div#top-bar-skills.not-table-top-main-skills > div > table > tbody > tr {
display: grid;
grid-template-columns: 1fr;
justify-items: center;
}
div#top-bar-skills.not-table-top-main-skills > div > table > tbody > tr img {
margin: 0 2rem;
}
div.not-table-top-main-skills-item {
padding: 0;
}
.not-table-top-main-skills-item table:last-child tr>td:last-child {
display: grid;
grid-template-columns: 6fr 5fr;
}
.not-table-top-main-skills-item table:last-child tr>td:last-child :nth-child(1) {
grid-area: 1 / 1;
justify-self: right;
line-height: 1.4rem;
text-shadow: black 2px 1px;
}
.not-table-top-main-skills-item table:last-child tr>td:last-child :nth-child(2) {
grid-area: 1 / 2;
justify-self: left;
line-height: 1.4rem;
text-shadow: black 1px 1px;
}
.not-table-top-main-skills-item table:last-child tr>td:last-child :nth-child(4) {
grid-area: 1 / 1 / 2 / 3;
justify-self: center;
}
.not-table-top-main-skills-item table:last-child tr>td:last-child :nth-child(6),
.not-table-top-main-skills-item table:last-child tr>td:last-child :nth-child(7) {
grid-area: 3 / 1 / 4 / 3;
justify-self: center;
}
.not-table-top-main-skills-item table:last-child tr>td:last-child br {
display: none;
}
.not-table-top-main-skills-item table:last-child tr>td:last-child span {
transform: scale(0.9);
zoom: 0.9;
}
div.xp-bar,
div.xp-bar-inner {
height: 1.2rem;
}
/* tiny modification to the navbar */
.navigate-button {
display: grid !important;
grid-template-rows: auto auto;
grid-template-columns: auto;
justify-items: center;
}
.navigate-button br {
display: none;
}
/* less empty space caused by br tags... stop using it Smitty... */
#game > br,
div.right-panel > div > br {
display: none;
}
table.table-top-main-items {
margin-top: 36px;
padding: 0 8px;
}
/* images should be tinyyy */
img.img-50 {
width: 35px;
height: 35px;
}
img.img-100 {
width: 70px;
height: 70px;
}
/* tiny lvls too ofc... */
div#top-bar-skills.not-table-top-main-skills {
margin-top: 4px;
padding: 0 8px;
}
/* notifications and that shit can be a little tinyyyer */
div#notification-area {
margin-bottom: 4px;
}
/* game area */
/* annoying height with lots of empty space .... gone! */
div.right-panel {
min-height: 0;
}
/* just for the item boxes because they lost that much space */
div.right-panel > div > div {
padding: 4px;
}
/* less empty space between item boxes, it's not nessessary with that space duh */
div.item-box {
margin: 4px;
width: 120px;
height: 120px;
}
div.item-box >:first-child,
div.item-box >:last-child {
font-size: 8pt !important;
height: 15px;
margin-top: 5px;
}
#item-box-honeyStew-image {
margin-bottom: -8px;
}
/* dialogues */
/* tradables - sell item */
#dialogue-tradables.dialogue {
left: 23% !important;
max-width: 54% !important;
margin-top: 150px;
margin-left: 0 !important;
}
/* hdie useless stuff */
#item-box-snow {
display: none;
}
}