may/1KA_F2F
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

aai css popravki hero / footer

Browse Source
This commit is contained in:
Nejc Kovač 2022-06-10 15:19:43 +02:00
parent 1e4b0d5679
commit 2a30df43ba
1 changed files with 39 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

55
frontend/simple/css/aai.css
View File

@ -124,8 +124,9 @@ header nav span.lang_switch img {
max-width: 390px; max-width: 390px;
margin-top: 0px; margin-top: 0px;
margin-bottom: 25px; margin-bottom: 25px;
font-size: 18px; font-size: 18px;
line-height: 26px;
} }
.hero-container a { .hero-container a {
@ -135,10 +136,11 @@ header nav span.lang_switch img {
font-size: 16px; font-size: 16px;
font-weight: 600; font-weight: 600;
line-height: 26px;
padding: 0px 16px; padding: 0px 16px;
height: 50px; height: 50px;
width: 320px; width: 280px;
background-color: #F07D3E; background-color: #F07D3E;
border: 1px solid #F07D3E; border: 1px solid #F07D3E;
color: white; color: white;
@ -377,10 +379,6 @@ input[type=button]:hover,
width: auto; width: auto;
/* background-color: red; */ /* background-color: red; */
} }
header .logo img:last-child{
max-width: 100px;
height: 40px;
}
.hero-container { .hero-container {
@ -407,7 +405,7 @@ input[type=button]:hover,
} }
.hero-container .text a { .hero-container .text a {
width: 80%; width: 80%;
max-width: 320px; max-width: 280px;
margin: auto; margin: auto;
} }
@ -452,6 +450,10 @@ input[type=button]:hover,
margin: 0px auto; margin: 0px auto;
} }
footer {
padding: 0px;
}
footer .footer_content { footer .footer_content {
display: grid; display: grid;
grid-template-columns: 1fr 1fr 1fr ; grid-template-columns: 1fr 1fr 1fr ;
@ -461,7 +463,7 @@ input[type=button]:hover,
footer .footer_content .col{ footer .footer_content .col{
/* border: 1px solid red; */ /* border: 1px solid red; */
max-width: 100%;
width: auto; width: auto;
} }
@ -469,7 +471,9 @@ input[type=button]:hover,
footer .footer_content .col .logo_holder{ footer .footer_content .col .logo_holder{
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
max-width: 100%;
} }
footer .footer_content .col .logo_holder img{ footer .footer_content .col .logo_holder img{
max-width: 33%; max-width: 33%;
@ -501,6 +505,9 @@ input[type=button]:hover,
@media screen and (max-width: 700px) { @media screen and (max-width: 700px) {
.main_content {
padding: 0px;
}
body #main .main_content h1 { body #main .main_content h1 {
font-size: 50px; font-size: 50px;
@ -509,6 +516,9 @@ input[type=button]:hover,
.hero-container { .hero-container {
margin-top: 50px; margin-top: 50px;
} }
.hero-container .text {
max-width: 100%;
}
.hero-container img { .hero-container img {
max-width: 80%; max-width: 80%;
@ -561,12 +571,12 @@ input[type=button]:hover,
#nav-icon3 { #nav-icon3 {
width: 40px; width: 38px;
height: 20px; height: 20px;
position: relative; position: relative;
top: 15px; bottom: 15px;
-webkit-transform: rotate(0deg); -webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg); -moz-transform: rotate(0deg);
@ -716,19 +726,32 @@ input[type=button]:hover,
footer .footer_content .col1{ footer .footer_content .col1{
max-width: 100%;
width: 100%; width: 100%;
} }
footer .footer_content .col2, footer .footer_content .col2,
footer .footer_content .col3 { footer .footer_content .col3 {
max-width: 50%;
width: 50%; width: 50%;
} }
/* footer .footer_content .col4 {
max-height: 400px;
height: 400px;
} */
footer .footer_content .col .logo_holder {
flex-direction: column;
justify-content: unset;
}
footer .footer_content .col .logo_holder img {
max-width: unset;
padding-bottom: 12px;
}
} }