bahn/style.css at main · k0nte/bahn · 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
code {
	background: #eee;
	display: block;
	padding: 4px 10px;
	white-space: pre-wrap;
	max-width: calc(95vw - 42px);
	margin: auto;
}
body > div, footer, #opts > p {
	background: #fff3;
	margin: 30px auto;
	padding: 12px; width: 70%;
	font-size: 1.1em;
}
#input {
	width: 90%;
	max-width: 700px;
	margin: 10px;
	font-size: 1.2em;
	border-radius: 4px;
	padding: 9px;
	border-color: #b05d80
}
footer a, footer a:visited {	color: #23d }
a:hover {						color: #34e }
#schmal { display: none }
span, #flex, footer > a, form > a {
	font-size: 1.2em;
	margin: auto;
}
#flex {
	display: flex;
	width: min(95%, 800px);
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 10px;
}
#flex > div {
	min-width: 700px;
}
#flex > div:nth-child(2n+1) {
	flex-basis: 30%;
	font-weight: bold;
	min-width: 200px;
}
#flex > div:nth-child(2n) {
	flex-basis: 60%;
	text-align: left;
	min-width: 23em;
}
.opt {
	border-radius: 5px;
	border: 1px solid #95c;
	background: #e9d5f5;
	margin: 4px;
	padding: 4px 8px;
	display: inline-block;
	color: #000;
	text-decoration: none;
}
#opts > div {
  text-align: left;
  column-count: 2;
}
h1 {
	color: #280517;
}
b {
	cursor: default;
}

@media (max-width:900px) {
	#schmal { display: block }
	#breit  { display: none  }
	#opts div { column-count: 1 }
}