diff --git a/frontend/simple/css/style.css b/frontend/simple/css/style.css index b9bab306d..b17f26160 100644 --- a/frontend/simple/css/style.css +++ b/frontend/simple/css/style.css @@ -158,10 +158,6 @@ header nav span.menu_item a { header nav span.menu_item a:hover { color: #1e88e5; } -header nav span.menu_item.active { - border-bottom: 3px #1e88e5 solid; -} - #main { background-color: #f7f7f7; } @@ -988,6 +984,13 @@ body.login_noEmail #content.aai #main .main_content .app_subtitle { margin: 0 0 20px 0; text-align: center; } + body #main .main_content .register_holder h1 { + font-size: 50px; + font-weight: 300; + line-height: 62px; + margin: 20px 0px; + text-align: left; + } } /* Author : Nejc Kovač @@ -1242,4 +1245,152 @@ footer .footer_content .col3 .social_logo_flex a:first-of-type { margin-right: 20px; } +/* GDPR ZAHTEVEK -------------------------------------- */ +body.gdpr { + line-height: 20px; +} + +.gdpr #main .main_content { + padding: 0px; +} + +.register_holder { + max-width: 810px; + width: 95%; + margin: 70px auto 70px auto; +} +.register_holder h1 { + font-size: 50px; + font-weight: 300; + line-height: 62px; + margin: 20px 0px; +} +.register_holder p { + font-weight: 400; + line-height: 26px; + margin: 20px 0px; +} +.register_holder p a { + color: #1e88e5; +} + +body.gdpr div.label { + display: block; + line-height: unset; + font-weight: 600; + width: 200px; + line-height: unset; +} + +body #main .main_content .register_holder .label { + line-height: 20px; + padding-bottom: 4px; +} + +body.gdpr .input_field div.label label { + line-height: unset; + padding-bottom: 4px; +} + +.regfield { + height: 38px; + max-width: 245px; + width: 95%; + border: 1px solid #C4C4C4; + border-radius: 0px; + padding: 0px; + padding-left: 8px; + margin: 0px; +} + +body .gdpr form p:first-of-type { + font-weight: 600; +} + +body.gdpr div.input_field { + padding: 10px 0px; +} + +/* Elektronski naslov: */ +body.gdpr div.input_field:first-of-type { + padding-top: 0px; +} + +/* URL ankete: */ +body.gdpr div.input_field:nth-of-type(3) { + padding-bottom: 0px; +} + +/* Želim podati zahtevo za: */ +form p:first-of-type { + margin: 20px 0px 6px 0px; +} + +body.gdpr div.zahtevek { + padding: 6px 0px; +} + +body.gdpr div.zahtevek:last-of-type { + padding-bottom: 0px; +} + +body.gdpr div.zahtevek label input { + margin-right: 2px; + margin-left: 0px; + height: 18px; + width: 18px; + vertical-align: -3px; + border-radius: 0px; +} + +/* tekst nad poljem za opis */ +form p:nth-of-type(2) { + margin: 20px 0px; +} + +form .opis { + font-weight: 600; + margin: 0px 0px 4px 0px; +} + +#gdpr-note { + padding: 0px; + padding-left: 8px; + margin: 0px; + width: 100%; + border-radius: 0px; +} + +.register_holder p:last-of-type { + margin: 18px 0px 20px 0px; + line-height: 26px; +} + +input[type=submit], +button, +input[type=button], +.button { + font-weight: 600; + font-size: 16px; + line-height: 26px; + height: 50px; + max-width: 320px; + width: 95%; + padding: 0px; + color: #FFFFFF; + background-color: #1e88e5; + border: 1px solid #1e88e5; + transition: 0.3s ease-out; +} +input[type=submit]:hover, +button:hover, +input[type=button]:hover, +.button:hover { + color: #1e88e5; + background-color: white; + border: 1px solid #1e88e5; +} + +/* -------------------------------------- */ + /*# sourceMappingURL=style.css.map */ diff --git a/resources/sass/frontend_simple/basic/mobile.scss b/resources/sass/frontend_simple/basic/mobile.scss index 249ae2f49..1a92ad2e4 100644 --- a/resources/sass/frontend_simple/basic/mobile.scss +++ b/resources/sass/frontend_simple/basic/mobile.scss @@ -323,4 +323,14 @@ text-align: center; } } + + // GDPR ------------------------------ + + body #main .main_content .register_holder h1{ + font-size: 50px; + font-weight: 300; + line-height: 62px; + margin: 20px 0px; + text-align: left; + } } \ No newline at end of file diff --git a/resources/sass/frontend_simple/modules/GDPR.scss b/resources/sass/frontend_simple/modules/GDPR.scss new file mode 100644 index 000000000..f3753cd3d --- /dev/null +++ b/resources/sass/frontend_simple/modules/GDPR.scss @@ -0,0 +1,170 @@ +/* GDPR ZAHTEVEK -------------------------------------- */ + +body.gdpr { + line-height: 20px; +} + +.gdpr #main .main_content { + padding: 0px; +} + + .register_holder{ + max-width: 810px; + width: 95%; + margin: 70px auto 70px auto; + + h1 { + font-size: 50px; + font-weight: 300; + line-height: 62px; + + margin: 20px 0px; + } + + p { + font-weight: 400; + line-height: 26px; + + margin: 20px 0px; + + a { + color: #1e88e5; + } + } +} + + +body.gdpr div.label { + display: block; + line-height: unset; + font-weight: 600; + width: 200px; + + line-height: unset; + +} +body #main .main_content .register_holder .label { + line-height: 20px; + padding-bottom: 4px; +} + +body.gdpr .input_field div.label label { + line-height: unset; + padding-bottom: 4px; +} + + +.regfield { + height: 38px; + max-width: 245px; + width: 95%; + border: 1px solid #C4C4C4; + border-radius: 0px; + + padding: 0px; + padding-left: 8px; + margin: 0px; +} + +body .gdpr form p:first-of-type{ + font-weight: 600; +} + +body.gdpr div.input_field{ + padding: 10px 0px; +} +/* Elektronski naslov: */ +body.gdpr div.input_field:first-of-type { + padding-top: 0px; +} +/* URL ankete: */ +body.gdpr div.input_field:nth-of-type(3){ + padding-bottom: 0px; +} + +/* Želim podati zahtevo za: */ +form p:first-of-type { + margin: 20px 0px 6px 0px; +} + + +body.gdpr div.zahtevek { + padding: 6px 0px; +} +body.gdpr div.zahtevek:last-of-type { + padding-bottom: 0px; +} + +body.gdpr div.zahtevek label{ + + +} + +body.gdpr div.zahtevek label input { + margin-right: 2px; + margin-left: 0px; + height: 18px; + width: 18px; + + vertical-align: -3px; + + border-radius: 0px; +} + + +/* tekst nad poljem za opis */ +form p:nth-of-type(2){ + margin: 20px 0px; +} +form .opis { + font-weight: 600; + + margin: 0px 0px 4px 0px; +} + +#gdpr-note { + padding: 0px; + padding-left: 8px; + margin: 0px; + width: 100%; + + border-radius: 0px; + +} + +.register_holder p:last-of-type { + margin: 18px 0px 20px 0px; + line-height: 26px; +} + + +input[type=submit], +button, +input[type=button], +.button { + font-weight: 600; + font-size: 16px; + line-height: 26px; + height: 50px; + max-width: 320px; + width: 95%; + padding: 0px; + + color: #FFFFFF; + background-color: #1e88e5; + border: 1px solid #1e88e5; + + transition: .3s ease-out; + + &:hover { + color: #1e88e5; + background-color: white; + + border: 1px solid #1e88e5; + } +} + + + + +/* -------------------------------------- */ \ No newline at end of file diff --git a/resources/sass/frontend_simple/modules/header.scss b/resources/sass/frontend_simple/modules/header.scss index 8cae6386d..1ea7956e1 100644 --- a/resources/sass/frontend_simple/modules/header.scss +++ b/resources/sass/frontend_simple/modules/header.scss @@ -46,7 +46,7 @@ header{ } &.active{ - border-bottom: 3px $color_blue solid; + // border-bottom: 3px $color_blue solid; } } } diff --git a/resources/sass/frontend_simple/style.scss b/resources/sass/frontend_simple/style.scss index 3c30ddd78..4700e8d98 100644 --- a/resources/sass/frontend_simple/style.scss +++ b/resources/sass/frontend_simple/style.scss @@ -30,4 +30,7 @@ // popravki - Nejc Kovac @import "./basic/popravki.scss"; +// GDPR +@import "./modules/GDPR.scss"; +