diff --git a/frontend/simple/css/aai.css b/frontend/simple/css/aai.css index 9871b7fba..859de0df6 100644 --- a/frontend/simple/css/aai.css +++ b/frontend/simple/css/aai.css @@ -277,6 +277,7 @@ footer { padding-top: 105px; } footer h2 { + color: #343434 !important; text-transform: uppercase; font-weight: 700; font-size: 18px; @@ -289,9 +290,11 @@ footer .footer_content { width: 95%; margin: auto; padding: 0px; + justify-content: space-between; } footer .footer_content .col { max-width: 254px; + margin-right: unset; } footer .footer_content .col span { font-weight: 400; @@ -491,7 +494,6 @@ input[type=button]:hover, header .logo { width: auto; } - .hero-container { display: flex; flex-direction: column-reverse; @@ -518,17 +520,14 @@ input[type=button]:hover, max-width: 280px; margin: auto; } - .register_holder { margin-top: 70px; margin-bottom: 70px; } - .pomembne_povezave { padding-top: 68px; padding-bottom: 70px; } - .povezave { display: grid; grid-template-columns: 1fr 1fr; @@ -547,15 +546,12 @@ input[type=button]:hover, .povezave .col:last-child { margin-right: 25px; } - .title { margin-bottom: 0px; } - #povezave-btn { margin: 0px auto; } - footer { padding: 70px 0px 0px 0px; } @@ -597,20 +593,16 @@ input[type=button]:hover, body.landing_page #main .main_content { padding: 0px; } - body #main .main_content h1 { font-size: 50px; } - header .logo a img { max-height: 29px; max-width: 95px; } - header .logo a img:last-of-type { margin-left: 12px; } - .hero-container { padding-top: 50px; } @@ -629,27 +621,22 @@ input[type=button]:hover, .hero-container img { max-width: 80%; } - .register_holder { margin-top: 50px; margin-bottom: 46px; } - body #main .main_content .register_holder h1 { text-align: unset; padding: 0px; } - .pomembne_povezave { padding-top: 46px; padding-bottom: 46px; } - .title { margin-bottom: 49px; margin-top: 0px; } - .povezave { display: flex; flex-direction: column; @@ -661,7 +648,6 @@ input[type=button]:hover, .povezave .col p { min-height: unset; } - .povezave .col:nth-of-type(1), .povezave .col:nth-of-type(3), .povezave .col:nth-of-type(2), @@ -669,20 +655,16 @@ input[type=button]:hover, margin: auto; margin-bottom: 30px; } - .povezave .col:nth-of-type(4) { margin-bottom: 0px; } - /* --------------HAMBURGER---------------------------------- */ .nav-desktop { display: none; } - .mobile { display: block; } - #nav-icon3 { width: 38px; height: 20px; @@ -726,42 +708,35 @@ input[type=button]:hover, #nav-icon3 span:nth-child(4) { top: 18px; } - #nav-icon3.open span:nth-child(1) { top: 9px; width: 0%; left: 50%; } - #nav-icon3.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } - #nav-icon3.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } - #nav-icon3.open span:nth-child(4) { top: 9px; width: 0%; left: 50%; } - #links { display: none; } - /* */ .aai a { color: #333333; } - #links.open { position: absolute; top: 100px; @@ -771,9 +746,8 @@ input[type=button]:hover, align-items: center; width: 100%; height: 700px; - background-color: white; + background-color: rgb(255, 255, 255); } - #links .menu_item { font-size: 30px; margin-top: 30px; @@ -781,7 +755,6 @@ input[type=button]:hover, #links .menu_item a { font-size: 16px; } - footer { margin: 0px; padding: 0px; diff --git a/frontend/simple/css/style.css b/frontend/simple/css/style.css index b702c48f5..156734a8d 100644 --- a/frontend/simple/css/style.css +++ b/frontend/simple/css/style.css @@ -174,7 +174,6 @@ header nav span.menu_item.active { footer .footer_content { display: flex; - justify-content: space-between; max-width: 1400px; margin: 0 auto; padding: 70px 20px; @@ -184,6 +183,8 @@ footer .footer_content .col { flex-direction: column; box-sizing: border-box; width: 33%; + max-width: 290px; + margin-right: 25px; } footer .footer_content .col span, footer .footer_content .col div.follow { padding: 8px 0; @@ -867,12 +868,19 @@ body.login_noEmail #content.aai #main .main_content .app_subtitle { } footer .footer_content { flex-direction: column; - padding: 20px 0; + padding: 50px 0; text-align: center; } footer .footer_content .col { + max-width: unset; width: 100%; } + footer .footer_content .col h2 { + padding-top: 12px; + } + footer .footer_content .col a { + padding-bottom: 12px; + } footer .footer_content .col .follow { justify-content: center; } @@ -896,6 +904,10 @@ body.landing_page #main { background-image: none; } +#main .main_content { + padding: 70px 0px 305px 0px; +} + header { height: unset; padding-top: 13px; @@ -1043,11 +1055,12 @@ footer .footer_content { max-width: 1160px; width: 95%; margin: auto; - padding: 0px; + padding: 67px 0px 0px 0px; } footer .footer_content h2 { font-family: "Source Sans Pro"; + color: #1e88e5; text-transform: uppercase; font-size: 18px; line-height: 26px; @@ -1060,6 +1073,10 @@ footer .footer_content .col a:hover { color: #4ca0ea; } +#main footer .footer_content col { + max-width: 290px; +} + footer .footer_content .col1-flex { display: flex; flex-direction: column; @@ -1071,6 +1088,10 @@ footer .footer_content .col span { footer .footer_content .col a { color: #333333; + font-weight: 400; + font-size: 18px; + line-height: 26px; + font-family: "Source Sans Pro"; } footer .footer_content .col3 .social_logo_flex a:first-of-type { diff --git a/resources/sass/frontend_simple/aai.scss b/resources/sass/frontend_simple/aai.scss index aa54d1da5..8d24cfc3b 100644 --- a/resources/sass/frontend_simple/aai.scss +++ b/resources/sass/frontend_simple/aai.scss @@ -339,6 +339,7 @@ footer { padding-top: 105px; h2 { + color: #343434 !important; text-transform: uppercase; font-weight: 700; font-size: 18px; @@ -353,9 +354,11 @@ footer { width: 95%; margin: auto; padding: 0px; + justify-content: space-between; .col { max-width: 254px; + margin-right: unset; span { font-weight: 400; diff --git a/resources/sass/frontend_simple/basic/mobile.scss b/resources/sass/frontend_simple/basic/mobile.scss index 330c18572..6ef69c03e 100644 --- a/resources/sass/frontend_simple/basic/mobile.scss +++ b/resources/sass/frontend_simple/basic/mobile.scss @@ -154,13 +154,21 @@ .footer_content{ flex-direction: column; - padding: 20px 0; + padding: 50px 0; text-align: center; .col{ + max-width: unset; width: 100%; + h2{ + padding-top: 12px; + } + a{ + padding-bottom: 12px; + } + .follow{ justify-content: center; } diff --git a/resources/sass/frontend_simple/basic/popravki.scss b/resources/sass/frontend_simple/basic/popravki.scss index ac779bcd3..378989f7d 100644 --- a/resources/sass/frontend_simple/basic/popravki.scss +++ b/resources/sass/frontend_simple/basic/popravki.scss @@ -17,6 +17,9 @@ $blue: #1e88e5; body.landing_page #main { background-image: none; } +#main .main_content { + padding: 70px 0px 305px 0px; +} header { height: unset; @@ -175,12 +178,13 @@ footer .footer_content { max-width: $max_sirina; width: 95%; margin: auto; - padding: 0px; + padding: 67px 0px 0px 0px; } footer .footer_content h2 { font-family: $SansPro_font; + color: $blue; text-transform: uppercase; font-size: 18px; line-height: 26px; @@ -194,9 +198,9 @@ footer .footer_content .col a:hover{ color: $light_blue; } -// footer .footer_content .col { -// max-width: 290px; -// } +#main footer .footer_content col { + max-width: 290px; +} footer .footer_content .col1-flex{ @@ -208,6 +212,11 @@ footer .footer_content .col span{ } footer .footer_content .col a { color: $black; + font-weight: 400; + font-size: 18px; + line-height: 26px; + + font-family: $SansPro_font; } footer .footer_content .col3 .social_logo_flex a:first-of-type{ diff --git a/resources/sass/frontend_simple/modules/footer.scss b/resources/sass/frontend_simple/modules/footer.scss index 151808653..e8d965993 100644 --- a/resources/sass/frontend_simple/modules/footer.scss +++ b/resources/sass/frontend_simple/modules/footer.scss @@ -2,7 +2,7 @@ footer{ .footer_content{ display: flex; - justify-content: space-between; + // justify-content: space-between; max-width: 1400px; margin: 0 auto; @@ -14,6 +14,9 @@ footer{ box-sizing: border-box; width: 33%; + max-width: 290px; + + margin-right: 25px; span, div.follow{ padding: 8px 0; diff --git a/resources/sass/frontend_simple/style.scss b/resources/sass/frontend_simple/style.scss index 31e41e975..3c30ddd78 100644 --- a/resources/sass/frontend_simple/style.scss +++ b/resources/sass/frontend_simple/style.scss @@ -30,3 +30,4 @@ // popravki - Nejc Kovac @import "./basic/popravki.scss"; +