From 9f6ff0f0ec88e43abae24b1e99a629bd42867dab Mon Sep 17 00:00:00 2001 From: Rasmus Luha Date: Wed, 21 Dec 2022 00:13:31 +0200 Subject: add sissejuhatus btn to uliopilane and perenaine --- rannak/mangud/uliopilane/ajatelg/index.html | 47 +++++++++++++++++++++++++++-- rannak/mangud/uliopilane/ajatelg/styles.css | 39 +++++++++++++++++++++--- 2 files changed, 80 insertions(+), 6 deletions(-) (limited to 'rannak/mangud/uliopilane/ajatelg') diff --git a/rannak/mangud/uliopilane/ajatelg/index.html b/rannak/mangud/uliopilane/ajatelg/index.html index 156d28d..d1855b7 100644 --- a/rannak/mangud/uliopilane/ajatelg/index.html +++ b/rannak/mangud/uliopilane/ajatelg/index.html @@ -11,6 +11,13 @@ + + + + +

Ajatelg

Pane Sündumsed ajateljel õigsse järjekorda

@@ -24,6 +31,43 @@
+ + + + + + +
@@ -175,8 +219,7 @@
- - + diff --git a/rannak/mangud/uliopilane/ajatelg/styles.css b/rannak/mangud/uliopilane/ajatelg/styles.css index 5966c9b..2585bc4 100644 --- a/rannak/mangud/uliopilane/ajatelg/styles.css +++ b/rannak/mangud/uliopilane/ajatelg/styles.css @@ -4,8 +4,8 @@ html { } * { - margin: 0 !important; - padding: 0 !important; + margin: 0; + padding: 0; box-sizing: border-box !important; } @@ -37,6 +37,32 @@ button:disabled{ cursor: not-allowed; } +/* Modal Stuff */ + +.closeModalButton { + border-radius: 50px; +} + +.modalButton{ + position: absolute; + top: 0; + right: 0; + padding: 6px; + padding: 9px 25px; + background-color: rgba(0,136,169,1) !important; + border: none !important; + border-radius: 50px !important; + cursor: pointer !important; + transition: all 0.3 ease 0 !important; + margin: 3% !important; + font-size: 1.4rem !important; +} + +.modalButton:hover{ + background-color: rgba(0,136,169,0.8) !important; +} + + /* Left side Part */ @@ -63,6 +89,11 @@ button:disabled{ /* Timeline css part*/ +.timelineWrapper{ + padding: 0 !important; + margin: 0 !important; +} + .timelineContainer { min-height: 100vh; width: 100%; @@ -85,10 +116,10 @@ button:disabled{ } .timeline ul li { - padding: 20px; + padding: 7px; background-color: #1e1f22; color: white; - margin-bottom: 20px; + margin-bottom: 15px; } .timeline ul li:last-child { -- cgit v1.2.3