orbit-basic/app/assets/stylesheets/sidebar.css.erb

/*sidebar*/

#back_sidebar {
	left: 0;
	position: fixed;
	top: 0;
	width: 160px;
}

#back_sidebar h1 {
    background: url(<%= asset_path "h1_bg.png" %>) repeat-x scroll left top transparent;
    border-bottom: 1px solid #1B1B1B;
    border-top: 1px solid #424344;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: normal;
    height: 40px;
    line-height: 40px;
    margin: 0;
    padding-left: 10px;
    text-shadow: 0 -1px 0 #000000;
}
#back_sidebar .list {
	background:url(<%= asset_path "line.png" %>) repeat-x left bottom;
	color:#fff;
	font-size:12px;
	margin:0;
	padding:0;
}
#back_sidebar .list li {
	background:url(<%= asset_path "sidebar_li.jpg" %>) repeat-x left top;
	border-top:1px solid #424344;
	border-bottom:1px solid #000000;
	list-style:none;
}
#back_sidebar .list li:hover {
	background-position:left bottom;
	border-top:1px solid #406cc3;
	border-bottom:1px solid #242628;
}
#back_sidebar .list li a {
	display: block;
    padding: 7px 0 6px 12px;
	color:#c4c4c4;
}
#back_sidebar .list li a span {
	background:url(<%= asset_path "add_mamber.png" %>) left top no-repeat;
	text-shadow: 0px 1px 0px #000;
	line-height: 18px;
	padding: 2px 0 1px 35px;
}
#back_sidebar .list li a:hover span {
	background-position:left bottom;
	color:#eeeeee;
}
#back_sidebar .list li ul{
	padding:0 0 0 15px;
}
#back_sidebar .list li ul ul{
	padding:0;
}
#back_sidebar .users .list .set_1 {
	background-position:left bottom;
	border-top:1px solid #406cc3;
	border-bottom:1px solid #242628;
}
#back_sidebar .users .list .set_1 a span {
	background-position:left bottom;
	color:#eeeeee;
}
#back_sidebar .roles .list .set_2 {
	background-position:left bottom;
	border-top:1px solid #406cc3;
	border-bottom:1px solid #242628;
}
#back_sidebar .roles .list .set_2 a span {
	background-position:left bottom;
	color:#eeeeee;
}
#sidebar .infos .list .set_3 {
	background-position:left bottom;
	border-top:1px solid #406cc3;
	border-bottom:1px solid #242628;
}
#sidebar .infos .list .set_3 a span {
	background-position:left bottom;
	color:#eeeeee;
}
#sidebar .translations_setup {
	margin-top: 42px;
}


#main-sidebar{
	left:0;
}
#main-sidebar .list{
}
#main-sidebar li{
	position:relative;
}
#main-sidebar li a{
    border-bottom: 1px solid #CCCCCC;
    display: block;
    padding: 10px 0 10px 10px;
}
#main-sidebar ul ul li a{
    padding: 10px 0 10px 20px;
}
#main-sidebar li:hover .quick-edit{
	display:block;
}
#main-sidebar .quick-edit{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 5px 5px 5px 5px;
    display: none;
    margin:-3px 0 0 3px;
    padding: 3px;
    z-index:1;
}
#main-sidebar .quick-edit:after{
    content: "."; 
    display: block;
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#main-sidebar .quick-edit a{
    border-bottom: medium none;
    border-radius: 5px 5px 5px 5px;
    font-size:12px;
    float: left;
    margin: 0 3px 0 0;
    padding: 3px;
}

#main-sidebar .quick-edit a:hover{
    background: none repeat scroll 0 0 #EEEEEE;
    border-bottom:none;
}