Update 'main.css'

This commit is contained in:
Sophia Atkinson 2022-11-18 17:02:15 -08:00
parent 36cf1ced5a
commit be89099a4a
1 changed files with 127 additions and 161 deletions

288
main.css
View File

@ -1,161 +1,127 @@
/* /*
Sophia Darkmode, (Basic As Shit) Sophia Darkmode, (Basic As Shit)
https://sophia.wtf https://sophia.wtf
MIT License CC BY-NC 4.0
*/ */
body { body {
background: #121212; background: #121212;
} }
h1 a, h1 a,
h2 a, h2 a,
h3 a, h3 a,
h4 a, h4 a,
h5 a, h5 a,
h6 a { h6 a {
color: #fff; color: #fff;
text-decoration: none; text-decoration: none;
} }
h1 { h1,h2,h3,h4,h5,h6 {
color: #fff; color: #fff;
font-family: monospace, monospace; font-family: monospace, monospace;
font-size: 2em; font-size: 2em;
line-height: 1.5em; line-height: 1.5em;
} }
h2 { sub {
color: #fff; color: #fff;
font-family: monospace, monospace; font-family: monospace, monospace;
font-size: 1.5em; font-size: 0.8em;
line-height: 1.5em; position: relative;
} top: 0.5em;
}
h3 {
color: #fff; sup {
font-family: monospace, monospace; color: #fff;
font-size: 1.25em; font-family: monospace, monospace;
line-height: 1.5em; font-size: 0.8em;
} position: relative;
top: -0.5em;
h4 { }
color: #fff;
font-family: monospace, monospace; hr {
font-size: 1.1em; border: 0;
line-height: 1.5em; border-bottom: solid 2px #fff;
} margin: 2em 0;
}
h5 {
color: #fff; hr.major {
font-family: monospace, monospace; margin: 3em 0;
font-size: 0.9em; }
line-height: 1.5em;
} blockquote {
border-left: solid 6px #121212;
h6 { font-style: italic;
color: #fff; margin: 0 0 2em 0;
font-family: monospace, monospace; padding: 0.5em 0 0.5em 1.5em;
font-size: 0.7em; }
line-height: 1.5em;
} code {
background: #fff;
sub { border-radius: 0.35em;
color: #fff; border: solid 2px #121212;
font-family: monospace, monospace; font-family: "Courier New", monospace;
font-size: 0.8em; font-size: 0.9em;
position: relative; margin: 0 0.25em;
top: 0.5em; padding: 0.25em 0.65em;
} }
sup { pre {
color: #fff; color: #fff;
font-family: monospace, monospace; -webkit-overflow-scrolling: touch;
font-size: 0.8em; font-family: "Courier New", monospace;
position: relative; font-size: 0.9em;
top: -0.5em; margin: 0 0 2em 0;
} }
hr { pre code {
border: 0; color: #fff;
border-bottom: solid 2px #fff; display: block;
margin: 2em 0; line-height: 1.75em;
} padding: 1em 1.5em;
overflow-x: auto;
hr.major { }
margin: 3em 0;
} p {
color: #fff;
blockquote { font-family: monospace, monospace;
border-left: solid 6px #121212; font-size: 1em
font-style: italic; }
margin: 0 0 2em 0; a {
padding: 0.5em 0 0.5em 1.5em; -moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
} -webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
-ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
code { transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
background: #fff; border-bottom: solid 1px;
border-radius: 0.35em; color: #fff;
border: solid 2px #121212; text-decoration: none;
font-family: "Courier New", monospace; }
font-size: 0.9em;
margin: 0 0.25em; a:hover {
padding: 0.25em 0.65em; border-bottom-color: transparent;
} color: #7289DA !important;
text-decoration: none;
pre { }
color: #fff; strong, b {
-webkit-overflow-scrolling: touch; color: #fff;
font-family: "Courier New", monospace; font-weight: 400;
font-size: 0.9em; }
margin: 0 0 2em 0;
} em, i {
color: #fff;
pre code { font-style: italic;
color: #fff; }
display: block; .align-left {
line-height: 1.75em; text-align: left;
padding: 1em 1.5em; }
overflow-x: auto;
} .align-center {
text-align: center;
p { }
color: #fff;
font-family: monospace, monospace; .align-right {
font-size: 1em text-align: right;
} }
a {
-moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
-webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
-ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
border-bottom: solid 1px;
color: #fff;
text-decoration: none;
}
a:hover {
border-bottom-color: transparent;
color: #fff !important;
text-decoration: none;
}
strong, b {
color: #fff;
font-weight: 400;
}
em, i {
color: #fff;
font-style: italic;
}
.align-left {
text-align: left;
}
.align-center {
text-align: center;
}
.align-right {
text-align: right;
}