From 6d7b2a3b05e76819a61f68ae198524917a608144 Mon Sep 17 00:00:00 2001 From: Olga Date: Sat, 14 Dec 2019 17:26:20 +0100 Subject: [PATCH] CHEC-47 commit --- mapka/WYKLADOWCA/frontpage.html | 4 +- mapka/WYKLADOWCA/seatchart.css | 69 ++++++++++++++++++--------------- mapka/WYKLADOWCA/wyborsali.css | 25 +++++++----- mapka/WYKLADOWCA/wyborsali.html | 2 +- 4 files changed, 55 insertions(+), 45 deletions(-) diff --git a/mapka/WYKLADOWCA/frontpage.html b/mapka/WYKLADOWCA/frontpage.html index 89d2dbd..6de24cd 100644 --- a/mapka/WYKLADOWCA/frontpage.html +++ b/mapka/WYKLADOWCA/frontpage.html @@ -7,6 +7,7 @@ + @@ -24,8 +25,6 @@
- -
@@ -36,7 +35,6 @@ \ No newline at end of file diff --git a/mapka/WYKLADOWCA/seatchart.css b/mapka/WYKLADOWCA/seatchart.css index 2a30880..52ad7ca 100644 --- a/mapka/WYKLADOWCA/seatchart.css +++ b/mapka/WYKLADOWCA/seatchart.css @@ -1,15 +1,19 @@ body { - font-family: 'Lato', sans-serif; + background-color: #f8fafc; + font-family: 'Nunito', sans-serif; + font-weight: 600; font-style: #b71a4c; } + a { color: #b71a4c; } + .front-indicator { width: 90%; margin: 5px 32px 5px 32px; - background-color: #f6f6f6; - color: #adadad; + background-color: #ececec; + color: #a1a1a1; text-align: center; padding: 15px; border-radius: 5px; @@ -19,60 +23,64 @@ a { margin: 0 auto; text-align: left; } + .seat-stat-wrapper { display: inline; } + #legend { width: 49%; margin: 0 auto; float: left; - font-family: monospace; font-size: 16px; } + .booking-details { display: inline-block; text-align: right; font-size: 12px; width: 49%; margin: 0 auto; - } + @media screen and (max-width: 550px) { #legend { width: 100%; } + .booking-details { width: 100%; text-align: left; } } + .booking-details h2 { margin: 25px 0 20px 0; - font-size: 35px; + font-size: 40px; color: #333333; - font-family: monospace; - letter-spacing: 0.15em; + letter-spacing: 0.1em; font-weight: bold; } + .booking-details h3 { margin: 5px 5px 0 0; - font-size: 18px; + font-size: 22px; color: #333333; - font-family: monospace; font-display: bold; } + div.seatCharts-cell { color: #182C4E; height: 90px; width: 90px; line-height: 90px; - } + div.seatCharts-seat { color: #FFFFFF; - cursor: pointer; - + cursor: pointer; } + div.seatCharts-row { height: 100px; width: 90%; @@ -80,21 +88,25 @@ div.seatCharts-row { /*align-items: center;*/ justify-content: center; } -div.seatCharts-seat.available { - background-color: #a8b9bd; +div.seatCharts-seat.available { + background-color: #649a24; } + div.seatCharts-seat.available.student-class { background-color: #a8b9bd; } + div.seatCharts-seat.focused { - background-color: #758184; + background-color: #1F5684; } + div.seatCharts-seat.selected { - background-color: rgb(216, 196, 230); + background-color: #1b4d76; } + div.seatCharts-seat.unavailable { - background-color: #caaa41; + background-color: #6F7881; } div.seatCharts-container { @@ -102,8 +114,8 @@ div.seatCharts-container { padding: 20px 0; margin: 0 auto; text-align: center; - } + div.seatCharts-legend { display: inline-block; } @@ -115,6 +127,7 @@ div.seatCharts-legend li { ul.seatCharts-legendList { padding-left: 0px; } + span.seatCharts-legendDescription { margin-left: 5px; line-height: 100px; @@ -123,30 +136,24 @@ span.seatCharts-legendDescription { .checkout-button { margin: 10px 0; font-size: 14px; - background-color: #5d7cd3; - border-radius: 2px; + color: #fff; + background-color: #3490dc; + border-color: #3490dc; + border-radius: 3px; border: 0; padding: 15px 40px; display: inline-block; text-align: center; - box-shadow:0px 4px 0px #1e3572; - font-family: monospace; } .checkout-button:hover { box-shadow: 0 0 rgb(103, 88, 184); - background-color: #3654c9; -} - -.checkout-button:active { - top: 4px; - box-shadow: 0 0 #b85a5b; - background-color: #3654ff; + background-color: #227dc7; + border-color: #2176bd; } #selected-seats { list-style-type: none; - font-family: 'Gill Sans', 'Gill Sans MT', Calibri; font-size: 14px; margin-left: 0; padding-left: 0; diff --git a/mapka/WYKLADOWCA/wyborsali.css b/mapka/WYKLADOWCA/wyborsali.css index c8151c9..d99efab 100644 --- a/mapka/WYKLADOWCA/wyborsali.css +++ b/mapka/WYKLADOWCA/wyborsali.css @@ -1,5 +1,7 @@ body { - font-family: monospace, sans-serif; + background-color: #f8fafc; + font-family: 'Nunito', sans-serif; + font-weight: 600; } .logged-wrapper { @@ -39,10 +41,14 @@ body { .seat-stat-wrapper h1{ text-align: center; - font-size: 36px; - padding-bottom: 20px; - border-bottom: 2px outset rgb(131, 145, 145); - text-shadow: 1px 1px 4px rgb(122, 122, 122); + font-size: 56px; + padding-bottom: 10px; + border-bottom: 2px outset rgba(133, 133, 133, 0.4); + text-transform: uppercase; + font-family: 'Nunito', sans-serif; + font-weight: 500; + text-shadow: 0 0 6px rgba(133, 133, 133, 0.4); + color: #636b6f; } #choosepanel { @@ -51,14 +57,13 @@ body { #choosepanel h2, .room-view h2 { font-size: 23px; - text-shadow: 1px 1px 1px rgb(122, 122, 122); - + text-shadow: 0 0 6px rgba(133, 133, 133, 0.4); } #choosepanel select { font-size: 18px; width: 150px; - text-shadow: 1px 1px 1px rgb(122, 122, 122); + text-shadow: 0 0 6px rgba(133, 133, 133, 0.4); display: block; font-size: 16px; font-family: sans-serif; @@ -184,12 +189,12 @@ div.seatCharts-container { } .seat-chart-wrapper, div.seatCharts-space { - background-color: rgba(232, 236, 241, 0.7); + background-color: #ececec; } .seat-chart-wrapper { padding: 60px 0; - border-radius: 20px; + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), 0 3px 10px 0 rgba(0, 0, 0, 0.1); } .select{ diff --git a/mapka/WYKLADOWCA/wyborsali.html b/mapka/WYKLADOWCA/wyborsali.html index fedf314..de6ee5a 100644 --- a/mapka/WYKLADOWCA/wyborsali.html +++ b/mapka/WYKLADOWCA/wyborsali.html @@ -8,7 +8,7 @@ - +