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;
} }

@ -1,93 +1,85 @@
body{ body{
width: max-content; width: max-content;
background-color: #F4EBE8; background-color: #F4EBE8;
} }
h1 { h1 {
font-family: Roboto Mono; font-family: Roboto Mono;
font-size: 40px; font-size: 40px;
margin-top: 1%; margin-top: 1%;
} }
.pagetitle { h2 {
position: fixed; font-size: 17px;
right:0%; background-color: #0BEFEB;
top:5%; padding: 5px;
text-align: right; }
background-color: #0BEFEB;
padding: 3px 35px 3px 10px; div#body{ width: max-content;}
z-index: 10;
color: black; .mw-parser-output{
font-size: 28px; /*! position: left top; */
opacity: 0.7; /*! display: hidden; */
} /*! display: inline; */
/*! vertical-align: top; */
div#body{ width: max-content;} }
.mw-parser-output{ .mw-parser-output > p{
/*! position: left top; */ display: inline-block;
/*! display: hidden; */ }
/*! display: inline; */
/*! vertical-align: top; */ .content {
} display: flex;
margin-right: 10vw;
.mw-parser-output > p{ margin-left: 5vw;
display: inline-block; }
}
.indexlink {
.content { position: fixed;
display: flex; font-size: 20px;
margin-right: 5vw; bottom: 0%;
} right: 3%;
background-color: transparent;
.indexlink { border: none;
position: fixed; border-right-color: transparent;
font-size: 20px; z-index: 10;
bottom: 0%; padding: 0px 30px 20px 10px
right: 3%; border: none;
background-color: transparent; }
border: none;
border-right-color: transparent; .indexlink a {
z-index: 10; text-decoration: none;
padding: 0px 30px 20px 10px }
border: none;
} .event {
margin-top: 3%;
.indexlink a { text-align-last: auto;
text-decoration: none; font-family: Roboto Mono;
} font-size: 10px;
padding-left: 5vw;
.event { display: inline-block;
margin-top: 3%; width:200px;
text-align-last: auto; vertical-align: top;
font-family: Roboto Mono; }
font-size: 10px;
padding-left: 5vw; .eventfirstpages {
display: inline-block; padding-bottom: 5vh;
width:200px; }
vertical-align: top;
} .pubpageinfo {
font-size: 15px;
.pubpageinfo { }
padding-top: 10px; .thumbborder {
font-size: 15px; box-shadow: 10px 10px 15px #C4BCB9;
} width: 40%;
height: auto;
.pubpageinfo:hover { }
background-color: #0BEFEB;
padding: 10px; .thumbborder:hover {
} box-shadow: 10px 10px 15px #0BEFEB;
width:100%;
.thumbborder { transition:0.5s;
box-shadow: 10px 10px 15px #C4BCB9; height: auto;
width: 40%; }
height: auto;
}
.thumbborder:hover {
box-shadow: 10px 10px 15px #0BEFEB;
width:100%;
transition:0.5s;
height: auto;
}

@ -1,15 +1,16 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<link rel="stylesheet" href="{{ staticpath }}/static/archive.css" /> <link rel="stylesheet" href="{{ staticpath }}/static/archive.css" />
<link rel="stylesheet" href="{{ staticpath }}/static/timeline.css" /> <link rel="stylesheet" href="{{ staticpath }}/static/timeline.css" />
<link href='https://fonts.googleapis.com/css?family=Roboto+Mono' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Roboto+Mono' rel='stylesheet' type='text/css'>
<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