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

AAI css popravki

Browse Source
This commit is contained in:
Nejc Kovač 2022-06-08 09:04:55 +02:00
parent 6a4fe04263
commit 45cd0b6e2c
2 changed files with 149 additions and 59 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/simple/classes/DisplayController.php
View File

@ -122,7 +122,7 @@ class DisplayController{
echo '<div class="logo ">'; echo '<div class="logo ">';
echo ' <a href="'.$site_url.$this->root.'index.php">'; echo ' <a href="'.$site_url.$this->root.'index.php">';
echo ' <img src="'.$site_url.'/public/img/logo/1ka_'.($this->lang_id != 1 ? 'eng' : 'slo').'.svg">'; echo ' <img src="'.$site_url.'/public/img/logo/1ka_logo_'.($this->lang_id != 1 ? 'eng' : 'slo').'.svg">';
if(isAAI()){ if(isAAI()){
echo ' <img src="'.$site_url.'/public/img/logo/arnes_logo.png" style="margin-left:30px;">'; echo ' <img src="'.$site_url.'/public/img/logo/arnes_logo.png" style="margin-left:30px;">';
} }

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

@ -4,50 +4,61 @@
font-family: "Source Sans Pro","sans-serif"; font-family: "Source Sans Pro","sans-serif";
} }
body {
max-width: 1160px;
margin: auto;
color: #343434;
}
/* nav */ /* nav */
.mobile{ .mobile{
display: none; display: none;
} }
h1 {
font-weight: 300;
font-size: 50px;
line-height: 62px;
}
h2 {
font-size: 40px;
font-weight: bold;
}
header { header {
padding-top: 10px; padding: 0px;
padding-bottom: 5px;
} }
header a { header .nav-desktop span.menu_item {
margin-left: 32px;
text-transform: none;
}
header .nav-desktop span.menu_item a {
color: #343434;
font-style: normal;
font-weight: 400; font-weight: 400;
font-size: 16px;
line-height: 42px;
} }
header nav span.menu_item a:hover { header nav span.menu_item a:hover {
color: #F07D3E; color: #F07D3E;
} }
header nav span.menu_item.active { header nav span.menu_item.active {
border-bottom: 3px #F07D3E solid; border-bottom: 3px #F07D3E solid;
} }
header nav span.lang_switch img {
margin-right: 8px;
}
header nav span.lang_switch span {
line-height: 26px;
}
#header-btn { #header-btn {
color: rgb(255, 255, 255); color: #FFFFFF;
background-color: #F07D3E; background-color: #F07D3E;
border: 1px solid #F07D3E;
width: 150x; width: 108px;
padding: 8px 16px; height: 44px;
padding: 9px 16px;
gap: 10px;
text-transform: none; text-transform: none;
} }
@ -59,6 +70,9 @@ header nav span.menu_item.active {
border: 1px solid #F07D3E; border: 1px solid #F07D3E;
} }
#main .main_content {
padding: 0px;
}
.hero-container { .hero-container {
display: flex; display: flex;
@ -67,15 +81,15 @@ header nav span.menu_item.active {
height: auto; height: auto;
margin-top: 30px; margin-top: 105px;
margin-bottom: 100px; margin-bottom: 210px;
} }
.hero-container img { .hero-container img {
max-width: 60%; max-width: 50%;
height: auto; max-height: 476px;
} }
@ -84,26 +98,45 @@ header nav span.menu_item.active {
max-width: 350px; max-width: 350px;
margin-right: 10px; margin-right: 10px;
font-size: 18px; font-size: 18px;
}
.hero-container .text h1 {
font-weight: 300;
font-size: 50px;
line-height: 62px;
margin-top: 0px;
margin-bottom: 25px;
}
.hero-container .text p{
margin-top: 0px;
margin-bottom: 25px;
} }
.hero-container a { .hero-container a {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
background-color: #F07D3E;
color: white;
padding: 8px 16px; padding: 8px 16px;
width: 200px; width: 200px;
background-color: #F07D3E;
border: 1px solid #F07D3E;
color: white;
background: linear-gradient(to left, #F07D3E 50%, white 50%) right;
background-size: 200%;
transition: .3s ease-out;
} }
.hero-container a:hover { .hero-container a:hover {
background-color: white; background-color: white;
color: #F07D3E; color: #F07D3E;
border: 1px solid #F07D3E; border: 1px solid #F07D3E;
background-position: left;
} }
@ -112,6 +145,8 @@ header nav span.menu_item.active {
max-width: auto; max-width: auto;
} }
.povezave { .povezave {
display: flex; display: flex;
@ -119,29 +154,45 @@ header nav span.menu_item.active {
} }
.title { .title {
text-align: center;
font-weight: 400;
margin-bottom: 70px; font-style: normal;
font-weight: 400;
font-size: 32px;
line-height: 36px;
text-align: center;
margin-bottom: 50px;
} }
.povezave h2 { .povezave h2 {
font-size: 18px; font-style: normal;
font-weight: 700; font-weight: 700;
font-size: 18px;
line-height: 23px;
margin-top: 25px;
margin-bottom: 8px;
} }
.povezave .col{ .povezave .col{
text-align: center; text-align: center;
margin-left: 10px;
} }
.povezave .col p { .povezave .col p {
height: 110px; height: 110px;
max-width: 300px; max-width: 253px;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
margin-top: 0px;
} }
@ -150,12 +201,20 @@ header nav span.menu_item.active {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
background-color: #F07D3E; background-color: #F07D3E;
color: white; border: 1px solid #F07D3E;
color: white;
font-size: 16px;
line-height: 26px;
padding: 8px 16px; padding: 12px 16px;
max-width: 150px; margin: 0px 20px;
margin: auto; max-width: 196px;
background: linear-gradient(to left, #F07D3E 50%, white 50%) right;
background-size: 200%;
transition: .3s ease-out;
} }
#povezave-btn:hover { #povezave-btn:hover {
@ -163,20 +222,30 @@ header nav span.menu_item.active {
background-color: white; background-color: white;
border: 1px solid #F07D3E; border: 1px solid #F07D3E;
background-position: left;
} }
footer .footer_content {
padding: 0px;
margin-top: 210px;
}
footer h2 { footer h2 {
text-transform: uppercase; text-transform: uppercase;
font-weight: 700; font-weight: 700;
font-size: 18px; font-size: 18px;
line-height: 24px;
margin-bottom: 12px;
} }
footer .col a { footer .col a {
color: black; color: #343434;
font-size: 16px;
line-height: 26px;
} }
.social_logo_flex img { .social_logo_flex img {
@ -189,7 +258,10 @@ footer .col a {
} }
footer .footer_content .col span { footer .footer_content .col span {
font-weight: 400; font-weight: 400;
}
footer .footer_content .col span a {
color: #343434;
} }
footer .footer_content .col1 .col1-flex { footer .footer_content .col1 .col1-flex {
@ -259,16 +331,27 @@ input[type=button]:hover,
flex-direction: column-reverse; flex-direction: column-reverse;
margin-top: 50px; margin-top: 70px;
margin-bottom: 50px; margin-bottom: 50px;
height: auto; height: auto;
} }
.hero-container img { .hero-container img {
max-width: 65%;
max-width: 70%; }
height: auto;
.hero-container .text h1 {
margin-top: 50px;
}
.hero-container .text p {
margin-bottom: 25px;
max-width: 390px;
}
.hero-container .text a {
width: 80%;
max-width: 320px;
margin: auto;
} }
.hero-container .text { .hero-container .text {
@ -277,9 +360,7 @@ input[type=button]:hover,
} }
.hero-container .text a {
margin: auto;
}
.povezave{ .povezave{
display: grid; display: grid;
@ -288,8 +369,15 @@ input[type=button]:hover,
row-gap: 30px; row-gap: 30px;
} }
.title {
margin-top: 118px;
margin-bottom: 0px;
}
.povezave .col { .povezave .col {
margin: auto; margin: auto;
margin-top: 50px;
} }
@ -299,6 +387,9 @@ input[type=button]:hover,
height: 80px; height: 80px;
} }
#povezave-btn {
margin: 0px auto;
}
footer .footer_content { footer .footer_content {
display: grid; display: grid;
@ -348,14 +439,13 @@ input[type=button]:hover,
font-size: 50px; font-size: 50px;
} }
.hero-container img {
.hero-container .text { max-width: 80%;
max-width: 95%;
} }
.hero-container .text a { .hero-container .text a {
width: 95%;
color: white; color: white;
} }
.hero-container .text a:hover { .hero-container .text a:hover {
@ -375,7 +465,7 @@ input[type=button]:hover,
} }
.povezave .col { .povezave .col {
margin-bottom: 50px ; margin-top: 50px;
} }