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{
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;
}

6
templates/layout.html
View File

@ -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 -->