Annotation of www/openbsd.css, Revision 1.19
1.19 ! deraadt 1: /* $OpenBSD: openbsd.css,v 1.18 2019/06/02 23:16:30 tj 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:
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 {
1.15 tj 84: background-color: #6BBDD6;
85: border-color: #007B9C;
1.10 bentley 86: }
87:
88: #project-main.not-openbsd tr td:first-child {
1.18 tj 89: background-color: #6BBDD6;
90: border-color: #007B9C;
1.10 bentley 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 {
1.15 tj 117: color: #E00000;
118: font-weight: bold;
1.10 bentley 119: text-align: center;
120: }
121:
122: .not-openbsd #callout {
1.15 tj 123: color: #0000A0;
1.10 bentley 124: font-weight: normal;
125: }
126:
127: #project-main .align-top {
128: vertical-align: top;
129: }
130:
131: #project-main .align-bottom {
132: vertical-align: bottom;
1.11 bentley 133: }
134:
135: /* errataXX.html */
136:
137: #errata strong {
138: color: var(--green);
139: }
140:
141: /* XX.html */
142:
143: #release #OpenBSD + table {
144: border-spacing: 0;
145: margin-bottom: 1.5em;
146: }
147:
148: #release #OpenBSD + table td {
149: vertical-align: top;
150: }
151:
152: #release #OpenBSD + table > tbody > tr > td {
153: padding-left: 1.4em;
154: }
155:
156: #release #OpenBSD + table ul {
157: margin-left: 0;
158: padding-left: 0;
159: }
160:
161: #release #OpenBSD + table ul li {
162: margin-left: 0;
163: padding-left: 0;
164: }
165:
166: #release cite.isbn {
167: color: var(--red);
168: font-style: normal;
169: }
170:
171: #release code.reldir {
172: color: var(--red);
173: font-family: serif;
174: }
175:
176: #release table.signify {
177: font-family: monospace;
178: }
179:
180: #release table.signify td {
181: padding: 0;
182: }
183:
184: #release h3 {
185: color: var(--blue);
186: }
187:
188: #release #quickinstall h3 {
189: color: var(--red);
190: }
191:
192: #release kbd {
193: font-weight: bolder;
194: }
195:
196: #release #new li p {
197: margin-bottom: 0;
198: }
199:
200: #release #new li p + p {
201: margin-top: 0;
202: }
203:
204: #release #new li + li {
205: margin-top: 1em;
206: }
207:
208: #release #new li li + li {
209: margin-top: 0;
210: }
211:
212: #release #new li li ul {
213: margin-bottom: 0;
214: }
215:
216: #release #quickinstall p:first-child {
217: margin-left: 0;
218: }
219:
220: #release #quickinstall p {
221: margin-left: 2.5em;
222: }
223:
224: #release #quickinstall blockquote {
225: margin-left: 4.5em;
226: }
227:
228: /* platform pages */
229:
230: #platform #OpenBSD + hr + table {
231: margin-bottom: 0;
232: }
233: #platform #OpenBSD + hr + table tr {
234: margin-left: 0;
235: }
236:
237: #platform #OpenBSD + hr + table td {
238: vertical-align: top;
239: padding-left: 0;
240: padding-bottom: 0;
241: }
242:
243: #platform #OpenBSD + hr + table p {
244: margin-top: 0;
245: }
246:
247: #platform #OpenBSD + hr + table p:last-child {
248: margin-bottom: 0;
249: }
250:
251: #platform h3 {
252: color: var(--blue);
1.10 bentley 253: }
1.16 tj 254:
255: /* redefine colors for dark mode */
256:
257: @media (prefers-color-scheme: dark) {
258: :root {
259: --red: #E05434;
260: --green: #20B700;
261: --blue: #A7C1E5;
262: --buildhead: #474749;
263: }
264:
265: :link {
266: color: #BAD7FF;
1.17 tj 267: }
268:
269: :visited {
270: color: #F6BAFF;
1.16 tj 271: }
272:
273: body {
274: background-color: #1E1F21;
275: color: #EEEFF1;
276: }
277:
278: .cmdbox {
279: background: #000000;
280: color: #FFFFFFF;
281: }
282:
283: #OpenBSD :link {
284: text-decoration-color: #CF4229;
285: }
286:
287: #OpenBSD :link i, #OpenBSD :visited i {
288: color: #F2CA30;
289: }
290:
291: #OpenBSD :link b, #OpenBSD :visited b {
292: color: #CF4229;
293: }
294:
295: #OpenBSD {
296: color: #EEEFF1;
297: }
298:
299: #faq #OpenBSD small :link {
300: text-decoration-color: #BAD7FF;
301: }
302:
303: #project-main tr td:first-child {
304: background-color: #202F51;
305: border-color: #97BADB;
306: }
307:
308: #project-main.not-openbsd tr td:first-child {
309: background-color: #202F51;
310: border-color: #97BADB;
311: }
312:
313: #callout {
314: color: #E05434;
315: }
316:
317: .not-openbsd #callout {
318: color: #E05434;
319: }
320: }