meta
/
site
4
1
Fork 0
Code Issues 4 Pull Requests Projects 1 Activity

condensed css

This commit is contained in:
Emma Tebibyte 2022-09-19 21:45:26 -04:00
parent 88bb6dc60a
commit f21938ae3a
Signed by: emma
GPG Key ID: 6D661C738815E7DD
3 changed files with 19 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
about/index.html
View File

@ -38,7 +38,7 @@
</ul> </ul>
</nav> </nav>
<main> <main>
<div class="column"> <div class="column left">
<section> <section>
<h2 id=history> <h2 id=history>
<a href="history">History</a> <a href="history">History</a>
@ -148,12 +148,12 @@
</p> </p>
</section> </section>
</div> </div>
<div class="column"> <div class="column right">
<h2 class="h-right" id="technical"> <h2 id="technical">
<a href="#technical">Technical Information</a> <a href="#technical">Technical Information</a>
</h2> </h2>
<section> <section>
<h2 class="h-right" id="wtf-is-a-tib"> <h2 id="wtf-is-a-tib">
<i><a href="#wtf-is-tib"> <i><a href="#wtf-is-tib">
WTF is a Tebibyte? WTF is a Tebibyte?
</a></i> </a></i>
@ -168,7 +168,7 @@
</p> </p>
</section> </section>
<section> <section>
<h2 class="h-right" id="license"> <h2 id="license">
<a href="#license">How is your site licensed?</a> <a href="#license">How is your site licensed?</a>
</h2> </h2>
<p> <p>
@ -194,7 +194,7 @@
</p> </p>
</section> </section>
<section> <section>
<h2 class="h-right" id="hosting"> <h2 id="hosting">
<a href="#hosting">Who is your hosting provider?</a> <a href="#hosting">Who is your hosting provider?</a>
</h2> </h2>
<p> <p>
@ -206,7 +206,7 @@
</p> </p>
</section> </section>
<section> <section>
<h2 class="h-right" id="thanks"> <h2 id="thanks">
<a href="#thanks">Special Thanks</a> <a href="#thanks">Special Thanks</a>
</h2> </h2>
<p> <p>

26
assets/TiB.css
View File

@ -79,6 +79,7 @@ main {
flex-wrap: wrap; flex-wrap: wrap;
margin: auto; margin: auto;
max-width: 80em; max-width: 80em;
text-align: justify;
} }
nav { nav {
@ -107,11 +108,6 @@ nav ul li:not(:last-child)::after {
color: #4a3333; color: #4a3333;
} }
nav ul li:not(:last-child)::after {
content: "|";
color: #4a3333;
}
nav ul li a { nav ul li a {
text-decoration: underline; text-decoration: underline;
} }
@ -120,18 +116,18 @@ section {
flex-basis: 100%; flex-basis: 100%;
} }
section {
flex-basis: 100%;
}
ul { ul {
list-style-type: disc; list-style-type: disc;
} }
ul.naked {
list-style-type: none;
}
footer, header, main, nav { footer, header, main, nav {
max-width: 80em; max-width: 80em;
margin: 0 auto; margin: 0 auto;
padding: 0% 5%; padding: 0 5%;
} }
.column { .column {
@ -140,10 +136,6 @@ footer, header, main, nav {
margin: 0.5em; margin: 0.5em;
} }
.icon {
max-width: 1em;
}
.footer { .footer {
background: hsl(0, 20%, 7%); background: hsl(0, 20%, 7%);
border: solid; border: solid;
@ -174,12 +166,6 @@ footer, header, main, nav {
text-align: right; text-align: right;
} }
.r-list {
text-align: right;
list-style-type: none;
padding: 0;
}
#home nav .home > a { #home nav .home > a {
pointer-events: none; pointer-events: none;
cursor: default; cursor: default;

12
index.html
View File

@ -88,7 +88,7 @@
are also extremely important to us. are also extremely important to us.
</p> </p>
</section> </section>
<div class="column"> <div class="column left">
<section id="donate"> <section id="donate">
<h2 id="donate"> <h2 id="donate">
<a href="#donate">Donate</a> <a href="#donate">Donate</a>
@ -108,10 +108,10 @@
</p> </p>
</section> </section>
</div> </div>
<div class="column"> <div class="column right">
<section id="donate"> <section>
<h2 class="h-right" id="reading"> <h2 id="reading">
<a href="#reading">Tebibyte Media Reading List</a> <a href="#reading">Reading List</a>
</h2> </h2>
<h3 id="philosophy"> <h3 id="philosophy">
<a href="#philosophy">Philosophy</a> <a href="#philosophy">Philosophy</a>
@ -156,4 +156,4 @@
</div> </div>
</footer> </footer>
</body> </body>
</html> </html>