updated timeline.css

static/timeline.css

@@ -1,4 +1,11 @@
-body{ width: max-content;}
+body{ 
+	width: max-content;
+	background-color: #F4EBE8;
+}
+
+h1 {
+	font-family: Roboto Mono;
+}
 
 div#body{ width: max-content;}
 
@@ -13,16 +20,21 @@ div#body{ width: max-content;}
 display: inline-block;
 }
 
-.content {
-	border-style: solid 1px black;
-	background-color: red;
-	color: #444;
-	cursor: pointer;
-	padding: 5px;
+.indexlink {
 	position: fixed;
-	font-size: 15px;
-    z-index: +1;
-    font-family: Times New Roman;
+	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;
 }
 
 .horizontal-scroll-wrapper {
@@ -36,58 +48,35 @@ display: inline-block;
 
 .event {
 	text-align-last: auto;
-	font-family: Arial;
+	font-family: Roboto Mono;
 	font-size: 10px;
-/* 	padding-top: 5vw; */
-	 padding-left: 5vw;
+	padding-left: 5vw;
 	display: inline-block;
-	width:400px;
+	width:200px;
 	vertical-align: top;
 }
 
+.pubpageinfo {
+
+	padding-top: 10px;
+	font-size: 10px;
+}
+
+.pubpageinfo:hover {
+	background-color: #0BEFEB;
+	padding: 10px;
+	font-size: 15px;	
+}
+
 .thumbborder {
-/*	display: none;*/
+	box-shadow: 8px 8px 8px #C4BCB9;
 	width: 30%;
 	height: auto;
 }
 
 .thumbborder:hover {
+	box-shadow: 8px 8px 8px #0BEFEB;
 	width:100%; 
 	transition:0.5s;
 	height: auto;
 }
-
-.bar-chart {
-display: table;
-margin-top: 20px;
-}
-
-.row {
-display: table-row;
-}
-
-.row div {
-display: table-cell;
-width: 60px;
-height: 44px;
-border-right: 2px solid rgb(255, 255, 255);
-}
-
-.row .axis-y {
-width: 96px;
-border-right: 1px solid #000;
-vertical-align: top;
-}
-
-.axis-x div {
-border-top: 1px solid #000;
-}
-
-.axis-x .axis-y {
-border: none;
-}
-
-.axis-x div, .axis-y {
-text-align: center;
-font-weight: bold;
-}