AAI css popravki
This commit is contained in:
Nejc Kovač
parent
6a4fe04263
commit
45cd0b6e2c
@ -122,7 +122,7 @@ class DisplayController{
|
||||
echo '<div class="logo ">';
|
||||
|
||||
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()){
|
||||
echo ' <img src="'.$site_url.'/public/img/logo/arnes_logo.png" style="margin-left:30px;">';
|
||||
}
|
||||
|
||||
@ -4,50 +4,61 @@
|
||||
font-family: "Source Sans Pro","sans-serif";
|
||||
}
|
||||
|
||||
body {
|
||||
max-width: 1160px;
|
||||
margin: auto;
|
||||
color: #343434;
|
||||
}
|
||||
|
||||
/* nav */
|
||||
.mobile{
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
h1 {
|
||||
font-weight: 300;
|
||||
font-size: 50px;
|
||||
line-height: 62px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 40px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
|
||||
header {
|
||||
padding-top: 10px;
|
||||
padding-bottom: 5px;
|
||||
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
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-size: 16px;
|
||||
line-height: 42px;
|
||||
}
|
||||
|
||||
|
||||
header nav span.menu_item a:hover {
|
||||
color: #F07D3E;
|
||||
}
|
||||
|
||||
header nav span.menu_item.active {
|
||||
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 {
|
||||
color: rgb(255, 255, 255);
|
||||
color: #FFFFFF;
|
||||
background-color: #F07D3E;
|
||||
border: 1px solid #F07D3E;
|
||||
|
||||
width: 108px;
|
||||
height: 44px;
|
||||
padding: 9px 16px;
|
||||
gap: 10px;
|
||||
|
||||
width: 150x;
|
||||
padding: 8px 16px;
|
||||
|
||||
text-transform: none;
|
||||
}
|
||||
@ -59,6 +70,9 @@ header nav span.menu_item.active {
|
||||
border: 1px solid #F07D3E;
|
||||
}
|
||||
|
||||
#main .main_content {
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.hero-container {
|
||||
display: flex;
|
||||
@ -67,15 +81,15 @@ header nav span.menu_item.active {
|
||||
|
||||
height: auto;
|
||||
|
||||
margin-top: 30px;
|
||||
margin-bottom: 100px;
|
||||
|
||||
margin-top: 105px;
|
||||
margin-bottom: 210px;
|
||||
}
|
||||
|
||||
|
||||
.hero-container img {
|
||||
|
||||
max-width: 60%;
|
||||
height: auto;
|
||||
max-width: 50%;
|
||||
max-height: 476px;
|
||||
}
|
||||
|
||||
|
||||
@ -85,25 +99,44 @@ header nav span.menu_item.active {
|
||||
margin-right: 10px;
|
||||
|
||||
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 {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
background-color: #F07D3E;
|
||||
color: white;
|
||||
|
||||
padding: 8px 16px;
|
||||
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 {
|
||||
background-color: white;
|
||||
color: #F07D3E;
|
||||
border: 1px solid #F07D3E;
|
||||
|
||||
background-position: left;
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
@ -112,6 +145,8 @@ header nav span.menu_item.active {
|
||||
max-width: auto;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.povezave {
|
||||
|
||||
display: flex;
|
||||
@ -119,29 +154,45 @@ header nav span.menu_item.active {
|
||||
}
|
||||
|
||||
.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 {
|
||||
font-size: 18px;
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
font-size: 18px;
|
||||
line-height: 23px;
|
||||
|
||||
margin-top: 25px;
|
||||
margin-bottom: 8px;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.povezave .col{
|
||||
|
||||
text-align: center;
|
||||
margin-left: 10px;
|
||||
|
||||
}
|
||||
|
||||
.povezave .col p {
|
||||
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;
|
||||
justify-content: space-between;
|
||||
|
||||
background-color: #F07D3E;
|
||||
color: white;
|
||||
background-color: #F07D3E;
|
||||
border: 1px solid #F07D3E;
|
||||
color: white;
|
||||
font-size: 16px;
|
||||
line-height: 26px;
|
||||
|
||||
padding: 12px 16px;
|
||||
margin: 0px 20px;
|
||||
max-width: 196px;
|
||||
|
||||
background: linear-gradient(to left, #F07D3E 50%, white 50%) right;
|
||||
background-size: 200%;
|
||||
transition: .3s ease-out;
|
||||
|
||||
padding: 8px 16px;
|
||||
max-width: 150px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
#povezave-btn:hover {
|
||||
@ -163,20 +222,30 @@ header nav span.menu_item.active {
|
||||
background-color: white;
|
||||
|
||||
border: 1px solid #F07D3E;
|
||||
|
||||
background-position: left;
|
||||
}
|
||||
|
||||
|
||||
|
||||
footer .footer_content {
|
||||
padding: 0px;
|
||||
margin-top: 210px;
|
||||
}
|
||||
|
||||
footer h2 {
|
||||
text-transform: uppercase;
|
||||
font-weight: 700;
|
||||
font-size: 18px;
|
||||
line-height: 24px;
|
||||
|
||||
margin-bottom: 12px;
|
||||
|
||||
}
|
||||
|
||||
footer .col a {
|
||||
color: black;
|
||||
color: #343434;
|
||||
font-size: 16px;
|
||||
line-height: 26px;
|
||||
}
|
||||
|
||||
.social_logo_flex img {
|
||||
@ -191,6 +260,9 @@ footer .col a {
|
||||
footer .footer_content .col span {
|
||||
font-weight: 400;
|
||||
}
|
||||
footer .footer_content .col span a {
|
||||
color: #343434;
|
||||
}
|
||||
|
||||
footer .footer_content .col1 .col1-flex {
|
||||
display: flex;
|
||||
@ -259,16 +331,27 @@ input[type=button]:hover,
|
||||
flex-direction: column-reverse;
|
||||
|
||||
|
||||
margin-top: 50px;
|
||||
margin-top: 70px;
|
||||
margin-bottom: 50px;
|
||||
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.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 {
|
||||
@ -277,9 +360,7 @@ input[type=button]:hover,
|
||||
|
||||
}
|
||||
|
||||
.hero-container .text a {
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
|
||||
.povezave{
|
||||
display: grid;
|
||||
@ -288,8 +369,15 @@ input[type=button]:hover,
|
||||
row-gap: 30px;
|
||||
}
|
||||
|
||||
.title {
|
||||
margin-top: 118px;
|
||||
margin-bottom: 0px;
|
||||
|
||||
}
|
||||
|
||||
.povezave .col {
|
||||
margin: auto;
|
||||
margin-top: 50px;
|
||||
|
||||
}
|
||||
|
||||
@ -299,6 +387,9 @@ input[type=button]:hover,
|
||||
height: 80px;
|
||||
|
||||
}
|
||||
#povezave-btn {
|
||||
margin: 0px auto;
|
||||
}
|
||||
|
||||
footer .footer_content {
|
||||
display: grid;
|
||||
@ -348,14 +439,13 @@ input[type=button]:hover,
|
||||
font-size: 50px;
|
||||
}
|
||||
|
||||
|
||||
.hero-container .text {
|
||||
max-width: 95%;
|
||||
|
||||
.hero-container img {
|
||||
max-width: 80%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.hero-container .text a {
|
||||
width: 95%;
|
||||
color: white;
|
||||
}
|
||||
.hero-container .text a:hover {
|
||||
@ -375,7 +465,7 @@ input[type=button]:hover,
|
||||
}
|
||||
|
||||
.povezave .col {
|
||||
margin-bottom: 50px ;
|
||||
margin-top: 50px;
|
||||
|
||||
}
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user