.OCSSJS-reorder-cont:after { content: ""; display: table; clear: both; } .OCSSJS-reorder-js-cont, .OCSSJS-reorder-css-cont { width: 250px; float: left; padding: 1em; } @font-face { font-family: "FontAwesome"; src: url('font/fontawesome-webfont.eot'); src: url('font/fontawesome-webfont.eot?#iefix') format('eot'), url('font/fontawesome-webfont.woff') format('woff'), url('font/fontawesome-webfont.ttf') format('truetype'), url('font/fontawesome-webfont.svg#FontAwesome') format('svg'); font-weight: normal; font-style: normal; } .ui-sortable li.ui-state-default { margin: 0; height: 45px; line-height: 48px; font-size: 1.4em; color: #fff; outline: 0; padding: 0; margin: 0; text-indent: 15px; background: rgb(78, 82, 91); background: -moz-linear-gradient(top, rgb(78, 82, 91) 0%, rgb(57, 61, 68) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(78, 82, 91)), color-stop(100%, rgb(57, 61, 68))); background: -webkit-linear-gradient(top, rgb(78, 82, 91) 0%, rgb(57, 61, 68) 100%); background: -o-linear-gradient(top, rgb(78, 82, 91) 0%, rgb(57, 61, 68) 100%); background: -ms-linear-gradient(top, rgb(78, 82, 91) 0%, rgb(57, 61, 68) 100%); background: linear-gradient(to bottom, rgb(78, 82, 91) 0%, rgb(57, 61, 68) 100%); border-top: 1px solid rgba(255, 255, 255, .2); border-bottom: 1px solid rgba(0, 0, 0, .5); text-shadow: -1px -1px 0px rgba(0, 0, 0, .5); font-size: 1.1em; position: relative; cursor: pointer; } .ui-sortable li.ui-state-default:first-child { border-top: 0; } .ui-sortable li.ui-state-default:last-child { border-bottom: 0; } .ui-sortable-placeholder { border: 3px dashed #aaa; height: 45px; width: 344px; background: #ccc; } .ui-sortable li.ui-state-default:after { content: "\f0c9"; display: inline-block; font-family: "FontAwesome"; position: absolute; right: 18px; top: 9px; text-align: center; line-height: 35px; color: rgba(255, 255, 255, .2); text-shadow: 0px 0px 0px rgba(0, 0, 0, 0); cursor: move; } .OCSSJS-reorder-js-list, .OCSSJS-reorder-css-list { list-style: none; padding: 0; margin: 0; } .OCSSJS-reorder-js-list li, .OCSSJS-reorder-css-list li { background-color: #fff; padding: 0.5em; width: 100%; } #OCSSJS-reorder-jquery-lock, #OCSSJS-reorder-footer-script, #reset-by-iframe, #reset-by-window { display: none; } #OCSSJS-reorder-jquery-lock + label, #OCSSJS-reorder-footer-script + label { width: 250px; } #OCSSJS-reorder-jquery-lock + label, #OCSSJS-reorder-footer-script + label, #reset-by-iframe + label, #reset-by-window + label { padding: 1em 1em 1em 3em; background-color: #e74c3c; color: #fff; display: inline-block; position: relative; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; margin: 0 0 10px; } #OCSSJS-reorder-jquery-lock + label::before, #OCSSJS-reorder-footer-script + label::before, #reset-by-iframe + label::before, #reset-by-window + label::before { content: ""; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQklEQVQYV5WQQQoAQAgC9f+PdulQVHRwuxQ5oEVJAgCSjL6r9BwueGgBXPDelV0Xun1GGrk23HP/g5a1dYz9HvfhD17FP/tzvfJcAAAAAElFTkSuQmCC); width: 10px; height: 10px; position: absolute; left: 15px; top: 18px; } #OCSSJS-reorder-jquery-lock:checked + label, #OCSSJS-reorder-footer-script:checked + label, #reset-by-iframe:checked + label, #reset-by-window:checked + label { background-color: #2ecc71; } #OCSSJS-reorder-jquery-lock:checked + label::before, #OCSSJS-reorder-footer-script:checked + label::before, #reset-by-iframe:checked + label::before, #reset-by-window:checked + label::before { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAASUlEQVQYV4WQ2w4AMARD1///6C4kBLHOk3BaF5xPkKQhUFxAEmwQgNVxQu5oxSrYoAQ9AVwUO89prfmC8hjllOJI5q7zbfKPFb71+ywD9EVSXgAAAABJRU5ErkJggg==); } .OCSSJS-affiliate-advert { position: absolute; width: 300px; top: 5px; right: 5px; background-color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 5px; } @media (max-width: 1120px) { .OCSSJS-affiliate-advert { margin: 5px 0; position: static; } }