title page htext

pull/9/head
Sandra 5 years ago
parent 01fec0b462
commit d7bbacc5a7

@ -7,7 +7,7 @@ body {
grid-template-columns: repeat(4, 1fr); grid-template-columns: repeat(4, 1fr);
grid-gap: 10px; grid-gap: 10px;
position: absolute; position: absolute;
top: 60%; top: 5%;
width: 96%; width: 96%;
height: auto; height: auto;
left:2%; left:2%;
@ -51,13 +51,14 @@ a:hover {
h1 { h1 {
position: fixed; position: fixed;
right:0%; right:0%;
top:3%; top:5%;
text-align: right; text-align: right;
background-color: grey; background-color: #0BEFEB;
padding: 3px 30px 3px 10px; padding: 3px 30px 3px 10px;
z-index: 10; z-index: 10;
color: black; color: black;
font-size: 28px; font-size: 28px;
opacity: 0.7;
} }
h2{ h2{
@ -65,24 +66,20 @@ h2{
right: 0%; right: 0%;
top: 15%; top: 15%;
text-align: left; text-align: left;
background-color: grey; background-color: #0BEFEB;
color: black; /*color: black;*/
padding: 3px 3px 3px 30px; padding: 3px 3px 3px 30px;
z-index: 10; z-index: 10;
font-size: 20px; font-size: 20px;
opacity: 0.7;
} }
/*.indexlist {
position: absolute;
top:20%;
}*/
.viewnav { .viewnav {
position: fixed; position: fixed;
top:0%; top:30%;
right:0%; right:0%;
background-color: red ; background-color: red ;
width: 40%; width: 10%;
z-index: 10; z-index: 10;
opacity: 0.7; opacity: 0.7;
} }
@ -93,9 +90,9 @@ h2{
cursor: pointer; cursor: pointer;
padding: 0px; padding: 0px;
width: 100%; width: 100%;
height: px; height: auto;
border: none; border: none;
text-align: left; text-align: right;
outline: none; outline: none;
font-size: 40px; font-size: 40px;
z-index: 10; z-index: 10;
@ -108,15 +105,15 @@ h2{
.content2 { .content2 {
position: relative; position: relative;
padding: 0px 18px; /*padding: 0px 18px;*/
max-height: 0; max-height: 0;
overflow: hidden; overflow: hidden;
width: 50%; width: 100%;
transition: max-height 0.2s ease-out; transition: max-height 0.2s ease-out;
background-color: grey; background-color: grey;
color: white; color: white;
z-index: 10; z-index: 10;
text-align: left; text-align: center;
} }
@ -200,10 +197,12 @@ p {
overflow: hidden; overflow: hidden;
width: 90%; width: 90%;
transition: max-height 0.2s ease-out; transition: max-height 0.2s ease-out;
background-color: grey; background-color: #0BEFEB;
color: white; color: white;
z-index: 10; z-index: 10;
text-align: right; text-align: right;
opacity: 0.7;
} }
a.content:link { a.content:link {
@ -251,11 +250,9 @@ a.content:link {
background-color: white; background-color: white;
z-index: 10; z-index: 10;
font-size: 30px; font-size: 30px;
padding-left: 5px; padding-left:
} }
.timelinelink:hover {timeline}
.orglink { .orglink {
position: fixed; position: fixed;
bottom:0%; bottom:0%;
@ -265,16 +262,71 @@ a.content:link {
font-size: 30px; font-size: 30px;
} }
.orglink:hover .hiddentext { /*.orglink {
visibility: visible; position: fixed;
bottom:0%;
display: inline-block;
border-bottom: 1px dotted black;
}*/
.orglink .htext {
visibility: hidden;
width: 120px;
background-color: black;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 0;
font-size: 15px;
/* Position the tooltip */
position: absolute;
z-index: 10;
} }
.hiddentext { .orglink:hover .htext {
visibility: hidden; visibility: visible;
width: 120px; }
background-color: black;
color: #fff; .timelinelink .htext {
text-align: center; visibility: hidden;
padding: 5px 0; width: 120px;
border-radius: 6px; background-color: black;
} color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 0;
font-size: 15px;
/* Position the tooltip */
position: absolute;
z-index: 10;
}
.timelinelink:hover .htext {
visibility: visible;
}
.indexlink .htext {
visibility: hidden;
width: 120px;
background-color: black;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 0;
font-size: 15px;
/* Position the tooltip */
position: absolute;
z-index: 10;
}
.indexlink:hover .htext {
visibility: visible;
}
/*.timelinelink:hover .htext {
visibility: visible;
}*/

@ -22,9 +22,7 @@
</div> </div>
</div> </div>
<div> <div>
<span class="hiddentext">All Organizations</span>
<div id="body">{{ body|safe }}</div> <div id="body">{{ body|safe }}</div>
<script> <script>

Loading…
Cancel
Save