Commit 2a148ac9 authored by Jae's avatar Jae
Browse files

CSS in file instead of inline

parent 347ee63c
/* Default dark theme */
body {
margin-top: 5%;
margin-left: 24%;
margin-right: 40%;
font-family: Spectral, 'Times New Roman', serif;
font-feature-settings: 'dlig' 1, 'liga' 1, 'lnum' 1, 'kern' 1;
background-color: #212121;
color: #c7eeb5;
}
a {
text-decoration: underline;
color: #f5a500;
}
/* Light theme auto */
@media screen and (prefers-color-scheme: light) {
body {
background-color: #fffefe;
color: #212121;
}
a, a:visited {
color: #6e00fd;
text-decoration: underline;
}
}
.prestext {
border-left: 1px solid grey;
padding-left: 10px;
}
h3 {
text-decoration: underline;
}
.subtitle {
transform: translateY(-20px);
}
:focus {
outline: 0;
}
a.info {
position: relative;
z-index: 24;
text-decoration: underline;
}
a.info:hover, a.info:focus, a.info:active {
z-index: 25;
}
a.info span {
position: absolute;
left: -9000px;
width: 0;
overflow: hidden;
}
a.info:hover span, a.info:focus span, a.info:active span {
display: block;
position: absolute;
bottom: 1em;
left: 3.4em;
width: 12em;
border: 1px solid #0cf;
background-color: #cff;
color: #000;
text-align: center;
}
*:focus:not(.focus-visible) {
outline: 3px red solid;
}
.nav ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
}
.nav li {
display: inline;
}
.nav a {
padding: 14px 16px;
text-decoration: none;
}
\ No newline at end of file
......@@ -7,107 +7,7 @@
<title>Jae's website - {{ .title }}</title>
<!-- CSS -->
<style>
/* Default dark theme */
body {
margin-top: 5%;
margin-left: 24%;
margin-right: 40%;
font-family: Spectral, 'Times New Roman', serif;
font-feature-settings: 'dlig' 1, 'liga' 1, 'lnum' 1, 'kern' 1;
background-color: #212121;
color: #c7eeb5;
}
a {
text-decoration: underline;
color: #f5a500;
}
/* Light theme auto */
@media screen and (prefers-color-scheme: light) {
body {
background-color: #fffefe;
color: #212121;
}
a,
a:visited {
color: #6e00fd;
text-decoration: underline;
}
}
.prestext {
border-left: 1px solid grey;
padding-left: 10px;
}
h3 {
text-decoration: underline;
}
.subtitle {
transform: translateY(-20px);
}
:focus {
outline: 0;
}
a.info {
position: relative;
z-index: 24;
text-decoration: underline;
}
a.info:hover,
a.info:focus,
a.info:active {
z-index: 25;
}
a.info span {
position: absolute;
left: -9000px;
width: 0;
overflow: hidden;
}
a.info:hover span,
a.info:focus span,
a.info:active span {
display: block;
position: absolute;
bottom: 1em;
left: 3.4em;
width: 12em;
border: 1px solid #0cf;
background-color: #cff;
color: #000;
text-align: center;
}
*:focus:not(.focus-visible) {
outline: 3px red solid;
}
.nav ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
}
.nav li {
display: inline;
}
.nav a {
padding: 14px 16px;
text-decoration: none;
}
</style>
<link rel="stylesheet" href="/assets/main.css" />
<!-- SEO -->
<link rel="canonical" href="https://jae.fi" />
......
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