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

AAI popravki višin, razmakov

Browse Source
This commit is contained in:
Nejc Kovač 2022-06-13 08:53:52 +02:00
parent 78ff010f75
commit 9bd458a03a
1 changed files with 70 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -63,17 +63,18 @@ header nav span.lang_switch img {
#header-btn { #header-btn {
display: inline-block;
color: #FFFFFF; color: #FFFFFF;
background-color: #F07D3E; background-color: #F07D3E;
border: 1px solid #F07D3E; border: 1px solid #F07D3E;
width: 108px; width: 105px;
height: 44px; height: 41px;
padding: 9px 16px;
gap: 10px; gap: 10px;
font-weight: 700; font-weight: 700;
text-transform: none; text-transform: none;
text-align: center;
} }
#header-btn:hover { #header-btn:hover {
@ -94,8 +95,8 @@ header nav span.lang_switch img {
height: auto; height: auto;
margin-top: 105px; padding-top: 105px;
margin-bottom: 210px; padding-bottom: 210px;
} }
@ -139,8 +140,8 @@ header nav span.lang_switch img {
line-height: 26px; line-height: 26px;
padding: 0px 16px; padding: 0px 16px;
height: 50px; height: 47px;
width: 280px; width: 284px;
background-color: #F07D3E; background-color: #F07D3E;
border: 1px solid #F07D3E; border: 1px solid #F07D3E;
color: white; color: white;
@ -195,7 +196,7 @@ header nav span.lang_switch img {
font-size: 18px; font-size: 18px;
line-height: 23px; line-height: 23px;
margin-top: 25px; margin-top: 20px;
margin-bottom: 8px; margin-bottom: 8px;
@ -204,7 +205,6 @@ header nav span.lang_switch img {
.povezave .col{ .povezave .col{
text-align: center; text-align: center;
max-width: min(254px,25%); max-width: min(254px,25%);
} }
.povezave_img{ .povezave_img{
@ -213,7 +213,7 @@ header nav span.lang_switch img {
} }
.povezave .col p { .povezave .col p {
min-height: 110px; /* min-height: 110px; */
max-width: 253px; max-width: 253px;
font-style: normal; font-style: normal;
@ -222,8 +222,13 @@ header nav span.lang_switch img {
line-height: 26px; line-height: 26px;
margin-top: 0px; margin-top: 0px;
margin-bottom: 25px;
}
@media screen and (max-width: 885px) {
.povezave .col p {
min-height: 110px;
margin-bottom: 0px;
}
} }
#povezave-btn { #povezave-btn {
@ -240,8 +245,8 @@ header nav span.lang_switch img {
padding: 0px 16px; padding: 0px 16px;
margin: 0px 20px; margin: 0px 20px;
max-width: 196px; max-width: 183px;
height: 50px; height: 47px;
background: linear-gradient(to left, #F07D3E 50%, white 50%) right; background: linear-gradient(to left, #F07D3E 50%, white 50%) right;
background-size: 200%; background-size: 200%;
@ -303,6 +308,8 @@ footer .footer_content .col {
footer .footer_content .col span { footer .footer_content .col span {
font-weight: 400; font-weight: 400;
padding-top: 0px;
padding-bottom: 12px;
} }
footer .footer_content .col span a { footer .footer_content .col span a {
color: #343434; color: #343434;
@ -386,8 +393,8 @@ input[type=button]:hover,
flex-direction: column-reverse; flex-direction: column-reverse;
margin-top: 70px; padding-top: 70px;
margin-bottom: 50px; padding-bottom: 50px;
height: auto; height: auto;
} }
@ -439,19 +446,35 @@ input[type=button]:hover,
max-width: none; max-width: none;
} }
.povezave .col:nth-of-type(1),
.povezave .col:nth-of-type(3) {
margin-left: 20px;
margin-right: 30px;
}
.povezave .col:nth-of-type(2),
.povezave .col:nth-of-type(4) {
margin-right: 20px;
}
.povezave .col p { .povezave .col p {
max-width: 300px; max-width: 392px;
height: 80px;
min-height: unset;
margin-bottom: 25px;
} }
@media screen and (max-width: 740px) {
.povezave .col p {
min-height: 80px;
}
}
#povezave-btn { #povezave-btn {
margin: 0px auto; margin: 0px auto;
} }
footer { footer {
padding: 0px; padding: 0px 25px;
} }
footer .footer_content { footer .footer_content {
@ -505,7 +528,7 @@ input[type=button]:hover,
@media screen and (max-width: 700px) { @media screen and (max-width: 700px) {
.main_content { body.landing_page #main .main_content {
padding: 0px; padding: 0px;
} }
@ -514,7 +537,8 @@ input[type=button]:hover,
} }
.hero-container { .hero-container {
margin-top: 50px; padding-top: 50px;
padding-bottom: 96px;
} }
.hero-container .text { .hero-container .text {
max-width: 100%; max-width: 100%;
@ -540,6 +564,11 @@ input[type=button]:hover,
padding-bottom: 96px; padding-bottom: 96px;
} }
.title {
margin-bottom: 49px;
margin-top: 0px;
}
.povezave { .povezave {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -548,11 +577,20 @@ input[type=button]:hover,
} }
.povezave .col { .povezave .col {
margin-top: 50px; margin: 50px 20px 20px 0px;
}
.povezave .col p {
min-height: unset;
} }
.povezave .col:nth-of-type(1),
.povezave .col:nth-of-type(3),
.povezave .col:nth-of-type(2),
.povezave .col:nth-of-type(4) {
margin: auto;
margin-bottom: 30px;
}
@ -687,7 +725,9 @@ input[type=button]:hover,
} }
/* ------------------------------------------------- */ /* ------------------------------------------------- */
footer {
margin: 0px 16px;
}
footer .footer_content { footer .footer_content {
/* background-color: rgb(184, 184, 184); */ /* background-color: rgb(184, 184, 184); */
@ -697,8 +737,6 @@ input[type=button]:hover,
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
} }
footer .footer_content h2 { footer .footer_content h2 {
@ -714,6 +752,10 @@ input[type=button]:hover,
} }
footer .footer_content .col span {
padding-bottom: 16px;
}
footer .footer_content .col1 .col1-flex{ footer .footer_content .col1 .col1-flex{
display: flex; display: flex;
flex-direction: column; flex-direction: column;