DH3 Compact

The compact look for DH3

目前為 2020-11-02 提交的版本,檢視 最新版本

/* ==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%;
}