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

hover effect for colophon

Browse Source
This commit is contained in:
Cristina Cochior 2020-10-29 16:20:17 +01:00
parent a766e0efaf
commit 5e60b49502
2 changed files with 18 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
static/css/main.css
View File

@ -42,7 +42,7 @@ sup#fn54, sup#fn38, sup#fn66 {
} }
#howto sup a, #insert sup a { #howto sup a, #insert sup a {
color: #8048b7; color: #a99f88;
} }
.main { .main {
@ -482,7 +482,8 @@ button#listoffiles:hover {
button#about { button#about {
background: #f0f0f0; /* background: #f0f0f0; */
background: #ec4e1e;
border-radius: 100%; border-radius: 100%;
padding: 2em 0.9em; padding: 2em 0.9em;
z-index: 3; z-index: 3;
@ -518,7 +519,7 @@ button.download {
#intro, #howto, #insert { #intro, #howto, #insert {
overflow-y: scroll; overflow-y: scroll;
position: fixed; position: fixed;
display: none; /* display: none; */
} }
#insert, #howto { #insert, #howto {
@ -542,28 +543,29 @@ button.download {
cursor: pointer; cursor: pointer;
position: fixed; position: fixed;
font-weight: bold; font-weight: bold;
padding: 0 0.3em 0.3em 0.3em; padding: 0 0.15em 0.25em 0.15em;
border-radius: 50%; /* border-radius: 50%; */
margin: 0.5em; margin: 0.5em;
background: #1c1c1c; /* background: #1c1c1c; */
font-size: 1.2em;
color: #020202;
} }
#closehowto, #closeinsert { /* #closehowto, #closeinsert {
color: #f0f0f0; color: #020202;
} }
#closeintro { #closeintro {
color: #020202;
} */
#closehowto:hover, #closeinsert:hover {
/* background: #f0f0f0; */
color: #a99f89; color: #a99f89;
} }
#closehowto:hover, #closeinsert:hover {
background: #f0f0f0;
color: #1c1c1c;
}
#closeintro:hover { #closeintro:hover {
background: #a99f89; color: #f0f0f0;
color: #1c1c1c;
} }

2
templates/layout.html
View File

@ -303,7 +303,7 @@ var flag = true;
//ABOUT TEXT + INSERT TEXT //ABOUT TEXT + INSERT TEXT
var introflag = true; var introflag = false;
$("#about").click(function(){ $("#about").click(function(){
if (introflag === true) { if (introflag === true) {
$("#insert").css("display","block"); $("#insert").css("display","block");