Damlanur 5 years ago
commit 46b8728eaa

@ -47,7 +47,7 @@ body {
.linkscont{ .linkscont{
margin-top: 10%; margin-top: 10%;
height: auto; height: 100vh;
width: auto; width: auto;
position: fixed; position: fixed;
left:0%; left:0%;
@ -55,21 +55,20 @@ body {
} }
.pagelink{ .pagelink{
/* display:table-cell;
text-align:center; text-align:center;
vertical-align:middle;*/ vertical-align:middle;
display: inline-flex; display: block;
justify-content: center; /*justify-content: center;*/
align-items: center; align-items: center;
position: fixed; position: fixed;
/*text-align: left;*/
/*display: block;*/ /*display: block;*/
left:0px; left:0px;
width:25px; width:36px;
height:25px; height:36px;
padding:10px; padding-top: 2px;
background-color: white; background-color: white;
z-index: 2; z-index: 2;
font-size: 24px;
/*text-align: justify;*/ /*text-align: justify;*/
border-top-style: solid; border-top-style: solid;
border-right-style: solid; border-right-style: solid;
@ -80,7 +79,19 @@ body {
} }
.pagelink:hover{ .icon{
text-align:center;
vertical-align:middle;
/* display: block;*/
/*justify-content: center;*/
align-items: center;
font-size: 24px;
width: 40%;
height: 40%;
vertical-align:middle;
}
.active, .pagelink:hover{
background-color: #0BEFEB; background-color: #0BEFEB;
} }
@ -100,18 +111,13 @@ body {
background-color: #0BEFEB; background-color: #0BEFEB;
}*/ }*/
.pagename{
align-items: center;
width:auto;
text-align: left;
}
.pagelink .pagename{ .pagelink .pagename{
display: inline; display: inline-block;
position: absolute; position: relative;
width: auto; width: auto;
padding: 5px; padding: 5px;
margin-left: 160px; margin-left: 20px;
font-size: 12px; font-size: 12px;
background-color: white; background-color: white;
visibility: hidden; visibility: hidden;

@ -1,11 +1,6 @@
body { body {
background: white; background: white;
max-width: 100%; height: 100vh;
height:100%;
display: inline-table;
font-family: Roboto Mono;
bottom: 20px;
scrollbar-width: thin;
} }
/*.img { /*.img {
@ -38,6 +33,9 @@ display: inline-block;
line-height: 1.3; line-height: 1.3;
} }
.linkscont{
position-top:0px;
}
/*.pagelink{ /*.pagelink{
position: fixed; position: fixed;

@ -27,6 +27,7 @@ body {
padding-left: 85px; padding-left: 85px;
color: #371F10; color: #371F10;
font-weight: bold; font-weight: bold;
background-color: transparent;
} }
/* Droped-down publication links */ /* Droped-down publication links */
@ -60,6 +61,7 @@ body {
color:#371F10; color:#371F10;
cursor: pointer; cursor: pointer;
border:none; border:none;
border-right:1px solid #D1C8C8;
font-size: 25px; font-size: 25px;
width: 50px; width: 50px;
height: 50px; height: 50px;
@ -78,7 +80,7 @@ button.down span, button.up span {
} }
.up { .up {
right: 51px; right: 53px;
} }
.down { .down {
@ -91,11 +93,11 @@ button.bottom span, button.top span {
} }
.top { .top {
right: 153px; right: 159px;
} }
.bottom { .bottom {
right: 102px; right: 106px;
} }
/* Scroll button title */ /* Scroll button title */

@ -4,13 +4,27 @@ body{
} }
h1 { h1 {
position: fixed;
right:0%;
top:5%;
text-align: right;
background-color: rgba(11,239,235,0.7);
color: #371F10;
padding: 3px 35px 3px 10px;
z-index: 10;
font-size: 28px;
}
.eventdate {
font-family: Roboto Mono; font-family: Roboto Mono;
font-size: 40px; font-size: 40px;
color: #371F10;
margin-top: 1%; margin-top: 1%;
} }
h2 { h2 {
font-size: 17px; font-size: 17px;
color: #371F10;
background-color: #0BEFEB; background-color: #0BEFEB;
padding: 5px; padding: 5px;
} }
@ -56,6 +70,7 @@ display: inline-block;
text-align-last: auto; text-align-last: auto;
font-family: Roboto Mono; font-family: Roboto Mono;
font-size: 10px; font-size: 10px;
color: #371F10;
padding-left: 5vw; padding-left: 5vw;
display: inline-block; display: inline-block;
width:200px; width:200px;
@ -68,6 +83,7 @@ display: inline-block;
.pubpageinfo { .pubpageinfo {
font-size: 15px; font-size: 15px;
color: #371F10;
} }
.thumbborder { .thumbborder {
@ -82,4 +98,3 @@ display: inline-block;
transition:0.5s; transition:0.5s;
height: auto; height: auto;
} }

@ -8,9 +8,8 @@
<title>Timeline</title> <title>Timeline</title>
</head> </head>
<body> <body>
<div class="pagelink">Timeline</div> <h1>Timeline</h1>
<div id="body">{{ body|safe }}</div> <div id="body">{{ body|safe }}</div>
</body> </body>
</html> </html>

Loading…
Cancel
Save