summaryrefslogtreecommitdiffstats
path: root/src/css.css
blob: 0293e796583a22f4ddac28cddb35c7aca3c4f104 (plain) (blame)
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
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
:root {	/* most of the styles are used on http://sijanec.eu, so there are some excess colours */
	--bgc1: black;
	--bgc2: #111;
	--bgc3: #222;
	--fgc1: white;
	--fgc2: lightgray;
	--fgc3: lightblue;
	--fglinkc: #ae5;
	--fglinkvisitedc: #0cd;
	--fglinkhoverc: cyan;
	--fglinkactivec: #eff;
	--fgchilite: red;
	--fgdecorc: yellow;
	--fgcodec: #aed;
	--bgcodec: var(--bgc2);
	--bgclight: darkgray;
	--scheme-name: dark;
}

@media (prefers-color-scheme: light) {
	:root {
		--bgc1: white;
		--bgc2: lightgray;
		--bgc3: darkgray;
		--fgc1: black;
		--fgc2: gray;
		--fgc3: darkred;
		--fglinkc: blue;
		--fglinkvisitedc: purple;
		--fglinkhoverc: darkblue;
		--fglinkactivec: cyan;
		--fgchilite: red;
		--fgdecorc: darkmagenta;
		--fgcodec: var(--bgc1);
		--bgcodec: var(--fgc1);
		--bgclight: darkgray;
		--scheme-name: light;
	}
}

input, textarea {
	background: var(--bgc2);
	color: var(--fgc1);
}

a {
	text-decoration: underline;
	cursor: pointer;
	color: var(--fglinkc);
}

a:visited {
	color: var(--fglinkvisitedc);
}

a:hover {
	color: var(--fglinkhoverc);
}

a:active {
	color: var(--fglinkactivec);
}


@media screen and (min-width: 1000px) {
	body {
		margin-left: 10%;
		margin-right: 10%;
	}
}

body {
	background-color: var(--bgc1);
	color: var(--fgc1);
	scrollbar-color: var(--scheme-name);
}

code {
	color: var(--fgcodec);
	background-color: var(--bgcodec);
}
input[type=password], input[type=text], input[type=submit], input[type=button] {
	height: 1cm;
	font-size: large;
}
.result:hover {
	background: var(--bgc2);
}
.container {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: stretch;
}
input[name=q] {
	flex-grow: 4;
}
input[type=submit] {
	flex-basis: 12.5%;
}
.SC_LOG_ERROR {
	color: red;
}
.SC_LOG_WARNING {
	color: orange;
}
.SC_LOG_INFO {
	color: lightgreen;
}
.SC_LOG_DEBUG {
	color: magenta;
}
.breadcrumb {
	color: var(--fgc2);
	font-size: small; /* small is relative to parent (h4) size */
}
.result h4 {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 0.314159265358em;
}
.result p {
	margin-top: 0.314159265358em;
}
.result img {
	height: 10em;
}