mirror of
https://github.com/MathiasDPX/blog.git
synced 2025-05-10 07:33:09 +00:00
publish v1
This commit is contained in:
commit
761e6d810a
21 changed files with 526 additions and 0 deletions
89
static/typography.css
Normal file
89
static/typography.css
Normal file
|
@ -0,0 +1,89 @@
|
|||
@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 */
|
||||
h2 a:hover::before,
|
||||
h3 a:hover::before,
|
||||
h4 a:hover::before,
|
||||
h5 a:hover::before,
|
||||
h6 a:hover::before {
|
||||
content: "#";
|
||||
position: absolute;
|
||||
left: -0.75em;
|
||||
top: 0;
|
||||
color: #0073E6;
|
||||
}
|
||||
|
||||
/* Text Elements */
|
||||
#main p {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
|
||||
time {
|
||||
font-family: "Montserrat", sans-serif;
|
||||
font-weight: bold;
|
||||
font-size: 75%;
|
||||
}
|
||||
|
||||
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;
|
||||
margin-bottom: 0.5em;
|
||||
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;
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue