clipbucket/upload/styles/cb_27/theme/assets/css/less/sidebar-min.less

.menu_min() {
	&.sidebar {
		width:@sidebar-min-width;
		&:before {
			width:@sidebar-min-width;
		}
		+ .main-content {
			margin-left:(@sidebar-min-width);
			.breadcrumbs.fixed , .breadcrumbs.breadcrumbs-fixed { left:(@sidebar-min-width); }
		}
	}
	
	.nav-list a {
	  .badge , .label {
		position:relative;
		top:-1px;
		right:auto;
		left:4px;
	  }
	}

	.nav-list .submenu .submenu a {
		.badge , .label {
		top:0;
		}
	}

	
	.nav-list > li {
	  > a {
		position:relative;
		 > .menu-text {
			display:none;
			
			position:absolute;
			left:(@sidebar-min-width - 1);
			top:-2px;
			width:(@sidebar-width - 16);
			height:40px;
			
			line-height:38px;
			background-color:@menumin-bg;
			z-index:121;
			
			.box-shadow(@menumin-shadow);
			border:1px solid @menumin-border;
			
			padding-left:12px;
		}
		&.dropdown-toggle > .menu-text {
			.box-shadow(none);
			border:none;
			top:-1px; left:@sidebar-min-width;
			width:(@sidebar-width - 16);
			border-bottom:1px solid @menumin-text-border;
		}
		.arrow {
			display:none;
		}
		
		&:hover:before {/* the right side border on hover */
			width:2px;
		}
	  }

	 &:hover > a {
		color:@menu-focus-color;
		> .menu-text {
			display:block;
	   }
	 }
	 &.active > a > .menu-text {
		border-left-color:@menu-focus-color;
	 }
	 &.open > a  {
		background-color:@menu-open-bg;
		color:@menu-color;
	 }
	 &.open.active > a  {
		background-color:@menu-active-bg;
	 }
	 &.open:hover > a {
		color:@menu-focus-color;
	 }
	 &.active > a  {
		color:@menu-active-color;
	 }
	 
	 &.active > a:after  { /* the caret */
		border-width:10px 6px;
		top:8px;
	 }
	 &.active.open > a:after {
		display:block;
	 }
	 &.active.open li.active > a:after {
		display:none;
	 }



	 > .submenu {
		background:@submenu-bg;
		position:absolute; z-index:120;
		left:(@sidebar-min-width - 1); top:-2px;

		width:(@sidebar-width - 14);
		border:1px solid @menumin-border;

		.box-shadow(@menumin-shadow);

		padding-top:40px;
		padding-bottom:2px;

		display:none !important;
		
		&:before {
			 /* hide the tree like submenu in minimized mode */
			display:none;
		}
			 
		li {
		  &:before {
			display:none;
		  }
		  
		  > a {
			//border-left:none;
			margin-left:0;
			padding-left:24px;
			> [class*="icon-"]:first-child {
				left:4px;
			}
		  }

		}
	 }



	 &:hover > .submenu {
		display:block !important;
	 }
	 &.active > .submenu {
		border-left-color:@menu-active-color;
	 }
  }



  
  
  //sidebar shortcuts
  .sidebar-shortcuts {
	position:relative;
  }
  .sidebar-shortcuts-mini {
	display:block;
  }
  
  .sidebar-shortcuts-large {
	display:none;
	position:absolute;
	z-index:20;
	top:-1px;
	left:@sidebar-min-width - 1;
	
	width:(@sidebar-width - 8);
	
	padding:0 2px 1px;
	
	background-color:@submenu-bg;
	.box-shadow(@menumin-shadow);
	border:1px solid @menumin-border;
  }
  .sidebar-shortcuts:hover .sidebar-shortcuts-large{
	display:block;
  }

  .sidebar-collapse { /* minimized collapse button */
	&:before {
		left:5px; right:5px;
	}
	> [class*="icon-"] {
		font-size:13px;
		padding:0 4px;
		line-height:15px;

		border-width:1px;
		border-color:darken(@menumin-icon-border, 5%);
	}
  }
  



  .nav-list > li > .submenu {
	li > .submenu > li {
		> a {/*3rd level*/
			margin-left:0px;
			padding-left:30px;
		}
		> .submenu > li > a {/*4th level*/
			margin-left:0px;
			padding-left:45px;
		}
	}

	li.active > a:after {
		display:none;
	}
 }
 
 
 .nav-list li.active.open > .submenu > li.active > a:after {
	display: none;
 }
}




.menu-min {
	.menu_min();
}