UserStyles/OSRS-HiScores-BlackMode.user.css at main · step-security-bot/UserStyles · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
/* ==UserStyle==
@name           OldSchool Runescape HiScores - Black Mode
@namespace      typpi.online
@version        1.1.3
@description    Minimal Black mode for OSRS HiScores
@author         Nick2bad4u
@license        UnLicense
@homepageURL    https://github.com/Nick2bad4u/UserStyles
@supportURL     https://github.com/Nick2bad4u/UserStyles/issues

@var color background-color "Background Color" #000000
@var color text-color "Text Color" #c7b675
@var color border-color "Border Color" #65ae1f
==/UserStyle== */
@-moz-document url-prefix("https://secure.runescape.com/m=hiscore")
{
	:root {
		--background-color: var(background-color);
		--text-color: var(text-color);
		--border-color: var(border-color);
	}

	#contentHiscores,
	#footerHiscores,
	#headerHiscores,
	#contentCategory,
	#headerCategory,
	.personal-hiscores__scroll-arrow,
	#footerCategory,
	.smallBox,
	.largeBox,
	html,
	.centerDiv {
		background: var(--background-color);
	}

	#contentHiscores a,
	.personal-hiscores__table td,
	#contentHiscores caption,
	#contentHiscores > table > thead > tr > th:nth-child(n),
	b,
	th,
	td {
		color: var(--text-color);
	}

	#col2,
	.smallBox,
	.largeBox,
	#contentCategory {
		border: dashed var(--border-color);
	}

	.personal-hiscores__side-input,
	#col1 {
		margin-top: 25px;
	}

	#contentCategory {
		padding-top: 10px;
		padding-bottom: 10px;
		max-height: 600px;
	}

	#headerCategory,
	.hiscoretitlebground,
	.titleBackground,
	#headerHiscores {
		display: none;
	}

	input:not(
			[type='image'i],
			[type='range'i],
			[type='checkbox'i],
			[type='radio'i]
		) {
		-webkit-filter: invert(1);
		filter: invert(1);
	}

	td,
	b,
	th {
		text-align: -webkit-center !important;
	}

	#contentHiscores > table > tbody > tr > td {
		border-top: 1px var(--border-color) 3d dashed;
	}

	#contentHiscores
		> table
		> tbody
		> tr:nth-child(3)
		> td:nth-child(n),
	#contentHiscores
		> table
		> tbody
		> tr:nth-child(2)
		> td:nth-child(n),
	#contentHiscores
		> table
		> tbody
		> tr:nth-child(1)
		> td:nth-child(n) {
		border-top: unset !important;
	}
}