1KA_F2F/resources/sass/admin/Settings/navigation.scss

196 lines
3.2 KiB
SCSS

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : 21-Aug-2018, 10:36:23
Author : podkrizniku
*/
#globalSetingsLinks {
float: left;
z-index: 78;
display: inline-block;
width: 220px;
font-size: 13px;
padding: 0px;
margin: 0 20px 0 0;
h2 {
padding: 0px;
margin: 0 20px 0 0;
padding: 2px;
font-size: 14px;
font-weight: 600;
}
ul {
padding: 5px;
margin: 0px;
list-style: none;
li {
padding: 4px 0px 4px 20px;
border-bottom: 1px $grey_super_light solid;
color: $orange;
font-weight: normal;
a {
color: $strong_blue;
}
}
li.highlightLineTab {
color: $orange;
font-weight: normal;
/*background-image: url("../../../admin/survey/img_new/arrow1_orange.png");
background-position: 200px 9px;
background-repeat: no-repeat;*/
a {
color: $orange;
font-weight: normal;
span {
color: $orange;
font-weight: 500;
}
}
}
li.nonhighlight {
a {
&:hover {
color: $orange;
font-weight: normal;
span {
color: $orange;
font-weight: normal;
}
}
span.extended{
color: $orange;
font-weight: 500;
}
}
}
li.highlightLineTab.navi_tracking {
background-image: none !important;
}
}
ul#sub_navi_alert {
li {
padding-left: 30px;
}
}
ul#sub_navi_tracking {
li {
padding-left: 30px;
}
}
}
/* sub settings (under second navigation) */
#topSettingsHolder {
position: relative;
box-sizing: border-box;
width: 100%;
height: 42px;
margin: 0;
padding: 6px 15px 5px 40px;
color: $strong_blue;
border-bottom: 1px $soft_blue solid;
.borderLeft {
padding-left: 20px;
border-left: 1px dotted $soft_blue;
}
}
#additional_navigation {
position: relative;
display: inline-block;
float: left;
width: auto;
margin: 9px 0px 0 0;
background: 0;
a {
span {
padding: 2px 50px 2px 0;
font-size: 12px;
font-weight: 500;
color: $strong_blue;
}
&:hover {
span {
color: $orange;
}
}
span.active {
color: $orange;
background: 0;
}
span.faicon.arrow_back {
padding: 0;
line-height: 0px;
margin-right: 40px;
}
}
}
/*checkboxes dropdown*/
#toggleDataCheckboxes {
cursor: pointer;
position: relative;
display: inline-block;
width: auto;
padding: 2px 40px !important;
margin: 0 0 0 0;
font-weight: 500;
&:hover {
color: $orange !important;
}
span {
margin-right: 3px;
}
}
#toggleDataCheckboxes2 {
cursor: pointer;
margin: 0 0 10px 10px;
color: $strong_blue;
&:hover {
color: $orange !important;
}
.faicon{
vertical-align: -2px;
padding-right: 5px;
}
}
#dataSettingsCheckboxes {
width: calc(100% + 50px);
padding: 10px 10px 18px 20px;
margin: -30px 0 20px -40px;
background-color: $soft_blue_very_lighten;
border-bottom: 1px solid $soft_blue;
#toggleDataCheckboxes {
clear: both;
float: none;
margin: 0 0 10px 0;
span {
margin-bottom: 2px;
}
}
&:not(.paraAnalysisGraph) {
height: 80px;
}
}