Hi Kevin
Thank you for the quick reply and looking at the live site.
1. Regarding the /index.html, currently that's the only page on the
official
openbsd.org website that is left aligned (all other pages are
centered aligned).
I kept that as-in, but I capped /index.html total width to 840px
since it seemed
difficult to read extremely long sentences.
2. Have you had a chance to look at the Light Mode design? That's where
I put
the bulk of my time and effort.
3. I've been able to create a diff, many thanks to TJ.
The diff is below:
? font-domine-700.woff2
? font-lato-400.woff2
? font-lato-900.woff2
Index: index.html
===================================================================
RCS file: /cvs/www/index.html,v
retrieving revision 1.758
diff -r1.758 index.html
9a10,11
<meta name="viewport" content="width=device-width, initial-scale=1,
maximum-scale=1">
Index: openbsd.css
===================================================================
RCS file: /cvs/www/openbsd.css,v
retrieving revision 1.22
diff -r1.22 openbsd.css
2a3,28
/* Font 'Domine', copyright: Impallari Type; License: SIL OFL 1.1
https://scripts.sil.org/ofl */
@font-face {
font-family: 'Domine';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(font-domine-700.woff2) format('woff2');
}
/* Font 'Lato', copyright: Lukasz Dziedzic; License: SIL OFL 1.1
https://scripts.sil.org/ofl */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(font-lato-400.woff2) format('woff2');
}
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(font-lato-900.woff2) format('woff2');
}
4c30
< --red: #E00000;
---
--red: #8B0000;
6c32
< --blue: #0000E0;
---
--blue: #111111; /* hack since some pages, like plus.html hard code
--blue into the html page. old value was #0000E0 */
7a34,74
--navbar-background-color: #EEEEEE;
--navbar-border-width: 1px;
--navbar-border-color: #E3E3E3;
--navbar-indent-size: 0px;
--navbar-padding: 27px 20px 0 20px;
--font-family: 'Lato', sans-serif;
--font-family-heading: 'Domine', serif;
--font-line-height: calc(4px + 2ex);;
--font-color-body: #222222;
--font-color-heading: #000000;
--font-size-body: 14px;
--font-size-header: 14px;
--font-size-monospace: 13px;
--link-color-unvisited: #004080;
--link-color-visited: #004080;
--link-text-decoration-color: #cdd4e5;
}
a:link, a:visited {
color: var(--link-color-unvisited);
text-decoration-color: var(--link-text-decoration-color);
text-underline-offset: 3px;
text-decoration-style: dotted
}
a:hover {
text-decoration-color: var(--link-color-unvisited);
text-decoration-style: solid
}
/* style links to man pages & cvsweb differently,
but not on index.html main navigation */
a[href*='//man.openbsd.org']:not(nav a),
a[href*='//cvsweb.openbsd.org']:not(nav a) {
font-family: Courier, monospace;
font-size: var(--font-size-monospace)
}
/* on frontpage (index.html), don't underline the links in navbar */
nav a {
text-decoration: none
10,11c77,86
< :link {
< color: #23238E;
---
body {
background-color: #FFFFFF;
color: var(--font-color-body);
font-family: var(--font-family);
font-size: var(--font-size-body);
letter-spacing: -0.06px;
line-height: var(--font-line-height);
margin: 15px auto !important; /* 'important' used b/c hackathons.html
& lyrics.html hardcode margins */
max-width: 840px !important; /* 'important' used b/c
hackathons.html & lyrics.html hardcode width=100 */
padding: 0 30px 0 30px;
14,15c89,98
< :visited {
< color: #008088;
---
main {
column-gap: 20px;
display: grid;
justify-items: start;
grid-template-columns: fit-content(155px) 1fr;
grid-template-areas:
"grid-content-navbar grid-content-main"
"grid-content-rackserver grid-content-bottomlinks";
max-width:840px;
padding-right: 20px;
18,22c101,103
< body {
< background-color: #FFFFFF;
< color: #111111;
< margin: 15px auto;
< padding: 0 10px;
---
nav {
grid-area: grid-content-navbar;
max-width: 155px;
25,26c106,115
< code {
< white-space: nowrap;
---
main nav header:first-child::before {
content: 'OpenBSD';
background-color: #000000;
border-radius: 3px;
color: #FFFFFF;
font-family: var(--font-family-heading);
font-size: 160%;
display: table;
margin-bottom: 1.2em;
padding: 12px 10px;
29,32c118,213
< @media (min-width: 800px) {
< body {
< max-width: 85%;
< }
---
article {
grid-area: grid-content-main;
width:100%;
}
footer {
max-width: 840px;
}
footer figure {
grid-area: grid-content-rackserver;
display:none
}
footer aside {
grid-area: grid-content-bottomlinks;
text-align: center;
}
/* set padding on <li>, except on frontpage /index.html */
li:not(#project-main li) {
margin: 0;
padding-bottom: 0.2em
}
/* /faq/faqXX.html wrongly uses blank <p> to add padding between <li>,
there's two ways to address this. (a) use :empty but can't because
whitespace exists between <p> </p>, (b) the option taken, to find
all decendents of <p> inside of <ul> and apply appropriate */
ul p {margin: 0; padding: 0.4em 0 0 0}
h1, h2, h3, h4 {
color: var(--font-color-heading) !important; /* 'important',
pages hardcode their h1-h4 color, e.g. goals.html */
font-family: var(--font-family-heading);
letter-spacing: -0.4px;
line-height: 1.1;
padding-top: 1em;
}
h1, h2 {
font-size: 160%
}
h3 {
font-size: 130%
}
h4 {
font-size: 110%
}
hr {
background-color: #CCCCCC;
border: none;
height: 1px;
margin: 2em 0;
}
hr+h2 {
padding-top: 0.5em;
}
td > hr {
margin: 1em 0
}
footer hr {
margin-top: -4px
}
img {
border-radius: 3px;
height: auto;
max-width: 100%;
}
table {
width: 100% !important; /* 'important', because hackatons.html
hardcode width to 1028px (making non-responsive) */
}
table td img {
background-color:#111;
height: 240px !important;
width: 240px !important;
object-fit: contain;
}
code, kbd {
background: #F5F5F5;
color: #000000;
font-family: Courier, monospace;
font-size: var(--font-size-monospace);
padding: 1px 2px;
white-space: nowrap;
41c222,224
< border: 1px solid #AAAAAA;
---
border: 1px solid #CCCCCC;
font-family: Courier, monospace;
font-size: var(--font-size-monospace);
45a229,234
.lyrics {
background-color: #F5F5F5;
border-radius: 3px;
padding: 10px 14px !important
}
48c237
< border: 1px solid #AAAAAA;
---
border: 1px solid #CCCCCC;
57c246
< border: 1px solid #AAAAAA;
---
border: 1px solid #CCCCCC;
60a250,262
/* for all pages except main landing page (/index.html)
include puffy logo/graphic at the bottom footer */
html:not(#project-main)::after {
display: block;
height: 64px;
margin: 0 auto;
padding-bottom: 80px;
padding-top: 30px;
text-align: center;
width: 64px;
content: url("data:image/svg+xml,%3Csvg
xmlns='http://www.w3.org/2000/svg'
xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 72 72'
fill='none'
xmlns:v='https://vecta.io/nano'%3E%3Cstyle%3E%3C!%5BCDATA%5B.B%7Bfill:%23000%7D.C%7Bfill:%23010101%7D.D%7Bfill:%230d0b05%7D.E%7Bfill:%23020202%7D.F%7Bfill:%230e0d08%7D.G%7Bfill:%230e0d05%7D.H%7Bfill:%230e0b05%7D.I%7Bfill:%230f0e07%7D%5D%5D%3E%3C/style%3E%3Cg
clip-path='url(%23M)'%3E%3Cpath d='M41.16 5.144c-.597 1.392-.464
3.05-.862 4.575-.133.332-.464 1.392-.928
1.326-.995-.133-.464-2.056-1.658-2.122l.331
2.785c-1.724.199-1.525-2.52-2.188-3.581-.796-1.26-.995.597-.928
1.127.066.398.133.729.133 1.061.066.663.066 1.194 0 1.79-1.658
0-1.061-2.188-2.254-2.52l.066 2.652c-1.857
0-2.652-1.658-3.514-3.116-.332-.597-.796-1.724-1.591-1.392.398 1.658
1.26 3.183 1.392 4.907 0 .464-.398 1.591-.994
1.326-1.392-.464-1.194-3.05-2.387-3.713-.265-.133-.597 0-.862 0 0
1.326.597 2.984 1.061 4.244.133.265.398 1.26-.199 1.194-1.061
0-1.326-2.122-2.387-1.857.133.531.464.995.663
1.525.133.332.332.663.398.995.133.729-.796.796-1.326.663-1.127-.332-1.989-1.26-2.785-2.122-.199-.199-.862-1.061-1.194-.663-.398.398.398
1.127.663 1.392.729.796 1.459 1.79 1.79 2.785.133.464.199 1.061-.265
1.392s-1.127-.265-1.525-.464c-1.061-.729-2.188-1.989-3.514-1.989l-.332.796.862
1.194 2.254 2.52-2.652-1.061c.133.663 1.79 1.525 1.459
2.254-.199.398-1.127.398-1.525.398-1.326-.199-2.321-1.194-3.514-1.525-1.127-.332-.928.53-.265
1.061.199.199.398.332.663.531.398.331.729.663 1.061.995.53.53 1.061
1.127 1.525 1.724l-2.652-.066v.199l2.52 1.194-.464 1.79c-.729
0-1.326-.199-1.989-.464-.464-.199-.928-.53-1.459-.464-.597.066-.995.597-.597
1.127.597.796 1.857 1.26 2.652 1.857.332.265.729.663.398
1.061-.663.796-2.52-.199-3.382.066v.199c.862.464 2.52.729 2.984
1.658.398.729-.729 2.254-1.459
2.188-.663-.066-1.326-.796-1.79-1.26-1.194-.995-2.52-2.122-3.912-2.785-2.387-1.127-4.84.663-6.697
1.856.265.796 1.194-.066 1.79.066.796.199 1.459.928 1.989 1.525 2.52
2.917 4.641 6.233 5.57 10.012.265.995.663 2.188-.066
3.05-.199.265-.464.265-.729.464-.133.133-.133.331.066.398.398.133.995-.066
1.459-.133 1.326-.331 2.851-1.061 3.448-2.321.398-.796.531-2.387
1.459-2.719.199.862 1.194 2.056 1.061 2.917-.066.796-.928 1.658-1.392
2.254-.199.199-.597.663-.332.928s.729-.331.928-.464c.663-.663
2.188-1.658 2.586-.199.331 1.326-.796 3.382-1.326 4.575-.133.331-.862
1.326-.597 1.658.332.398.995-.663 1.193-.862.597-.729 2.586-2.984
3.647-2.188 1.326.995.862 1.658.331 2.984-.133.398-.663 1.326-.331
1.658s.796 0 .928-.265c.331-.597 1.127-2.321 1.989-1.923.531.265
1.326.729 1.658 1.26.464.796.066 2.453-.066 3.315-.066.53-.597
2.122-.199 2.453s.796-.663.862-.928c.464-.862.995-1.79
1.658-2.52.265-.265.597-.729.995-.663 2.122.398-.066 2.52.796
3.581.199.199.663.199.928.265l1.061-2.785c.531.199 1.392.265
1.79.729.331.398.398 1.061.53 1.525.265 1.392.398 2.719.265
4.111.199.133.464.398.663.265.265-.199.331-.928.464-1.26.331-.995.796-1.989
1.26-2.917.331-.597 1.127-1.26 1.724-.398s.332 2.453.729
3.448c.995-.464 1.061-2.453 1.061-3.448l1.26.199.729 1.525 1.326
3.912c.729-.265.464-1.591.53-2.254.133-.862.331-2.652.928-3.315.265-.265.796-.265
1.127-.398.398.928.597 1.989 1.061
2.918.199.332.597.729.995.53s.398-.663.331-1.061c-.133-.928-.331-1.856-.398-2.785
1.79-.133 2.851 1.326 3.978 2.52.464.464.796 1.061 1.459
1.26l-.928-2.718-.53-2.52c.663-.265 2.056-1.591 2.718-1.392.995.265
1.79 3.183 3.116 2.453.53-.265.265-.796
0-1.127-.398-.597-1.525-1.923-1.392-2.652.066-.53.995-1.127 1.459-1.127
1.194 0 3.249.928 3.912
1.856l.796-.066c-.133-1.658-2.586-2.387-2.917-3.978-.066-.133 0-.331
0-.53.265-1.061.862-.597
1.525-.331.199.066.663.331.796.066.199-.265-.133-.663-.265-.862-.265-.464-.464-.995-.398-1.525.862.199
1.392.729 2.122
1.194.199.133.53.398.729.265s-.133-.53-.199-.597c-.331-.398-1.326-1.26-1.194-1.79.066-.398.663-.729.928-.995.862-.862
1.79-1.658 2.453-2.652h.066c1.591 1.857 6.63.531
5.968-2.254-.398.066-.796.398-1.194.199-1.79-.597-1.326-3.514-3.382-3.514-.133-1.857-.928-3.713-1.79-5.371-.398-.729-1.26-1.459-1.591-2.188-.199-.398-.133-1.061-.133-1.525
1.061-.133.53-1.26.133-1.79-.398-.663-.862-1.459-1.459-1.989-.663-.663-1.724-1.127-1.591-2.254.066-1.061
1.923-.928 2.254-1.923-.53
0-1.061.133-1.658.265-1.326.199-1.591-.199-.928-1.459.53-1.061
1.459-1.857
2.188-2.718.265-.265.995-.928.597-1.326-.331-.331-.862.199-1.127.332-.995.663-2.122
1.127-3.249 1.525-.332.133-1.326.53-1.459-.133-.133-.796 1.392-.995
1.194-1.923-.597.133-1.857
1.127-2.453.663-.729-.53.331-1.923.464-2.586s-.398-.663-.796-.265c-.133.133-.265.265-.331.464-.199.265-.398.53-.53.796-1.459-.862
1.326-1.857.796-2.652-.199-.265-.53 0-.729.133-.332.332-1.658
1.857-1.989.729-.331-1.26.331-2.719.663-3.912.066-.332.464-1.127.066-1.326-.53-.332-.796.729-.928
1.061-.398.995-1.061 1.857-1.856
2.52-.265.199-.729.663-1.061.597-.53-.133-.597-1.724-.53-2.188
0-.199.133-.597-.066-.796-.265-.199-.464.199-.464.398-.133.663-.53
2.586-1.525 1.326-.928-1.127.464-3.514-1.326-3.978l-.995
3.183c-1.194-.265-.928-1.989-.663-2.917l-.53-.199c-.066.398-.199.729-.331
1.061-.464 1.392-1.127
1.591-1.658.066-.398-1.194-.265-2.453-.464-3.647.199-.464.199-.995-.331-1.194z'
class='B'/%3E%3Cpath d='M41.293 7.862c-.066 2.586-.862 4.575-3.713
4.575l.995
4.111c-1.061-1.127-1.459-2.719-1.989-4.177-.331-.928-.729-1.857-.862-2.785h-.066c.066
1.658.398 3.249.066 4.907-.199.928-.663 1.591-.928
2.453h-.066l.531-3.978c-2.056.133-3.779.464-5.105-1.459-.265-.398-.53-.928-.729-1.392h-.066c.199
1.525 1.591 3.315 0 4.575a2.24 2.24 0 0 1-.796.398l1.459 2.188.862
1.127c-2.321-1.525-3.647-4.177-4.84-6.631h-.066c.265 1.989 1.459 3.713
1.79 5.702.133.663.398 1.658-.265 2.188l-.729-3.448c-1.061.53-1.857
2.188-3.249 1.989-.597-.066-1.061-.597-1.658-.796.265.862.995 1.591.597
2.52-.133.331-.464.597-.663.928l2.918
1.061c-.53.663-1.658.133-2.254-.133-1.194-.597-2.254-1.326-3.382-2.055-.597-.464-1.326-1.061-2.122-1.194.464.994
1.658 1.857 2.453 2.586.663.597 1.127 1.326 1.724 1.989.53.663 1.26
1.459.995
2.387-.995-.995-1.79-1.658-3.249-1.326-.53.133-.995.464-1.525.398-.995
0-1.989-.53-2.917-.928.53 1.127 1.923 1.79 2.254 3.116.199.995-.464
2.188-.597
3.183l3.116.464v.199c-2.652.729-4.509-.729-7.028-1.194v.066c1.658.796
3.58 2.122 4.774 3.514.464.53.994 1.127.994
1.79-.464-.398-1.392-1.459-2.122-1.326-.53.066-.729.663-.796 1.127-.199
1.26-.199 2.586-.199
3.846-.53-.464-.464-1.061-.464-1.724-.663.398-1.326.928-2.188.796-.862-.199-1.658-1.194-2.254-1.79-1.127-1.127-2.453-2.254-4.111-2.52-.862-.133-3.448
0-2.321 1.326.133.133.265.265.398.331.597.332 1.923-.066
2.652-.066v.066l-2.254.464c.928 1.923 2.917.199 3.978
1.392-.729-.199-2.056-.199-2.785 0l1.26 1.658.597.796
2.122.265v.066H7.544c.133.995 1.26.729
1.989.663v.066l-1.525.265c.265.53.862 2.254 1.392 2.52.464.199
1.061-.199 1.392-.398-.53.928-1.392.531-.928
1.79l1.459-.729c-.332.398-.862.663-1.061 1.061-.265.53.199 1.392.332
1.923l1.459-1.061-1.392 1.525.133 1.658c1.194-.53 2.188-1.392
2.719-2.652.199-.53.265-1.127.464-1.591.199-.331.729-.265.862-.663.199-.729-.265-1.326.133-2.055h.066l.265
1.459c.928-.265 1.459-1.724 1.724-2.52h.199c.265 1.194-.796 1.923-1.194
2.917.663.133 1.79.464 1.724 1.26l-2.254-.796 1.724
3.846h.066c.862-1.26 1.658-3.249 2.785-4.177.398 1.326-.995 2.453-1.525
3.514.796-.199 2.188-1.26 2.917-.796-.995.398-1.923.995-2.652
1.79-.265.265-.663.729-.663 1.061 0 .398.464.862.729 1.194.796 1.127
1.724 2.321 2.984 2.984.464-.928.928-1.857
1.194-2.917.133-.464.133-1.127.531-1.392.464 2.52-1.326 5.304-1.923
7.625 1.724-1.459 2.718-3.779 4.907-4.708-.066 1.194-1.923 1.79-2.055
3.116-.066.464.531.663.862.928.862.597 1.658 1.26 2.652
1.724.331.133.729.464
1.061.133.597-.663.663-1.856.597-2.718-.066-.53-.265-1.326.133-1.724l.663
3.713-.331 4.376h.066c.862-2.188 1.591-4.509 3.249-6.166 0 1.127-1.26
2.719-1.724 3.846 1.724.796 3.713 1.26 5.57
1.658.133-1.127.133-2.254-.199-3.382-.133-.53-.597-1.194-.265-1.658
1.127 2.453 2.387 4.907 2.387
7.625h.066c0-1.658.265-3.382.597-4.973.066-.265.133-1.525.597-1.525s.265.729.265.995l-.597
3.382 3.912-.066 1.392-.265-.066-1.392-1.857-3.249c.729-.133 1.392
1.127 1.724 1.658 1.194 1.923 1.989 4.443 2.52
6.631h.066c-.265-2.984-.995-5.769-.663-8.819.862.331.398 2.586.531
3.448.066.265 0 .995.331 1.127s.862-.133 1.127-.265c1.061-.331
2.055-.862
3.116-1.326.398-.199.928-.398.995-.862.066-1.724-1.459-2.254-2.52-3.183.928-.066
1.591.53 2.254 1.061.995.796 2.055 1.724 2.851 2.718.464.597.862 1.326
1.392
1.79-.331-.995-1.061-1.923-1.525-2.785-.928-1.79-1.591-3.713-1.857-5.702h.066l1.724
4.575c.928-.331 1.724-1.459 2.321-2.188.265-.332.597-.663.597-1.061
1.525-.53-.398-1.79-.729-2.254 1.061-.133 1.989.862 2.984
1.061-.464-.928-1.194-2.188-.995-3.249h.199l.663 1.79c1.591-1.459
3.448-2.984 4.641-4.84 1.658-2.586
1.658-5.835.464-8.62-.332-.729-.597-1.856-1.194-2.453-.796-.862-1.525.597-1.591
1.26.398.066.729.199 1.061.398 1.26.862 1.326 2.321.796
3.58-.199.531-.597 1.061-.663 1.658-.066.729.332 1.459.464 2.188.199
1.194-.398 2.453-1.26 3.249-.796.729-1.923
1.127-2.984.995-.53-.066-1.061-.53-1.525-.332-.796.265-.928 1.525-1.459
2.122-.199-1.392.796-2.122
1.061-3.382.133-.597-.331-1.658-.53-2.254-.133-.464-.398-1.79-1.127-1.525-.464.199-.729.729-.995
1.061-.663.928-1.26 1.989-2.387 2.254.398-1.061 1.591-1.989 2.188-2.984
1.26-1.989
2.652-5.304.928-7.426-.53-.663-1.326-1.127-2.055-1.459-.995-.464-2.122-.597-3.183-.928v-.199l1.26-.199-.265-1.989-.796.265c0-3.315
3.315-5.172 5.636-6.896l-.398 1.194 1.127 1.724 2.254
3.514-.928-.066c.199 1.326.464 2.52 0 3.846-.265.862-.995 1.525-1.26
2.387-.133.398.066.862.066 1.26 0 .597-.199 1.127-.332 1.724 1.658-.796
1.923-3.183
3.647-3.713-.133-.796-.464-1.525-.53-2.387-.133-1.79.199-3.58-.066-5.371-.332-1.989-1.127-3.713-1.857-5.57l.796.331c.199-1.26
1.194-1.923 1.923-2.917-1.061.398-2.652
1.658-3.846.995-.796-.464-1.061-1.525-1.923-1.923l-1.061
4.376h-.066c-.464-1.989.53-3.912.995-5.835-1.392 1.127-2.321 2.52-4.243
2.785l2.652-1.923.597-.862-.796-.663-1.989-1.459.928.199.331-2.918h-.066c-.199.332-.464.663-.729.995-.398.398-.862
1.061-1.392
1.26-1.061.332-2.52-.862-3.514-1.127v4.177c-.928-.133-.796-1.061-.796-1.923v-5.371h-.066c-.265
1.989-.928 4.907-2.917 5.901.597-.928 1.127-1.658
1.392-2.719.066-.332.331-.862
0-1.061-.928-.663-2.321-.133-3.05-1.194-.862-1.591-.331-2.917-.796-4.045z'
fill='url(%23A)'/%3E%3Cuse xlink:href='%23N' fill='%230f0d06'/%3E%3Cg
class='B'%3E%3Cpath d='M40.498 14.162l-1.459 6.564c1.127-.663
1.326-3.183 1.459-4.376h.066c.199 1.061.265 2.122.729
3.116.199.398.332.928.862.928l-1.194-4.111-.464-2.122zm-8.952 1.127c0
2.321 1.194 4.442.729 6.829.464-.265.464-.862.464-1.326
0-1.127-.199-2.188-.199-3.249h.066c.332 1.127 1.194 3.315 2.453
3.448-.133-.597-.663-1.061-.928-1.525-.729-1.194-1.392-3.448-2.586-4.177zm18.632
1.06c-.995 1.591-2.188 3.779-3.713 4.907v.066c1.127-.199 2.387-1.658
2.718-2.718h.066c0 1.591-.729 3.315-.066
4.907h.066c.464-1.658.199-3.58.663-5.304.133-.53.597-1.392.265-1.857zm-5.967
3.581c-.53 1.194-.796 2.321-1.923 3.183v.199c.796.199 1.326-.796
1.525-1.459h.066c.066.597.133 1.857.796
2.122l-.464-2.122V19.93zm-19.494.133c.199 2.254 3.183 3.779 2.785
6.166.464-.265.331-.796.199-1.26-.331-.928-.928-1.79-1.26-2.718.862.796
2.188 1.724 3.382
1.194l-1.923-.796-3.183-2.586zm12.598.729c-.265.928-1.061 2.652-.729
3.514h.133l.663-2.188h.066c.199.796.464 2.055 1.459
2.188l-1.459-3.514h-.133zm-6.1 2.254l.464
3.846h.199l-.066-2.718c.597.398 1.392 1.459 2.188
1.061-.332-.331-.729-.398-1.061-.663-.663-.464-.995-1.459-1.724-1.525zm19.958.53c-.928.995-1.79
1.591-3.116 1.989v.199c.796.199 1.525-.199 2.188-.663-.133.53-.796
1.923-.265 2.254l.862-2.652.331-1.127z'/%3E%3C/g%3E%3Cpath d='M52.167
29.478c2.056-.53 4.376-.796
6.432-.331-.331-1.061-1.127-1.989-1.856-2.785-.265-.265-.531-.796-.995-.862s-.928.464-1.26.729c-.928.729-1.856
2.055-2.321 3.249z' fill='url(%23B)'/%3E%3Cg class='B'%3E%3Cpath
d='M35.657 25.698l-.53
2.785c.464-.331.53-1.459.663-1.989l.796.928c-.133-.597-.464-1.326-.928-1.724zm8.885.265l-1.724
1.724 1.658-1.194.265
1.658c.331-.464.133-1.79-.199-2.188zm-19.228.265c.796.862 1.392 1.923
1.857 2.851.265.531.199 1.127.729
1.459-.066-1.061-.53-1.857-.928-2.785.663.398 1.525.928
2.254.729v-.199c-1.061-.464-1.857-.862-2.719-1.591-.331-.265-.729-.663-1.193-.464zm-6.1.797c.066.796.729
1.061 1.26 1.459.796.597 1.459 1.194 2.055 1.989.398.53.597 1.392 1.127
1.724-.133-1.326-.862-2.917-2.188-3.448v-.066c1.326.265 2.586.729
3.912.199v-.199l-1.525-.066-4.641-1.591z'/%3E%3C/g%3E%3Cpath d='M61.45
27.29l.199 2.188 1.989.265c-.332-.862-1.26-2.055-2.188-2.453z'
fill='url(%23C)'/%3E%3Cg class='B'%3E%3Cpath d='M39.437 27.423l-.796
1.525.928-.995.531.928-.663-1.459zm8.752 2.187l-1.525 1.193
1.392-.729-.199
1.061c.332-.265.531-1.127.332-1.525z'/%3E%3C/g%3E%3Cpath d='M57.273
35.049c.663-.331.995-1.127
1.194-1.79.199-.862.53-3.183-.597-3.581-.597-.265-1.591.066-2.254.066-.597
0-1.856-.066-2.321.331-.398.398-.133 1.923.199 2.321s1.061.531
1.591.729c.928.398 1.724.995 2.188 1.923z' fill='%23fff'/%3E%3Cpath
d='M63.108 29.677l.066.066-.066-.066zm.53 0l-.066.199.066-.199z'
class='D'/%3E%3Cg fill='%23fff'%3E%3Cpath d='M63.638
29.743l.068.068-.068-.068zm-2.188.398v.796c1.658-.597 1.989 1.79.265
1.724l.331 2.122c1.194-.597
1.79-3.315.796-4.31-.265-.331-.995-.331-1.392-.331z'/%3E%3C/g%3E%3Cpath
d='M62.842 30.34l.068.068-.068-.068z' class='E'/%3E%3Cpath d='M56.809
30.473c-.199.199-.464.331-.597.597-.928 1.658 2.652 1.658
1.658-.066-.133-.199-.331-.331-.53-.464l-.53.265v-.331z'
class='B'/%3E%3Cg class='E'%3E%3Cpath d='M56.942
30.473l.331.066-.331-.066zm4.773.265l.265.199v-.066l-.265-.133z'/%3E%3C/g%3E%3Cpath
d='M37.713 30.871c0 .464-.066.928.331
1.193v-.928l1.061.331-1.392-.597z' class='B'/%3E%3Cpath d='M61.649
30.871l.199.199v-.199h-.199z' class='C'/%3E%3Cg class='B'%3E%3Cpath
d='M43.283
32.13l.464-.796.53.331c-.398-1.061-.995-.265-.995.464zm-11.007-.994c.133.597.398
1.061.928 1.459l-.53-1.194
1.061.066c-.265-.464-.928-.331-1.459-.331zm-4.641.53l1.26
1.525-.729-1.26 1.061-.199-.066-.331-1.525.265z'/%3E%3C/g%3E%3Cg
fill='%23fff'%3E%3Cpath d='M60.986 31.401v.265h.066l-.066-.265zm0
.398v.265h.066l-.066-.265z'/%3E%3C/g%3E%3Cpath d='M62.909
31.865l.068.068-.068-.068z' class='C'/%3E%3Cpath d='M62.71
32.33l.068.068-.068-.068z' fill='%23050505'/%3E%3Cpath d='M18.484
34.251v.199l2.652.928c-.066-.663-.928-.928-1.525-.995l1.79-1.658c-.995-.133-2.122.995-2.917
1.525z' class='B'/%3E%3Cpath d='M61.981 32.595l.265.066-.265-.066z'
class='C'/%3E%3Cpath d='M22.264 33.854v.199l1.989.729
1.193.796c-.133-.995-1.127-1.127-1.79-1.658.862-.133 1.989-.199
2.387-1.061l-3.779.995z' class='B'/%3E%3Cpath d='M63.174
33.125l.068.068-.068-.068z' class='F'/%3E%3Cpath d='M63.174
33.258l.068.068-.068-.068z' class='E'/%3E%3Cpath d='M61.848
33.654l.066.133-.066-.133z' class='C'/%3E%3Cpath d='M35.127
34.517l.265-.663c-.398.066-.729.398-.265.663z' class='B'/%3E%3Cpath
d='M62.644 34.319l.068.068-.068-.068z' class='E'/%3E%3Cg
class='B'%3E%3Cpath d='M38.376
34.384l-.066.663c.265-.199.332-.331.265-.663h-.199zm3.846.663l.265-.663c-.398.133-.663.398-.265.663z'/%3E%3C/g%3E%3Cpath
d='M62.577 34.384l.068.068-.068-.068z' class='E'/%3E%3Cg
class='B'%3E%3Cpath d='M44.94
35.578v.331l.928-.663-.928.331zm4.31-.2v1.061c.398-.265.398-.729
0-1.061z'/%3E%3C/g%3E%3Cpath d='M65.097 35.378l.068.068-.068-.068z'
class='D'/%3E%3Cpath d='M31.348
37.235l1.061.265-.597-.597.332-.862c-.398.199-.663.729-.796 1.194z'
class='B'/%3E%3Cpath d='M57.737 40.021c2.254.331 3.315-.729
4.973-2.056-.265.663-1.459 1.459-1.392 2.122s1.061.729
1.525.53c.862-.331 1.392-1.26
1.591-2.188.398-1.79-1.989-3.315-3.514-2.122-1.26 1.061-1.857
2.718-3.183 3.713z' fill='url(%23D)'/%3E%3Cpath d='M14.904
38.031c.133.663.796.331 1.26.265.663-.066 1.989.199
2.387.796l.663-.066c-.133-1.061-1.658-.995-2.453-1.061.597-.597
1.459-.796 1.658-1.724l-3.514 1.79z' class='B'/%3E%3Cg
class='D'%3E%3Cpath d='M64.434
36.241l.068.068-.068-.068zm1.127.133l.068.068-.068-.068z'/%3E%3C/g%3E%3Cpath
d='M35.923 36.97l-.995 1.26
1.26.464-.928-.531c.199-.398.928-.796.663-1.193z' class='B'/%3E%3Cpath
d='M64.169 36.97l.068.068-.068-.068z' class='G'/%3E%3Cpath d='M28.032
37.236l-1.061.995c.398.133 1.392.729
1.724.265l-1.26-.464.597-.796zm23.538
0l1.26.995v.199l-1.194.663c.597-.066 1.127-.265
1.658-.663-.398-.597-1.061-1.061-1.724-1.194z' class='B'/%3E%3Cpath
d='M64.368 37.302l.068.068-.068-.068z' class='C'/%3E%3Cpath d='M65.892
37.302l.068.068-.068-.068z' class='D'/%3E%3Cpath d='M64.368
37.435l.068.068-.068-.068z' class='G'/%3E%3Cg class='B'%3E%3Cpath
d='M22.396 37.567c-.53 1.26-1.392 2.254-2.387 3.183-.53.531-1.392
1.061-1.658 1.79l3.978-.862
2.122-.398c-1.26-.862-3.448.133-4.641.663.796-1.658 2.453-2.321
2.785-4.243l-.066-.066-.133-.066zm16.643.928l.53.066v-.928c-.398.199-.464.464-.53.862z'/%3E%3C/g%3E%3Cpath
d='M64.434 38.031l.068.068-.068-.068z' class='C'/%3E%3Cpath d='M43.283
38.298l.066.995c.398-.199.729-.53.796-.995l-.663.464-.199-.464z'
class='B'/%3E%3Cpath d='M62.577 38.429l.068.068-.068-.068z'
class='G'/%3E%3Cpath d='M64.301 38.761l.068.068-.068-.068z'
class='C'/%3E%3Cpath d='M66.357 38.893l.068.068-.068-.068z'
class='D'/%3E%3Cpath d='M64.169 39.026l.068.068-.068-.068z'
class='C'/%3E%3Cpath d='M30.486
40.22l.199-.663c-.398.133-.663.398-.199.663z' class='B'/%3E%3Cpath
d='M63.704 39.887l.068.068-.068-.068z' class='C'/%3E%3Cpath d='M63.638
39.954l.068.068-.068-.068z' class='G'/%3E%3Cpath d='M46.73 40.152l-.066
1.26-.796-.53c.066.53.464.796.995.928l.066-1.658h-.199z'
class='B'/%3E%3Cpath d='M59.129 40.152l.265.066-.265-.066z'
class='C'/%3E%3Cpath d='M24.319 42.938c.597 0 2.718.066
2.984-.332l-1.989-.265 1.061-2.122c-.663.199-1.79 2.122-2.055
2.719zm7.36 7.89c.663-.398 1.591-1.591
1.923-2.254-.729.199-1.061.928-1.525 1.459l-.265-1.923c2.122-.199
3.05-2.52 4.31-3.912.729-.862 1.724-1.194
2.718-1.724-.597-.663-1.392.066-1.923.464-1.459 1.127-2.254 2.453-3.514
3.713l.729-1.923h-.066c-.398.928-.862 1.989-1.79
2.453l.331-1.26h-.066c-.398.928-.796 1.392-1.79
1.392l.928-2.122h-.066l-1.194
1.989-.332-.066.928-1.724h-.066c-.464.729-.928 1.79-1.923
1.525l.796-1.525c-.464.332-.663 1.194-1.194
1.392-.265.066-.729-.066-.597-.398.133-.398.796-.862
1.127-1.194.928-1.194 1.658-3.183 3.05-3.978 1.127-.597 2.851.133
4.111.133.729 0 1.525-.265
1.724-.995-.597-.066-1.127.331-1.724.331-1.525
0-4.045-.729-5.371.265-1.194.928-1.26 2.188-1.989
3.382-.398.597-.995.995-1.525
1.392-.199.133-.53.398-.464.663.066.398.729.597.995.729.663.331
1.459.53 2.188.729.398.066.995.066 1.326.332.265.464.066 1.989.199
2.652z' class='B'/%3E%3Cpath d='M63.108
40.485l.066.066-.066-.066zm-.265.133l.066.066-.066-.066z'
class='C'/%3E%3Cpath d='M14.639 40.683l-.066.53.332-.531h-.265z'
class='B'/%3E%3Cpath d='M61.848
43.336c-.199-.597-.133-1.392-.53-1.923-.531-.729-1.724-.663-2.453-.663-.265
0-.729 0-.928.265-.199.332.199 1.061.265 1.392.332 1.392.663 3.249
1.857 4.177.796.597 2.321.199 2.984-.464 1.061-.995
1.326-3.448.265-4.509-1.326-1.392-1.326 1.061-1.459 1.724z'
fill='url(%23E)'/%3E%3Cpath d='M62.842 41.214l.068.068-.068-.068z'
class='F'/%3E%3Cpath d='M67.484 41.346L67.02 43.6l-.332
1.193.663.464-.199-.796h.066c.398.995.862 1.194 1.923
1.194l-.663-1.392c.398.464.597 1.194 1.26 1.26l-.663-1.194c.597.663.862
1.061 1.724.663v-.199c-1.459-.729-1.658-3.183-3.315-3.448z'
fill='url(%23F)'/%3E%3Cpath d='M52.897
42.009l.265-.663c-.331.199-.53.398-.265.663z' class='B'/%3E%3Cpath
d='M66.489 41.611l.068.068-.068-.068z' class='D'/%3E%3Cpath d='M40.63
42.142l.995 1.061.464-1.061-.464.729-.995-.729zm9.217 0l-.066
1.392-.928-.53c-.066.597.862 1.26 1.392 1.525l-.199-2.387h-.199z'
class='B'/%3E%3Cpath d='M69.075 42.872l.068.068-.068-.068z'
class='F'/%3E%3Cpath d='M55.217 42.938l.066.133-.066-.133z'
class='I'/%3E%3Cpath d='M25.181 43.668c-.265 1.392-1.26 2.586-2.122
3.647-.398.53-1.061.995-1.26 1.658 1.525-.464 3.183-1.989
4.84-1.79-.398-.796-2.387.331-3.116.464.597-.862 1.392-1.658
1.79-2.652.199-.464.265-.995-.133-1.326z' class='B'/%3E%3Cpath
d='M63.837 44.066l.068.068-.068-.068z' class='C'/%3E%3Cpath d='M69.805
44.066l.068.068-.068-.068z' fill='%230f0e08'/%3E%3Cpath d='M45.47
45.856c-.398-.398-.796-.928-1.392-.796l1.724
2.122.464-2.652c-.663.066-.663.796-.796 1.326z' class='B'/%3E%3Cpath
d='M68.744 44.462l.068.068-.068-.068z' class='I'/%3E%3Cpath d='M36.917
45.391l-.066-.464h-.265l.066 1.194c.53-.066 1.061-1.061
1.194-1.525l-.928.796z' class='B'/%3E%3Cpath d='M63.704
44.596l.068.068-.068-.068z' class='C'/%3E%3Cpath d='M70.799
44.794l.068.068-.068-.068z' class='D'/%3E%3Cpath d='M66.556
44.861l.068.068-.068-.068z' class='H'/%3E%3Cg class='D'%3E%3Cpath
d='M64.368 45.06l.066.066-.066-.066zm2.851
0l.066.066-.066-.066zm-2.918.265l.068.068-.068-.068z'/%3E%3C/g%3E%3Cpath
d='M69.208 45.325l.068.068-.068-.068z' fill='%230f0d06'/%3E%3Cpath
d='M63.373 45.523l.068.068-.068-.068z' class='F'/%3E%3Cpath d='M64.633
45.922l.068.068-.068-.068z' class='D'/%3E%3Cpath d='M40.299
46.055l-.464 1.194h-.066l-.729-.995.663 2.122h.066c.199-.663
1.061-1.79.53-2.321z' class='B'/%3E%3Cpath d='M30.618
46.32l.133.066-.133-.066z' class='I'/%3E%3Cpath d='M50.112 46.651l.53
3.05c-.597-.53-2.387-2.851-3.116-1.989 1.658.53 2.387 2.52 3.846
3.382l-.464-1.724-.53-2.718h-.265z' class='B'/%3E%3Cpath d='M64.036
46.651l.068.068-.068-.068z' class='H'/%3E%3Cpath d='M63.904
46.784l.068.068-.068-.068z' class='D'/%3E%3Cpath d='M54.886
47.314c-.464 1.127.663 2.321 1.061
3.382-1.194-.597-2.254-1.591-3.647-1.658v.331c2.056.199 3.116 2.254
4.708 3.183 0-1.724-1.459-3.647-1.989-5.304l-.133.066z'
class='B'/%3E%3Cpath d='M63.307 47.38l.068.068-.068-.068z'
class='H'/%3E%3Cpath d='M63.174 47.514l.068.068-.068-.068z'
class='D'/%3E%3Cpath d='M63.108 47.579l.068.068-.068-.068z'
class='H'/%3E%3Cg class='B'%3E%3Cpath d='M36.453
48.706l-.663.066c.199.531.597.928.796 1.459.199.597.066 1.392.663
1.724.265-.663.995-1.658.796-2.387-.531.265-.729.796-.796
1.392h-.066l-.729-2.254zm-8.421.067c0 1.79-.265 3.448-.729 5.172.663 0
.995-.663 1.326-1.061.663-.928 1.326-1.923
2.453-2.387v-.066c-1.061-.133-2.453 1.459-2.785
2.387h-.199c.331-1.26.597-2.785.066-3.978h-.133v-.066zm15.45
1.989l-2.122-1.459c.133.398.398.464.663.729.53.53.995 1.658 1.79
1.79l.199-2.984c-.729.331-.53 1.26-.53 1.923zm5.171-.199c-.663
1.127.265 3.448.464
4.708h-.066c-.53-1.061-1.459-1.923-2.254-2.785-.133-.133-.663-.928-.862-.597s.862
1.127 1.061 1.392a18.99 18.99 0 0 1 1.923 2.785c.331.597.597 1.326
1.194
1.658-.464-2.321-1.194-4.774-1.194-7.161h-.265z'/%3E%3C/g%3E%3Cpath
d='M18.352 51.491l-.995 2.851
2.122-1.459c-.066-.729-.398-1.194-1.127-1.392z'
fill='url(%23G)'/%3E%3Cg class='B'%3E%3Cpath d='M33.469 52.221l1.061
3.581c.133.597.066 1.392.53 1.79.531-.995.663-2.122
1.194-3.116.265-.597.729-1.061.597-1.724-.862.398-1.392 2.387-1.658
3.249-.53-1.061-.398-3.183-1.724-3.779zm6.167.928c1.061 2.055 1.79
3.978 2.387 6.166.663-.332.53-.995.53-1.658
0-1.525.53-2.984.464-4.442-.398.133-.53.597-.597.995-.199.995-.199
1.989-.398 2.984-.531-1.127-.862-3.846-2.387-4.045z'/%3E%3C/g%3E%3Cpath
d='M58.798 53.878l-.663 1.061 1.989.928-1.326-1.989z'
fill='url(%23H)'/%3E%3Cpath d='M26.043 57.922l-.199 2.785c.796-.796
2.122-2.586.199-2.785z' fill='url(%23I)'/%3E%3Cpath d='M49.98
60.708c.331.729 1.127 1.525 1.79 1.989l-.796-2.52-.995.53z'
fill='url(%23J)'/%3E%3Cpath d='M34.53
64.553l.862-2.917-1.061-.199-.066.796.265 2.321z'
fill='url(%23K)'/%3E%3Cpath d='M42.089 62.233l.995
2.917c.199-.53.928-2.52.398-2.917-.331-.398-.995-.133-1.392 0z'
fill='url(%23L)'/%3E%3Cpath d='M51.77 62.697l.199.199-.199-.199z'
class='D'/%3E%3Cpath d='M61.98
40.75c-.332-.066-.663-.331-.663-.597s.199-.531.862-1.326c.53-.663.464-.663-.531.133-1.127.862-1.923
1.194-2.984 1.194h-.928c0-.066.133-.199.332-.332s.796-.928
1.392-1.658c1.061-1.392 1.591-1.856 2.254-2.055 1.061-.332 2.453.53
2.785 1.658.265 1.061-.663 2.785-1.658
3.05-.199.066-.398.133-.464.066-.133-.066-.265-.133-.398-.133z'
fill='%23fef666'/%3E%3Cpath d='M60.522
46.85c-.331-.066-.796-.464-1.127-.928-.398-.53-.663-1.26-1.127-3.05l-.398-1.591c-.133-.464.928-.729
2.188-.53.995.199 1.392.531 1.591 1.459l.133.729c0
.066.066-.199.199-.597.066-.464.199-.862.398-.995l.199-.265.398.265c.597.398.928
1.194.928 2.254 0 1.392-.597 2.52-1.591
2.984-.464.199-1.392.331-1.79.265z'
fill='%23fef67a'/%3E%3C/g%3E%3Cdefs%3E%3CradialGradient id='A' cx='0'
cy='0' r='1' gradientTransform='translate(38.571 36) rotate(.12618)
scale(28.286 29.63)' xlink:href='%23O'%3E%3Cstop stop-color='%23fff68e'
offset='0'/%3E%3Cstop stop-color='%23eed26a' offset='.731'/%3E%3Cstop
stop-color='%23d6aa4a'
offset='1'/%3E%3C/radialGradient%3E%3CradialGradient id='B' cx='0'
cy='0' r='1' gradientTransform='translate(55.493 27.634) scale(1.107
.69196)' xlink:href='%23O'%3E%3Cstop stop-color='%23fff68e'
offset='0'/%3E%3Cstop stop-color='%23faea82' offset='.5'/%3E%3Cstop
stop-color='%23d6aa4a'
offset='1'/%3E%3C/radialGradient%3E%3CradialGradient id='C' cx='0'
cy='0' r='1' gradientTransform='translate(62.854 28.69) scale(.37431
.42099)' xlink:href='%23O'%3E%3Cstop stop-color='%23fff68e'
offset='0'/%3E%3Cstop stop-color='%23faea82' offset='.5'/%3E%3Cstop
stop-color='%23d6aa4a'
offset='1'/%3E%3C/radialGradient%3E%3CradialGradient id='D' cx='0'
cy='0' r='1' gradientTransform='translate(61.08 38.373) scale(1.1527
.82415)' xlink:href='%23O'%3E%3Cstop stop-color='%23fff68e'
offset='0'/%3E%3Cstop stop-color='%23faea82' offset='.5'/%3E%3Cstop
stop-color='%23d6aa4a'
offset='1'/%3E%3C/radialGradient%3E%3CradialGradient id='E' cx='0'
cy='0' r='1' gradientTransform='translate(60.771 43.814) scale(1.0396
1.0446)' xlink:href='%23O'%3E%3Cstop stop-color='%23fff68e'
offset='0'/%3E%3Cstop stop-color='%23faea82' offset='.5'/%3E%3Cstop
stop-color='%23d6aa4a'
offset='1'/%3E%3C/radialGradient%3E%3CradialGradient id='F' cx='0'
cy='0' r='1' gradientTransform='translate(60.529 47.808) scale(10.18
10.37)' xlink:href='%23O'%3E%3Cstop stop-color='%23fff68e'
offset='0'/%3E%3Cstop stop-color='%23faea82' offset='.5'/%3E%3Cstop
stop-color='%23d6aa4a'
offset='1'/%3E%3C/radialGradient%3E%3CradialGradient id='G' cx='0'
cy='0' r='1' gradientTransform='translate(18.49 52.907) scale(.3586
.48333)' xlink:href='%23O'%3E%3Cstop stop-color='%23fff68e'
offset='0'/%3E%3Cstop stop-color='%23faea82' offset='.5'/%3E%3Cstop
stop-color='%23d6aa4a'
offset='1'/%3E%3C/radialGradient%3E%3CradialGradient id='H' cx='0'
cy='0' r='1' gradientTransform='translate(59.275 54.94) scale(.34304)'
xlink:href='%23O'%3E%3Cstop stop-color='%23fff68e'
offset='0'/%3E%3Cstop stop-color='%23faea82' offset='.5'/%3E%3Cstop
stop-color='%23d6aa4a'
offset='1'/%3E%3C/radialGradient%3E%3CradialGradient id='I' cx='0'
cy='0' r='1' gradientTransform='translate(26.544 59.353) scale(.20443
.4833)' xlink:href='%23O'%3E%3Cstop stop-color='%23fff68e'
offset='0'/%3E%3Cstop stop-color='%23faea82' offset='.5'/%3E%3Cstop
stop-color='%23d6aa4a'
offset='1'/%3E%3C/radialGradient%3E%3CradialGradient id='J' cx='0'
cy='0' r='1' gradientTransform='translate(50.659 61.325) scale(.31177
.43652)' xlink:href='%23O'%3E%3Cstop stop-color='%23fff68e'
offset='0'/%3E%3Cstop stop-color='%23faea82' offset='.5'/%3E%3Cstop
stop-color='%23d6aa4a'
offset='1'/%3E%3C/radialGradient%3E%3CradialGradient id='K' cx='0'
cy='0' r='1' gradientTransform='translate(34.498 63.068) scale(.18702
.52904)' xlink:href='%23O'%3E%3Cstop stop-color='%23fff68e'
offset='0'/%3E%3Cstop stop-color='%23faea82' offset='.5'/%3E%3Cstop
stop-color='%23d6aa4a'
offset='1'/%3E%3C/radialGradient%3E%3CradialGradient id='L' cx='0'
cy='0' r='1' gradientTransform='translate(42.911 63.53) scale(.27402
.53233)' xlink:href='%23O'%3E%3Cstop stop-color='%23fff68e'
offset='0'/%3E%3Cstop stop-color='%23faea82' offset='.5'/%3E%3Cstop
stop-color='%23d6aa4a' offset='1'/%3E%3C/radialGradient%3E%3CclipPath
id='M'%3E%3Cpath transform='translate(0 5.143)' fill='%23fff' d='M0
0h72v62.377H0z'/%3E%3C/clipPath%3E%3Cpath id='N' d='M35.724
9.785l.068.068-.068-.068z'/%3E%3ClinearGradient id='O'
gradientUnits='userSpaceOnUse'/%3E%3C/defs%3E%3C/svg%3E");
}
62c264,273
< color: #E00000;
---
padding-top: 0.5em;
}
#OpenBSD a {
background:#000000;
border-radius: 3px;
display: table;
margin-bottom: 1em;
padding: 8px 10px;
text-decoration: none;
66c277,278
< color: #0000FF;
---
color: #FFFFFF;
font-style: normal;
70c282
< color: #000084;
---
color: #FFFFFF;
73a286
display: table;
75c288,289
< float: right;
---
margin-bottom: -20px;
padding: 2em 0 0 0
78c292,297
< /* sidebar layout */
---
#OpenBSD small a {
background: transparent;
border: 0;
margin-right: 0;
padding: 0
}
79a299
/* sidebar layout */
81,88d300
< height: 100%;
< max-width: 100%;
< position: absolute;
< bottom: 0;
< left: 0;
< right: 0;
< top: 0;
< display: table;
90c302
< margin: 0;
---
margin: 0 !important;
97d308
< display: table-cell;
103,105c314,317
< border-right: 11px solid;
< background-color: #6BBDD6;
< border-color: #007B9C;
---
border-right: var(--navbar-border-width) solid;
background-color: var(--navbar-background-color);
border-color: var(--navbar-border-color);
padding: var(--navbar-padding);
110c322
< font-size: 15pt;
---
font-size: var(--font-size-header);
124c336
< margin-left: 0.5em;
---
margin-left: var(--navbar-indent-size);
143,147d354
< #project-main main,
< #project-main footer {
< display: table-row;
< }
<
157,162d363
< /* errataXX.html */
<
< #errata strong {
< color: var(--green);
< }
<
166a368
display: block;
167a370,372
max-width: fit-content;
overflow-x: auto;
width: 100%;
170a376
display: inline-block;
193,197d398
< #release code.reldir {
< color: var(--red);
< font-family: serif;
< }
<
199c400
< font-family: monospace;
---
font-family: Courier, monospace;
207c408
< color: var(--blue);
---
color: var(--font-color-heading);
274c475
< color: var(--blue);
---
color: var(--font-color-heading);
281,331c482,521
< --red: #E05434;
< --green: #20B700;
< --blue: #A7C1E5;
< --buildhead: #474749;
< }
<
< :link {
< color: #BAD7FF;
< }
<
< :visited {
< color: #F6BAFF;
< }
<
< body {
< background-color: #1E1F21;
< color: #EEEFF1;
< }
<
< .cmdbox {
< background: #000000;
< color: #FFFFFF;
< }
<
< .zebra {
< background: #202020;
< }
<
< .zebra tr:nth-child(odd) {
< background: #2C2C2C;
< }
<
< #OpenBSD :link {
< text-decoration-color: #CF4229;
< }
<
< #OpenBSD :link i, #OpenBSD :visited i {
< color: #F2CA30;
< }
<
< #OpenBSD :link b, #OpenBSD :visited b {
< color: #CF4229;
< }
<
< #OpenBSD {
< color: #EEEFF1;
< }
<
< #faq #OpenBSD small :link {
< text-decoration-color: #BAD7FF;
< }
---
--black: #000000;
--gray1: #8E8E93;
--gray5: #48484A;
--gray6: #2C2C2E;
--link: #0A84FF;
--white: #F2F2F7;
}
a:link {
color: var(--link);
text-decoration: none
}
body {
background: var(--black);
color: var(--white);
}
h1, h2, h3, h4 {
color: var(--white) !important;
}
hr {
background: var(--gray6);
}
#OpenBSD a,
#OpenBSD :link i, #OpenBSD :visited i,
#OpenBSD :link b, #OpenBSD :visited b {
background: var(--black);
color: var(--white);
}
#OpenBSD a {
border: 1px solid var(--gray1);
}
#OpenBSD small a {
color: var(--link);
}
334,337c524,546
< #project-main figure {
< background-color: #202F51;
< border-color: #97BADB;
< }
---
#project-main figure,
.cmdbox,
code,
kbd,
.lyrics {
background-color: var(--gray6);
border-color: var(--gray6);
color: var(--white);
}
.zebra {
background: var(--gray5);
border: 1px solid var(--gray6);
border-collapse: collapse;
}
.zebra tr:nth-child(odd) {
background: var(--gray6);
}
.zebra td {
border: 1px solid var(--gray6);
}
346a556,598
@media (max-width:800px) {
body {
padding: 10px 15px 60px 15px;
}
main {
display: grid;
grid-template-columns: 1fr;
grid-template-areas:
"grid-content-main"
"grid-content-navbar"
"grid-content-bottomlinks"
"grid-content-rackserver";
padding-left: 15px
}
article {
max-width: 100%;
padding: 0 15px;
width: 100%;
}
nav {
max-width: calc(100% - 10px);
margin-left: -15px;
width: 100%;
}
th, td{
display: table;
max-width: 100% !important;
min-width: 100% !important;
width: 100% !important;
}
td:last-child {
padding-bottom: 1em
}
.commentary, .lyrics {
display: table;
max-width: calc(100% - 30px) !important;
min-width: calc(100% - 30px) !important;
width: calc(100% - 30px) !important;
}
}
\ No newline at end of file
