1390 lines
26 KiB
CSS
1390 lines
26 KiB
CSS
.nav-tabs.nav-stacked>li>a {
|
|
border:none;
|
|
}
|
|
|
|
.leftmenu .nav-header {
|
|
font-weight: normal;
|
|
font-size: var(--font-size-l);
|
|
padding: 15px 20px;
|
|
text-shadow: none;
|
|
border-bottom: 1px solid #222;
|
|
margin-top: 0;
|
|
color: var(--nav-link-color);
|
|
line-height: 16px;
|
|
}
|
|
|
|
|
|
|
|
.nav li + .nav-header {
|
|
margin-top: 0;
|
|
background: var(--secondary-background);
|
|
}
|
|
|
|
.nav li + .nav-header small {
|
|
text-transform: none;
|
|
color: #999;
|
|
line-height: 12px;
|
|
}
|
|
|
|
.headmenu .project-selector {
|
|
padding: 10px 15px 20px 15px;
|
|
position: relative;
|
|
|
|
}
|
|
|
|
.headmenu .project-selector label {
|
|
display: block;
|
|
clear: both;
|
|
float: none;
|
|
padding-top: 0;
|
|
font-weight:lighter;
|
|
/*font-family: 'RobotoLight', 'Helvetica Neue', Helvetica, sans-serif;*/
|
|
font-size: var(--font-size-l);
|
|
}
|
|
|
|
.headmenu .project-selector .chzn-container {
|
|
width: 100% !important;
|
|
display: block;
|
|
}
|
|
|
|
.headmenu .project-selector .chzn-container .chzn-single {
|
|
color: #555;
|
|
}
|
|
|
|
.headmenu .project-selector .chzn-container .chzn-results li {
|
|
color: #555;
|
|
}
|
|
|
|
.headmenu .project-selector .chzn-container .chzn-results li.highlighted {
|
|
color: var(--nav-link-color);
|
|
}
|
|
|
|
.headmenu .project-selector .chzn-container .chzn-drop {
|
|
width: 100% !important;
|
|
}
|
|
|
|
.headmenu .projectselector .projectListFilter {
|
|
border-bottom:1px solid var(--main-border-color);
|
|
padding:0px 15px;
|
|
}
|
|
|
|
.projectListFilter .fa {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.headmenu .projectselector .projectListFilter select{
|
|
border-color:var(--secondary-background);
|
|
box-shadow:none;
|
|
max-width: 135px;
|
|
margin-top: 6px;
|
|
margin-bottom: 6px;
|
|
margin-right: 10px;
|
|
padding-left: 0px;
|
|
}
|
|
|
|
.headmenu .projectselector .projectListFilter select:hover {
|
|
border-color:var(--main-border-color);
|
|
}
|
|
|
|
.logo {
|
|
width: 170px;
|
|
text-align: center;
|
|
height: 50px;
|
|
padding:7px 5px 5px 5px;
|
|
margin-left: 55px;
|
|
display: block;
|
|
float: left;
|
|
}
|
|
|
|
.logo a {
|
|
width: 220px;
|
|
text-align: center;
|
|
height: 35px;
|
|
background-position: left center;
|
|
display: block;
|
|
background-repeat: no-repeat;
|
|
background-size:contain;
|
|
}
|
|
|
|
.logo a:hover {
|
|
text-decoration:none;
|
|
}
|
|
|
|
a.barmenu {
|
|
position:absolute;
|
|
left:0px;
|
|
margin-top:1px;
|
|
margin-left:20px;
|
|
font-size:20px;
|
|
color: var(--header-nav-link-color) !important;
|
|
cursor:pointer;
|
|
width:30px;
|
|
height:50px;
|
|
line-height:50px;
|
|
z-index:11;
|
|
}
|
|
|
|
a.barmenu.open {
|
|
|
|
}
|
|
|
|
a.barmenu:hover {
|
|
color:var(--header-action-hover-color);
|
|
}
|
|
|
|
|
|
.logo img {
|
|
position: relative;
|
|
height: 50px;
|
|
}
|
|
|
|
.leftmenu {
|
|
flex: 1;
|
|
flex-direction: column;
|
|
height: 100%;
|
|
}
|
|
|
|
.nav {
|
|
|
|
height: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.headmenu .project-selector {
|
|
padding:0;
|
|
min-height:10px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 60px;
|
|
}
|
|
|
|
|
|
/*
|
|
.bigProjectSelector {
|
|
display:block;
|
|
font-weight:normal;
|
|
font-size: var(--font-size-l);
|
|
padding:0 15px;
|
|
line-height:59px;
|
|
height:60px;
|
|
color:var(--project-selector-color);
|
|
background:var(--project-selector-bg);
|
|
border:none;
|
|
overflow: hidden;
|
|
}
|
|
|
|
|
|
|
|
.bigProjectSelector i.fa {
|
|
font-size: var(--base-font-size);
|
|
position: absolute;
|
|
top: 25px;
|
|
right: 10px;
|
|
}
|
|
|
|
.bigProjectSelector .projectAvatar span.fa {
|
|
margin-right:0;
|
|
}
|
|
*/
|
|
|
|
.bigProjectSelector:hover,
|
|
.bigProjectSelector:active,
|
|
.bigProjectSelector:focus {
|
|
text-decoration:none;
|
|
background:var(--project-selector-hover-bg);
|
|
color:var(--project-selector-hover-color);
|
|
}
|
|
|
|
.headmenu .projectselector {
|
|
z-index: 10000000;
|
|
border-radius: var(--box-radius);
|
|
min-width:415px;
|
|
}
|
|
|
|
.headmenu .projectselector li.intro {
|
|
color:var(--primary-font-color);
|
|
padding:10px 15px 20px 15px;
|
|
}
|
|
|
|
.headmenu .projectselector li.intro .title {
|
|
font-size: var(--font-size-l);
|
|
}
|
|
|
|
.headmenu .projectselector li.intro .sub {
|
|
font-size: var(--base-font-size);
|
|
color: var(--secondary-font-color);
|
|
}
|
|
|
|
.headmenu .projectselector li.intro a {
|
|
display:inline;
|
|
padding:0;
|
|
margin:auto;
|
|
}
|
|
|
|
.headmenu .projectselector li.intro a:hover {
|
|
background:var(--secondary-background);
|
|
color:var(--secondary-action-color);
|
|
|
|
}
|
|
|
|
.headmenu .projectselector > li a:hover {
|
|
color:var(--dropdown-link-hover-color);
|
|
}
|
|
|
|
.headmenu .projectselector li.nav-header {
|
|
display: block;
|
|
padding: 3px 15px;
|
|
font-size: var(--base-font-size);
|
|
font-weight: bold;
|
|
line-height: 20px;
|
|
color: var(--secondary-font-color);
|
|
text-transform: uppercase;
|
|
background:var(--secondary-background);
|
|
}
|
|
|
|
.headmenu .projectselector li.nav-header.border {
|
|
border-top:1px solid var(--neutral);
|
|
border-bottom:0;
|
|
padding-top: 10px;
|
|
}
|
|
|
|
.headmenu .projectselector li span.info {
|
|
color:var(--primary-font-color);
|
|
padding: 10px 15px;
|
|
display: block;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
|
|
.leftmenu .nav-tabs.nav-stacked .dropdown ul li.active a {
|
|
color: var(--nav-link-color);
|
|
}
|
|
|
|
.leftmenu .nav-tabs.nav-stacked .dropdown ul li a:hover {
|
|
text-decoration: none;
|
|
background-color: #555;
|
|
color: var(--nav-link-color);
|
|
}
|
|
|
|
.headmenu .project-selector .chzn-container a {
|
|
padding: 0 20px;
|
|
}
|
|
|
|
.projectselector .projectAvatar {
|
|
width:30px;
|
|
height:30px;
|
|
font-size:14px;
|
|
line-height:30px;
|
|
text-align:center;
|
|
background:var(--primary-font-color);
|
|
color:var(--main-action-color);
|
|
display:inline-block;
|
|
border-radius:var(--box-radius-small);
|
|
background:var(--element-gradient);
|
|
}
|
|
|
|
.headmenu .projectselector .projectAvatar img {
|
|
width:30px;
|
|
height:30px;
|
|
border-radius:var(--box-radius-small);
|
|
}
|
|
|
|
.headmenu .projectselector .projectAvatar .fa {
|
|
font-weight:900;
|
|
color: var(--header-nav-link-color);
|
|
margin-right:0;
|
|
}
|
|
|
|
.leftmenu .nav-tabs.nav-stacked a {
|
|
color: #555;
|
|
padding: 10px 20px 10px 20px;
|
|
font-size: var(--font-size-l);
|
|
}
|
|
|
|
.leftmenu .nav-tabs.nav-stacked {
|
|
}
|
|
|
|
.leftmenu .nav-tabs.nav-stacked a span {
|
|
margin-right: 5px;
|
|
}
|
|
|
|
|
|
|
|
.leftmenu .nav-tabs.nav-stacked > li.dropdown ul {
|
|
display: none;
|
|
}
|
|
|
|
.leftmenu .nav-tabs.nav-stacked > li.dropdown ul.submenu li a{
|
|
margin-left:15px;
|
|
padding-left:14px;
|
|
border-left:0px dotted var(--main-border-color);
|
|
position:relative;
|
|
}
|
|
|
|
.leftmenu .nav-tabs.nav-stacked > li.dropdown li.submenuToggle {
|
|
margin-top:0;
|
|
}
|
|
|
|
.leftmenu .nav-tabs.nav-stacked > li.dropdown li.submenuToggle:first-child {
|
|
margin-top:0;
|
|
}
|
|
|
|
.leftmenu .nav-tabs.nav-stacked > li.dropdown li.submenuToggle a{
|
|
font-size: var(--font-size-s);
|
|
text-transform: uppercase;
|
|
padding: 10px 5px 10px 10px;
|
|
}
|
|
|
|
.leftmenu .nav-tabs.nav-stacked > li.dropdown li.submenuToggle a:has(.fa-angle-right){
|
|
}
|
|
|
|
.leftmenu .nav-tabs.nav-stacked > li.dropdown li.submenuToggle a strong {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
|
|
.leftmenu .nav-tabs.nav-stacked > li.dropdown li.title a {
|
|
font-size: var(--font-size-xs);
|
|
text-transform: uppercase;
|
|
padding: 15px 5px 5px 25px;
|
|
}
|
|
|
|
.leftmenu .nav-tabs.nav-stacked > li.dropdown li.title a:hover {
|
|
background:transparent;
|
|
border-color:transparent;
|
|
color:var(--main-menu-link-color);
|
|
cursor:default;
|
|
}
|
|
|
|
.showMenuIndicator::after {
|
|
content: '';
|
|
display: inline-block;
|
|
width: 8px;
|
|
height: 8px;
|
|
background: var(--red);
|
|
border-radius: 50%;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.leftmenu .nav-tabs.nav-stacked > li.dropdown > a {
|
|
background-repeat: no-repeat;
|
|
background-position: right 19px;
|
|
}
|
|
|
|
.leftmenu .nav-tabs.nav-stacked .dropdown ul li a {
|
|
display: block;
|
|
font-size: var(--base-font-size);
|
|
padding: 10px 15px 10px 15px;
|
|
color: var(--nav-link-color);
|
|
border-radius:var(--box-radius-large);
|
|
position:relative;
|
|
}
|
|
|
|
.leftmenu .nav-tabs.nav-stacked .dropdown ul li.active a {
|
|
background: var(--main-menu-link-hover-bg);
|
|
|
|
}
|
|
|
|
.leftmenu .nav-tabs.nav-stacked .dropdown ul li a:hover {
|
|
text-decoration: none;
|
|
background:var(--main-menu-link-hover-bg);
|
|
}
|
|
|
|
.fixedMenuPoint {
|
|
position:fixed;
|
|
width:215px;
|
|
bottom:0;
|
|
padding-bottom: 10px;
|
|
list-style: none;
|
|
left: 10px;
|
|
}
|
|
|
|
|
|
.nav-tabs {
|
|
border-color: var(--primary-color);
|
|
}
|
|
|
|
.nav-tabs > .active > a,
|
|
.nav-tabs > .active > a:hover,
|
|
.nav-tabs > .active > a:focus {
|
|
border-color: var(--primary-color);
|
|
}
|
|
|
|
.nav-tabs > li > a {
|
|
-moz-border-radius: 0;
|
|
-webkit-border-radius: 0;
|
|
border-radius: 0;
|
|
}
|
|
|
|
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
|
|
border-color: var(--primary-color);
|
|
background: var(--primary-color);
|
|
color: var(--nav-link-color);
|
|
}
|
|
|
|
.nav-tabs li.separator {
|
|
border-bottom:0px dashed var(--main-border-color);
|
|
border-bottom-style: wave;
|
|
height:5px;
|
|
margin-bottom:5px;
|
|
}
|
|
|
|
.nav-tabs li .submenuCaret {
|
|
width: 20px;
|
|
float: right;
|
|
margin-top: 5px;
|
|
margin-right: 5px;
|
|
height: 20px;
|
|
line-height: 20px;
|
|
text-align: center;
|
|
border-radius:var(--element-radius);
|
|
}
|
|
|
|
.nav-tabs li .submenuCaret:hover {
|
|
background: var(--light-layered-background);
|
|
}
|
|
|
|
.headmenu {
|
|
list-style: none;
|
|
}
|
|
|
|
.headmenu .dropdown-menu {
|
|
margin: 0;
|
|
}
|
|
|
|
|
|
.headmenu .dropdown-menu a span {
|
|
margin-right:10px;
|
|
}
|
|
|
|
.headmenu .dropdown-menu a .label.feature-label {
|
|
margin-top:0px;
|
|
}
|
|
|
|
/*.header .nav-header {*/
|
|
/* text-shadow: none;*/
|
|
/* text-transform: none;*/
|
|
/* font-weight: normal;*/
|
|
/* color:var(--primary-font-color);*/
|
|
/*}*/
|
|
|
|
.headmenu .dropdown-menu::after {
|
|
position: absolute;
|
|
top: -6px;
|
|
left: 45px;
|
|
display: inline-block;
|
|
border-right: 6px solid transparent;
|
|
border-bottom: 6px solid white;
|
|
border-left: 6px solid transparent;
|
|
content: '';
|
|
}
|
|
|
|
.headmenu .dropdown-menu.pull-right::after {
|
|
left: auto;
|
|
right:15px;
|
|
}
|
|
|
|
.headmenu > li {
|
|
display: inline-block;
|
|
float: left;
|
|
font-size: var(--base-font-size);
|
|
position: relative;
|
|
height: 50px;
|
|
}
|
|
|
|
.headmenu > li:first-child {
|
|
}
|
|
|
|
.headmenu > li.right {
|
|
float: right;
|
|
}
|
|
|
|
.headmenu > li > a {
|
|
min-width: 40px;
|
|
position: relative;
|
|
display: block;
|
|
color: var(--header-nav-link-color);
|
|
line-height: 50px;
|
|
cursor: pointer;
|
|
padding: 0 15px;
|
|
}
|
|
|
|
.headmenu > li > a.active,
|
|
.headmenu > li > a:hover {
|
|
text-decoration: none;
|
|
color: var(--header-nav-link-color);
|
|
background: rgba(255, 255, 255, 0.2);
|
|
}
|
|
|
|
.headmenu > li > a .count {
|
|
position: absolute;
|
|
top: 5px;
|
|
right: 10px;
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.headmenu > li > a:hover .count, .headmenu > li.open > a .count {
|
|
opacity: 1;
|
|
}
|
|
|
|
.headmenu > li > a .headmenu-label {
|
|
text-align: left;
|
|
padding-left:10px;
|
|
}
|
|
|
|
.headmenu > li > a:hover .headmenu-label, .headmenu > li.open > a .headmenu-label {
|
|
opacity: 1;
|
|
}
|
|
|
|
.head-icon {
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.headmenu > li > a .head-icon {
|
|
font-size: var(--base-font-size);
|
|
line-height: 50px;
|
|
padding-right:0;
|
|
}
|
|
|
|
.headmenu > li > a:hover .head-icon, .headmenu > li.open a .head-icon {
|
|
opacity: 1;
|
|
}
|
|
|
|
.headmenu-label {
|
|
|
|
}
|
|
|
|
.leftmenu .nav li.dropdown {
|
|
overflow: auto;
|
|
display: flex;
|
|
flex-flow: column;
|
|
flex: 1;
|
|
padding-bottom: 100px;
|
|
}
|
|
|
|
.leftmenu .nav li.dropdown > ul {
|
|
display:block;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.leftmenu .nav-tabs.nav-stacked.collapsedMenu > li.dropdown ul.submenu li a {
|
|
padding-left: 0;
|
|
}
|
|
|
|
.leftmenu .nav-tabs.nav-stacked.collapsedMenu .bigProjectSelector {
|
|
display: block;
|
|
font-weight: normal;
|
|
font-size: var(--font-size-l);
|
|
padding:0;
|
|
line-height: 46px;
|
|
height: 51px;
|
|
width: 68px;
|
|
border-bottom:1px solid var(--neutral);
|
|
text-align: center;
|
|
color: var(--project-selector-color);
|
|
background: var(--project-selector-bg);
|
|
}
|
|
|
|
.leftmenu .nav-tabs.nav-stacked.collapsedMenu .bigProjectSelector:hover {
|
|
background: var(--project-selector-hover-bg);
|
|
color: var(--project-selector-hover-color);
|
|
}
|
|
|
|
.leftmenu .nav-tabs.nav-stacked.collapsedMenu .bigProjectSelector i.fa {
|
|
font-size: var(--base-font-size);
|
|
padding-left: 0;
|
|
float: none;
|
|
margin-top: 0;
|
|
}
|
|
|
|
.leftmenu .nav-tabs.nav-stacked.collapsedMenu .fixedMenuPoint {
|
|
width:68px;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.leftmenu .projectselector::after {
|
|
position: absolute;
|
|
top: 30px;
|
|
left: -9px;
|
|
transform: rotate(-90deg);
|
|
display: inline-block;
|
|
border-right: 6px solid transparent;
|
|
border-bottom: 6px solid white;
|
|
border-left: 6px solid transparent;
|
|
content: '';
|
|
}
|
|
|
|
.projectselector {
|
|
}
|
|
|
|
.projectselector .projectSelectorFooter {
|
|
border-top:1px solid var(--main-border-color);
|
|
}
|
|
|
|
.projectselector .projectSelectorFooter li a {
|
|
display: block;
|
|
padding-left: 15px;
|
|
}
|
|
|
|
.projectselector li a{
|
|
color:var(--primary-font-color);
|
|
font-size: var(--base-font-size);
|
|
margin: 0;
|
|
padding: 10px 20px;
|
|
}
|
|
|
|
.projectselector li.active > a {
|
|
background-image:none;
|
|
background:var(--main-menu-link-active-bg);
|
|
color:var(--main-menu-link-active-color);
|
|
font-weight:bold;
|
|
}
|
|
|
|
|
|
.headmenu .projectselector .head {
|
|
padding:15px;
|
|
color:var(--primary-font-color);
|
|
}
|
|
|
|
.headmenu .projectselector .head .searchBar {
|
|
float: right;
|
|
padding-top: 5px;
|
|
}
|
|
|
|
|
|
.headmenu .projectselector .head .title {
|
|
font-size: var(--font-size-xxl);
|
|
}
|
|
|
|
/* Project Selection Tabs and container */
|
|
.projectselector .tab-primary.ui-tabs .ui-tabs-nav {
|
|
padding:0px;
|
|
border-radius:0px;
|
|
}
|
|
|
|
.projectselector ul.tabs li a {
|
|
padding: 0 15px;
|
|
margin-left: 0px;
|
|
}
|
|
|
|
.projectselector .ui-tabs-panel {
|
|
padding:0;
|
|
}
|
|
|
|
.projectselector .scrollingTab {
|
|
padding:0;
|
|
height:calc(100vh - 310px);
|
|
overflow:auto;
|
|
}
|
|
|
|
/* Project Selection Lists */
|
|
.projectselector ul.selectorList {
|
|
padding-top:3px;
|
|
padding-left: 0;
|
|
}
|
|
|
|
|
|
.projectselector ul.selectorList.last {
|
|
padding-left:0;
|
|
}
|
|
|
|
.projectselector ul.selectorList li{
|
|
display:block;
|
|
padding:0;
|
|
list-style-type: none;
|
|
position:relative;
|
|
cursor:pointer;
|
|
}
|
|
|
|
.projectselector ul.selectorList li.nav-header {
|
|
border-color:transparent;
|
|
font-size: var(--base-font-size);
|
|
text-transform: none;
|
|
padding:5px 0 5px 15px;
|
|
display:block;
|
|
border-bottom:1px dotted var(--main-border-color);
|
|
}
|
|
|
|
.projectselector ul.selectorList li.projectLineItem ul.projectGroup {
|
|
clear:both;
|
|
display:block;
|
|
border-left:1px dotted var(--grey);
|
|
}
|
|
|
|
.projectselector ul.selectorList li.projectLineItem ul.projectGroup:hover {
|
|
border-left:1px dotted var(--grey);
|
|
}
|
|
|
|
.projectselector ul.selectorList li.projectLineItem ul.projectGroup[class*=level-] {
|
|
margin-left: 13px;
|
|
margin-top: 0px;
|
|
}
|
|
|
|
.projectselector ul.selectorList li.projectLineItem ul.projectGroup.level-0,
|
|
.projectselector ul.selectorList li.projectLineItem ul.projectGroup.level-1{
|
|
margin-left: 18px;
|
|
}
|
|
|
|
.projectselector ul.selectorList li.projectLineItem ul.projectGroup.closed {
|
|
display:none;
|
|
}
|
|
|
|
.projectselector ul.selectorList li.projectLineItem ul.projectGroup.open {
|
|
display:inherit;
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Individual project links */
|
|
.projectselector ul.selectorList li.projectLineItem a {
|
|
line-height:30px;
|
|
min-height:50px;
|
|
padding-left:15px;
|
|
display: block;
|
|
}
|
|
|
|
.projectselector ul.selectorList li.projectLineItem.hasSubtitle a .projectName {
|
|
display: block;
|
|
float: left;
|
|
line-height: 12px;
|
|
width: 80%;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
height: 30px;
|
|
text-wrap: nowrap;
|
|
}
|
|
|
|
.projectselector ul.selectorList li.projectLineItem.hasSubtitle a small {
|
|
font-size:var(--font-size-xs);
|
|
opacity:0.5;
|
|
}
|
|
|
|
.projectselector ul.selectorList li.projectLineItem .projectAvatar {
|
|
height:30px;
|
|
width:30px;
|
|
display:block;
|
|
float:left;
|
|
margin-right:10px;
|
|
|
|
border-radius:5px;
|
|
}
|
|
|
|
.projectselector ul.selectorList li .fas {
|
|
|
|
padding-right:10px;
|
|
padding-top:5px;
|
|
}
|
|
|
|
|
|
|
|
.projectselector ul.selectorList li:hover > a,
|
|
.projectselector ul.selectorList li.activeChild > a{
|
|
background:var(--neutral);
|
|
color:var(--main-menu-link-active-color);
|
|
|
|
}
|
|
|
|
.projectselector ul.selectorList li:hover li a {
|
|
border-radius: 0 0 0 10px;
|
|
}
|
|
|
|
.projectselector ul.selectorList li.nav-header:hover {
|
|
background:none;
|
|
}
|
|
|
|
|
|
.projectselector ul.selectorList li.border {
|
|
border-top:1px dotted var(--neutral);
|
|
}
|
|
|
|
.projectselector ul.selectorList li.nav-header,
|
|
.projectselector ul.selectorList li.fixedBottom {
|
|
display:block;
|
|
}
|
|
|
|
.projectselector ul.selectorList li.fixedBottom {
|
|
position:absolute;
|
|
width: 240px;
|
|
bottom:0;
|
|
display:block;
|
|
|
|
}
|
|
|
|
.projectselector ul.selectorList.projectList li.projectLineItem .toggler {
|
|
float: left;
|
|
line-height: 20px;
|
|
width: 18px;
|
|
padding: 0;
|
|
text-align: center;
|
|
margin-left: 9px;
|
|
margin-right: 3px;
|
|
margin-top: 15px;
|
|
border-radius: 5px;
|
|
min-height: 20px;
|
|
}
|
|
|
|
.projectselector ul.selectorList.projectList li.projectLineItem .projectGroup .toggler {
|
|
margin-left:5px;
|
|
}
|
|
|
|
.projectselector ul.selectorList.projectList li.projectLineItem .toggler:hover {
|
|
background:var(--col-hover-bg);
|
|
}
|
|
|
|
.projectselector ul.selectorList.projectList li.projectLineItem .favoriteIcon {
|
|
float:right;
|
|
line-height:30px;
|
|
width:30px;
|
|
color:var(--neutral) !important;
|
|
padding-left:10px;
|
|
margin-right:10px;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* Header Navigation */
|
|
|
|
.header .userloggedinfo img {
|
|
background-color: #fff;
|
|
width: auto !important;
|
|
max-height: 30px;
|
|
max-width: 30px;
|
|
border-radius: 50%;
|
|
border: 1px solid white;
|
|
margin-top:10px;
|
|
}
|
|
|
|
.header .userloggedinfo img.logo {
|
|
border-radius:0px;
|
|
border:0px;
|
|
background:transparent;
|
|
max-width: none;
|
|
max-height: 18px;
|
|
margin: 0px;
|
|
margin-top: 17px;
|
|
padding: 0px;
|
|
margin-right: 5px;
|
|
margin-left:10px;
|
|
}
|
|
|
|
|
|
.userloggedinfo {
|
|
color: var(--nav-link-color);
|
|
float: right;
|
|
position:relative;
|
|
}
|
|
|
|
.userloggedinfo img {
|
|
height: 40px;
|
|
float: left;
|
|
}
|
|
|
|
.userloggedinfo .userinfo {
|
|
float: left;
|
|
}
|
|
|
|
.userloggedinfo .userinfo a.profileHandler {
|
|
color: var(--header-nav-link-color);
|
|
padding:0 5px 0 5px;
|
|
height:50px;
|
|
line-height:50px;
|
|
display: block;
|
|
margin-right:15px;
|
|
}
|
|
|
|
.userloggedinfo .userinfo small {
|
|
font-size: var(--base-font-size);
|
|
opacity: 0.6;
|
|
color: var(--nav-link-color);
|
|
font-style: italic;
|
|
}
|
|
|
|
.userloggedinfo .dropdown-menu
|
|
{
|
|
right:7px;
|
|
left:auto;
|
|
}
|
|
|
|
.userloggedinfo .dropdown-menu::after{
|
|
position: absolute;
|
|
top: -6px;
|
|
right: 28px;
|
|
left:auto;
|
|
display: inline-block;
|
|
border-right: 6px solid transparent;
|
|
border-bottom: 6px solid white;
|
|
border-left: 6px solid transparent;
|
|
content: '';
|
|
}
|
|
|
|
.appsDropdown .dropdown-menu {
|
|
right:-10px;
|
|
left:auto;
|
|
}
|
|
|
|
.appsDropdown .dropdown-menu:after {
|
|
right:30px;
|
|
top:-6px;
|
|
left:auto;
|
|
}
|
|
|
|
#notificationsDropdown .scroll-wrapper {
|
|
height:calc(100vh - 100px);
|
|
}
|
|
|
|
.notificationDropdown .dropdown-menu {
|
|
right: -15px;
|
|
left: auto;
|
|
min-width:375px;
|
|
}
|
|
|
|
.notificationDropdown .dropdown-menu:after {
|
|
right:30px;
|
|
top:-6px;
|
|
left:auto;
|
|
}
|
|
|
|
.notificationDropdown span.notificationCounter {
|
|
position: absolute;
|
|
top: 10px;
|
|
right: 5px;
|
|
height: 15px;
|
|
width: 15px;
|
|
background: var(--red);
|
|
border-radius: 10px;
|
|
line-height: 15px;
|
|
text-align: center;
|
|
font-size: var(--font-size-xs);
|
|
}
|
|
|
|
.userloggedinfo ul {
|
|
list-style: none;
|
|
margin-top:-1px;
|
|
}
|
|
|
|
.notificationDropdown .dropdown-menu li.new {
|
|
border-left:5px solid var(--primary-color);
|
|
font-weight:bold;
|
|
}
|
|
|
|
.notificationDropdown .dropdown-menu li {
|
|
padding:10px;
|
|
margin-bottom:1px;
|
|
list-style-type:none;
|
|
}
|
|
|
|
.notificationDropdown .dropdown-menu li:hover {
|
|
cursor:pointer;
|
|
background:var(--main-menu-link-hover-bg);
|
|
}
|
|
|
|
.notificationDropdown .dropdown-menu li a:hover {
|
|
cursor:pointer;
|
|
background:var(--main-menu-link-hover-bg);
|
|
}
|
|
|
|
.notificationDropdown .dropdown-menu li .notificationProfileImage img {
|
|
border-radius: 50%;
|
|
width: 30px;
|
|
height: 30px;
|
|
border: 1px solid var(--main-border-color);
|
|
float:left;
|
|
margin-right:10px;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.notificationDropdown .dropdown-menu li .notificationTitle {
|
|
font-size:var(--base-font-size);
|
|
display:block;
|
|
}
|
|
|
|
.notificationDropdown .dropdown-menu li .notificationDate {
|
|
font-size:var(--font-size-s);
|
|
font-style: italic;
|
|
color:var(--primary-font-color);
|
|
}
|
|
|
|
.notificationDropdown .notifcationTabs.active{
|
|
font-weight:bold;
|
|
|
|
}
|
|
|
|
|
|
|
|
.userloggedinfo ul li,
|
|
.appsDropdown ul li{
|
|
font-size: var(--base-font-size);
|
|
line-height: normal;
|
|
margin-bottom: 1px;
|
|
}
|
|
|
|
.userloggedinfo ul li a,
|
|
.appsDropdown ul li a{
|
|
line-height: normal;
|
|
padding:10px 20px;
|
|
}
|
|
|
|
.userloggedinfo ul li.border,
|
|
.appsDropdown ul li.border{
|
|
border-top:1px solid var(--neutral);
|
|
}
|
|
|
|
.userloggedinfo ul li.nav-header,
|
|
.appsDropdown ul li.nav-header{
|
|
padding:10px;
|
|
}
|
|
|
|
.userloggedinfo ul li a span,
|
|
.appsDropdown ul li a span{
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.userloggedinfo ul li a:hover,
|
|
.appsDropdown ul li a:hover{
|
|
text-decoration: none;
|
|
|
|
}
|
|
|
|
.userloggedinfo a,
|
|
.appsDropdown a{
|
|
color: var(--secondary-action-color);
|
|
}
|
|
|
|
|
|
|
|
.userloggedinfo a:hover {
|
|
background: rgba(255, 255, 255, 0.2);
|
|
color: var(--nav-link-color);
|
|
text-decoration: none;
|
|
}
|
|
|
|
.submenuCaret {
|
|
|
|
}
|
|
|
|
.headmenu .dropdown-menu a span.notificationProfileImage {
|
|
margin-right:0;
|
|
}
|
|
|
|
|
|
.scrollableMenu {
|
|
height:calc(100% - 60px);
|
|
overflow:auto;
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Left Nav collapsed + + + + + + + + + + + + + + + + + */
|
|
|
|
.mainwrapper.menuclosed .barmenu {}
|
|
|
|
.mainwrapper.menuclosed .rightpanel {
|
|
}
|
|
|
|
|
|
.mainwrapper.menuclosed .primaryContent {
|
|
padding-left:10px;
|
|
}
|
|
|
|
.mainwrapper.menuclosed .headmenu {
|
|
margin-left:98px;
|
|
|
|
}
|
|
|
|
.mainwrapper.menuclosed .headmenu .headmenu-label {
|
|
display:none;
|
|
}
|
|
|
|
.mainwrapper.menuclosed .logo {
|
|
|
|
|
|
}
|
|
.mainwrapper.menuclosed .leftpanel {
|
|
width:40px;
|
|
}
|
|
|
|
.mainwrapper.menuclosed .leftpanel .submenu {
|
|
display:block !important;
|
|
}
|
|
|
|
.mainwrapper.menuclosed .leftpanel .submenuToggle {
|
|
display:none;
|
|
}
|
|
|
|
.mainwrapper.menuclosed .leftpanel .leftmenu .nav-tabs.nav-stacked > li.dropdown a {
|
|
font-size: 0px;
|
|
padding: 12px 0px 8px 0;
|
|
width: 39px;
|
|
text-align: center;
|
|
display: block;
|
|
line-height: 13px;
|
|
margin-left: 0px;
|
|
margin-bottom:2px;
|
|
}
|
|
|
|
.mainwrapper.menuclosed .leftmenu .nav-tabs.nav-stacked a span {
|
|
margin-right:0px;
|
|
}
|
|
|
|
.mainwrapper.menuclosed .leftpanel .leftmenu .nav-tabs.nav-stacked > li.dropdown a span{
|
|
font-size: var(--base-font-size);
|
|
}
|
|
|
|
.mainwrapper.menuclosed .bigProjectSelector i.fa {
|
|
display:none;
|
|
}
|
|
|
|
.mainwrapper.menuclosed .bigProjectSelector {
|
|
font-size: 0;
|
|
width:auto;
|
|
}
|
|
|
|
.mainwrapper.menuclosed .bigProjectSelector .fa {
|
|
font-size:var(--font-size-l);
|
|
}
|
|
|
|
.mainwrapper.menuclosed .bigProjectSelector > .projectAvatar {
|
|
float:none;
|
|
margin: 10px 0 0;
|
|
}
|
|
|
|
.mainwrapper.menuclosed .leftmenu .projectselector {
|
|
left:73px;
|
|
}
|
|
|
|
.mainwrapper.menuclosed .leftmenu .nav-tabs.nav-stacked .dropdown ul li.active a {
|
|
|
|
}
|
|
|
|
.mainwrapper.menuclosed .leftmenu .fixedMenuPoint {
|
|
width:68px;
|
|
}
|
|
|
|
.mainwrapper.menuclosed .leftpanel .leftmenu .nav-tabs.nav-stacked > li.dropdown a span.feature-label {
|
|
font-size:0;
|
|
display:none;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* Left Nav expanded + + + + + + + + + + + + + + + + + */
|
|
|
|
.mainwrapper.menuopen .barmenu {
|
|
|
|
}
|
|
.mainwrapper.menuopen .rightpanel {
|
|
margin-left:0px;
|
|
}
|
|
.mainwrapper.menuopen .header {
|
|
margin-left: 0;
|
|
width: 100%;
|
|
}
|
|
.mainwrapper.menuopen .logo {
|
|
display:block;
|
|
float:left;
|
|
}
|
|
.mainwrapper.menuopen .leftpanel {
|
|
width:215px;
|
|
margin-left:10px;
|
|
}
|
|
|
|
.mainwrapper.menuopen .leftpanel .submenu.closed {
|
|
display:none;
|
|
}
|
|
|
|
.mainwrapper.menuopen .leftpanel .submenu.open {
|
|
display:block;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* New horizontal content tab nav */
|
|
|
|
/* The horizontal tab-nav band that lived here was retired 2026-08-03 —
|
|
all horizontal tab navs use the floating pill standard in tab-group.css
|
|
(.lt-tabs--floating / --links). */
|
|
|
|
|
|
.headerinner .bigProjectSelector {
|
|
width:270px;
|
|
overflow:hidden;
|
|
height: 50px;
|
|
}
|
|
|
|
.headerinner .bigProjectSelector > .fa-caret-down {
|
|
float:right;
|
|
padding-top:17px;
|
|
}
|
|
|
|
.headerinner .bigProjectSelector .projectAvatar img{
|
|
max-height:30px;
|
|
margin:10px 5px 0px 0px;
|
|
border-radius:3px;
|
|
float:left;
|
|
}
|
|
|
|
.headerinner .bigProjectSelector .projectAvatar .fa {
|
|
width: 30px;
|
|
height: 30px;
|
|
font-size: 14px;
|
|
line-height: 30px;
|
|
text-align: center;
|
|
background: var(--header-gradient);
|
|
border-radius: var(--element-radius);
|
|
margin-right: 5px;
|
|
}
|
|
|
|
|
|
|
|
.navbar {
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.navbar-inner {
|
|
border-color: #ccc;
|
|
background: #f7f7f7;
|
|
}
|
|
|
|
.navbar .brand {
|
|
font-size: var(--font-size-l);
|
|
font-weight: bold;
|
|
}
|
|
|
|
.navbar .nav > li {
|
|
border-left: 1px solid #ccc;
|
|
}
|
|
|
|
.navbar .nav > li:last-child {
|
|
border-right: 1px solid #ccc;
|
|
}
|
|
|
|
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
|
|
background: #fff;
|
|
}
|
|
|
|
.navbar .nav > li > a {
|
|
padding: 11px 15px;
|
|
font-size: var(--base-font-size);
|
|
font-weight: normal;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.navbar .nav > li > a:hover {
|
|
background: #f3f4f5;
|
|
}
|
|
|
|
.navbar .nav li.dropdown.open > .dropdown-toggle,
|
|
.navbar .nav li.dropdown.active > .dropdown-toggle,
|
|
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
|
|
background: #fff;
|
|
}
|
|
|
|
.navbar .navbar-search.pull-right .search-query {
|
|
margin-right: -15px;
|
|
}
|
|
|
|
.navbar .navbar-search.pull-left .search-query {
|
|
margin-left: -15px;
|
|
}
|
|
|
|
.navbar .navbar-form.pull-right {
|
|
margin-right: -15px;
|
|
}
|
|
|
|
.navbar .navbar-form.pull-left {
|
|
margin-left: -15px;
|
|
}
|
|
|
|
.navbar .navbar-form input {
|
|
width: 168px;
|
|
}
|
|
|
|
.navbar-inverse .navbar-inner {
|
|
background: #222;
|
|
}
|
|
|
|
.navbar-inverse .nav > .active > a,
|
|
.navbar-inverse .nav > .active > a:hover,
|
|
.navbar-inverse .nav > .active > a:focus {
|
|
background: #111;
|
|
}
|
|
|
|
.navbar-inverse .nav > li, .navbar-inverse .nav > li:last-child {
|
|
border-color: #373737;
|
|
}
|
|
|
|
.navbar-inverse .nav > li > a:hover {
|
|
background: #171717;
|
|
}
|
|
|
|
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
|
|
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
|
|
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
|
|
background: #171717;
|
|
}
|
|
|
|
.navbar-search .search-query {
|
|
-moz-border-radius: 0;
|
|
-webkit-border-radius: 0;
|
|
border-radius: 0;
|
|
}
|
|
|
|
.navbar-form .btn {
|
|
padding: 4px 10px;
|
|
font-size: var(--base-font-size);
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.new-indicator {
|
|
position: absolute;
|
|
top: 7px;
|
|
right: 2px;
|
|
box-shadow: var(--min-shadow);
|
|
height: 10px;
|
|
width: 10px;
|
|
background: var(--blue);
|
|
border-radius: 10px;
|
|
line-height: 10px;
|
|
text-align: center;
|
|
font-size: var(--font-size-xs);
|
|
}
|
|
|
|
.onboarding-checklist {
|
|
position: fixed;
|
|
bottom:0px;
|
|
left:0px;
|
|
padding:0px 0px 20px 20px;
|
|
width:195px;
|
|
}
|
|
|
|
.onboarding-checklist h3 {
|
|
font-size: var(--font-size-l);
|
|
font-weight:normal;
|
|
margin-bottom:10px;
|
|
}
|
|
|
|
.onboarding-checklist ul li {
|
|
list-style: none;
|
|
margin-bottom:5px;
|
|
}
|