ccl/hp-library
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

last css changes?

Browse Source
This commit is contained in:
Cristina Cochior 2020-10-29 12:44:38 +01:00
parent eba4896616
commit 335ce3e9ea
2 changed files with 15 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
static/css/main.css
View File

@ -82,7 +82,8 @@ sup#fn54, sup#fn38, sup#fn66 {
#colophondiv{ #colophondiv{
overflow-y: scroll; overflow-y: scroll;
display: none; display: none;
padding: 1em; padding: 2em 6em 4em 6em;
line-height: 1.5em;
} }
.main:after { .main:after {
@ -297,21 +298,21 @@ div#listofpeople{
/* DIVS ABOUT */ /* DIVS ABOUT */
div#intro{ div#intro{
left: 21%; left: 21.1%;
top: 10%; top: 10%;
width: 29%; width: 29%;
height: 80%; height: 80%;
z-index: 1; z-index: 1;
} }
div#howto{ div#howto{
left: 22%; left: 22.1%;
top: 15%; top: 15%;
width: 28%; width: 28%;
height: 70%; height: 70%;
z-index: 2; z-index: 2;
} }
div#insert{ div#insert{
left: 20%; left: 20.1%;
top: 5%; top: 5%;
width: 30%; width: 30%;
height: 90%; height: 90%;
@ -329,7 +330,7 @@ div#listofpeople{
#colophon { #colophon {
position: fixed; position: fixed;
right: 0; right: 4%;
bottom: 10px; bottom: 10px;
width: 10%; width: 10%;
z-index: 3; z-index: 3;
@ -398,7 +399,7 @@ height: inherit;
that is currently Firefox-only */ that is currently Firefox-only */
* { * {
scrollbar-width: thin; scrollbar-width: thin;
scrollbar-color: transparent #ea4f2b; scrollbar-color: #1c1c1c #1c1c1c;
} }
/* Works on Chrome/Edge/Safari */ /* Works on Chrome/Edge/Safari */
@ -406,12 +407,12 @@ height: inherit;
width: 12px; width: 12px;
} }
*::-webkit-scrollbar-track { *::-webkit-scrollbar-track {
background: #ea4f2b; background: transparent;
} }
*::-webkit-scrollbar-thumb { *::-webkit-scrollbar-thumb {
background-color: transparent; background-color: #1c1c1c;
border-radius: 20px; border-radius: 20px;
border: 3px solid #ea4f2b; border: 3px solid #1c1c1c;
} }

6
templates/layout.html
View File

@ -318,9 +318,13 @@ var flag = true;
$("#colophon").click(function(){ $("#colophon").click(function(){
if (colophonstatus === true) { if (colophonstatus === true) {
$(".name-elements").empty(); $(".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"); $("#colophondiv").css("display","block");
colophonstatus = false; colophonstatus = false;
} else { } else {
$(".main-column-right").css("clip-path","unset");
$(".main-column-right").css("-webkit-clip-path","unset");
$("#colophondiv").css("display","none"); $("#colophondiv").css("display","none");
colophonstatus = true; colophonstatus = true;
} }
@ -715,7 +719,7 @@ var flag = true;
</div> </div>
<!-- audio stuff --> <!-- audio stuff -->