From c2cb9d1de3cf5d2d5cd805236713cfd2302a3f6e Mon Sep 17 00:00:00 2001 From: ioanatomici Date: Tue, 7 Apr 2020 18:35:37 +0200 Subject: [PATCH] timeline.css --- static/timeline.css | 94 +++++++++++++++++++++++++++++++++++++++++++-- 1 file changed, 91 insertions(+), 3 deletions(-) diff --git a/static/timeline.css b/static/timeline.css index db8c68d..65ceedf 100644 --- a/static/timeline.css +++ b/static/timeline.css @@ -1,3 +1,91 @@ -body { background: red; - color: white; -} \ No newline at end of file +.mw-parser-output{ + position: left top; + display: hidden; +} + + +.content { + border-style: solid 1px black; + transform: rotate(90deg); + transform-origin: right top; + background-color: red; + color: #444; + cursor: pointer; + padding: 5px; + position: fixed; + font-size: 15px; + z-index: +1; + font-family: Times New Roman; +} + +.horizontal-scroll-wrapper { + display: inline-table; + margin-top: 10vw; + width: 20vw; + height: 80vw; + overflow-y: auto; + overflow-x: hidden; + transform: rotate(-90deg) /*translateY(-100px)*/; + transform-origin: right top; + +} + +.event { + text-align-last: auto; + height: 10vw; + transform: rotate(90deg); + transform-origin: right top; + font-family: Arial; + font-size: 10px; + padding-top: 5vw; + padding-left: 5vw; +} + +.thumbborder { +/* display: none;*/ + width: 20%; + height: auto; +} + +.thumbborder:hover { + 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; +} + +