diff --git a/mapka/STUDENT/jquery.seat-charts.css b/mapka/STUDENT/jquery.seat-charts.css index b0339fc..a066f9a 100644 --- a/mapka/STUDENT/jquery.seat-charts.css +++ b/mapka/STUDENT/jquery.seat-charts.css @@ -1,6 +1,8 @@ +/* div.seatCharts-container { - /*min-width: 700px;*/ + min-width: 700px; } +*/ div.seatCharts-cell { height: 16px; @@ -29,11 +31,12 @@ div.seatCharts-seat:focus { .seatCharts-seat:focus { outline: none; } -*/ + div.seatCharts-space { background-color: white; } +*/ div.seatCharts-row { height: 50px; } @@ -56,13 +59,19 @@ div.seatCharts-seat.available { div.seatCharts-seat.unavailable { background-color: red; - cursor: not-allowed; + } ul.seatCharts-legendList { list-style: none; + cursor: default; } + li.seatCharts-legendItem { margin-top: 10px; line-height: 2; +} + +li.seatCharts-legendItem > .seatCharts-cell { + cursor: default; } \ No newline at end of file diff --git a/mapka/STUDENT/koncowastrona.css b/mapka/STUDENT/koncowastrona.css index 929741a..e80d990 100644 --- a/mapka/STUDENT/koncowastrona.css +++ b/mapka/STUDENT/koncowastrona.css @@ -1,33 +1,36 @@ body { - font-family: monospace, sans-serif; + font-family: 'Nunito', sans-serif; + background-color: #f8fafc; } .wrapper { text-align: center; margin: 100px; - background-color: rgba(159, 183, 218, 0.856); border-radius: 10px; padding: 50px 0; - + text-shadow: 0 0 2px rgba(56, 55, 55, 0.6); + color: #545c5f; } .wrapper h2 { - font-size: 38px; - padding: 15px 0; - + font-size: 64px; + padding: 0; } .wrapper h3 { - font-size: 22px; + font-size: 36px; + font-weight: 400; + text-shadow: 1px 0px 0px rgb(160, 160, 160); } #sel-seat { - font-size: 30px; - text-shadow: 1px 1px 1px rgb(160, 160, 160); + font-size: 24px; + text-shadow: 0px 0px 1px rgb(160, 160, 160); margin-top: -15px; margin-bottom: 100px; padding: 0; - + font-weight: 600; + letter-spacing: 0.2em; } button { @@ -39,18 +42,20 @@ button { min-width: 250px; padding: 25px 60px; text-align: center; - box-shadow:0px 4px 0px #1e3572; - font-family: monospace; - float: right; + color: #fff; + background-color: #3490dc; + border-color: #3490dc; + display: inline-block; + text-align: center; + position: absolute; + left: 50%; + bottom: 30%; + transform: translate(-50%, -10%); } button:hover { box-shadow: 0 0 rgb(103, 88, 184); - background-color: #3654c9; -} - -button:active { - top: 4px; - box-shadow: 0 0 #b85a5b; - background-color: #3654ff; + color: #fff; + background-color: #227dc7; + border-color: #2176bd; } \ No newline at end of file diff --git a/mapka/STUDENT/koncowastrona.html b/mapka/STUDENT/koncowastrona.html index fb9baa5..29149fe 100644 --- a/mapka/STUDENT/koncowastrona.html +++ b/mapka/STUDENT/koncowastrona.html @@ -8,6 +8,7 @@ + @@ -17,7 +18,7 @@

wybrane miejsce:

- + diff --git a/mapka/STUDENT/przylozlegitke.css b/mapka/STUDENT/przylozlegitke.css index 57eec91..2a39226 100644 --- a/mapka/STUDENT/przylozlegitke.css +++ b/mapka/STUDENT/przylozlegitke.css @@ -1,19 +1,17 @@ body { - background: rgb(210, 218, 231); + background-color: #f8fafc; } .wrapper { margin: 0 auto; display: inline-block; - background-color: rgba(159, 183, 218, 0.856); - border-radius: 10px; + padding: 20px; width: 70%; height:60vh; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); - } .czytnik { @@ -21,49 +19,50 @@ body { text-align: center; position: absolute; left: 50%; - bottom: -20%; + bottom: -30%; transform: translate(-50%, -10%); - background-color: rgba(139, 152, 172, 0.856); - padding: 30px 80px; - font-family: monospace; + color: #fff; + background-color: #3490dc; + border-color: #3490dc; + padding: 50px 100px; + font: 400 13.3333px Arial; font-size: 30px; + font-weight: 400; } .czytnik:hover { box-shadow: 0 0 rgb(103, 88, 184); - background-color: #3654c9; - cursor: progress; + color: #fff; + background-color: #227dc7; + border-color: #2176bd; } .main-text { - - font-family: "Oswald", Tahoma, sans-serif; - font-display: bold; text-transform: uppercase; - letter-spacing: .15em; - display: inline-block; - text-shadow: 0 0 80px rgba(255,255,255,.5); - color: #1C1C1C; + font-family: 'Nunito', sans-serif; + font-weight: 500; + text-shadow: 0 0 2px rgba(56, 55, 55, 0.6); + color: #636b6f; text-align: center; - line-height: 15vh; - font-size: 11vh; - height: 10%; + font-size: 12vh; } @media (max-width: 1300px) { - .main-text { - font-size: 7.5vh; + .wrapper { + height: 50%; + } + .main-text { + font-size: 9vh; width: 100%; } - } - @media (max-width: 900px) { + @media (max-width: 870px) { .wrapper { - height: 40%; + height: 35%; } .main-text { - font-size: 3.3em; + font-size: 3.5em; line-height: 10vh; width: 100%; } @@ -74,17 +73,16 @@ body { padding: 30px 50px; font-size: 25px; } - } @media (max-width: 650px) { - .wrapper { height: 30%; } .main-text { - font-size: 2.1em; + font-size: 2.7em; line-height: 6vh; width: 100%; padding: 20px 0; - } \ No newline at end of file + } +} \ No newline at end of file diff --git a/mapka/STUDENT/przylozlegitke.html b/mapka/STUDENT/przylozlegitke.html index 79c1b64..b69de29 100644 --- a/mapka/STUDENT/przylozlegitke.html +++ b/mapka/STUDENT/przylozlegitke.html @@ -9,6 +9,7 @@ + @CHECK diff --git a/mapka/STUDENT/seatchart.css b/mapka/STUDENT/seatchart.css index 143ed60..52ad7ca 100644 --- a/mapka/STUDENT/seatchart.css +++ b/mapka/STUDENT/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; + 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/STUDENT/seatchart.html b/mapka/STUDENT/seatchart.html index f905c4b..8e3dc53 100644 --- a/mapka/STUDENT/seatchart.html +++ b/mapka/STUDENT/seatchart.html @@ -9,6 +9,7 @@ + @CHECK