GitusCodeForge.github.io/style.css at master · GitusCodeForge/GitusCodeForge.github.io · 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
110
111
* {
	box-sizing: border-box;
	scrollbar-color: var(--foreground-color) var(--background-color);
	scrollbar-width: thin;
}

:root {
	--foreground-color: white;
	--background-color: black;;
	--white-shade-degree-0: #ffffff1f;
	--white-shade-degree-1: #ffffff3f;
	--white-shade-degree-2: #ffffff7f;
	--white-shade-degree-3: #ffffffbf;
	--file-list-height: 1rem;
}

body {
	background-color: var(--background-color);
	color: var(--foreground-color);
	margin: 2rem;
	font-family: 'Nimbus Sans', sans-serif;
}

a {
	color: var(--foreground-color);
	background-color: var(--background-color);
    transition: background-color 0.3s ease-in-out, color 0.5s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out, color 0.5s ease-in-out;
    -webkit-transition: background-color 0.3s ease-in-out, color 0.5s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out, color 0.5s ease-in-out;
}
a:hover {
	color: var(--background-color);
	background-color: var(--foreground-color);
}
table {
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	border-top: 4px var(--foreground-color) solid;
	border-bottom: 4px var(--foreground-color) solid;
	border-collapse: collapse;
	width: 100%;
}
th, td {
	padding-top: 0.2rem;
	padding-bottom: 0.2rem;
}
tr > th {
	text-align: left;
}
thead {
	border-top: 2px var(--foreground-color) solid;
	border-bottom: 2px var(--foreground-color) solid;
}

code { font-size: 1rem; }
pre { font-size: 1rem; }


header {
	padding-bottom: 1rem;
}

footer {
	padding-top: 1rem;
}

hr {
	height: 1px;
	border: none;
	background-color: var(--foreground-color);
}
.header-name {
	display: inline;
	margin: 0;
}


/* ======================================================== */
/* header nav, i.e. the top-most bar where normally things like the
   login/logout link lives.  */
.header-nav {
	font-weight: bold;
	font-style: 1rem;
	word-spacing: 1rem;
}
.header-nav {
	background-color: var(--foreground-color);
	color: var(--background-color);
	display: flex;
}
.header-nav a {
	background-color: var(--foreground-color);
	color: var(--background-color);
	text-decoration: none;
	word-spacing: normal;
    transition: background-color 0.3s ease-in-out, color 0.5s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out, color 0.5s ease-in-out;
    -webkit-transition: background-color 0.3s ease-in-out, color 0.5s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out, color 0.5s ease-in-out;
}
.header-nav-left {
	flex-grow: 2;
}
.header-nav a:hover {
	color: var(--foreground-color);
	background-color: var(--background-color);
}
.header-nav-submenu{ display: none; }
.header-nav-submenu:target { display: inherit; }
/* ======================================================== */