From 335ce3e9eaaacf0cb40d4d999e0f99ee12f9b55a Mon Sep 17 00:00:00 2001
From: Cristina Cochior <clcochior@gmail.com>
Date: Thu, 29 Oct 2020 12:44:38 +0100
Subject: [PATCH] last css changes?

---
 static/css/main.css   | 19 ++++++++++---------
 templates/layout.html |  6 +++++-
 2 files changed, 15 insertions(+), 10 deletions(-)

diff --git a/static/css/main.css b/static/css/main.css
index 2b0cf5c..62e6693 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -82,7 +82,8 @@ sup#fn54, sup#fn38, sup#fn66 {
 #colophondiv{
   overflow-y: scroll;
   display: none;
-  padding: 1em;
+  padding: 2em 6em 4em 6em;
+  line-height: 1.5em;
 }
 
 .main:after {
@@ -297,21 +298,21 @@ div#listofpeople{
 
   /* DIVS ABOUT */
   div#intro{
-  left: 21%;
+  left: 21.1%;
   top: 10%;
   width: 29%;
   height: 80%;
   z-index: 1;
   }
   div#howto{
-  left: 22%;
+  left: 22.1%;
   top: 15%;
   width: 28%;
   height: 70%;
   z-index: 2;
   }
   div#insert{
-  left: 20%;
+  left: 20.1%;
   top: 5%;
   width: 30%;
   height: 90%;
@@ -329,7 +330,7 @@ div#listofpeople{
 
 #colophon {
   position: fixed;
-  right: 0;
+  right: 4%;
   bottom: 10px;
   width: 10%;
   z-index: 3;
@@ -398,7 +399,7 @@ height: inherit;
    that is currently Firefox-only */
 * {
   scrollbar-width: thin;
-  scrollbar-color: transparent #ea4f2b;
+  scrollbar-color: #1c1c1c #1c1c1c;
 }
 
 /* Works on Chrome/Edge/Safari */
@@ -406,12 +407,12 @@ height: inherit;
   width: 12px;
 }
 *::-webkit-scrollbar-track {
-  background: #ea4f2b;
+  background: transparent;
 }
 *::-webkit-scrollbar-thumb {
-  background-color: transparent;
+  background-color: #1c1c1c;
   border-radius: 20px;
-  border: 3px solid #ea4f2b;
+  border: 3px solid #1c1c1c;
 }
 
 
diff --git a/templates/layout.html b/templates/layout.html
index 1a0ae17..d91c940 100644
--- a/templates/layout.html
+++ b/templates/layout.html
@@ -318,9 +318,13 @@ var flag = true;
       $("#colophon").click(function(){
         if (colophonstatus === true) {
           $(".name-elements").empty();
+          $(".main-column-right").css("clip-path","ellipse(50% 70% at center center)");
+          $(".main-column-right").css("-webkit-clip-path","ellipse(50% 70% at center center)");
           $("#colophondiv").css("display","block");
           colophonstatus = false;
         } else {
+          $(".main-column-right").css("clip-path","unset");
+          $(".main-column-right").css("-webkit-clip-path","unset");
           $("#colophondiv").css("display","none");
           colophonstatus = true;
         }
@@ -715,7 +719,7 @@ var flag = true;
 
 
         </div>
-        
+
 
 <!-- audio stuff -->