Added word-break, converted px to em, misc tightening
Jessica Schilling committed
May 4, 2020 at 14:04 UTC
b11ebc4076760df924f7aa26c8094da94c1f11ef
1 file changed
+28
-28
dir-index.html
+28
-28
@@ -403,18 +403,16 @@
403
box-sizing: border-box;
404
}
405
406
-html {
407
- font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
408
- -webkit-text-size-adjust: 100%;
409
- -ms-text-size-adjust: 100%;
410
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
411
-}
412
-
406
body {
407
margin: 0;
408
font-size: 14px;
409
line-height: 1.43;
410
color: #34373f;
411
+ word-break: break-all;
412
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
413
+ -webkit-text-size-adjust: 100%;
414
+ -ms-text-size-adjust: 100%;
415
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
416
}
417
418
a {
@@ -427,6 +425,10 @@ a:hover {
425
text-decoration: underline;
426
}
427
428
+a:active, a:visited {
429
+ color: #69c4cd;
430
+}
431
+
432
strong {
433
font-weight: 700;
434
}
@@ -452,16 +454,16 @@ tr:nth-of-type(even) {
454
}
455
456
td {
455
- padding: 8px;
457
+ padding: 0.65em;
458
vertical-align: top;
457
- border-top: 1px solid #ddd;
459
+ border-top: 1px solid #d9dbe2;
460
}
461
462
#page-header {
463
background: #0b3a53;
464
border-bottom: 4px solid #69c4cd;
465
color: #ffffff;
464
- padding: 0 15px;
466
+ padding: 0 1em;
467
}
468
469
#page-header:after,
@@ -475,17 +477,16 @@ td {
477
}
478
479
#content {
478
- margin: 15px;
479
- border: 1px solid #ddd;
480
+ margin: 1em;
481
+ border: 1px solid #d9dbe2;
482
border-radius: 4px;
483
}
484
485
#content-header {
484
- padding: 10px 15px;
485
- border-bottom: 1px solid #ddd;
486
+ padding: 0.7em 1em;
487
+ border-bottom: 1px solid #d9dbe2;
488
border-top-left-radius: 3px;
489
border-top-right-radius: 3px;
488
- color: #333;
490
background-color: #edf0f4;
491
}
492
@@ -503,17 +504,17 @@ td {
504
505
#logo {
506
float:left;
506
- height: 35px;
507
- margin: 10px 10px 10px 0;
508
- width: 100px;
507
+ height: 2.5em;
508
+ margin: 0.7em 0.7em 0.7em 0;
509
+ width: 7.15em;
510
}
511
512
#header-menu {
513
align-items: center;
514
display: flex;
514
- margin: 10px 0;
515
+ margin: 0.65em 0;
516
float: right;
516
- font-size: 16px;
517
+ font-size: 1.15em;
518
font-weight: 500;
519
}
520
@@ -521,8 +522,7 @@ td {
522
color: #69c4cd;
523
}
524
524
-#header-menu a:active,
525
-a:visited {
525
+#header-menu a:active {
526
color: #9ad4db;
527
}
528
@@ -531,7 +531,7 @@ a:visited {
531
}
532
533
.header-menu-item-wide, .header-menu-item-narrow {
534
- margin: 0px 8px;
534
+ margin: 0 0.6em;
535
}
536
537
.header-menu-item-narrow {
@@ -539,13 +539,13 @@ a:visited {
539
}
540
541
#bug-report {
542
- margin-left: 8px;
542
+ margin-left: 0.6em;
543
}
544
545
#bug-report svg {
546
- height: 30px;
546
+ height: 1.8em;
547
fill: #69c4cd;
548
- margin-top: 2px;
548
+ margin-top: 0.125em;
549
}
550
551
#bug-report svg:hover {
@@ -553,11 +553,11 @@ a:visited {
553
}
554
555
.ipfs-icon {
556
- width: 16px;
556
+ width: 1.15em;
557
}
558
559
.ipfs-hash {
560
- color: #999;
560
+ color: #7f8491;
561
}
562
563
/* MEDIA QUERIES; print source https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */