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