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