From 1931ace74ef71a2514dfb647aaa14f6d491f2179 Mon Sep 17 00:00:00 2001 From: pero1203 Date: Wed, 26 Oct 2022 09:48:35 +0200 Subject: [PATCH] Redesign - popravki teme, popravki mobilne teme --- main/survey/skins/1kaBlack.css | 10 ++--- main/survey/skins/1kaBlue.css | 10 ++--- main/survey/skins/1kaGreen.css | 10 ++--- main/survey/skins/1kaNature.css | 10 ++--- main/survey/skins/1kaOffice.css | 10 ++--- main/survey/skins/1kaOrange.css | 10 ++--- main/survey/skins/1kaPurple.css | 10 ++--- main/survey/skins/1kaRed.css | 10 ++--- main/survey/skins/Cdi.css | 10 ++--- main/survey/skins/Fdv.css | 10 ++--- main/survey/skins/MobileBlack.css | 28 +++++++------- main/survey/skins/MobileBlue.css | 38 +++++++++---------- main/survey/skins/MobileCdi.css | 28 +++++++------- main/survey/skins/MobileFdv.css | 28 +++++++------- main/survey/skins/MobileGreen.css | 28 +++++++------- main/survey/skins/MobileOrange.css | 28 +++++++------- main/survey/skins/MobilePurple.css | 28 +++++++------- main/survey/skins/MobileRed.css | 28 +++++++------- main/survey/skins/MobileUni.css | 28 +++++++------- main/survey/skins/Uni.css | 10 ++--- resources/sass/main/skins/1ka/1ka.scss | 10 ++--- .../sass/main/skins/1ka_mobile/Mobile.scss | 15 ++++---- .../main/skins/1ka_mobile/MobileBlack.scss | 4 +- .../main/skins/1ka_mobile/MobileBlue.scss | 6 ++- .../sass/main/skins/1ka_mobile/MobileCdi.scss | 4 +- .../sass/main/skins/1ka_mobile/MobileFdv.scss | 4 +- .../main/skins/1ka_mobile/MobileGreen.scss | 4 +- .../main/skins/1ka_mobile/MobileOrange.scss | 4 +- .../main/skins/1ka_mobile/MobilePurple.scss | 4 +- .../sass/main/skins/1ka_mobile/MobileRed.scss | 4 +- .../sass/main/skins/1ka_mobile/MobileUni.scss | 4 +- 31 files changed, 217 insertions(+), 218 deletions(-) diff --git a/main/survey/skins/1kaBlack.css b/main/survey/skins/1kaBlack.css index 31fc97cd1..9ae387b44 100644 --- a/main/survey/skins/1kaBlack.css +++ b/main/survey/skins/1kaBlack.css @@ -291,8 +291,8 @@ table.ranking_table ul { .frame_dropping, .frame_dropping_hover, .frame_moving { - font-size: 13px; - padding: 7px 10px 9px; + font-size: 16px; + padding: 8px 12px 14px; border: 2px solid #333333; background-color: #ffffff; } @@ -316,7 +316,7 @@ div.variable_holder .frame_dropping_hover { } table.ranking_table b { - font-size: 13px; + font-size: 16px; font-weight: 600; } @@ -498,7 +498,7 @@ textarea:focus { border-top: 2px solid #b9c5d9; border-left: 2px solid #b9c5d9; border-right: 2px solid #b9c5d9; - font-size: 13px; + font-size: 16px; } .drag_and_drop_box { @@ -532,7 +532,7 @@ textarea:focus { height: 15px; text-align: center; background-color: #FFFFFF; - font-size: 13px; + font-size: 16px; } .frame_dropping { diff --git a/main/survey/skins/1kaBlue.css b/main/survey/skins/1kaBlue.css index dacdd86af..7ccba5531 100644 --- a/main/survey/skins/1kaBlue.css +++ b/main/survey/skins/1kaBlue.css @@ -291,8 +291,8 @@ table.ranking_table ul { .frame_dropping, .frame_dropping_hover, .frame_moving { - font-size: 13px; - padding: 7px 10px 9px; + font-size: 16px; + padding: 8px 12px 14px; border: 2px solid #1e88e5; background-color: #ffffff; } @@ -316,7 +316,7 @@ div.variable_holder .frame_dropping_hover { } table.ranking_table b { - font-size: 13px; + font-size: 16px; font-weight: 600; } @@ -498,7 +498,7 @@ textarea:focus { border-top: 2px solid #b9c5d9; border-left: 2px solid #b9c5d9; border-right: 2px solid #b9c5d9; - font-size: 13px; + font-size: 16px; } .drag_and_drop_box { @@ -532,7 +532,7 @@ textarea:focus { height: 15px; text-align: center; background-color: #FFFFFF; - font-size: 13px; + font-size: 16px; } .frame_dropping { diff --git a/main/survey/skins/1kaGreen.css b/main/survey/skins/1kaGreen.css index eebb06f42..c170c0db9 100644 --- a/main/survey/skins/1kaGreen.css +++ b/main/survey/skins/1kaGreen.css @@ -291,8 +291,8 @@ table.ranking_table ul { .frame_dropping, .frame_dropping_hover, .frame_moving { - font-size: 13px; - padding: 7px 10px 9px; + font-size: 16px; + padding: 8px 12px 14px; border: 2px solid #2e7d3a; background-color: #ffffff; } @@ -316,7 +316,7 @@ div.variable_holder .frame_dropping_hover { } table.ranking_table b { - font-size: 13px; + font-size: 16px; font-weight: 600; } @@ -498,7 +498,7 @@ textarea:focus { border-top: 2px solid #b9c5d9; border-left: 2px solid #b9c5d9; border-right: 2px solid #b9c5d9; - font-size: 13px; + font-size: 16px; } .drag_and_drop_box { @@ -532,7 +532,7 @@ textarea:focus { height: 15px; text-align: center; background-color: #FFFFFF; - font-size: 13px; + font-size: 16px; } .frame_dropping { diff --git a/main/survey/skins/1kaNature.css b/main/survey/skins/1kaNature.css index d912be966..48e6c7bfe 100644 --- a/main/survey/skins/1kaNature.css +++ b/main/survey/skins/1kaNature.css @@ -291,8 +291,8 @@ table.ranking_table ul { .frame_dropping, .frame_dropping_hover, .frame_moving { - font-size: 13px; - padding: 7px 10px 9px; + font-size: 16px; + padding: 8px 12px 14px; border: 2px solid #1e88e5; background-color: #ffffff; } @@ -316,7 +316,7 @@ div.variable_holder .frame_dropping_hover { } table.ranking_table b { - font-size: 13px; + font-size: 16px; font-weight: 600; } @@ -498,7 +498,7 @@ textarea:focus { border-top: 2px solid #b9c5d9; border-left: 2px solid #b9c5d9; border-right: 2px solid #b9c5d9; - font-size: 13px; + font-size: 16px; } .drag_and_drop_box { @@ -532,7 +532,7 @@ textarea:focus { height: 15px; text-align: center; background-color: #FFFFFF; - font-size: 13px; + font-size: 16px; } .frame_dropping { diff --git a/main/survey/skins/1kaOffice.css b/main/survey/skins/1kaOffice.css index d82ceea3e..4897b6e56 100644 --- a/main/survey/skins/1kaOffice.css +++ b/main/survey/skins/1kaOffice.css @@ -291,8 +291,8 @@ table.ranking_table ul { .frame_dropping, .frame_dropping_hover, .frame_moving { - font-size: 13px; - padding: 7px 10px 9px; + font-size: 16px; + padding: 8px 12px 14px; border: 2px solid #1e88e5; background-color: #ffffff; } @@ -316,7 +316,7 @@ div.variable_holder .frame_dropping_hover { } table.ranking_table b { - font-size: 13px; + font-size: 16px; font-weight: 600; } @@ -498,7 +498,7 @@ textarea:focus { border-top: 2px solid #b9c5d9; border-left: 2px solid #b9c5d9; border-right: 2px solid #b9c5d9; - font-size: 13px; + font-size: 16px; } .drag_and_drop_box { @@ -532,7 +532,7 @@ textarea:focus { height: 15px; text-align: center; background-color: #FFFFFF; - font-size: 13px; + font-size: 16px; } .frame_dropping { diff --git a/main/survey/skins/1kaOrange.css b/main/survey/skins/1kaOrange.css index ad8dbca32..0e6db2306 100644 --- a/main/survey/skins/1kaOrange.css +++ b/main/survey/skins/1kaOrange.css @@ -291,8 +291,8 @@ table.ranking_table ul { .frame_dropping, .frame_dropping_hover, .frame_moving { - font-size: 13px; - padding: 7px 10px 9px; + font-size: 16px; + padding: 8px 12px 14px; border: 2px solid #ef6c00; background-color: #ffffff; } @@ -316,7 +316,7 @@ div.variable_holder .frame_dropping_hover { } table.ranking_table b { - font-size: 13px; + font-size: 16px; font-weight: 600; } @@ -498,7 +498,7 @@ textarea:focus { border-top: 2px solid #b9c5d9; border-left: 2px solid #b9c5d9; border-right: 2px solid #b9c5d9; - font-size: 13px; + font-size: 16px; } .drag_and_drop_box { @@ -532,7 +532,7 @@ textarea:focus { height: 15px; text-align: center; background-color: #FFFFFF; - font-size: 13px; + font-size: 16px; } .frame_dropping { diff --git a/main/survey/skins/1kaPurple.css b/main/survey/skins/1kaPurple.css index e4204719c..a4f65fa48 100644 --- a/main/survey/skins/1kaPurple.css +++ b/main/survey/skins/1kaPurple.css @@ -291,8 +291,8 @@ table.ranking_table ul { .frame_dropping, .frame_dropping_hover, .frame_moving { - font-size: 13px; - padding: 7px 10px 9px; + font-size: 16px; + padding: 8px 12px 14px; border: 2px solid #4527a0; background-color: #ffffff; } @@ -316,7 +316,7 @@ div.variable_holder .frame_dropping_hover { } table.ranking_table b { - font-size: 13px; + font-size: 16px; font-weight: 600; } @@ -498,7 +498,7 @@ textarea:focus { border-top: 2px solid #b9c5d9; border-left: 2px solid #b9c5d9; border-right: 2px solid #b9c5d9; - font-size: 13px; + font-size: 16px; } .drag_and_drop_box { @@ -532,7 +532,7 @@ textarea:focus { height: 15px; text-align: center; background-color: #FFFFFF; - font-size: 13px; + font-size: 16px; } .frame_dropping { diff --git a/main/survey/skins/1kaRed.css b/main/survey/skins/1kaRed.css index 1b13f5199..5610f6fcc 100644 --- a/main/survey/skins/1kaRed.css +++ b/main/survey/skins/1kaRed.css @@ -291,8 +291,8 @@ table.ranking_table ul { .frame_dropping, .frame_dropping_hover, .frame_moving { - font-size: 13px; - padding: 7px 10px 9px; + font-size: 16px; + padding: 8px 12px 14px; border: 2px solid #c62828; background-color: #ffffff; } @@ -316,7 +316,7 @@ div.variable_holder .frame_dropping_hover { } table.ranking_table b { - font-size: 13px; + font-size: 16px; font-weight: 600; } @@ -498,7 +498,7 @@ textarea:focus { border-top: 2px solid #b9c5d9; border-left: 2px solid #b9c5d9; border-right: 2px solid #b9c5d9; - font-size: 13px; + font-size: 16px; } .drag_and_drop_box { @@ -532,7 +532,7 @@ textarea:focus { height: 15px; text-align: center; background-color: #FFFFFF; - font-size: 13px; + font-size: 16px; } .frame_dropping { diff --git a/main/survey/skins/Cdi.css b/main/survey/skins/Cdi.css index a72ead8ff..cf36f2293 100644 --- a/main/survey/skins/Cdi.css +++ b/main/survey/skins/Cdi.css @@ -291,8 +291,8 @@ table.ranking_table ul { .frame_dropping, .frame_dropping_hover, .frame_moving { - font-size: 13px; - padding: 7px 10px 9px; + font-size: 16px; + padding: 8px 12px 14px; border: 2px solid #666666; background-color: #ffffff; } @@ -316,7 +316,7 @@ div.variable_holder .frame_dropping_hover { } table.ranking_table b { - font-size: 13px; + font-size: 16px; font-weight: 600; } @@ -498,7 +498,7 @@ textarea:focus { border-top: 2px solid #b9c5d9; border-left: 2px solid #b9c5d9; border-right: 2px solid #b9c5d9; - font-size: 13px; + font-size: 16px; } .drag_and_drop_box { @@ -532,7 +532,7 @@ textarea:focus { height: 15px; text-align: center; background-color: #FFFFFF; - font-size: 13px; + font-size: 16px; } .frame_dropping { diff --git a/main/survey/skins/Fdv.css b/main/survey/skins/Fdv.css index 53b51a2da..b16b20a35 100644 --- a/main/survey/skins/Fdv.css +++ b/main/survey/skins/Fdv.css @@ -291,8 +291,8 @@ table.ranking_table ul { .frame_dropping, .frame_dropping_hover, .frame_moving { - font-size: 13px; - padding: 7px 10px 9px; + font-size: 16px; + padding: 8px 12px 14px; border: 2px solid #666666; background-color: #ffffff; } @@ -316,7 +316,7 @@ div.variable_holder .frame_dropping_hover { } table.ranking_table b { - font-size: 13px; + font-size: 16px; font-weight: 600; } @@ -498,7 +498,7 @@ textarea:focus { border-top: 2px solid #b9c5d9; border-left: 2px solid #b9c5d9; border-right: 2px solid #b9c5d9; - font-size: 13px; + font-size: 16px; } .drag_and_drop_box { @@ -532,7 +532,7 @@ textarea:focus { height: 15px; text-align: center; background-color: #FFFFFF; - font-size: 13px; + font-size: 16px; } .frame_dropping { diff --git a/main/survey/skins/MobileBlack.css b/main/survey/skins/MobileBlack.css index ecd33605d..43a500f5b 100644 --- a/main/survey/skins/MobileBlack.css +++ b/main/survey/skins/MobileBlack.css @@ -10,19 +10,19 @@ /* Fonti */ body { font-family: Source Sans Pro, sans-serif !important; - color: #505050; + color: #333; background-color: white; } span, label { - color: #505050; + color: #333; } /* GLAVNI ELEMENTI */ #container h1 { color: #333333; background-color: #ffffff; - border-bottom: 8px #333333 solid; + border-bottom: 2px #333333 solid; } /* INPUT ELEMENTI */ @@ -49,17 +49,17 @@ input[type=radio] + span.enka-checkbox-radio, .grupa .spremenljivka { background-color: white; border: 0; - border-bottom: 1px #444444 solid; + border-bottom: 1px #E5E5E5 solid; /* Mejnik pri dvojni tabeli */ } .grupa .spremenljivka:last-of-type { border-bottom: 0; } .grupa .spremenljivka .naslov { - color: #505050; + color: #333; } .grupa .spremenljivka .naslov .spremenljivka_info { - color: #505050; + color: #333; } .grupa .spremenljivka .sequence_number { background-color: #eaeaea; @@ -116,7 +116,7 @@ input[type=radio] + span.enka-checkbox-radio, } .variable_holder .variabla { - color: #505050; + color: #333; } /* Koledar */ @@ -146,21 +146,19 @@ button.ui-datepicker-trigger:hover { margin-top: 20px; margin-bottom: 10px; padding-top: 10px; - border-top: 1px #444444 solid !important; + border-top: 1px #E5E5E5 solid !important; } .buttons input { cursor: pointer; margin: 8px 5px; - padding: 10px 20px; + padding: 10px 24px !important; text-align: center; font-size: 15px; letter-spacing: 0px; font-weight: 600; color: #FFFFFF; - border-radius: 20px; - -moz-border-radius: 20px 20px 20px 20px; - -webkit-border-radius: 20px; border: 0; + transition: 0.3s; } .buttons input.next { background-color: #333333; @@ -182,13 +180,13 @@ button.ui-datepicker-trigger:hover { /* FOOTER */ #footer_survey { - color: #505050; - border-top: 3px #333333 solid; + color: #333; + border-top: 1px #E5E5E5 solid; } #footer_survey a { font-weight: normal; text-decoration: none; - color: #505050; + color: #333; } /* LOGO */ diff --git a/main/survey/skins/MobileBlue.css b/main/survey/skins/MobileBlue.css index 9b1829583..4448e84e4 100644 --- a/main/survey/skins/MobileBlue.css +++ b/main/survey/skins/MobileBlue.css @@ -9,19 +9,19 @@ /* Fonti */ body { font-family: Source Sans Pro, sans-serif !important; - color: #505050; + color: #333; background-color: white; } span, label { - color: #505050; + color: #333; } /* GLAVNI ELEMENTI */ #container h1 { color: #1e88e5; background-color: #ffffff; - border-bottom: 8px #1e88e5 solid; + border-bottom: 2px #1e88e5 solid; } /* INPUT ELEMENTI */ @@ -48,17 +48,17 @@ input[type=radio] + span.enka-checkbox-radio, .grupa .spremenljivka { background-color: white; border: 0; - border-bottom: 1px #42A5F5 solid; + border-bottom: 1px #E5E5E5 solid; /* Mejnik pri dvojni tabeli */ } .grupa .spremenljivka:last-of-type { border-bottom: 0; } .grupa .spremenljivka .naslov { - color: #505050; + color: #333; } .grupa .spremenljivka .naslov .spremenljivka_info { - color: #505050; + color: #333; } .grupa .spremenljivka .sequence_number { background-color: #ddeffd; @@ -115,7 +115,7 @@ input[type=radio] + span.enka-checkbox-radio, } .variable_holder .variabla { - color: #505050; + color: #333; } /* Koledar */ @@ -123,7 +123,7 @@ button.ui-datepicker-trigger { color: #1e88e5; } button.ui-datepicker-trigger:hover { - color: #ffa608; + color: #1360a4; } /* Opcija nadaljuj kasneje */ @@ -131,13 +131,13 @@ button.ui-datepicker-trigger:hover { color: #1e88e5; } .header_settings_holder .continue_later_setting a:hover { - color: #ffa608; + color: #1360a4; } .header_settings_holder .tawk_chat a { color: #1e88e5; } .header_settings_holder .tawk_chat a:hover { - color: #ffa608; + color: #1360a4; } /* GUMBI NAPREJ/NAZAJ */ @@ -145,29 +145,27 @@ button.ui-datepicker-trigger:hover { margin-top: 20px; margin-bottom: 10px; padding-top: 10px; - border-top: 1px #42A5F5 solid !important; + border-top: 1px #E5E5E5 solid !important; } .buttons input { cursor: pointer; margin: 8px 5px; - padding: 10px 20px; + padding: 10px 24px !important; text-align: center; font-size: 15px; letter-spacing: 0px; font-weight: 600; color: #FFFFFF; - border-radius: 20px; - -moz-border-radius: 20px 20px 20px 20px; - -webkit-border-radius: 20px; border: 0; + transition: 0.3s; } .buttons input.next { background-color: #1e88e5; border: 1px solid #1e88e5; } .buttons input.next:hover { - background-color: #ffa608; - border: 1px solid #ffa608; + background-color: #1360a4; + border: 1px solid #1360a4; } .buttons input.prev { color: #1e88e5; @@ -181,13 +179,13 @@ button.ui-datepicker-trigger:hover { /* FOOTER */ #footer_survey { - color: #505050; - border-top: 3px #1e88e5 solid; + color: #333; + border-top: 1px #E5E5E5 solid; } #footer_survey a { font-weight: normal; text-decoration: none; - color: #505050; + color: #333; } /* LOGO */ diff --git a/main/survey/skins/MobileCdi.css b/main/survey/skins/MobileCdi.css index e1c05af22..de44f4875 100644 --- a/main/survey/skins/MobileCdi.css +++ b/main/survey/skins/MobileCdi.css @@ -10,19 +10,19 @@ /* Fonti */ body { font-family: Source Sans Pro, sans-serif !important; - color: #505050; + color: #333; background-color: white; } span, label { - color: #505050; + color: #333; } /* GLAVNI ELEMENTI */ #container h1 { color: #666666; background-color: #ffffff; - border-bottom: 8px #666666 solid; + border-bottom: 2px #666666 solid; } /* INPUT ELEMENTI */ @@ -49,17 +49,17 @@ input[type=radio] + span.enka-checkbox-radio, .grupa .spremenljivka { background-color: white; border: 0; - border-bottom: 1px #888888 solid; + border-bottom: 1px #E5E5E5 solid; /* Mejnik pri dvojni tabeli */ } .grupa .spremenljivka:last-of-type { border-bottom: 0; } .grupa .spremenljivka .naslov { - color: #505050; + color: #333; } .grupa .spremenljivka .naslov .spremenljivka_info { - color: #505050; + color: #333; } .grupa .spremenljivka .sequence_number { background-color: #eeeeee; @@ -116,7 +116,7 @@ input[type=radio] + span.enka-checkbox-radio, } .variable_holder .variabla { - color: #505050; + color: #333; } /* Koledar */ @@ -146,21 +146,19 @@ button.ui-datepicker-trigger:hover { margin-top: 20px; margin-bottom: 10px; padding-top: 10px; - border-top: 1px #888888 solid !important; + border-top: 1px #E5E5E5 solid !important; } .buttons input { cursor: pointer; margin: 8px 5px; - padding: 10px 20px; + padding: 10px 24px !important; text-align: center; font-size: 15px; letter-spacing: 0px; font-weight: 600; color: #FFFFFF; - border-radius: 20px; - -moz-border-radius: 20px 20px 20px 20px; - -webkit-border-radius: 20px; border: 0; + transition: 0.3s; } .buttons input.next { background-color: #666666; @@ -182,13 +180,13 @@ button.ui-datepicker-trigger:hover { /* FOOTER */ #footer_survey { - color: #505050; - border-top: 3px #666666 solid; + color: #333; + border-top: 1px #E5E5E5 solid; } #footer_survey a { font-weight: normal; text-decoration: none; - color: #505050; + color: #333; } /* LOGO */ diff --git a/main/survey/skins/MobileFdv.css b/main/survey/skins/MobileFdv.css index 1cc34d4f0..d49cd6bb6 100644 --- a/main/survey/skins/MobileFdv.css +++ b/main/survey/skins/MobileFdv.css @@ -10,19 +10,19 @@ /* Fonti */ body { font-family: Source Sans Pro, sans-serif !important; - color: #505050; + color: #333; background-color: white; } span, label { - color: #505050; + color: #333; } /* GLAVNI ELEMENTI */ #container h1 { color: #666666; background-color: #ffffff; - border-bottom: 8px #666666 solid; + border-bottom: 2px #666666 solid; } /* INPUT ELEMENTI */ @@ -49,17 +49,17 @@ input[type=radio] + span.enka-checkbox-radio, .grupa .spremenljivka { background-color: white; border: 0; - border-bottom: 1px #888888 solid; + border-bottom: 1px #E5E5E5 solid; /* Mejnik pri dvojni tabeli */ } .grupa .spremenljivka:last-of-type { border-bottom: 0; } .grupa .spremenljivka .naslov { - color: #505050; + color: #333; } .grupa .spremenljivka .naslov .spremenljivka_info { - color: #505050; + color: #333; } .grupa .spremenljivka .sequence_number { background-color: #eeeeee; @@ -116,7 +116,7 @@ input[type=radio] + span.enka-checkbox-radio, } .variable_holder .variabla { - color: #505050; + color: #333; } /* Koledar */ @@ -146,21 +146,19 @@ button.ui-datepicker-trigger:hover { margin-top: 20px; margin-bottom: 10px; padding-top: 10px; - border-top: 1px #888888 solid !important; + border-top: 1px #E5E5E5 solid !important; } .buttons input { cursor: pointer; margin: 8px 5px; - padding: 10px 20px; + padding: 10px 24px !important; text-align: center; font-size: 15px; letter-spacing: 0px; font-weight: 600; color: #FFFFFF; - border-radius: 20px; - -moz-border-radius: 20px 20px 20px 20px; - -webkit-border-radius: 20px; border: 0; + transition: 0.3s; } .buttons input.next { background-color: #666666; @@ -182,13 +180,13 @@ button.ui-datepicker-trigger:hover { /* FOOTER */ #footer_survey { - color: #505050; - border-top: 3px #666666 solid; + color: #333; + border-top: 1px #E5E5E5 solid; } #footer_survey a { font-weight: normal; text-decoration: none; - color: #505050; + color: #333; } /* LOGO */ diff --git a/main/survey/skins/MobileGreen.css b/main/survey/skins/MobileGreen.css index 984d7c2db..00a3dd101 100644 --- a/main/survey/skins/MobileGreen.css +++ b/main/survey/skins/MobileGreen.css @@ -9,19 +9,19 @@ /* Fonti */ body { font-family: Source Sans Pro, sans-serif !important; - color: #505050; + color: #333; background-color: white; } span, label { - color: #505050; + color: #333; } /* GLAVNI ELEMENTI */ #container h1 { color: #2e7d3a; background-color: #ffffff; - border-bottom: 8px #2e7d3a solid; + border-bottom: 2px #2e7d3a solid; } /* INPUT ELEMENTI */ @@ -48,17 +48,17 @@ input[type=radio] + span.enka-checkbox-radio, .grupa .spremenljivka { background-color: white; border: 0; - border-bottom: 1px #66bb6a solid; + border-bottom: 1px #E5E5E5 solid; /* Mejnik pri dvojni tabeli */ } .grupa .spremenljivka:last-of-type { border-bottom: 0; } .grupa .spremenljivka .naslov { - color: #505050; + color: #333; } .grupa .spremenljivka .naslov .spremenljivka_info { - color: #505050; + color: #333; } .grupa .spremenljivka .sequence_number { background-color: #e2f2e2; @@ -115,7 +115,7 @@ input[type=radio] + span.enka-checkbox-radio, } .variable_holder .variabla { - color: #505050; + color: #333; } /* Koledar */ @@ -145,21 +145,19 @@ button.ui-datepicker-trigger:hover { margin-top: 20px; margin-bottom: 10px; padding-top: 10px; - border-top: 1px #66bb6a solid !important; + border-top: 1px #E5E5E5 solid !important; } .buttons input { cursor: pointer; margin: 8px 5px; - padding: 10px 20px; + padding: 10px 24px !important; text-align: center; font-size: 15px; letter-spacing: 0px; font-weight: 600; color: #FFFFFF; - border-radius: 20px; - -moz-border-radius: 20px 20px 20px 20px; - -webkit-border-radius: 20px; border: 0; + transition: 0.3s; } .buttons input.next { background-color: #2e7d3a; @@ -181,13 +179,13 @@ button.ui-datepicker-trigger:hover { /* FOOTER */ #footer_survey { - color: #505050; - border-top: 3px #2e7d3a solid; + color: #333; + border-top: 1px #E5E5E5 solid; } #footer_survey a { font-weight: normal; text-decoration: none; - color: #505050; + color: #333; } /* LOGO */ diff --git a/main/survey/skins/MobileOrange.css b/main/survey/skins/MobileOrange.css index 4304d2f6b..cdcb98616 100644 --- a/main/survey/skins/MobileOrange.css +++ b/main/survey/skins/MobileOrange.css @@ -9,19 +9,19 @@ /* Fonti */ body { font-family: Source Sans Pro, sans-serif !important; - color: #505050; + color: #333; background-color: white; } span, label { - color: #505050; + color: #333; } /* GLAVNI ELEMENTI */ #container h1 { color: #ef6c00; background-color: #ffffff; - border-bottom: 8px #ef6c00 solid; + border-bottom: 2px #ef6c00 solid; } /* INPUT ELEMENTI */ @@ -48,17 +48,17 @@ input[type=radio] + span.enka-checkbox-radio, .grupa .spremenljivka { background-color: white; border: 0; - border-bottom: 1px #ffa726 solid; + border-bottom: 1px #E5E5E5 solid; /* Mejnik pri dvojni tabeli */ } .grupa .spremenljivka:last-of-type { border-bottom: 0; } .grupa .spremenljivka .naslov { - color: #505050; + color: #333; } .grupa .spremenljivka .naslov .spremenljivka_info { - color: #505050; + color: #333; } .grupa .spremenljivka .sequence_number { background-color: #ffe9c9; @@ -115,7 +115,7 @@ input[type=radio] + span.enka-checkbox-radio, } .variable_holder .variabla { - color: #505050; + color: #333; } /* Koledar */ @@ -145,21 +145,19 @@ button.ui-datepicker-trigger:hover { margin-top: 20px; margin-bottom: 10px; padding-top: 10px; - border-top: 1px #ffa726 solid !important; + border-top: 1px #E5E5E5 solid !important; } .buttons input { cursor: pointer; margin: 8px 5px; - padding: 10px 20px; + padding: 10px 24px !important; text-align: center; font-size: 15px; letter-spacing: 0px; font-weight: 600; color: #FFFFFF; - border-radius: 20px; - -moz-border-radius: 20px 20px 20px 20px; - -webkit-border-radius: 20px; border: 0; + transition: 0.3s; } .buttons input.next { background-color: #ef6c00; @@ -181,13 +179,13 @@ button.ui-datepicker-trigger:hover { /* FOOTER */ #footer_survey { - color: #505050; - border-top: 3px #ef6c00 solid; + color: #333; + border-top: 1px #E5E5E5 solid; } #footer_survey a { font-weight: normal; text-decoration: none; - color: #505050; + color: #333; } /* LOGO */ diff --git a/main/survey/skins/MobilePurple.css b/main/survey/skins/MobilePurple.css index 3570fe2d6..6230f7388 100644 --- a/main/survey/skins/MobilePurple.css +++ b/main/survey/skins/MobilePurple.css @@ -10,19 +10,19 @@ /* Fonti */ body { font-family: Source Sans Pro, sans-serif !important; - color: #505050; + color: #333; background-color: white; } span, label { - color: #505050; + color: #333; } /* GLAVNI ELEMENTI */ #container h1 { color: #4527a0; background-color: #ffffff; - border-bottom: 8px #4527a0 solid; + border-bottom: 2px #4527a0 solid; } /* INPUT ELEMENTI */ @@ -49,17 +49,17 @@ input[type=radio] + span.enka-checkbox-radio, .grupa .spremenljivka { background-color: white; border: 0; - border-bottom: 1px #7e57c2 solid; + border-bottom: 1px #E5E5E5 solid; /* Mejnik pri dvojni tabeli */ } .grupa .spremenljivka:last-of-type { border-bottom: 0; } .grupa .spremenljivka .naslov { - color: #505050; + color: #333; } .grupa .spremenljivka .naslov .spremenljivka_info { - color: #505050; + color: #333; } .grupa .spremenljivka .sequence_number { background-color: #e3daf2; @@ -116,7 +116,7 @@ input[type=radio] + span.enka-checkbox-radio, } .variable_holder .variabla { - color: #505050; + color: #333; } /* Koledar */ @@ -146,21 +146,19 @@ button.ui-datepicker-trigger:hover { margin-top: 20px; margin-bottom: 10px; padding-top: 10px; - border-top: 1px #7e57c2 solid !important; + border-top: 1px #E5E5E5 solid !important; } .buttons input { cursor: pointer; margin: 8px 5px; - padding: 10px 20px; + padding: 10px 24px !important; text-align: center; font-size: 15px; letter-spacing: 0px; font-weight: 600; color: #FFFFFF; - border-radius: 20px; - -moz-border-radius: 20px 20px 20px 20px; - -webkit-border-radius: 20px; border: 0; + transition: 0.3s; } .buttons input.next { background-color: #4527a0; @@ -182,13 +180,13 @@ button.ui-datepicker-trigger:hover { /* FOOTER */ #footer_survey { - color: #505050; - border-top: 3px #4527a0 solid; + color: #333; + border-top: 1px #E5E5E5 solid; } #footer_survey a { font-weight: normal; text-decoration: none; - color: #505050; + color: #333; } /* LOGO */ diff --git a/main/survey/skins/MobileRed.css b/main/survey/skins/MobileRed.css index 0dc10a9fd..1632a64fd 100644 --- a/main/survey/skins/MobileRed.css +++ b/main/survey/skins/MobileRed.css @@ -10,19 +10,19 @@ /* Fonti */ body { font-family: Source Sans Pro, sans-serif !important; - color: #505050; + color: #333; background-color: white; } span, label { - color: #505050; + color: #333; } /* GLAVNI ELEMENTI */ #container h1 { color: #c62828; background-color: #ffffff; - border-bottom: 8px #c62828 solid; + border-bottom: 2px #c62828 solid; } /* INPUT ELEMENTI */ @@ -49,17 +49,17 @@ input[type=radio] + span.enka-checkbox-radio, .grupa .spremenljivka { background-color: white; border: 0; - border-bottom: 1px #ef5350 solid; + border-bottom: 1px #E5E5E5 solid; /* Mejnik pri dvojni tabeli */ } .grupa .spremenljivka:last-of-type { border-bottom: 0; } .grupa .spremenljivka .naslov { - color: #505050; + color: #333; } .grupa .spremenljivka .naslov .spremenljivka_info { - color: #505050; + color: #333; } .grupa .spremenljivka .sequence_number { background-color: #fde6e6; @@ -116,7 +116,7 @@ input[type=radio] + span.enka-checkbox-radio, } .variable_holder .variabla { - color: #505050; + color: #333; } /* Koledar */ @@ -146,21 +146,19 @@ button.ui-datepicker-trigger:hover { margin-top: 20px; margin-bottom: 10px; padding-top: 10px; - border-top: 1px #ef5350 solid !important; + border-top: 1px #E5E5E5 solid !important; } .buttons input { cursor: pointer; margin: 8px 5px; - padding: 10px 20px; + padding: 10px 24px !important; text-align: center; font-size: 15px; letter-spacing: 0px; font-weight: 600; color: #FFFFFF; - border-radius: 20px; - -moz-border-radius: 20px 20px 20px 20px; - -webkit-border-radius: 20px; border: 0; + transition: 0.3s; } .buttons input.next { background-color: #c62828; @@ -182,13 +180,13 @@ button.ui-datepicker-trigger:hover { /* FOOTER */ #footer_survey { - color: #505050; - border-top: 3px #c62828 solid; + color: #333; + border-top: 1px #E5E5E5 solid; } #footer_survey a { font-weight: normal; text-decoration: none; - color: #505050; + color: #333; } /* LOGO */ diff --git a/main/survey/skins/MobileUni.css b/main/survey/skins/MobileUni.css index abd14de8b..2f8a53c7d 100644 --- a/main/survey/skins/MobileUni.css +++ b/main/survey/skins/MobileUni.css @@ -10,19 +10,19 @@ /* Fonti */ body { font-family: Source Sans Pro, sans-serif !important; - color: #505050; + color: #333; background-color: white; } span, label { - color: #505050; + color: #333; } /* GLAVNI ELEMENTI */ #container h1 { color: #666666; background-color: #ffffff; - border-bottom: 8px #666666 solid; + border-bottom: 2px #666666 solid; } /* INPUT ELEMENTI */ @@ -49,17 +49,17 @@ input[type=radio] + span.enka-checkbox-radio, .grupa .spremenljivka { background-color: white; border: 0; - border-bottom: 1px #888888 solid; + border-bottom: 1px #E5E5E5 solid; /* Mejnik pri dvojni tabeli */ } .grupa .spremenljivka:last-of-type { border-bottom: 0; } .grupa .spremenljivka .naslov { - color: #505050; + color: #333; } .grupa .spremenljivka .naslov .spremenljivka_info { - color: #505050; + color: #333; } .grupa .spremenljivka .sequence_number { background-color: #eeeeee; @@ -116,7 +116,7 @@ input[type=radio] + span.enka-checkbox-radio, } .variable_holder .variabla { - color: #505050; + color: #333; } /* Koledar */ @@ -146,21 +146,19 @@ button.ui-datepicker-trigger:hover { margin-top: 20px; margin-bottom: 10px; padding-top: 10px; - border-top: 1px #888888 solid !important; + border-top: 1px #E5E5E5 solid !important; } .buttons input { cursor: pointer; margin: 8px 5px; - padding: 10px 20px; + padding: 10px 24px !important; text-align: center; font-size: 15px; letter-spacing: 0px; font-weight: 600; color: #FFFFFF; - border-radius: 20px; - -moz-border-radius: 20px 20px 20px 20px; - -webkit-border-radius: 20px; border: 0; + transition: 0.3s; } .buttons input.next { background-color: #666666; @@ -182,13 +180,13 @@ button.ui-datepicker-trigger:hover { /* FOOTER */ #footer_survey { - color: #505050; - border-top: 3px #666666 solid; + color: #333; + border-top: 1px #E5E5E5 solid; } #footer_survey a { font-weight: normal; text-decoration: none; - color: #505050; + color: #333; } /* LOGO */ diff --git a/main/survey/skins/Uni.css b/main/survey/skins/Uni.css index 044296c72..6d6735553 100644 --- a/main/survey/skins/Uni.css +++ b/main/survey/skins/Uni.css @@ -291,8 +291,8 @@ table.ranking_table ul { .frame_dropping, .frame_dropping_hover, .frame_moving { - font-size: 13px; - padding: 7px 10px 9px; + font-size: 16px; + padding: 8px 12px 14px; border: 2px solid #666666; background-color: #ffffff; } @@ -316,7 +316,7 @@ div.variable_holder .frame_dropping_hover { } table.ranking_table b { - font-size: 13px; + font-size: 16px; font-weight: 600; } @@ -498,7 +498,7 @@ textarea:focus { border-top: 2px solid #b9c5d9; border-left: 2px solid #b9c5d9; border-right: 2px solid #b9c5d9; - font-size: 13px; + font-size: 16px; } .drag_and_drop_box { @@ -532,7 +532,7 @@ textarea:focus { height: 15px; text-align: center; background-color: #FFFFFF; - font-size: 13px; + font-size: 16px; } .frame_dropping { diff --git a/resources/sass/main/skins/1ka/1ka.scss b/resources/sass/main/skins/1ka/1ka.scss index 237f7b081..447fa9965 100644 --- a/resources/sass/main/skins/1ka/1ka.scss +++ b/resources/sass/main/skins/1ka/1ka.scss @@ -347,8 +347,8 @@ table.ranking_table ul{ .frame_dropping, .frame_dropping_hover, .frame_moving{ - font-size: 13px; - padding: 7px 10px 9px; + font-size: 16px; + padding: 8px 12px 14px; border: 2px solid $color_strong; background-color: #ffffff; @@ -370,7 +370,7 @@ div.variable_holder .frame_dropping_hover{ background-color: $color_light_lighter; } table.ranking_table b{ - font-size: 13px; + font-size: 16px; font-weight: 600; } @@ -592,7 +592,7 @@ textarea:focus{ border-top: 2px solid #b9c5d9; border-left: 2px solid #b9c5d9; border-right: 2px solid #b9c5d9; - font-size: 13px; + font-size: 16px; } .drag_and_drop_box { @@ -627,7 +627,7 @@ textarea:focus{ height: 15px; text-align: center; background-color: #FFFFFF; - font-size: 13px; + font-size: 16px; } .frame_dropping { diff --git a/resources/sass/main/skins/1ka_mobile/Mobile.scss b/resources/sass/main/skins/1ka_mobile/Mobile.scss index a49898d2a..752b38761 100644 --- a/resources/sass/main/skins/1ka_mobile/Mobile.scss +++ b/resources/sass/main/skins/1ka_mobile/Mobile.scss @@ -26,7 +26,7 @@ span, label{ color: $color_title; background-color: #ffffff; - border-bottom: 8px $color_strong solid; + border-bottom: 2px $color_strong solid; } } @@ -59,7 +59,7 @@ input[type="radio"] + span.enka-checkbox-radio, .spremenljivka{ background-color: white; border: 0; - border-bottom: 1px $color_light solid; + border-bottom: 1px $color_gray solid; &:last-of-type{ border-bottom: 0; @@ -188,13 +188,13 @@ button.ui-datepicker-trigger{ margin-bottom: 10px; padding-top: 10px; - border-top: 1px $color_light solid !important; + border-top: 1px $color_gray solid !important; input { cursor: pointer; margin: 8px 5px; - padding: 10px 20px; + padding: 10px 24px !important; text-align: center; font-size: 15px; @@ -202,10 +202,9 @@ button.ui-datepicker-trigger{ font-weight: 600; color: #FFFFFF; - border-radius: 20px; - -moz-border-radius: 20px 20px 20px 20px; - -webkit-border-radius: 20px; border: 0; + + transition: 0.3s; } input.next { @@ -235,7 +234,7 @@ button.ui-datepicker-trigger{ #footer_survey{ color: $color_text; - border-top: 3px $color_strong solid; + border-top: 1px $color_gray solid; a{ font-weight: normal; diff --git a/resources/sass/main/skins/1ka_mobile/MobileBlack.scss b/resources/sass/main/skins/1ka_mobile/MobileBlack.scss index 9d8339f5c..0617d16cc 100644 --- a/resources/sass/main/skins/1ka_mobile/MobileBlack.scss +++ b/resources/sass/main/skins/1ka_mobile/MobileBlack.scss @@ -10,9 +10,11 @@ $color_active: lighten($color_strong, 15%); $color_light_lighter: lighten($color_light, 65%); +$color_gray: #E5E5E5; + $color_title: $color_strong; -$color_text: #505050; +$color_text: #333; $color_link: $color_strong; $color_link_hover: $color_active; diff --git a/resources/sass/main/skins/1ka_mobile/MobileBlue.scss b/resources/sass/main/skins/1ka_mobile/MobileBlue.scss index c040731d6..4d4968b5f 100644 --- a/resources/sass/main/skins/1ka_mobile/MobileBlue.scss +++ b/resources/sass/main/skins/1ka_mobile/MobileBlue.scss @@ -6,13 +6,15 @@ /* Barve */ $color_strong: #1e88e5; $color_light: #42A5F5; -$color_active: #ffa608; +$color_active: darken($color_strong, 15%); $color_light_lighter: lighten($color_light, 32%); +$color_gray: #E5E5E5; + $color_title: $color_strong; -$color_text: #505050; +$color_text: #333; $color_link: $color_strong; $color_link_hover: $color_active; diff --git a/resources/sass/main/skins/1ka_mobile/MobileCdi.scss b/resources/sass/main/skins/1ka_mobile/MobileCdi.scss index ae9d4a567..81bbad7d0 100644 --- a/resources/sass/main/skins/1ka_mobile/MobileCdi.scss +++ b/resources/sass/main/skins/1ka_mobile/MobileCdi.scss @@ -10,9 +10,11 @@ $color_active: lighten($color_strong, 15%); $color_light_lighter: lighten($color_light, 40%); +$color_gray: #E5E5E5; + $color_title: $color_strong; -$color_text: #505050; +$color_text: #333; $color_link: $color_strong; $color_link_hover: $color_active; diff --git a/resources/sass/main/skins/1ka_mobile/MobileFdv.scss b/resources/sass/main/skins/1ka_mobile/MobileFdv.scss index a189a70f5..b784dccd4 100644 --- a/resources/sass/main/skins/1ka_mobile/MobileFdv.scss +++ b/resources/sass/main/skins/1ka_mobile/MobileFdv.scss @@ -10,9 +10,11 @@ $color_active: lighten($color_strong, 15%); $color_light_lighter: lighten($color_light, 40%); +$color_gray: #E5E5E5; + $color_title: $color_strong; -$color_text: #505050; +$color_text: #333; $color_link: $color_strong; $color_link_hover: $color_active; diff --git a/resources/sass/main/skins/1ka_mobile/MobileGreen.scss b/resources/sass/main/skins/1ka_mobile/MobileGreen.scss index 4ca33d4ab..44703c4bc 100644 --- a/resources/sass/main/skins/1ka_mobile/MobileGreen.scss +++ b/resources/sass/main/skins/1ka_mobile/MobileGreen.scss @@ -10,9 +10,11 @@ $color_active: lighten($color_strong, 15%); $color_light_lighter: lighten($color_light, 35%); +$color_gray: #E5E5E5; + $color_title: $color_strong; -$color_text: #505050; +$color_text: #333; $color_link: $color_strong; $color_link_hover: $color_active; diff --git a/resources/sass/main/skins/1ka_mobile/MobileOrange.scss b/resources/sass/main/skins/1ka_mobile/MobileOrange.scss index 3c84e52ac..e2001aa96 100644 --- a/resources/sass/main/skins/1ka_mobile/MobileOrange.scss +++ b/resources/sass/main/skins/1ka_mobile/MobileOrange.scss @@ -10,9 +10,11 @@ $color_active: lighten($color_strong, 15%); $color_light_lighter: lighten($color_light, 32%); +$color_gray: #E5E5E5; + $color_title: $color_strong; -$color_text: #505050; +$color_text: #333; $color_link: $color_strong; $color_link_hover: $color_active; diff --git a/resources/sass/main/skins/1ka_mobile/MobilePurple.scss b/resources/sass/main/skins/1ka_mobile/MobilePurple.scss index 994965e84..be68fb3d7 100644 --- a/resources/sass/main/skins/1ka_mobile/MobilePurple.scss +++ b/resources/sass/main/skins/1ka_mobile/MobilePurple.scss @@ -10,9 +10,11 @@ $color_active: lighten($color_strong, 15%); $color_light_lighter: lighten($color_light, 35%); +$color_gray: #E5E5E5; + $color_title: $color_strong; -$color_text: #505050; +$color_text: #333; $color_link: $color_strong; $color_link_hover: $color_active; diff --git a/resources/sass/main/skins/1ka_mobile/MobileRed.scss b/resources/sass/main/skins/1ka_mobile/MobileRed.scss index 7f8d3d611..4425c0122 100644 --- a/resources/sass/main/skins/1ka_mobile/MobileRed.scss +++ b/resources/sass/main/skins/1ka_mobile/MobileRed.scss @@ -10,9 +10,11 @@ $color_active: lighten($color_strong, 15%); $color_light_lighter: lighten($color_light, 32%); +$color_gray: #E5E5E5; + $color_title: $color_strong; -$color_text: #505050; +$color_text: #333; $color_link: $color_strong; $color_link_hover: $color_active; diff --git a/resources/sass/main/skins/1ka_mobile/MobileUni.scss b/resources/sass/main/skins/1ka_mobile/MobileUni.scss index b4e94087a..0871c6a6e 100644 --- a/resources/sass/main/skins/1ka_mobile/MobileUni.scss +++ b/resources/sass/main/skins/1ka_mobile/MobileUni.scss @@ -10,9 +10,11 @@ $color_active: lighten($color_strong, 15%); $color_light_lighter: lighten($color_light, 40%); +$color_gray: #E5E5E5; + $color_title: $color_strong; -$color_text: #505050; +$color_text: #333; $color_link: $color_strong; $color_link_hover: $color_active;