Browse Source

change styling to match my site

master
mark 8 months ago
parent
commit
6326dc7579
1 changed files with 67 additions and 37 deletions
  1. +67
    -37
      src/style.css

+ 67
- 37
src/style.css View File

@@ -1,37 +1,67 @@
/* perfect motherfucking website */
body {
max-width:650px;
margin:40px auto;
padding:0 10px;
font:18px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
color:#444
}
h1, h2, h3 {
line-height:1.2
}
@media (prefers-color-scheme: dark) {
body {
color:white;
background:#444
}
a:link {
color:#5bf
}
a:visited {
color:#ccf
}
}

/* additions */
nav {
border-bottom: solid 1px grey;
text-align: center;
}
footer {
border-top: solid 1px grey;
text-align: center;
}
nav a {
padding-right: 10px;
}

@font-face {
font-family: "Computer Modern Serif";
src: url(/font/cmunrm.ttf);
}
@font-face {
font-family: "Computer Modern Serif";
src: url(/font/cmunbx.ttf);
font-weight: bold;
}
body {
font-family: "Computer Modern Serif", serif;
font-size: 16pt;
font-variant-ligatures: none;
margin: 50px auto;
padding: 0 10px;
max-width: 650px;
color: #444;
}
.homelink {
margin-bottom: 25px;
}
@media (prefers-color-scheme: dark) {
body {
color:white;
background:#444
}
a:link {
color:#5bf
}
a:visited {
color:#ccf
}
}
h1, h2, h3 {
line-height: 1.2;
}
a {
color: #524632;
}
hr {
width: 75%;
border: none;
height: 1px;
color: #292f36;
background-color: #292f36;
}
ul {
list-style-type: square;
}
blockquote {
font-style: italic;
padding-left: 20px;
border-left: 3px solid #78c0a8;
}
code {
font-size: 0.9em;
}

Loading…
Cancel
Save