Damlanur 5 years ago
commit fbe4bd8258

@ -53,64 +53,52 @@ body {
cursor: pointer; cursor: pointer;
} }
/* Scroll column */
.scrollcolumn {
position: fixed;
display: inline;
top:35%;
right:0%;
width: 60px;
outline: none;
z-index: 10;
text-align: center;
}
/* Scroll buttons */ /* Scroll buttons */
.scrl { .scrl {
position: fixed;
background-color: white; background-color: white;
color:#371F10;
cursor: pointer; cursor: pointer;
border:none; border:none;
font-size: 15px; font-size: 25px;
margin-top: 10px; width: 50px;
height: 60px; height: 50px;
width: 60px;
padding-bottom: 15px;
font-weight: bold; font-weight: bold;
font-size: 17px; z-index: 10;
bottom: 0%;
} }
.scrl:hover { .scrl:hover {
background-color: #0BEFEB; color: #0BEFEB;
} }
/* Scroll button title */ button.down span, button.up span {
.scbt { position:relative; left: 30%;
visibility: hidden; position:relative; bottom: 65%;
width: 120px; }
background-color: black;
color: #fff; .up {
text-align: center; right: 51px;
border-radius: 6px; }
padding: 5px 0;
font-size: 15px; .down {
right: 65px; right: 0%;
z-index: 10;
position: absolute;
} }
.scrl:hover > .scbt { button.bottom span, button.top span {
visibility: visible; position:relative; left: 15%;
position:relative; bottom: 65%;
} }
button.up span { .top {
position:relative; bottom: 20%; right: 153px;
} }
button.down span { .bottom {
position:relative; left: 60%; right: 102px;
} }
button.bottom span { /* Scroll button title */
position:relative; bottom: 27%; .scbt {
position:relative; left: 27%; visibility: hidden;
} }

@ -9,17 +9,10 @@ h1 {
margin-top: 1%; margin-top: 1%;
} }
.pagetitle { h2 {
position: fixed; font-size: 17px;
right:0%;
top:5%;
text-align: right;
background-color: #0BEFEB; background-color: #0BEFEB;
padding: 3px 35px 3px 10px; padding: 5px;
z-index: 10;
color: black;
font-size: 28px;
opacity: 0.7;
} }
div#body{ width: max-content;} div#body{ width: max-content;}
@ -37,7 +30,8 @@ display: inline-block;
.content { .content {
display: flex; display: flex;
margin-right: 5vw; margin-right: 10vw;
margin-left: 5vw;
} }
.indexlink { .indexlink {
@ -68,15 +62,12 @@ display: inline-block;
vertical-align: top; vertical-align: top;
} }
.pubpageinfo { .eventfirstpages {
padding-bottom: 5vh;
padding-top: 10px;
font-size: 15px;
} }
.pubpageinfo:hover { .pubpageinfo {
background-color: #0BEFEB; font-size: 15px;
padding: 10px;
} }
.thumbborder { .thumbborder {
@ -91,3 +82,4 @@ display: inline-block;
transition:0.5s; transition:0.5s;
height: auto; height: auto;
} }

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

Loading…
Cancel
Save