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