mirror of
https://github.com/MathiasDPX/blog.git
synced 2025-05-09 23:23:09 +00:00
109 lines
No EOL
1.8 KiB
CSS
109 lines
No EOL
1.8 KiB
CSS
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
|
|
|
|
/* Base Typography */
|
|
body {
|
|
font-family: "PT Serif", Georgia, Times, "Times New Roman", serif;
|
|
color: #000000;
|
|
}
|
|
|
|
/* Headings */
|
|
h1, h2, h3, h4, h5, h6 {
|
|
margin-bottom: 0;
|
|
font-family: "Montserrat", sans-serif;
|
|
font-weight: bold;
|
|
}
|
|
|
|
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
|
|
color: #000000;
|
|
position: relative;
|
|
}
|
|
|
|
/* Heading Hover Effects */
|
|
h1.chapter a:hover::before,
|
|
h2.chapter a:hover::before,
|
|
h3.chapter a:hover::before,
|
|
h4.chapter a:hover::before,
|
|
h5.chapter a:hover::before,
|
|
h6.chapter a:hover::before {
|
|
content: "#";
|
|
position: absolute;
|
|
left: -0.75em;
|
|
top: 0;
|
|
color: #0073E6;
|
|
}
|
|
|
|
/* Text Elements */
|
|
#main p {
|
|
margin-bottom: 0.75em;
|
|
}
|
|
|
|
summary > small {
|
|
font-size: 0.5em;
|
|
}
|
|
|
|
time {
|
|
font-family: "Montserrat", sans-serif;
|
|
font-weight: bold;
|
|
font-size: 75%;
|
|
}
|
|
|
|
#main details div {
|
|
padding-left: 1em;
|
|
line-height: 115%;
|
|
}
|
|
|
|
#main details:open {
|
|
padding-bottom: 1em;
|
|
}
|
|
|
|
#main details summary {
|
|
cursor: pointer;
|
|
font-family: "Montserrat", sans-serif;
|
|
font-weight: 500;
|
|
padding-bottom: 0.25em;
|
|
}
|
|
|
|
hr {
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
/* Links */
|
|
a {
|
|
text-decoration: none;
|
|
color: #005B96;
|
|
}
|
|
|
|
/* Navigation */
|
|
#navbar {
|
|
min-width: 100%;
|
|
color: #ffffff;
|
|
text-transform: uppercase;
|
|
font-family: "Montserrat", sans-serif;
|
|
}
|
|
|
|
#navbar a {
|
|
color: inherit;
|
|
}
|
|
|
|
#navbar a + a::before {
|
|
content: "// ";
|
|
padding: 0 0.1em;
|
|
}
|
|
|
|
/* Footer */
|
|
#footer-title {
|
|
padding: 5px 0;
|
|
min-width: 100%;
|
|
color: #ffffff;
|
|
font-family: "Montserrat", sans-serif;
|
|
}
|
|
|
|
#footer {
|
|
text-align: center;
|
|
}
|
|
|
|
#footer p {
|
|
padding-top: 0.5em;
|
|
padding-bottom: 0.5em;
|
|
line-height: 1.25;
|
|
} |