Reset CSS for the most part
This commit is contained in:
parent
4ca7e20f4b
commit
85953bc028
264
assets/TiB.css
264
assets/TiB.css
|
@ -16,264 +16,28 @@
|
|||
*/
|
||||
|
||||
@font-face {
|
||||
font-family: 'Ubuntu';
|
||||
src: url('https://tebibyte.media/assets/fonts/ubuntu.ttf');
|
||||
url('https://tebibyte.media/assets/fonts/ubuntu.woff2');
|
||||
url('https://tebibyte.media/assets/fonts/ubuntu.woff');
|
||||
}
|
||||
font-family: 'Ubuntu';
|
||||
src: url('https://tebibyte.media/assets/fonts/ubuntu.ttf');
|
||||
url('https://tebibyte.media/assets/fonts/ubuntu.woff2');
|
||||
url('https://tebibyte.media/assets/fonts/ubuntu.woff');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Ubuntu Mono Ligaturized';
|
||||
src: url('https://tebibyte.media/assets/fonts/UbuntuMonoLigaturized-Regular.ttf');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Ubuntu Mono Ligaturized';
|
||||
src: url('https://tebibyte.media/assets/fonts/UbuntuMonoLigaturized-Regular.ttf');
|
||||
}
|
||||
|
||||
::selection {
|
||||
color: #000000;
|
||||
background: #8f2424;
|
||||
|
||||
}
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
color: #f0f0f0;
|
||||
font-family: 'Ubuntu';
|
||||
scrollbar-color: #8f2424 transparent;
|
||||
box-sizing: border-box;
|
||||
font-family: 'Ubuntu';
|
||||
scrollbar-color: #8f2424 transparent;
|
||||
}
|
||||
|
||||
*:focus {
|
||||
outline: 2px solid hsl(0, 80%, 40%);;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #8f2424;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:active {
|
||||
color: hsl(0, 80%, 40%);
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: hsl(0, 80%, 40%);
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
aside {
|
||||
max-width: fit-content;
|
||||
padding: 0.5em 0.75em;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
margin: 0 1.5em;
|
||||
}
|
||||
|
||||
blockquote p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: black;
|
||||
margin: 0;
|
||||
padding: 0 5%;
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
dd {
|
||||
margin-bottom: 1em;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
div.webring span:not(:last-child)::after {
|
||||
content: " //";
|
||||
color: #4a3333;
|
||||
}
|
||||
|
||||
dt {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
figcaption {
|
||||
border-top: solid #8f2424 0.1rem;
|
||||
margin: 1em 1.5em 0;
|
||||
padding-top: 1em;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
figure {
|
||||
margin: 0 1em;
|
||||
padding: 1em;
|
||||
}
|
||||
|
||||
footer {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
margin: 1em auto;
|
||||
max-width: 70em;
|
||||
padding: 0.5em 1em;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin: 0 0 0.5em 0;
|
||||
border-bottom: solid #8f2424 0.1rem;
|
||||
font-weight: bold;
|
||||
padding-bottom: 0.5em;
|
||||
}
|
||||
|
||||
header {
|
||||
text-align: center;
|
||||
padding: 0;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
i {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
li {
|
||||
margin: 1em 0;
|
||||
}
|
||||
|
||||
li ul, li ol {
|
||||
margin: 0.25em 0;
|
||||
}
|
||||
|
||||
main {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
gap: 1em;
|
||||
text-align: inherit;
|
||||
}
|
||||
|
||||
nav {
|
||||
display: flex;
|
||||
flex-direction: row-reverse;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
menu {
|
||||
padding: 0.5em;
|
||||
}
|
||||
|
||||
menu li {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
menu li:not(:last-child)::after {
|
||||
content: "|";
|
||||
color: #4a3333;
|
||||
}
|
||||
|
||||
|
||||
menu li a {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
section {
|
||||
flex-basis: 100%;
|
||||
}
|
||||
|
||||
strong {
|
||||
font-size: 1.17em;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style-type: disc;
|
||||
}
|
||||
|
||||
header, main, nav {
|
||||
max-width: 70em;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
aside, .errorcode, figure, footer, menu {
|
||||
background: hsl(0, 20%, 7%);
|
||||
width: auto;
|
||||
border: solid;
|
||||
border-color: hsl(0, 80%, 40%);
|
||||
border-radius: 1em;
|
||||
}
|
||||
|
||||
.column {
|
||||
flex-basis: 49%;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.copyleft {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.copyleft p, .webring p {
|
||||
margin: 0;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.errorcode h1 {
|
||||
border: none;
|
||||
padding: 1em;
|
||||
}
|
||||
|
||||
.errorcode {
|
||||
margin: 1em 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.errorcode section {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.icon {
|
||||
text-align: left;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.icon img {
|
||||
max-width: 1em;
|
||||
}
|
||||
|
||||
.webring a {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.webring a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
@media (max-width: 30em) {
|
||||
footer {
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.copyleft, .webring {
|
||||
flex-basis: 100%;
|
||||
flex-grow: 1;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
#home nav .home > a {
|
||||
pointer-events: none;
|
||||
cursor: default;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#network nav .network > a {
|
||||
pointer-events: none;
|
||||
cursor: default;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#about nav .about > a {
|
||||
pointer-events: none;
|
||||
cursor: default;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#logo {
|
||||
vertical-align: top;
|
||||
max-width: 192px;
|
||||
min-width: 128px;
|
||||
outline: 2px solid hsl(0, 80%, 40%);;
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in New Issue