diff options
author | Brian Picciano <mediocregopher@gmail.com> | 2022-01-21 22:28:48 -0700 |
---|---|---|
committer | Brian Picciano <mediocregopher@gmail.com> | 2022-01-21 22:28:48 -0700 |
commit | ae3cc05ce744fb7c5d6329cca1f2c680db3c4289 (patch) | |
tree | 20c0bc3a70fae1b61fa42b094c2913edbf3e65ca /static/src/assets/main.css | |
parent | bfcdeb62332d6adf829cccfae987971b6c000835 (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.css | 67 |
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; -} |