#sideset .item-groups.sortable { list-style: none; margin: 0; padding: 0 10px; border: 1px solid #d4d4d4; background-color: rgb(236, 236, 236); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #sideset .item-groups.sortable ol, #sideset .item-groups.sortable ul { list-style: none; } #sideset .item-groups.sortable .navbar { margin-bottom: 15px; } #sideset .item-groups.sortable > .navbar { margin: -1px -11px 10px; } #sideset .item-groups.sortable .navbar .nav > li > a, #sideset .item-groups.sortable .navbar .brand { padding: 10px; } #sideset .item-groups.sortable .navbar .item-title { color: #777777; padding: 0 10px; position: relative; line-height: 3.5em; display: inline-block; float: left; } #sideset .item-groups.sortable .navbar .item-title:hover { } #sideset .item-groups.sortable .navbar .item-title a:hover { text-decoration: none; } /*#sideset .item-groups.sortable .navbar .active .item-title>a { max-width: 70px; display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }*/ #sideset .item-groups.sortable .navbar .item-title .item-menu a { display: inline-block; padding: 3px 5px; clear: both; font-weight: normal; line-height: 20px; color: #333333; white-space: nowrap; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #sideset .item-groups.sortable .navbar .item-title .item-menu a:hover, #sideset .item-groups.sortable .navbar .item-title .item-menu a:focus, #sideset .item-groups.sortable .navbar .item-title .item-menu a.active { color: #ffffff; text-decoration: none; background-color: #0081c2; } #sideset .item-groups.sortable .navbar .item-title .item-menu a.delete:hover, #sideset .item-groups.sortable .navbar .item-title .item-menu a.delete:focus { background-color: #bd362f; } #sideset .item-groups.sortable .navbar .item-title .item-menu:before { /*position: absolute; top: 50%; left: -5px; margin-top: -5px; display: inline-block; width: 0px; height: 0px; border-style: solid; border-width: 5px 5px 5px 0; border-color: transparent rgb(233, 233, 233) transparent transparent; content: '';*/ } #sideset .item-groups.sortable .navbar .item-title em { float: right; padding: 0 5px; max-width: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #sideset .item-groups.sortable .navbar .item-info { margin-top: 12px; color: #DDDDDD; text-align: right; } #sideset .item-groups.sortable ol { margin-left: 12px; } #sideset .item-groups.sortable ol { margin: -59px 0 15px; padding: 59px 10px 0; border: 1px solid #d4d4d4; background-color: rgb(236, 236, 236); -webkit-box-shadow: 0 0 10px rgba(150, 150, 150, .3); -moz-box-shadow: 0 0 10px rgba(150, 150, 150, .3); box-shadow: 0 0 10px rgba(150, 150, 150, .3); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #sideset .item-groups.sortable li { margin-left: 30px; margin-left: 0\9; position: relative; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } #sideset .item-groups.sortable li:after { top: 10px; z-index: 1; content: ""; width: 10px; left: -20px; height: 10px; display: block; position: absolute;; border-width: 0 0 2px 2px; border-color: rgba(100, 100, 100, .5); border-style: solid; display: none\9; /* 用IE的去死 */ } #sideset .item-groups.sortable li:before { content: ""; display: block; position: absolute; top: 0px; left: -20px; bottom: -15px; border-left: 2px solid rgb(226, 226, 226); box-shadow: 1px 1px 0px rgba(255, 255, 255, .4); display: none\9; /* 用IE的去死 */ } #sideset .item-groups.sortable li:last-child:before { bottom: auto; height: 20px; } #sideset .item-groups.sortable li.collapsed > ol { display: none; } #sideset .item-groups.sortable li.collapsed > .navbar { position: relative; margin-right: 8px; } #sideset .item-groups.sortable li.collapsed > .navbar:before, #sideset .item-groups.sortable li.collapsed > .navbar:after { content: ""; display: block; position: absolute; top: 4px; left: 4px; width: 100%; height: 100%; z-index: 0; background-color: rgb(235, 235, 235); border: 1px solid rgb(221, 221, 221); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #sideset .item-groups.sortable li.collapsed > .navbar:before { top: 1px; left: 1px; z-index: 1; background-color: rgb(241, 241, 241); } #sideset .item-groups.sortable li.disabled .navbar .navbar-inner { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); opacity: .4; } #sideset .item-groups.sortable li > .navbar .navbar-inner { position: relative; z-index: 2; } #sideset .item-groups.sortable .navbar .navbar-inner.active { border: 2px solid #3a87ad; } #sideset .item-groups.sortable .navbar .navbar-inner .item-menu { display: none; padding: 0 10px; /*margin-left: 10px;*/ line-height: 34px; position: relative; /*background-color: rgb(233, 233, 233); background-image: -moz-linear-gradient(top, rgb(224, 224, 224), rgb(238, 238, 238)); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgb(224, 224, 224)), to(rgb(238, 238, 238))); background-image: -webkit-linear-gradient(top, rgb(224, 224, 224), rgb(238, 238, 238)); background-image: -o-linear-gradient(top, rgb(224, 224, 224), rgb(238, 238, 238)); background-image: linear-gradient(to bottom, rgb(224, 224, 224), rgb(238, 238, 238)); border-top: 1px solid rgb(213, 213, 213); border-bottom: 1px solid #FFFFFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;*/ } #sideset .item-groups.sortable .navbar .navbar-inner:hover .item-menu { display: inline-block!important; } #sideset .item-groups.sortable li .navbar .brand { line-height: 14px; cursor: move; color: #DDDDDD; text-shadow: 0 -1px 0 rgba(0,0,0,.2); } #sideset .item-groups.sortable li .navbar .brand:hover { color: #CCCCCC; text-shadow: 0 -1px 0 rgba(0,0,0,.5); } #sideset .item-groups.sortable li .navbar .item-type { line-height: 14px; padding: 13px 0 12px; display: block; float: left; margin-left: -5px; font-size: 16px; font-weight: 200; } #sideset .item-groups.sortable li .navbar .item-type.link { color: #51a351; } #sideset .item-groups.sortable li .navbar .item-type.page { color: #2f96b4; } #sideset .item-groups.sortable .placeholder { height: 40px; margin-bottom: 10px; border: 2px dashed #bce8f1; background-color: #d9edf7; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } #sideset .item-groups.sortable .mjs-nestedSortable-error { background: #f2dede; border-color: #eed3d7; } /* IE go dead */ :root #sideset .item-groups.sortable li { margin-left: 30px; } :root #sideset .item-groups.sortable li:after, :root #sideset .item-groups.sortable li:before { display: block\9; }