.cb-control { color: #fff; font-size: 12px; background-color: #111; padding: 10px; opacity: .9; position: fixed !important; } .cb-control.cb-floating { margin: 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .cb-control.cb-floating, #cb-toolbar { border: 2px solid #444; -webkit-box-shadow: 0 0 4px #000; -moz-box-shadow: 0 0 4px #000; box-shadow: 0 0 4px #000; } .cb-control.cb-navigate { top: 0; margin: 0; cursor: pointer; width: 128px; opacity: 0; background: center no-repeat; } .cb-control.cb-navigate:hover { opacity: 1; } .cb-control.cb-navigate.left { left: 0; background-image: url(../img/left.png); } .cb-control.cb-navigate.right { right: 0; background-image: url(../img/right.png); } .ui-draggable { cursor: move; } #cb-toolbar { top: 0; height: 25px; border-top: none; border-left: none; border-right: none; display: none; } #cb-toolbar #cb-status { float: right; } #cb-color { width: 200px; height: 150px; }