From 68c0e9835848e5b6639e04670fe67674a11c7286 Mon Sep 17 00:00:00 2001 From: ioanatomici Date: Fri, 17 Apr 2020 12:44:21 +0200 Subject: [PATCH] edited timeline css and html templates --- static/timeline.css | 41 ++++++++++++++++++++++++++--------------- templates/timeline.html | 2 +- 2 files changed, 27 insertions(+), 16 deletions(-) diff --git a/static/timeline.css b/static/timeline.css index 358b92d..9f6bc3e 100644 --- a/static/timeline.css +++ b/static/timeline.css @@ -5,6 +5,21 @@ body{ h1 { 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;} @@ -20,6 +35,11 @@ div#body{ width: max-content;} display: inline-block; } +.content { + display: flex; + margin-right: 5vw; +} + .indexlink { position: fixed; font-size: 20px; @@ -37,16 +57,8 @@ display: inline-block; text-decoration: none; } -.horizontal-scroll-wrapper { - display: inline-table; - margin-top: 10vw; - width: 20vw; - height: 80vw; - overflow-y: auto; - overflow-x: hidden; -} - .event { + margin-top: 3%; text-align-last: auto; font-family: Roboto Mono; font-size: 10px; @@ -59,23 +71,22 @@ display: inline-block; .pubpageinfo { padding-top: 10px; - font-size: 10px; + font-size: 15px; } .pubpageinfo:hover { background-color: #0BEFEB; - padding: 10px; - font-size: 15px; + padding: 10px; } .thumbborder { - box-shadow: 8px 8px 8px #C4BCB9; - width: 30%; + box-shadow: 10px 10px 15px #C4BCB9; + width: 40%; height: auto; } .thumbborder:hover { - box-shadow: 8px 8px 8px #0BEFEB; + box-shadow: 10px 10px 15px #0BEFEB; width:100%; transition:0.5s; height: auto; diff --git a/templates/timeline.html b/templates/timeline.html index 334248f..8b6b655 100644 --- a/templates/timeline.html +++ b/templates/timeline.html @@ -8,7 +8,7 @@ Timeline -

Timeline

+
┉Timeline
{{ body|safe }}