edited timeline css and html templates

master
ioanatomici 5 years ago
parent ce9798e94a
commit 68c0e98358

@ -5,6 +5,21 @@ body{
h1 { h1 {
font-family: Roboto Mono; font-family: Roboto Mono;
font-size: 40px;
margin-top: 1%;
}
.pagetitle {
position: fixed;
right:0%;
top:5%;
text-align: right;
background-color: #0BEFEB;
padding: 3px 35px 3px 10px;
z-index: 10;
color: black;
font-size: 28px;
opacity: 0.7;
} }
div#body{ width: max-content;} div#body{ width: max-content;}
@ -20,6 +35,11 @@ div#body{ width: max-content;}
display: inline-block; display: inline-block;
} }
.content {
display: flex;
margin-right: 5vw;
}
.indexlink { .indexlink {
position: fixed; position: fixed;
font-size: 20px; font-size: 20px;
@ -37,16 +57,8 @@ display: inline-block;
text-decoration: none; text-decoration: none;
} }
.horizontal-scroll-wrapper {
display: inline-table;
margin-top: 10vw;
width: 20vw;
height: 80vw;
overflow-y: auto;
overflow-x: hidden;
}
.event { .event {
margin-top: 3%;
text-align-last: auto; text-align-last: auto;
font-family: Roboto Mono; font-family: Roboto Mono;
font-size: 10px; font-size: 10px;
@ -59,23 +71,22 @@ display: inline-block;
.pubpageinfo { .pubpageinfo {
padding-top: 10px; padding-top: 10px;
font-size: 10px; font-size: 15px;
} }
.pubpageinfo:hover { .pubpageinfo:hover {
background-color: #0BEFEB; background-color: #0BEFEB;
padding: 10px; padding: 10px;
font-size: 15px;
} }
.thumbborder { .thumbborder {
box-shadow: 8px 8px 8px #C4BCB9; box-shadow: 10px 10px 15px #C4BCB9;
width: 30%; width: 40%;
height: auto; height: auto;
} }
.thumbborder:hover { .thumbborder:hover {
box-shadow: 8px 8px 8px #0BEFEB; box-shadow: 10px 10px 15px #0BEFEB;
width:100%; width:100%;
transition:0.5s; transition:0.5s;
height: auto; height: auto;

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

Loading…
Cancel
Save