1 /* $OpenBSD: openbsd.css,v 1.9 2019/06/03 02:43:03 deraadt Exp $ */
2 
3 :root {
4 	--red:   #E00000;
5 	--green: #008100;
6 	--blue:  #0000E0;
7 	--buildhead: #E0E0E0;
8 }
9 
10 :link {
11 	color: #23238E;
12 }
13 
14 :visited {
15 	color: #008088;
16 }
17 
18 body {
19 	background-color: #FFFFFF;
20 	color: #111111;
21 	margin: 15px auto;
22 	padding: 0 10px;
23 }
24 
25 code {
26 	white-space: nowrap;
27 }
28 
29 @media (min-width: 800px) {
30 	body {
31 		max-width: 85%;
32 	}
33 }
34 
35 table {
36 	width: 100%;
37 }
38 
39 .cmdbox {
40 	background: #F5F5F5;
41 	border: 1px solid #AAAAAA;
42 	overflow: auto;
43 	padding: 10px;
44 }
45 
46 #OpenBSD {
47 	color: #E00000;
48 }
49 
50 #OpenBSD :link i, #OpenBSD :visited i {
51 	color: #0000FF;
52 }
53 
54 #OpenBSD :link b, #OpenBSD :visited b {
55 	color: #000084;
56 }
57 
58 #OpenBSD small {
59 	font-weight: normal;
60 	float: right;
61 }
62 
63 /* sidebar layout */
64 
65 #project-main {
66 	height: 100%;
67 	border-collapse: collapse;
68 	position: absolute;
69 	bottom: 0;
70 	left: 0;
71 	right: 0;
72 	top: 0;
73 }
74 
75 #project-main td {
76 	padding: 4px;
77 }
78 
79 #project-main tr td:first-child {
80 	border-right: 11px solid;
81 }
82 
83 #project-main tr td:first-child {
84 	background-color: #6BBDD6;
85 	border-color: #007B9C;
86 }
87 
88 #project-main.not-openbsd tr td:first-child {
89 	background-color: #6BBDD6;
90 	border-color: #007B9C;
91 }
92 
93 #project-main tr td:first-child h1 {
94 	margin: 0;
95 	font-size: 15pt;
96 	white-space: nowrap;
97 }
98 
99 #project-main tr td:first-child ul {
100 	margin-top: 0;
101 	margin-bottom: 1em;
102 	padding-left: 0;
103 }
104 
105 #project-main tr td:first-child ul li {
106 	list-style-type: none;
107 	list-style-position: inside;
108 	margin-left: 0.5em;
109 }
110 
111 #project-main .header {
112 	margin: 0;
113 	text-align: center;
114 }
115 
116 #callout {
117 	color: #E00000;
118 	font-weight: bold;
119 	text-align: center;
120 }
121 
122 .not-openbsd #callout {
123 	color: #0000A0;
124 	font-weight: normal;
125 }
126 
127 .not-openbsd blockquote {
128 	color: #0000A0;
129 	text-align: center;
130 }
131 
132 .not-openbsd blockquote q {
133 	font-style: italic;
134 }
135 
136 #project-main .align-top {
137 	vertical-align: top;
138 }
139 
140 #project-main .align-bottom {
141 	vertical-align: bottom;
142 }
143 
144 /* errataXX.html */
145 
146 #errata strong {
147 	color: var(--green);
148 }
149 
150 /* XX.html */
151 
152 #release #OpenBSD + table {
153 	border-spacing: 0;
154 	margin-bottom: 1.5em;
155 }
156 
157 #release #OpenBSD + table td {
158 	vertical-align: top;
159 }
160 
161 #release #OpenBSD + table > tbody > tr > td {
162 	padding-left: 1.4em;
163 }
164 
165 #release #OpenBSD + table ul {
166 	margin-left: 0;
167 	padding-left: 0;
168 }
169 
170 #release #OpenBSD + table ul li {
171 	margin-left: 0;
172 	padding-left: 0;
173 }
174 
175 #release cite.isbn {
176 	color: var(--red);
177 	font-style: normal;
178 }
179 
180 #release code.reldir {
181 	color: var(--red);
182 	font-family: serif;
183 }
184 
185 #release table.signify {
186 	font-family: monospace;
187 }
188 
189 #release table.signify td {
190 	padding: 0;
191 }
192 
193 #release h3 {
194 	color: var(--blue);
195 }
196 
197 #release #quickinstall h3 {
198 	color: var(--red);
199 }
200 
201 #release kbd {
202 	font-weight: bolder;
203 }
204 
205 #release #new li p {
206 	margin-bottom: 0;
207 }
208 
209 #release #new li p + p {
210 	margin-top: 0;
211 }
212 
213 #release #new li + li {
214 	margin-top: 1em;
215 }
216 
217 #release #new li li + li {
218 	margin-top: 0;
219 }
220 
221 #release #new li li ul {
222 	margin-bottom: 0;
223 }
224 
225 #release #quickinstall p:first-child {
226 	margin-left: 0;
227 }
228 
229 #release #quickinstall p {
230 	margin-left: 2.5em;
231 }
232 
233 #release #quickinstall blockquote {
234 	margin-left: 4.5em;
235 }
236 
237 /* platform pages */
238 
239 #platform #OpenBSD + hr + table {
240 	margin-bottom: 0;
241 }
242 #platform #OpenBSD + hr + table tr {
243 	margin-left: 0;
244 }
245 
246 #platform #OpenBSD + hr + table td {
247 	vertical-align: top;
248 	padding-left: 0;
249 	padding-bottom: 0;
250 }
251 
252 #platform #OpenBSD + hr + table p {
253 	margin-top: 0;
254 }
255 
256 #platform #OpenBSD + hr + table p:last-child {
257 	margin-bottom: 0;
258 }
259 
260 #platform h3 {
261 	color: var(--blue);
262 }
263 
264 /* redefine colors for dark mode */
265 
266 @media (prefers-color-scheme: dark) {
267 	:root {
268 		--red:   #E05434;
269 		--green: #20B700;
270 		--blue:  #A7C1E5;
271 		--buildhead: #474749;
272 	}
273 
274 	:link {
275 		color: #BAD7FF;
276 	}
277 
278 	:visited {
279 		color: #F6BAFF;
280 	}
281 
282 	body {
283 		background-color: #1E1F21;
284 		color: #EEEFF1;
285 	}
286 
287 	.cmdbox {
288 		background: #000000;
289 		color: #FFFFFFF;
290 	}
291 
292 	#OpenBSD :link {
293 		text-decoration-color: #CF4229;
294 	}
295 
296 	#OpenBSD :link i, #OpenBSD :visited i {
297 		color: #F2CA30;
298 	}
299 
300 	#OpenBSD :link b, #OpenBSD :visited b {
301 		color: #CF4229;
302 	}
303 
304 	#OpenBSD {
305 		color: #EEEFF1;
306 	}
307 
308 	#faq #OpenBSD small :link {
309 		text-decoration-color: #BAD7FF;
310 	}
311 
312 	#project-main tr td:first-child {
313 		background-color: #202F51;
314 		border-color: #97BADB;
315 	}
316 
317 	#project-main.not-openbsd tr td:first-child {
318 		background-color: #202F51;
319 		border-color: #97BADB;
320 	}
321 
322 	#callout {
323 		color: #E05434;
324 	}
325 
326 	.not-openbsd #callout {
327 		color: #E05434;
328 	}
329 
330 	.not-openbsd blockquote {
331 		color: #E05434;
332 	}
333 }