all extraneous style should be removed now
Jessica Schilling committed
May 4, 2020 at 14:56 UTC
18f090e060d551abf2620b5ccd945c63b1a1eef0
1 file changed
+50
-81
dir-index.html
+50
-81
@@ -395,14 +395,6 @@
395
396
/* END ICONS; NOW FOR CSS STYLING */
397
398
-*,
399
-:after,
400
-:before {
401
- -webkit-box-sizing: border-box;
402
- -moz-box-sizing: border-box;
403
- box-sizing: border-box;
404
-}
405
-
398
body {
399
margin: 0;
400
font-size: 14px;
@@ -464,95 +456,74 @@ td {
456
border-bottom: 4px solid #69c4cd;
457
color: #ffffff;
458
padding: 0 1em;
459
+ display: flex;
460
+ align-items: center;
461
+ justify-content: space-between;
462
+ font-size: 1.15em;
463
+ font-weight: 500;
464
}
465
469
-#page-header:after,
470
-#page-header:before {
471
- display: table;
472
- content: " "
473
-}
474
-
475
-#page-header:after {
476
- clear: both;
477
-}
478
-
479
-#content {
480
- margin: 1em;
481
- border: 1px solid #d9dbe2;
482
- border-radius: 4px;
466
+#page-header a {
467
+ color: #69c4cd;
468
}
469
485
-#content-header {
486
- padding: 0.7em 1em;
487
- border-bottom: 1px solid #d9dbe2;
488
- border-top-left-radius: 3px;
489
- border-top-right-radius: 3px;
490
- background-color: #edf0f4;
470
+#page-header a:active {
471
+ color: #9ad4db;
472
}
473
493
-
494
-
495
-
496
-
497
-
498
-
499
-/* THESE STYLES WERE ADDED LATER */
500
-
501
-.narrow {
502
- width: 0px;
474
+#page-header a:hover {
475
+ color: #ffffff;
476
}
477
505
-#logo {
506
- float:left;
478
+#page-header-logo {
479
height: 2.5em;
480
margin: 0.7em 0.7em 0.7em 0;
481
width: 7.15em;
482
}
483
512
-#header-menu {
513
- align-items: center;
514
- display: flex;
484
+#page-header-menu {
485
margin: 0.65em 0;
516
- float: right;
517
- font-size: 1.15em;
518
- font-weight: 500;
486
+ display: flex;
487
+ align-items: center;
488
}
489
521
-#header-menu a {
522
- color: #69c4cd;
490
+#page-header-menu div {
491
+ margin: 0 0.6em;
492
}
493
525
-#header-menu a:active {
526
- color: #9ad4db;
494
+#page-header-menu div:last-child {
495
+ margin: 0 0 0 0.6em;
496
}
497
529
-#header-menu a:hover {
530
- color: #ffffff;
498
+#page-header-menu svg {
499
+ height: 1.8em;
500
+ fill: #69c4cd;
501
+ margin-top: 0.125em;
502
}
503
533
-.header-menu-item-wide, .header-menu-item-narrow {
534
- margin: 0 0.6em;
504
+#page-header-menu svg:hover {
505
+ fill: #ffffff;
506
}
507
537
-.header-menu-item-narrow {
508
+.menu-item-narrow {
509
display: none;
510
}
511
541
-#bug-report {
542
- margin-left: 0.6em;
543
-}
544
-
545
-#bug-report svg {
546
- height: 1.8em;
547
- fill: #69c4cd;
548
- margin-top: 0.125em;
512
+#content {
513
+ margin: 1em;
514
+ border: 1px solid #d9dbe2;
515
+ border-radius: 4px;
516
}
517
551
-#bug-report svg:hover {
552
- fill: #ffffff;
518
+#content-header {
519
+ padding: 0.7em 1em;
520
+ border-bottom: 1px solid #d9dbe2;
521
+ border-top-left-radius: 3px;
522
+ border-top-right-radius: 3px;
523
+ background-color: #edf0f4;
524
}
525
555
-.ipfs-icon {
526
+.type-icon {
527
width: 1.15em;
528
}
529
@@ -560,13 +531,13 @@ td {
531
color: #7f8491;
532
}
533
563
-/* MEDIA QUERIES; print source https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
534
+/* MEDIA QUERIES */
535
536
@media only screen and (max-width: 500px) {
566
- .header-menu-item-narrow {
537
+ .menu-item-narrow {
538
display: inline;
539
}
569
- .header-menu-item-wide {
540
+ .menu-item-wide {
541
display: none;
542
}
543
}
@@ -592,8 +563,6 @@ td {
563
a[href]:after {
564
content: " (" attr(href) ")";
565
}
595
- table {
596
- }
566
tr {
567
page-break-inside: avoid;
568
}
@@ -615,13 +584,13 @@ td {
584
</head>
585
<body>
586
<div id="page-header">
618
- <div id="logo" class="ipfs-logo"> </div>
619
- <div id="header-menu">
620
- <div class="header-menu-item-wide"><a href="https://ipfs.io" target="_blank" rel="noopener noreferrer">About IPFS</a></div>
621
- <div class="header-menu-item-wide"><a href="https://ipfs.io#install" target="_blank" rel="noopener noreferrer">Install IPFS</a></div>
622
- <div class="header-menu-item-narrow"><a href="https://ipfs.io" target="_blank" rel="noopener noreferrer">About</a></div>
623
- <div class="header-menu-item-narrow"><a href="https://ipfs.io#install" target="_blank" rel="noopener noreferrer">Install</a></div>
624
- <div id="bug-report">
587
+ <div id="page-header-logo" class="ipfs-logo"> </div>
588
+ <div id="page-header-menu">
589
+ <div class="menu-item-wide"><a href="https://ipfs.io" target="_blank" rel="noopener noreferrer">About IPFS</a></div>
590
+ <div class="menu-item-wide"><a href="https://ipfs.io#install" target="_blank" rel="noopener noreferrer">Install IPFS</a></div>
591
+ <div class="menu-item-narrow"><a href="https://ipfs.io" target="_blank" rel="noopener noreferrer">About</a></div>
592
+ <div class="menu-item-narrow"><a href="https://ipfs.io#install" target="_blank" rel="noopener noreferrer">Install</a></div>
593
+ <div>
594
<a href="https://github.com/ipfs/dir-index-html/issues/" target="_blank" rel="noopener noreferrer">
595
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18.4 21"><circle cx="7.5" cy="4.8" r="1"/><circle cx="11.1" cy="4.8" r="1"/><path d="M12.7 8.4c-0.5-1.5-1.9-2.5-3.5-2.5 -1.6 0-3 1-3.5 2.5H12.7z"/><path d="M8.5 9.7H5c-0.5 0.8-0.7 1.7-0.7 2.7 0 2.6 1.8 4.8 4.2 5.2V9.7z"/><path d="M13.4 9.7H9.9v7.9c2.4-0.4 4.2-2.5 4.2-5.2C14.1 11.4 13.9 10.5 13.4 9.7z"/><circle cx="15.7" cy="12.9" r="1"/><circle cx="15.1" cy="15.4" r="1"/><circle cx="15.3" cy="10.4" r="1"/><circle cx="2.7" cy="12.9" r="1"/><circle cx="3.3" cy="15.4" r="1"/><circle cx="3.1" cy="10.4" r="1"/></svg>
596
</a>
@@ -639,8 +608,8 @@ td {
608
</div>
609
<table>
610
<tr>
642
- <td class="narrow">
643
- <div class="ipfs-icon ipfs-_blank"> </div>
611
+ <td>
612
+ <div class="type-icon ipfs-_blank"> </div>
613
</td>
614
<td>
615
<a href="{{.BackLink | urlEscape}}">..</a>
@@ -650,7 +619,7 @@ td {
619
{{ range .Listing }}
620
<tr>
621
<td>
653
- <div class="ipfs-icon {{iconFromExt .Name}}"> </div>
622
+ <div class="type-icon {{iconFromExt .Name}}"> </div>
623
</td>
624
<td>
625
<a href="{{ .Path | urlEscape }}">{{ .Name }}</a>