title css

pull/9/head
Sandra 5 years ago
parent 5ff08005e3
commit 0569d746a8

@ -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: 5%; top: 15%;
width: 96%; width: 96%;
height: auto; height: auto;
left:2%; left:2%;
@ -77,16 +77,16 @@ h2{
.viewnav { .viewnav {
position: fixed; position: fixed;
top:30%; top:30%;
right:0%; right:5%;
background-color: red ; background-color: transparent;
width: 10%; width: 10%;
z-index: 10; z-index: 10;
opacity: 0.7; opacity: 0.7;
} }
.collapsible2 { .collapsible2 {
background-color: #777; background-color: transparent;
color: white; color: black;
cursor: pointer; cursor: pointer;
padding: 0px; padding: 0px;
width: 100%; width: 100%;
@ -99,21 +99,22 @@ h2{
margin-top: 0px; margin-top: 0px;
} }
.active, .collapsible2:hover { .collapsible2:hover {
background-color: #555; background-color: transparent;
color: blue;
} }
.content2 { .content2 {
position: relative; position: absolute;
/*padding: 0px 18px;*/
max-height: 0; max-height: 0;
overflow: hidden; overflow: hidden;
width: 100%; width: 100%;
transition: max-height 0.2s ease-out; transition: max-height 0.3s ease-out;
background-color: grey; background-color: transparent;
color: white; color: white;
z-index: 10; z-index: 10;
text-align: center; text-align: center;
bottom: 50%;
} }
@ -143,7 +144,7 @@ p {
width: 110px; width: 110px;
text-align: center; text-align: center;
padding: 12px 0px; padding: 12px 0px;
background-color: grey; background-color: transparent;
cursor: pointer; cursor: pointer;
font-size: 18px; font-size: 18px;
margin-right: 5px; margin-right: 5px;
@ -187,7 +188,7 @@ p {
} }
.active, .collapsible:hover { .active, .collapsible:hover {
background-color: #555; background-color: transparent;
} }
.content { .content {
@ -234,41 +235,15 @@ a.content:link {
display: none; display: none;
} }
.indexlink {
position: fixed;
bottom:0%;
right:3%;
background-color: white;
z-index: 10;
font-size: 30px;
}
.timelinelink {
position: fixed;
bottom:0%;
left:5%;
background-color: white;
z-index: 10;
font-size: 30px;
padding-left:
}
.orglink { .orglink {
position: fixed; position: fixed;
bottom:0%; bottom:0%;
left:10%; left:18%;
background-color: white; background-color: white;
z-index: 10; z-index: 10;
font-size: 30px; font-size: 30px;
} }
/*.orglink {
position: fixed;
bottom:0%;
display: inline-block;
border-bottom: 1px dotted black;
}*/
.orglink .htext { .orglink .htext {
visibility: hidden; visibility: hidden;
width: 120px; width: 120px;
@ -281,6 +256,7 @@ a.content:link {
/* Position the tooltip */ /* Position the tooltip */
position: absolute; position: absolute;
left: 50px;
z-index: 10; z-index: 10;
} }
@ -288,6 +264,16 @@ a.content:link {
visibility: visible; visibility: visible;
} }
.timelinelink {
position: fixed;
bottom: 0%;
left: 3%;
background-color: white;
z-index: 10;
font-size: 30px;
padding: 0px 5px 0px 5px;
}
.timelinelink .htext { .timelinelink .htext {
visibility: hidden; visibility: hidden;
width: 120px; width: 120px;
@ -300,6 +286,7 @@ a.content:link {
/* Position the tooltip */ /* Position the tooltip */
position: absolute; position: absolute;
left: 50px;
z-index: 10; z-index: 10;
} }
@ -307,6 +294,15 @@ a.content:link {
visibility: visible; visibility: visible;
} }
.indexlink {
position: fixed;
bottom:0%;
right:3%;
background-color: white;
z-index: 10;
font-size: 30px;
}
.indexlink .htext { .indexlink .htext {
visibility: hidden; visibility: hidden;
width: 120px; width: 120px;
@ -319,6 +315,7 @@ a.content:link {
/* Position the tooltip */ /* Position the tooltip */
position: absolute; position: absolute;
right: 50px;
z-index: 10; z-index: 10;
} }

Loading…
Cancel
Save