summaryrefslogtreecommitdiff
path: root/static/src/assets/main.css
diff options
context:
space:
mode:
authorBrian Picciano <mediocregopher@gmail.com>2022-01-21 22:28:48 -0700
committerBrian Picciano <mediocregopher@gmail.com>2022-01-21 22:28:48 -0700
commitae3cc05ce744fb7c5d6329cca1f2c680db3c4289 (patch)
tree20c0bc3a70fae1b61fa42b094c2913edbf3e65ca /static/src/assets/main.css
parentbfcdeb62332d6adf829cccfae987971b6c000835 (diff)
New fonts, remove external dependencies, clean out unused code, remove twitter stuff
Diffstat (limited to 'static/src/assets/main.css')
-rw-r--r--static/src/assets/main.css67
1 files changed, 15 insertions, 52 deletions
diff --git a/static/src/assets/main.css b/static/src/assets/main.css
index ef9b9d4..e547067 100644
--- a/static/src/assets/main.css
+++ b/static/src/assets/main.css
@@ -1,3 +1,16 @@
+html {
+ font-family: Helvetica, sans-serif;
+}
+
+@font-face {
+ font-family: "Overpass";
+ src: url("overpass-regular.woff") format('woff');
+}
+
+h1, h2, h3, h4, h5, h6, .button-primary, .button {
+ font-family: "Overpass", Helvetica;
+}
+
ul {
list-style: circle;
}
@@ -43,16 +56,7 @@ ul {
}
#title-header .social span {
- margin-right: 0.5em;
- white-space: nowrap;
-}
-
-#title-header .social .author-icons a {
- margin-right: 0.5em;
-}
-
-#title-header .social a {
- text-decoration: none;
+ display: block;
}
footer {
@@ -81,7 +85,7 @@ footer {
}
#post-headline {
- margin: 0;
+ margin: 0 0 2rem; 0;
font-weight: bold;
}
@@ -94,44 +98,3 @@ footer {
{
max-width: 100%;
}
-
-/* The Modal (background) */
-#modal {
- display: none; /* Hidden by default */
- position: fixed; /* Stay in place */
- z-index: 1; /* Sit on top */
- left: 0;
- top: 0;
- width: 100%; /* Full width */
- height: 100%; /* Full height */
- background-color: rgb(0,0,0); /* Fallback color */
- background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
-}
-
-/* Modal Content/Box */
-#modal-body {
- position: relative;
- background-color: #fefefe;
- margin: 10rem auto; /* 15% from the top and centered */
- padding: 5rem;
- border: 1px solid #888;
- max-width: 30%; /* Could be more or less, depending on screen size */
-}
-
-/* The Close Button */
-#modal-close {
- position: absolute;
- top: 1rem;
- right: 1rem;
- line-height: 1rem;
- color: #aaa;
- font-size: 28px;
- font-weight: bold;
-}
-
-#modal-close:hover,
-#modal-close:focus {
- color: black;
- text-decoration: none;
- cursor: pointer;
-}