From eba489661610a6e32f2e709b375980c7fc7fd340 Mon Sep 17 00:00:00 2001 From: zeroth Date: Thu, 29 Oct 2020 12:19:17 +0000 Subject: [PATCH] ltatest css --- static/css/main.css | 58 ++++++++++++++++++++++++++++++--------------- 1 file changed, 39 insertions(+), 19 deletions(-) diff --git a/static/css/main.css b/static/css/main.css index e1eb2de..2b0cf5c 100644 --- a/static/css/main.css +++ b/static/css/main.css @@ -76,22 +76,9 @@ sup#fn54, sup#fn38, sup#fn66 { /* -webkit-clip-path: ellipse(49% 70% at center center); */ } -#colophon { - position: fixed; - right: 0; - bottom: 10px; - width: 10%; - z-index: 3; -} -#colophon img { - width: 100%; - -webkit-transform:rotate(180deg); - -moz-transform: rotate(180deg); - -ms-transform: rotate(180deg); - -o-transform: rotate(180deg); - transform: rotate(180deg); -} + + #colophondiv{ overflow-y: scroll; display: none; @@ -227,11 +214,11 @@ div#listofpeople{ } button#about{ - left:45%; + left:42.5%; } button#showall{ - left: 20%; + left: 15%; } button#reset{ @@ -262,6 +249,24 @@ div#listofpeople{ } + #colophon img { + width: 300%; + -webkit-transform:rotate(160deg); + -moz-transform: rotate(160deg); + -ms-transform: rotate(160deg); + -o-transform: rotate(160deg); + transform: rotate(160deg); +} + +#colophon { + position: absolute; + width: 15%; + z-index: 3; + top: 92%; + left: 62.5%; +} + + } /****************/ @@ -313,7 +318,22 @@ div#listofpeople{ z-index: 1; } +#colophon img { + width: 100%; + -webkit-transform:rotate(180deg); + -moz-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); +} +#colophon { + position: fixed; + right: 0; + bottom: 10px; + width: 10%; + z-index: 3; +} } @@ -378,7 +398,7 @@ height: inherit; that is currently Firefox-only */ * { scrollbar-width: thin; - scrollbar-color: #8048b7 #ea4f2b; + scrollbar-color: transparent #ea4f2b; } /* Works on Chrome/Edge/Safari */ @@ -389,7 +409,7 @@ height: inherit; background: #ea4f2b; } *::-webkit-scrollbar-thumb { - background-color: #1c1c1c; + background-color: transparent; border-radius: 20px; border: 3px solid #ea4f2b; }