/* Reset & General ---------------------------------------------------------------------- */ * { margin: 0px; padding: 0px; } body { background: #ebeef0; font:12px "Lato", sans-serif; } #wrapper{ width: 666px; margin: 0 auto; position: relative; } .sortable-accordion { margin:20px; border-radius:5px; background:#1888c4; overflow:hidden; width:200px; position:absolute; top: 36px; left: 37px; } .sortable-accordion h3 { color:#fff; cursor:pointer; margin:0; padding:13px 16px 13px 18px; background:#229bdc; font-size:12px; text-transform:uppercase; } .sortable-accordion h3:hover{ background:#1f96d6; } .sortable-accordion h3.current { cursor:default } .sortable-accordion li{ font-size:14px; color:#abe2ff; font-weight:400; padding: 11px 10px 11px 43px; background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/245657/sort.png") 17px 13px no-repeat; list-style:none; position:relative; } .sortable-accordion li:hover{ cursor:pointer; background-color:#1784bf; } .ui-sortable-helper{ cursor:move; opacity:0.8; background-color:#157eb6; box-shadow:0px 5px 10px -5px rgba(0, 0, 0, 0.3); } .ui-sortable-placeholder{ border: 2px dotted #0e9ce8 !important; background:#158bca !important; padding:11px 10px 11px 43px; height:15px; } .options{ background:url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/245657/options.png") 0 0 no-repeat; width:26px; height:21px; display:block; position:absolute; top:10px; right:10px; } #submenu{ background-color:#157eb6; position:absolute; top:0px; left:200px; width: 100px; border-radius:4px; box-shadow:0px 5px 10px -5px rgba(0, 0, 0, 0.3); padding:2px 5px 2px 1px; display:none; } #submenu span{ width: 15px; height: 15px; display:block; background-color:#157eb6; position:absolute; left: -3px; top: 12px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); z-index:1; } #submenu a{ float: left; width: 27px; height: 20px; padding: 8px 3px 8px; background:url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/245657/submenu-sprite.png") 8px 9px no-repeat; position:relative; z-index:2; } #submenu a.compare:hover{background-position:8px -22px} #submenu a.revisions{background-position:-27px 9px} #submenu a.revisions:hover{background-position:-27px -22px} #submenu a.edit{background-position:-64px 9px} #submenu a.edit:hover{background-position:-64px -22px}