Skip to content

GitLab

Commit 18f090e0 authored by Jessica Schilling's avatar Jessica Schilling
Browse files
Options

all extraneous style should be removed now

parent b11ebc40
Hide whitespace changes
Inline Side-by-side
Showing with 50 additions and 81 deletions
dir-index.html
View file @ 18f090e0
...@@ -395,14 +395,6 @@ ...@@ -395,14 +395,6 @@
/* END ICONS; NOW FOR CSS STYLING */ /* END ICONS; NOW FOR CSS STYLING */
*,
:after,
:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body { body {
margin: 0; margin: 0;
font-size: 14px; font-size: 14px;
...@@ -464,95 +456,74 @@ td { ...@@ -464,95 +456,74 @@ td {
border-bottom: 4px solid #69c4cd; border-bottom: 4px solid #69c4cd;
color: #ffffff; color: #ffffff;
padding: 0 1em; padding: 0 1em;
display: flex;
align-items: center;
justify-content: space-between;
font-size: 1.15em;
font-weight: 500;
} }
#page-header:after, #page-header a {
#page-header:before { color: #69c4cd;
display: table;
content: " "
}
#page-header:after {
clear: both;
}
#content {
margin: 1em;
border: 1px solid #d9dbe2;
border-radius: 4px;
} }
#content-header { #page-header a:active {
padding: 0.7em 1em; color: #9ad4db;
border-bottom: 1px solid #d9dbe2;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
background-color: #edf0f4;
} }
#page-header a:hover {
color: #ffffff;
/* THESE STYLES WERE ADDED LATER */
.narrow {
width: 0px;
} }
#logo { #page-header-logo {
float:left;
height: 2.5em; height: 2.5em;
margin: 0.7em 0.7em 0.7em 0; margin: 0.7em 0.7em 0.7em 0;
width: 7.15em; width: 7.15em;
} }
#header-menu { #page-header-menu {
align-items: center;
display: flex;
margin: 0.65em 0; margin: 0.65em 0;
float: right; display: flex;
font-size: 1.15em; align-items: center;
font-weight: 500;
} }
#header-menu a { #page-header-menu div {
color: #69c4cd; margin: 0 0.6em;
} }
#header-menu a:active { #page-header-menu div:last-child {
color: #9ad4db; margin: 0 0 0 0.6em;
} }
#header-menu a:hover { #page-header-menu svg {
color: #ffffff; height: 1.8em;
fill: #69c4cd;
margin-top: 0.125em;
} }
.header-menu-item-wide, .header-menu-item-narrow { #page-header-menu svg:hover {
margin: 0 0.6em; fill: #ffffff;
} }
.header-menu-item-narrow { .menu-item-narrow {
display: none; display: none;
} }
#bug-report { #content {
margin-left: 0.6em; margin: 1em;
} border: 1px solid #d9dbe2;
border-radius: 4px;
#bug-report svg {
height: 1.8em;
fill: #69c4cd;
margin-top: 0.125em;
} }
#bug-report svg:hover { #content-header {
fill: #ffffff; padding: 0.7em 1em;
border-bottom: 1px solid #d9dbe2;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
background-color: #edf0f4;
} }
.ipfs-icon { .type-icon {
width: 1.15em; width: 1.15em;
} }
...@@ -560,13 +531,13 @@ td { ...@@ -560,13 +531,13 @@ td {
color: #7f8491; color: #7f8491;
} }
/* MEDIA QUERIES; print source https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ /* MEDIA QUERIES */
@media only screen and (max-width: 500px) { @media only screen and (max-width: 500px) {
.header-menu-item-narrow { .menu-item-narrow {
display: inline; display: inline;
} }
.header-menu-item-wide { .menu-item-wide {
display: none; display: none;
} }
} }
...@@ -592,8 +563,6 @@ td { ...@@ -592,8 +563,6 @@ td {
a[href]:after { a[href]:after {
content: " (" attr(href) ")"; content: " (" attr(href) ")";
} }
table {
}
tr { tr {
page-break-inside: avoid; page-break-inside: avoid;
} }
...@@ -615,13 +584,13 @@ td { ...@@ -615,13 +584,13 @@ td {
</head> </head>
<body> <body>
<div id="page-header"> <div id="page-header">
<div id="logo" class="ipfs-logo">&nbsp;</div> <div id="page-header-logo" class="ipfs-logo">&nbsp;</div>
<div id="header-menu"> <div id="page-header-menu">
<div class="header-menu-item-wide"><a href="https://ipfs.io" target="_blank" rel="noopener noreferrer">About IPFS</a></div> <div class="menu-item-wide"><a href="https://ipfs.io" target="_blank" rel="noopener noreferrer">About IPFS</a></div>
<div class="header-menu-item-wide"><a href="https://ipfs.io#install" target="_blank" rel="noopener noreferrer">Install IPFS</a></div> <div class="menu-item-wide"><a href="https://ipfs.io#install" target="_blank" rel="noopener noreferrer">Install IPFS</a></div>
<div class="header-menu-item-narrow"><a href="https://ipfs.io" target="_blank" rel="noopener noreferrer">About</a></div> <div class="menu-item-narrow"><a href="https://ipfs.io" target="_blank" rel="noopener noreferrer">About</a></div>
<div class="header-menu-item-narrow"><a href="https://ipfs.io#install" target="_blank" rel="noopener noreferrer">Install</a></div> <div class="menu-item-narrow"><a href="https://ipfs.io#install" target="_blank" rel="noopener noreferrer">Install</a></div>
<div id="bug-report"> <div>
<a href="https://github.com/ipfs/dir-index-html/issues/" target="_blank" rel="noopener noreferrer"> <a href="https://github.com/ipfs/dir-index-html/issues/" target="_blank" rel="noopener noreferrer">
<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> <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>
</a> </a>
...@@ -639,8 +608,8 @@ td { ...@@ -639,8 +608,8 @@ td {
</div> </div>
<table> <table>
<tr> <tr>
<td class="narrow"> <td>
<div class="ipfs-icon ipfs-_blank">&nbsp;</div> <div class="type-icon ipfs-_blank">&nbsp;</div>
</td> </td>
<td> <td>
<a href="{{.BackLink | urlEscape}}">..</a> <a href="{{.BackLink | urlEscape}}">..</a>
...@@ -650,7 +619,7 @@ td { ...@@ -650,7 +619,7 @@ td {
{{ range .Listing }} {{ range .Listing }}
<tr> <tr>
<td> <td>
<div class="ipfs-icon {{iconFromExt .Name}}">&nbsp;</div> <div class="type-icon {{iconFromExt .Name}}">&nbsp;</div>
</td> </td>
<td> <td>
<a href="{{ .Path | urlEscape }}">{{ .Name }}</a> <a href="{{ .Path | urlEscape }}">{{ .Name }}</a>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment