The compact look for DH3
目前為
/* ==UserStyle==
@name DH3 Compact
@description The compact look for DH3
@namespace https://github.com/lbrustad
@version 1.0.0
@author Lasse Brustad
@match https://dh3.diamondhunt.co/
@grant none
==/UserStyle== */
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;
}
.center {
font-size: 0;
}
/* makes levels a bit nicer! */
td>div#top-bar-skills.not-table-top-main-skills {
padding: 0;
margin: 0 4px;
display: flex;
flex-direction: row;
justify-content: space-between;
}
/* this one is for side chat users */
div#top-bar-skills.not-table-top-main-skills > div > table {
transform: scale(0.9);
}
div.not-table-top-main-skills-item {
padding: 0;
}
.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: 8px;
}
/* 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;
}
/* dialogues */
/* tradables - sell item */
#dialogue-tradables.dialogue {
max-width: 76%;
margin-top: 150px;
margin-left: -22%;
}