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

141 lines
3.0 KiB
Plaintext

/*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;
}