portale per la richiesta autorizzazioni sismiche da parte del Genio Civile
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.
 
 
 
 
 

331 righe
6.4 KiB

#banner {
position: fixed;
background-color: $w;
width: 100%;
z-index: 1000;
.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 {
.navigation {
@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: $footer-color;
.main-menu {
@include flex(1);
ul {
list-style-type: none;
@include display-flex();
@include justify-content(flex-start);
@include align-items(center);
padding: 0;
margin: 0;
li {
padding-left: 10px;
padding-right: 10px;
a {
text-decoration: none;
color: $w;
text-transform: uppercase;
font-size: em(12px);
font-family: $second-font;
font-weight: bold;
transition: opacity $speed;
opacity: 1;
position: relative;
&:hover {
opacity: .6;
}
}
&[aria-selected="true"] {
a:before {
content: "";
width: 100%;
height: 2px;
background-color: $red-logo;
position: absolute;
bottom: -3px;
left: 0;
}
}
}
}
}
.page-title {
margin: 0;
padding: 0;
@include flex(1);
text-align: center;
.img-site {
height: 55px;
width: auto;
}
}
.subheader-right {
@include display-flex();
@include justify-content(flex-end);
@include align-items(center);
@include flex(1);
.name-user {
padding-right: 1.25em;
color: $w;
@include display-flex();
flex: 0 0 auto;
@include align-items(center);
.fa-user-circle {
padding-right: 5px;
}
}
.info-user {
padding-right: 1.25em;
.info-user__location {
color: $w;
font-size: 10px;
}
.info-user__occupazione {
color: $w;
font-size: 10px;
}
}
.header-separator {
height: 25px;
width: 2px;
background-color: $w;
}
.button-menu-right {
margin-left: 0px;
margin-right: 10px;
width: 45px;
height: 35px;
padding-left: 8px;
padding-right: 8px;
background-color: $red-logo;
border-color: $red-logo;
.toggle {
.toggle-line {
display: block;
height: 4px;
margin-bottom: 4px;
background-color: $w;
transition: transform .5s;
border-radius: 25px;
}
}
&:hover {
.toggle-line:nth-child(1), .toggle-line:nth-child(3) {
transform: scaleX(.7) translateZ(0);
}
}
}
}
}
}
}
.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: $w;
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;
}