|
|
|
@ -8,9 +8,9 @@ body {
|
|
|
|
grid-gap: 10px;
|
|
|
|
grid-gap: 10px;
|
|
|
|
position: absolute;
|
|
|
|
position: absolute;
|
|
|
|
top: 25%;
|
|
|
|
top: 25%;
|
|
|
|
width: 96%;
|
|
|
|
width: 82%;
|
|
|
|
height: auto;
|
|
|
|
height: auto;
|
|
|
|
left:2%;
|
|
|
|
right: 8%;
|
|
|
|
text-align: : center;
|
|
|
|
text-align: : center;
|
|
|
|
z-index: 5;
|
|
|
|
z-index: 5;
|
|
|
|
|
|
|
|
|
|
|
|
@ -54,7 +54,7 @@ h1 {
|
|
|
|
top:5%;
|
|
|
|
top:5%;
|
|
|
|
text-align: right;
|
|
|
|
text-align: right;
|
|
|
|
background-color: #0BEFEB;
|
|
|
|
background-color: #0BEFEB;
|
|
|
|
padding: 3px 30px 3px 10px;
|
|
|
|
padding: 3px 35px 3px 10px;
|
|
|
|
z-index: 10;
|
|
|
|
z-index: 10;
|
|
|
|
color: black;
|
|
|
|
color: black;
|
|
|
|
font-size: 28px;
|
|
|
|
font-size: 28px;
|
|
|
|
@ -68,7 +68,7 @@ h2{
|
|
|
|
text-align: left;
|
|
|
|
text-align: left;
|
|
|
|
background-color: #0BEFEB;
|
|
|
|
background-color: #0BEFEB;
|
|
|
|
/*color: black;*/
|
|
|
|
/*color: black;*/
|
|
|
|
padding: 3px 3px 3px 30px;
|
|
|
|
padding: 3px 35px 3px 10px;
|
|
|
|
z-index: 10;
|
|
|
|
z-index: 10;
|
|
|
|
font-size: 20px;
|
|
|
|
font-size: 20px;
|
|
|
|
opacity: 0.7;
|
|
|
|
opacity: 0.7;
|
|
|
|
@ -76,8 +76,8 @@ h2{
|
|
|
|
|
|
|
|
|
|
|
|
.viewnav {
|
|
|
|
.viewnav {
|
|
|
|
position: fixed;
|
|
|
|
position: fixed;
|
|
|
|
top:50%;
|
|
|
|
bottom:0%;
|
|
|
|
right:2%;
|
|
|
|
left:0%;
|
|
|
|
background-color: transparent;
|
|
|
|
background-color: transparent;
|
|
|
|
width: 10%;
|
|
|
|
width: 10%;
|
|
|
|
z-index: 10;
|
|
|
|
z-index: 10;
|
|
|
|
@ -92,7 +92,7 @@ h2{
|
|
|
|
width: 100%;
|
|
|
|
width: 100%;
|
|
|
|
height: auto;
|
|
|
|
height: auto;
|
|
|
|
border: none;
|
|
|
|
border: none;
|
|
|
|
text-align: right;
|
|
|
|
text-align: left;
|
|
|
|
outline: none;
|
|
|
|
outline: none;
|
|
|
|
font-size: 40px;
|
|
|
|
font-size: 40px;
|
|
|
|
z-index: 10;
|
|
|
|
z-index: 10;
|
|
|
|
@ -165,31 +165,40 @@ p {
|
|
|
|
|
|
|
|
|
|
|
|
.metadata{
|
|
|
|
.metadata{
|
|
|
|
position: fixed;
|
|
|
|
position: fixed;
|
|
|
|
top:5%;
|
|
|
|
top: 25%;
|
|
|
|
left:0%;
|
|
|
|
right: 0%;
|
|
|
|
background-color: transparent;
|
|
|
|
background-color: transparent;
|
|
|
|
width: 40%;
|
|
|
|
width: 60%;
|
|
|
|
z-index: 10;
|
|
|
|
z-index: 10;
|
|
|
|
opacity: 1;
|
|
|
|
opacity: 1;
|
|
|
|
|
|
|
|
text-align: right;
|
|
|
|
|
|
|
|
/*align-items: right;
|
|
|
|
|
|
|
|
align-content: right;*/
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.collapsible {
|
|
|
|
.collapsible {
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
|
|
right:0%;
|
|
|
|
|
|
|
|
background-color: white;
|
|
|
|
color: black;
|
|
|
|
color: black;
|
|
|
|
cursor: pointer;
|
|
|
|
cursor: pointer;
|
|
|
|
padding: 18px;
|
|
|
|
padding: 18px;
|
|
|
|
width: 10%;
|
|
|
|
width: 3%;
|
|
|
|
height: auto;
|
|
|
|
height: 100%;
|
|
|
|
border: solid 1px;
|
|
|
|
/*border: solid 1px;*/
|
|
|
|
text-align: right;
|
|
|
|
text-align: left;
|
|
|
|
outline: none;
|
|
|
|
outline: none;
|
|
|
|
font-size: 15px;
|
|
|
|
font-size: 15px;
|
|
|
|
z-index: 10;
|
|
|
|
z-index: 10;
|
|
|
|
margin-top: 10px;
|
|
|
|
margin-top: 10px;
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.active, .collapsible:hover {
|
|
|
|
.active, .collapsible:hover {
|
|
|
|
background-color: transparent;
|
|
|
|
background-color: #0BEFEB;
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.content {
|
|
|
|
.content {
|
|
|
|
@ -197,13 +206,14 @@ p {
|
|
|
|
padding: 0px 18px;
|
|
|
|
padding: 0px 18px;
|
|
|
|
max-height: 0;
|
|
|
|
max-height: 0;
|
|
|
|
overflow: hidden;
|
|
|
|
overflow: hidden;
|
|
|
|
width: 90%;
|
|
|
|
width: auto;
|
|
|
|
transition: max-height 0.2s ease-out;
|
|
|
|
transition: max-height 0.2s ease-out;
|
|
|
|
background-color: #0BEFEB;
|
|
|
|
background-color: white;
|
|
|
|
color: white;
|
|
|
|
color: black;
|
|
|
|
z-index: 10;
|
|
|
|
z-index: 10;
|
|
|
|
text-align: right;
|
|
|
|
text-align: left;
|
|
|
|
opacity: 0.7;
|
|
|
|
opacity: 0.7;
|
|
|
|
|
|
|
|
right:0%;
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@ -211,17 +221,17 @@ a.content:link {
|
|
|
|
color:white;
|
|
|
|
color:white;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.metadata_links {
|
|
|
|
/*.metadata_links {
|
|
|
|
display: block;
|
|
|
|
display: inline-block;
|
|
|
|
width: 100%;
|
|
|
|
width: 100%;
|
|
|
|
position: relative;
|
|
|
|
position: absolute;
|
|
|
|
right: 0%;
|
|
|
|
right: 0%;
|
|
|
|
padding: 10px;
|
|
|
|
padding: 10px;
|
|
|
|
text-align: left;
|
|
|
|
text-align: left;
|
|
|
|
/*background-color: blue;*/
|
|
|
|
background-color: blue;
|
|
|
|
font-size: 18px;
|
|
|
|
font-size: 18px;
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
}*/
|
|
|
|
|
|
|
|
|
|
|
|
.metadata_organization {
|
|
|
|
.metadata_organization {
|
|
|
|
font-size: 14px;
|
|
|
|
font-size: 14px;
|
|
|
|
@ -238,8 +248,8 @@ a.content:link {
|
|
|
|
|
|
|
|
|
|
|
|
.orglink {
|
|
|
|
.orglink {
|
|
|
|
position: fixed;
|
|
|
|
position: fixed;
|
|
|
|
bottom:0%;
|
|
|
|
top: 30%;
|
|
|
|
left:18%;
|
|
|
|
left: 0%;
|
|
|
|
background-color: white;
|
|
|
|
background-color: white;
|
|
|
|
z-index: 10;
|
|
|
|
z-index: 10;
|
|
|
|
font-size: 30px;
|
|
|
|
font-size: 30px;
|
|
|
|
@ -268,8 +278,8 @@ a.content:link {
|
|
|
|
|
|
|
|
|
|
|
|
.timelinelink {
|
|
|
|
.timelinelink {
|
|
|
|
position: fixed;
|
|
|
|
position: fixed;
|
|
|
|
bottom: 0%;
|
|
|
|
top: 20%;
|
|
|
|
left: 3%;
|
|
|
|
left: 0%;
|
|
|
|
background-color: white;
|
|
|
|
background-color: white;
|
|
|
|
z-index: 10;
|
|
|
|
z-index: 10;
|
|
|
|
font-size: 30px;
|
|
|
|
font-size: 30px;
|
|
|
|
@ -298,8 +308,8 @@ a.content:link {
|
|
|
|
|
|
|
|
|
|
|
|
.indexlink {
|
|
|
|
.indexlink {
|
|
|
|
position: fixed;
|
|
|
|
position: fixed;
|
|
|
|
bottom:0%;
|
|
|
|
top:10%;
|
|
|
|
right:3%;
|
|
|
|
left:0%;
|
|
|
|
background-color: white;
|
|
|
|
background-color: white;
|
|
|
|
z-index: 10;
|
|
|
|
z-index: 10;
|
|
|
|
font-size: 30px;
|
|
|
|
font-size: 30px;
|
|
|
|
@ -318,7 +328,7 @@ a.content:link {
|
|
|
|
|
|
|
|
|
|
|
|
/* Position the tooltip */
|
|
|
|
/* Position the tooltip */
|
|
|
|
position: absolute;
|
|
|
|
position: absolute;
|
|
|
|
right: 50px;
|
|
|
|
left: 50px;
|
|
|
|
z-index: 10;
|
|
|
|
z-index: 10;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@ -326,7 +336,3 @@ a.content:link {
|
|
|
|
visibility: visible;
|
|
|
|
visibility: visible;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*.timelinelink:hover .htext {
|
|
|
|
|
|
|
|
visibility: visible;
|
|
|
|
|
|
|
|
}*/
|
|
|
|
|
|
|
|
|
Sandra
5 years ago