Non puoi selezionare più di 25 argomenti
Gli argomenti devono iniziare con una lettera o un numero, possono includere trattini ('-') e possono essere lunghi fino a 35 caratteri.
402 righe
7.6 KiB
402 righe
7.6 KiB
|
|
#banner { |
|
position: relative; |
|
background-color: $w; |
|
width: 100%; |
|
z-index: 1000; |
|
|
|
.flex-end-menu { |
|
@media (min-width: 991px) { |
|
display: flex !important; |
|
align-items: flex-end; |
|
} |
|
} |
|
|
|
.logo-margin { margin-left:-120px !important; } |
|
|
|
.cont-payoff{ |
|
text-align: center; |
|
font-size: 15px; |
|
align-self: center; |
|
margin-left: 20px; |
|
font-family: Merriweather, serif; |
|
|
|
.payoff1{ |
|
margin-bottom: 10px; |
|
font-size: 20px; |
|
font-weight:bold; |
|
} |
|
|
|
.payoff2{ |
|
font-size: 15px; |
|
line-height: 18px; |
|
} |
|
} |
|
|
|
.link-home{ |
|
margin-left: 20px; |
|
font-size: 18px; |
|
color: #000; |
|
font-weight: bold; |
|
text-transform: uppercase; |
|
margin-bottom: 3px; |
|
font-family: Montserrat,sans-serif; |
|
} |
|
|
|
|
|
|
|
.toggled & { |
|
padding-right: 250px; |
|
|
|
@media (max-width: 991px) { |
|
padding-right: 0px; |
|
} |
|
} |
|
|
|
.toggled.lfr-has-add-content & { |
|
/* padding-right: 600px;*/ |
|
|
|
@media (max-width: 991px) { |
|
padding-right: 0px; |
|
} |
|
} |
|
|
|
.lfr-has-add-content & { |
|
/* padding-right: 350px; |
|
*/ |
|
@media (max-width: 991px) { |
|
padding-right: 0px; |
|
} |
|
} |
|
|
|
#heading { |
|
|
|
.header { |
|
@include display-flex(); |
|
@include justify-content(space-between); |
|
@include align-items(center); |
|
|
|
|
|
.site-title { |
|
margin: 0; |
|
padding: 0; |
|
.logo-img { |
|
height: $height-header; |
|
width: auto; |
|
} |
|
} |
|
|
|
.navigation { |
|
border-top: 0; |
|
border-bottom: 0; |
|
} |
|
|
|
.page-title { |
|
margin: 0; |
|
padding: 2px 0; |
|
.img-site { |
|
height: $height-header; |
|
width: auto; |
|
} |
|
} |
|
} |
|
|
|
|
|
.navigation { |
|
height: 59px; |
|
@include display-flex(); |
|
@include justify-content(space-between); |
|
@include align-items(center); |
|
@include flex-wrap(wrap); |
|
/*box-shadow: 0 0 2px black !important;*/ |
|
background-color: $w; |
|
border-top: 2px solid #e2001a; |
|
border-bottom: 2px solid #e2001a; |
|
|
|
.main-menu { |
|
/*@include flex(1);*/ |
|
ul { |
|
list-style-type: none; |
|
@include display-flex(); |
|
@include justify-content(flex-start); |
|
@include align-items(center); |
|
@include flex-wrap(wrap); |
|
padding: 0; |
|
margin: 0; |
|
|
|
li { |
|
padding-left: 5px; |
|
padding-right: 5px; |
|
&.selected{ |
|
/*border-bottom:3px solid #e2001a;*/ |
|
a { |
|
color: #e2001a; |
|
} |
|
} |
|
|
|
a { |
|
text-decoration: none; |
|
color: $footer-color; |
|
text-transform: uppercase; |
|
font-size: em(12px); |
|
font-family: $second-font; |
|
font-weight: bold; |
|
transition: opacity $speed; |
|
opacity: 1; |
|
|
|
&:hover { |
|
opacity: .6; |
|
} |
|
} |
|
} |
|
} |
|
} |
|
|
|
.page-title { |
|
margin: 0; |
|
padding: 0; |
|
@include flex(1); |
|
text-align: center; |
|
max-width:95px; |
|
padding-left:20px; |
|
|
|
.img-site { |
|
height: 55px; |
|
width: auto; |
|
} |
|
} |
|
|
|
.subheader-right { |
|
@include display-flex(); |
|
@include justify-content(flex-end); |
|
@include align-items(center); |
|
|
|
.name-user { |
|
padding-right: 1.25em; |
|
@include display-flex(); |
|
flex: 0 0 auto; |
|
@include align-items(center); |
|
|
|
.fa-user-circle { |
|
padding-right: 5px; |
|
} |
|
} |
|
|
|
.header-separator { |
|
height: 25px; |
|
width: 2px; |
|
background-color: $red-logo; |
|
} |
|
|
|
.button-menu-right { |
|
margin-left: 0px; |
|
margin-right: 10px; |
|
width: 45px; |
|
height: 35px; |
|
padding-left: 8px; |
|
padding-right: 8px; |
|
background-color: $header-menu; |
|
border-color: $header-menu; |
|
border-radius: 0; |
|
|
|
.toggle { |
|
.toggle-line { |
|
display: block; |
|
height: 4px; |
|
margin-bottom: 4px; |
|
background-color: $w; |
|
transition: transform .5s; |
|
border-radius: 0; |
|
} |
|
} |
|
|
|
&:hover { |
|
.toggle-line:nth-child(1), .toggle-line:nth-child(3) { |
|
transform: scaleX(.7) translateZ(0); |
|
|
|
} |
|
} |
|
} |
|
} |
|
} |
|
|
|
.navigation.fixing { |
|
position: fixed; |
|
width:100%; |
|
top:0; |
|
transition: all $speed; |
|
|
|
.toggled & { |
|
width: calc( 100% - 250px); |
|
|
|
@media (max-width: 991px) { |
|
width: 100%; |
|
} |
|
} |
|
} |
|
} |
|
} |
|
|
|
.toggled .button-menu-right { |
|
.toggle-line:nth-child(1) { |
|
transform: translate3d(0, 8px, 0) rotate(45deg); |
|
} |
|
|
|
.toggle-line:nth-child(2) { |
|
opacity: 0; |
|
visibility: hidden; |
|
transition: opacity .5s, visibility .5s !important; |
|
} |
|
|
|
.toggle-line:nth-child(3) { |
|
transform: translate3d(0, -8px, 0) rotate(-45deg); |
|
} |
|
|
|
&:hover { |
|
.toggle-line:nth-child(2) { |
|
opacity: 1; |
|
visibility: visible; |
|
} |
|
} |
|
} |
|
|
|
.notification-header { |
|
position: relative; |
|
|
|
.notification-header__icon { |
|
font-size: 20px; |
|
padding-left: em(25px, 20px); |
|
padding-right: em(35px, 20px); |
|
color: $footer-color; |
|
transition: opacity $speed; |
|
|
|
&:hover { |
|
opacity: .6; |
|
} |
|
} |
|
|
|
#_2_WAR_notificationsportlet_userNotifications { |
|
position: absolute; |
|
width: 100%; |
|
height: 100%; |
|
right: 0; |
|
top: 0; |
|
list-style: none; |
|
|
|
.dockbar-user-notifications-container { |
|
background-color: $w; |
|
width: 100%; |
|
} |
|
|
|
.dropdown-toggle.user-notification-link { |
|
height: 100%; |
|
width: 100%; |
|
top: 0px; |
|
left: 0px; |
|
position: absolute; |
|
transition: opacity $speed; |
|
|
|
#_2_WAR_notificationsportlet_userNotificationsCount { |
|
font-size: 12px; |
|
position: absolute; |
|
width: em(20px, 12px); |
|
height: em(20px, 12px); |
|
top: -15px; |
|
right: 25px; |
|
background-color: $red-logo; |
|
border-radius: 50px; |
|
@include display-flex(); |
|
@include justify-content(center); |
|
@include align-items(center); |
|
border: none; |
|
color: $w; |
|
} |
|
} |
|
|
|
.dockbar-user-notifications-container { |
|
width: em(270px); |
|
position: absolute; |
|
top: 55px; |
|
right: 15px; |
|
|
|
.user-notifications-list { |
|
border: 0px solid transparent; |
|
|
|
.user-notification-header { |
|
border-color: $b; |
|
span { |
|
a { |
|
font-family: $second-font; |
|
color: $b; |
|
} |
|
} |
|
} |
|
|
|
.user-notification { |
|
.message { |
|
font-family: $second-font; |
|
color: $b; |
|
} |
|
} |
|
|
|
} |
|
} |
|
|
|
.dockbar-user-notifications-container.open { |
|
.user-notifications-list { |
|
border: 1px solid $header-menu; |
|
width: 100%; |
|
} |
|
} |
|
} |
|
|
|
} |
|
|
|
.dockbar-user-notifications .user-notifications-header { |
|
border-color: $b; |
|
span { |
|
a { |
|
font-family: $second-font; |
|
color: $b; |
|
} |
|
} |
|
} |
|
|
|
.dockbar-user-notifications .user-notification { |
|
border-color: $b; |
|
span { |
|
a { |
|
font-family: $second-font; |
|
color: $b; |
|
} |
|
} |
|
} |
|
|
|
header { |
|
transition: all .5s ease; |
|
top: 0; |
|
} |
|
|
|
header.nav-up { |
|
top: -60px; |
|
|
|
@media (max-width: 991px) { |
|
top: 0px; |
|
} |
|
} |
|
|
|
.user-notification { |
|
margin: 0px !important; |
|
|
|
.user-thumbnail { |
|
box-shadow: 0 0 0 2px $red-logo !important; |
|
} |
|
} |
|
|
|
.aui #navigation { |
|
display: block; |
|
} |
|
|
|
.modify-pages .lfr-nav-sortable > a > span { |
|
padding-left: 0px; |
|
}
|
|
|