onebigear
/
special-issue-11-wiki2html
forked from XPUB/special-issue-11-wiki2html
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

button layout

Browse Source
master
Sandra 5 years ago
parent 2d7e8f5074
commit 68d8715f6f
1 changed files with 42 additions and 36 deletions
Show Stats Download Patch File Download Diff File

78
static/title.css
Unescape Escape View File

@ -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;
}*/

Write Preview
Loading…
Cancel
Save