Damlanur 5 years ago
commit 46b8728eaa

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

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

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

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

@ -1,16 +1,15 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="{{ staticpath }}/static/archive.css" />
<link rel="stylesheet" href="{{ staticpath }}/static/timeline.css" />
<link href='https://fonts.googleapis.com/css?family=Roboto+Mono' rel='stylesheet' type='text/css'>
<title>Timeline</title>
</head>
<body>
<div class="pagelink">Timeline</div>
<div id="body">{{ body|safe }}</div>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="{{ staticpath }}/static/archive.css" />
<link rel="stylesheet" href="{{ staticpath }}/static/timeline.css" />
<link href='https://fonts.googleapis.com/css?family=Roboto+Mono' rel='stylesheet' type='text/css'>
<title>Timeline</title>
</head>
<body>
<h1>Timeline</h1>
<div id="body">{{ body|safe }}</div>
</body>
</html>

Loading…
Cancel
Save