gw2api_web/style.css at main · GaborSPapp/gw2api_web · 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
:root {
	--clr-base: rgb(25, 25, 52);
	--clr-text: rgb(237, 237, 222);
	--clr-hover: rgba(255, 255, 255, .05);
	--clr-link: rgb(255,0,127);
	--clr-link-hover: rgba(255, 255, 255, .25);
}

body {
	background-color: var(--clr-base);
	color: var(--clr-text);
	margin: 0;
}

.container {
	margin: 5rem;
}

.navi {
	font-size: 2rem;
	width: max-content;
	overflow: hidden;
}

.navlabels {
	height: 100%;
	overflow: auto;
}

.navlabel {
	width: max-content;
	float:left;
	padding: 0 .25em;
	display: inline-block;
	cursor: default;
}

.navlabel:hover {
	background-color: var(--clr-hover);
}

.dropdown {
	display: none;
	width: max-content;
	position: absolute;
	background-color: var(--clr-link);
}

.dropdown a {
	color: var(--clr-text);
	text-decoration: none;
	display: block;
	padding: .5em;
}

.dropdown a:hover {
	background-color: var(--clr-link-hover);
}