From a264d457e9f6192754ee6618909a6cef3b193667 Mon Sep 17 00:00:00 2001 From: Brian Picciano Date: Wed, 6 Jan 2021 22:45:47 -0700 Subject: remove donation links, wrote up follow page, haven't linked it in yet --- assets/main.css | 84 +++++++++++++++++++++++++++++++++------------------------ 1 file changed, 49 insertions(+), 35 deletions(-) (limited to 'assets/main.css') diff --git a/assets/main.css b/assets/main.css index 78ede2b..d1ce662 100644 --- a/assets/main.css +++ b/assets/main.css @@ -28,7 +28,8 @@ ul { #title-header { border-bottom: 1px solid #666; padding-top: 2rem; - padding-bottom:2rem; + padding-bottom: 2rem; + margin-bottom: 4rem; } #title-header .title { @@ -55,37 +56,14 @@ ul { text-decoration: none; } -#crypto-display { - min-width: 1px; -} - -#crypto-display-qr img, -#crypto-display-qr canvas { - width: 100%; - max-width: 512px; -} - -#crypto-display-addr { - overflow-wrap: break-word; - margin-top: 1em; -} - -#crypto-display-x { - text-align: center; - margin-top: 1em; -} - -#crypto-display-x span:hover { - cursor: pointer; - font-weight: bold; -} - -#crypto-display-x span { - cursor: pointer; +footer { + margin-top: 4rem; + border-top: 1px solid #666; + padding-top: 2rem; + margin-bottom: 50vh; } #posts-list { - margin-top: 3rem; list-style: none; } @@ -99,7 +77,7 @@ ul { } #post-header { - margin-top: 3rem; + margin-top: 2rem; margin-bottom: 2rem; } @@ -107,11 +85,6 @@ ul { margin: 0; } -#post-content { - border-bottom: 1px solid #666; - margin-bottom: 2rem; -} - #post-content ul { margin-left: 1em; } @@ -121,3 +94,44 @@ ul { { 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; +} -- cgit v1.2.3