static/main.css


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

* {
 	box-sizing: border-box;
 	color: #fcf8e2;
 	font-family: monospace;
}

body {
 	background-color: #000;
	/* background: #000 repeat center fixed url("/static/grid.png"); */
	margin: 0;
}

a {
 	color: #81acc1;
}

.header-container,
.main-container,
select {
 	background-color: #000;
}

.header-container,
.main-container {
 	margin: 0 auto;
 	padding: 1em;
}

.header-container > pre {
 	font-size: 2em;
 	text-align: center;
 	color: #5b8277;
}

.header-container {
 	max-width: 800px;
	border-top: 1px solid #fcf8e2;
}

.main-container {
 	max-width: 800px;
	border-bottom: 1px solid #fcf8e2;
}

input[type="text"] {
 	padding: 0.2em 0.5em;
	background-color: #242424;
}

#search-form input[type="text"] {
	width: 100%;
}

.btn {
 	padding: 0.2em 0.5em;
 	background-color: #5b8277;
}

.btn:hover {
 	background-color: #7fac96;
}

@media (max-width: 1100px){
 	 .header-container > pre {
 	 	 font-size: 1em;
 	 }
}

@media (max-width: 720px){
 	 .header-container > pre {
 	 	 font-size: 0.7em;
 	 }
}