NBash

1
html {
2
    margin: 0;
3
    padding: 0;
4
    min-height: 100%;
5
    position: relative;
6

7
}
8

9
body {
10
    margin: 0;
11
    padding: 0;
12
    background-color: #0C1A48;
13
}
14

15
button {
16
    border: none
17
}
18

19
* {
20
    font-family: "Open Sans", "Helvetica Neue", "Helvetica", Arial, sans-serif
21
}
22

23
code,
24
kbd,
25
pre,
26
samp,
27
code * {
28
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace !important
29
}
30

31
html {
32
    font-size: 15px
33
}
34

35
@media(max-width: 767px) {
36
    html {
37
        font-size: 13px
38
    }
39
}
40

41
@media(min-width: 768px) {
42
    html {
43
        font-size: 14px
44
    }
45
}
46

47
@media(min-width: 992px) {
48
    html {
49
        font-size: 14px
50
    }
51
}
52

53
@media(min-width: 1200px) {
54
    html {
55
        font-size: 15px
56
    }
57
}
58

59
@font-face {
60
    font-family: 'Open Sans';
61
    font-style: normal;
62
    font-weight: 300;
63
    src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff');
64
}
65

66
@font-face {
67
    font-family: 'Open Sans';
68
    font-style: normal;
69
    font-weight: 400;
70
    src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
71
}
72

73
@font-face {
74
    font-family: 'Open Sans';
75
    font-style: normal;
76
    font-weight: 600;
77
    src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
78
}
79

80
.light {
81
    font-weight: 200
82
}
83

84
.semilight {
85
    font-weight: 300
86
}
87

88
.normal,
89
.regular {
90
    font-weight: 400
91
}
92

93
.semibold {
94
    font-weight: 600
95
}
96

97
b,
98
.bold {
99
    font-weight: 700
100
}
101

102
body {
103
    font-weight: 400;
104
    color: #242424;
105
    text-rendering: optimizeLegibility;
106
}
107

108
h1,
109
h2,
110
h3 {
111
    font-family: "Open Sans, "Helvetica Neue", "Helvetica", Arial, sans-serif;
112
    font-weight: 100
113
}
114

115
h1 {
116
    margin-top: 2rem;
117
    font-size: 3rem
118
}
119

120
h2 {
121
    margin-top: 1.5rem;
122
    font-size: 2rem
123
}
124

125
h3 {
126
    margin-top: 1rem;
127
    font-size: 1.6rem
128
}
129

130
h4 {
131
    margin-top: 0.8rem;
132
    font-size: 1.5rem;
133
    font-weight: 600
134
}
135

136
@media(min-width: 768px) {
137
    h1 {
138
        font-size: 4rem
139
    }
140
    h2 {
141
        font-size: 3rem
142
    }
143
    h3 {
144
        font-size: 2.2rem
145
    }
146
}
147

148
.wrap-together {
149
    display: inline-block
150
}
151

152
a {
153
    color: #0071bc;
154
    text-decoration: none
155
}
156

157
a:hover, a:focus {
158
    color: #005893;
159
    text-decoration: underline
160
}
161

162
@media only screen and (-webkit-min-device-pixel-ratio: 2),
163
only screen and (min-resolution: 192dpi) {
164
    body {
165
        -webkit-font-smoothing: antialiased
166
    }
167
}
168

169
.download {
170
  position: relative;
171
  margin-top: 0px;
172
  margin-bottom: 0;
173
  padding-left: 2px;
174
  padding-right: 4px;
175
  padding-top: 7px;
176
  padding-bottom: 7px;
177
}
178

179
.download a {
180
  color: white;
181
}
182

183
.navbar {
184
  --bs-primary-rgb: 44,74,168;
185
  --bs-navbar-padding-y: 0;
186
}
187

188
.nav-link {
189
  --bs-nav-link-font-size: 14px;
190
  --bs-nav-link-hover-color: white;
191
  --bs-nav-link-color: rgba(255,255,255,0.6);
192
  --bs-nav-link-padding-x: 3rem;
193
}
194

195
.doxygen-updates {
196
  padding-top: 65px;
197
  padding-bottom: 0px;
198
  color: rgba(255,255,255,0.8);
199
}
200

201
.doxygen-updates a {
202
    color: #0098ff;
203
}
204

205
.doxygen-footer {
206
    font-size: 12px;
207
}
208

209
.doxygen-footer li > a {
210
    color: white;
211
}
212

213
.github-star-button {
214
    padding-top: 5px;
215
}
216

217
.license, .privacy, .extensions {
218
    background-color: white;
219
}
220

221
.description {
222
    background: #F5F5F5;
223
    color: #242424;
224
    font-size: 14px;
225
}
226

227
.currency {
228
    font-size: 11px;
229
}
230

231
.screenshot {
232
    max-width: 600px;
233
    margin: 20px auto;
234
}
235

236
.screenshot img {
237
    width: 100%;
238
    height: 100%;
239
    object-fit: cover;
240
    object-position: left;
241
}
242

243
.screenshot .images-container {
244
    position: relative;
245
    display: flex;
246
}
247

248
.screenshot .images-container .dark-image {
249
    position: absolute;
250
    top: 0;
251
    width: 100%;
252
}
253

254
.jumbotron {    background-color: #1c2A58;
255
    color: white;
256
}
257

258
.jumbotron h1 {
259
    font-size: 2.5rem;
260
}
261
  
262
.jumbotron h1 strong {
263
    display: block;
264
    font-weight: normal
265
} 
266

267
.jumbotron p {
268
    font-weight: 300;
269
    font-size: 1.8rem;
270
    color: rgba(255, 255, 255, .6)
271
}
272

273
.jumbotron .lead p {
274
    font-size: 1.2rem;
275
}
276

277
.value-props {
278
    background-color: white;
279
}
280

281
.value-props .value-prop-icon {
282
    width: 50px;
283
    height: 50px;
284
    margin: auto;
285
    margin-bottom: 1rem
286
}
287

288
.value-props .value-prop {
289
    padding: 2rem 0;
290
    width: 100%;
291
    display: block;
292
    color: #242424;
293
}
294

295
.value-props .value-prop:hover {
296
    color: #000;
297
    background: #e3e3e3;
298
    text-decoration: none;
299
}
300

301
.value-props .value-prop-icon.markdown {
302
    background-image: url("assets/markdown.svg");
303
}
304

305
.value-props .value-prop-icon.cplusplus {
306
    background-image: url("assets/cplusplus.svg");
307
}
308

309
.value-props .value-prop-icon.diagrams {
310
    background-image: url("assets/diagrams.svg");
311
}
312

313
.value-props .value-prop-icon.config {
314
    background-image: url("assets/config.svg");
315
}
316

317
.value-props .value-prop-icon.format {
318
    background-image: url("assets/documents.svg");
319
}
320

321
.value-props .value-prop-icon.crossref {
322
    background-image: url("assets/cross_referencing.svg");
323
}
324

325

326
.swimlane {
327
    min-height: 10rem; 
328
    position: relative;
329
}   
330

331
.swimlane h2 {
332
    font-size: 1.8rem;
333
}
334
    
335
.swimlane:nth-child(odd) {
336
    background-color: white;
337
}   
338

339
.swimlane:nth-child(even) {
340
    background-color: #f5f5f5;
341
}   
342

343
#sponsors {
344
    background-color: #f5f5f5;    
345
}
346

347
#sponsors h3 {
348
    font-size: 15px;
349
}
350

351
#sponsors a {
352
    font-size: 13px;
353
}
354

355
.downloads h1 {
356
    font-size: 3rem;
357
}
358

359
.downloads {
360
    background-color: white;
361
}
362

363
.logo.windows {
364
    background: url('assets/windows-logo.png') center center no-repeat;
365
}
366

367
.logo.linux {
368
    background: url('assets/linux-logo.png') center center no-repeat;
369
}
370

371
.logo.macosx {
372
    background: url('assets/apple-logo.svg') center center no-repeat;
373
}
374

375
.logo.usermanual {
376
    background: url('assets/UserManual.svg') center center no-repeat;
377
}
378

379
.logo {
380
    width: 100px;
381
    height: 100px;
382
    margin: 0;
383
    background-size: contain !important;
384
}
385

386
.doxygen-button {
387
    min-width: 200px;
388
}
389

390
@media (max-width:900px) {
391
    .doxygen-button {
392
    	min-width: 150px;
393
    }
394
}
395

396
.doxygen-button small {
397
    margin-top: .75rem;
398
    display: block;
399
}
400

401
.downloads-table td {
402
    padding-right: 6px;
403
}
404

405
.terms {
406
  font-size: 13px;
407
}
408

409
a.doxygen-button:hover {
410
  text-decoration: none;
411
}
412

413
a.doxygen-sm-button:hover {
414
    text-decoration: none;
415
}
416

417
#carbonads {
418
    bottom: 30px;
419
    vertical-align: bottom;
420
    float: bottom;
421
    overflow: hidden;
422
    padding: 20px 10px;
423
    text-align: center;
424
    font-size: 13px;
425
    line-height: 1.5;
426
}
427

428
#carbonads a {
429
    color: inherit;
430
}
431

432
#carbonads a:hover {
433
    color: inherit;
434
}
435

436
#carbonads span {
437
    display: block;
438
    overflow: hidden;
439
}
440

441
.carbon-img {
442
    display: block;
443
    overflow: hidden;
444
    margin: 0 auto 8px !important;
445
}
446

447
.carbon-text {
448
    display: block;
449
    margin-bottom: 8px !important;
450
}
451

452
.carbon-poweredby {
453
    display: block;
454
    text-transform: uppercase;
455
    letter-spacing: 1px;
456
    font-size: 10px;
457
    line-height: 1;
458
}
459

460
.toc-list {
461
    margin-left: 10px;
462
    font-size: 11px;
463
}
464

465
.toc-list-item {
466
    list-style-type: none;
467
    margin-left: 10px;
468
}
469

470
.sticky-top {
471
    top: 102px;
472
}
473

474
h1::before, h2::before, h3::before, h4::before, h5::before, h6::before {
475
    display: block;
476
    content: " ";
477
    height: 50px;
478
    margin-top: -50px;
479
    visibility: hidden;
480
}
481

482
.announce-form {
483
    background-color: #FFFFCC; 
484
}
485

486
.announce-form .header {
487
    background-color: #244FA7;
488
    color: white;
489
    text-align: center; 
490
    vertical-align: middle;
491
}
492

493
.announce-form .field-label {
494
    background-color: #eeeebb;
495
}
496

497
table .right {
498
    text-align: right;
499
    padding-right: 15px;
500
}
501

502
table .left {
503
    text-align: left;
504
    padding-left: 15px;
505
}
506

507
.hash-control {
508
    min-height: 90px;
509
}
510

511
span.release-spacer {
512
   display: inline-block;
513
   width: 20px;
514
}
515