PHP File Manager
Editing File: signpad.css
*:focus, *:active, *:hover, a:focus, a:active, a:hover { outline: none !important; } *:not(input, textarea, select) { -webkit-touch-callout: none; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; } html, body { font-family: Arial, Helvetica, sans-serif; height: 100%; background: #F4F4F4; } body { padding-top: 100px; } .form-control, .uneditable-input { border: 1px #DDD solid; box-shadow: none; border-radius: 1px; } .form-control:focus, .uneditable-input:focus { border-color: #AAA; box-shadow: none; outline: none; } .btn { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .btn .glyphicon { position: relative; margin-right: 6px; top: 1px; } .btn .glyphicon + .glyphicon { margin-right: 0; } .btn.btn-inverse, .label.label-inverse { background: #403F3F; border-color: #292929; color: #FFF; } .btn.btn-inverse:hover { background: #212121; border-color: #111; } /* RELOAD */ #reload-orders { position: fixed; display: none; top: 50px; left: 50%; width: 180px; margin-left: -90px; z-index: 78; text-align: center; background: #444; border: 1px #000 solid; border-top: none; color: #FFF; padding: 8px 0; text-decoration: none; text-transform: uppercase; font-weight: bold; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.8); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.8); box-shadow: 0 0 4px rgba(0, 0, 0, 0.8); -webkit-animation: slowbounce 0.65s infinite alternate; -moz-animation: slowbounce 0.65s infinite alternate; animation: slowbounce 0.65s infinite alternate; } #reload-orders.new-orders { display: block; } #reload-orders:hover, #reload-orders:focus { text-decoration: none; background: #333; -moz-animation: none; -webkit-animation: none; animation: none; } #reload-orders .arrow { display: block; margin: -10px auto 10px; height: 0; width: 0; border: 12px transparent solid; border-bottom-color: #FFF; } /* STATUS BAR */ #status { position: fixed; top: 0; left: 0; width: 100%; z-index: 80; background: #404040; background: -moz-linear-gradient(top, #404040 0%, #000000 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #404040), color-stop(100%, #000000)); background: -webkit-linear-gradient(top, #404040 0%, #000000 100%); background: -o-linear-gradient(top, #404040 0%, #000000 100%); background: -ms-linear-gradient(top, #404040 0%, #000000 100%); background: linear-gradient(to bottom, #404040 0%, #000000 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#404040', endColorstr='#000000', GradientType=0); -moz-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 7px rgba(0, 0, 0, 0.4); text-align: center; color: #EDEDED; text-shadow: 0 -1px #000; text-transform: uppercase; padding: 15px 0; font-weight: bold; } #status .progress { background: #222; border: 1px #000 solid; margin: 1px 0; padding: 3px 3px 2px; height: 17px; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; -moz-box-shadow: 0 1px rgba(255, 255, 255, 0.22); -webkit-box-shadow: 0 1px rgba(255, 255, 255, 0.22); box-shadow: 0 1px rgba(255, 255, 255, 0.22); } #status .progress .progress-bar { height: 9px; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; } #status .status-success { color: #47EA45; } #status .status-error { color: #D84444; } #status .network-activity { position: relative; display: inline-block; height: 9px; width: 9px; right: -15px; top: 0; z-index: 3; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } #status .network-activity .throbber { display: block; position: absolute; height: 7px; width: 7px; border: 3px transparent solid; left: 1px; top: 1px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -webkit-animation: pusate 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) infinite; -moz-animation: pusate 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) infinite; animation: pusate 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) infinite; } #status .status-success + .network-activity { background: #47EA45; } #status .status-success + .network-activity .throbber { border-color: #47EA45; } #status .status-error + .network-activity { background: #D84444; } #status .status-error + .network-activity .throbber { border-color: #D84444; } #status .status-counter.loading { background: url(/assets/images/signpad/loader.gif) center center no-repeat; } #status .status-counter.loading * { visibility: hidden; } #status .poll-count { position: relative; top: -2px; } #wrapper { margin-top: 30px; margin-bottom: 30px; } .box { background: #FFF; border: 1px #E2E2E2 solid; border-bottom-width: 2px; border-radius: 3px; padding: 12px; } .logo { text-align: center; padding-bottom: 20px; } .logo img { height: 100px; } .btn { border-radius: 3px; } .btn.btn-inverse { background: #363636; border-color: #000; color: #FFF; } .btn.btn-inverse:hover, .btn.btn-inverse:active { background: #111; } h1 { font-size: 20px; line-height: 26px; margin: 5px 20px 20px; } #logged-in-user { display: block; padding: 18px 20px 0; } #logged-in-user a { margin-left: 12px; } /* ITEMS INFO */ #items-info { border: 1px #EEE solid; border-bottom-width: 2px; margin: 0; border-radius: 3px; } #items-info .column-info { padding: 0; } #items-info .items-done, #items-info .items-left { text-align: center; padding: 9px 0; } #items-info .count { font-size: 36px; line-height: 40px; display: block; } #items-info .help-text { color: #888; font-size: 12px; } #items-info .items-done { border-right: 1px #EEE solid; } #autoload-notice { padding: 10px; margin: 15px 0; text-align: center; font-weight: bold; font-size: 12px; line-height: 1.2; } /* ITEMS LIST */ #items-list { margin-top: 20px; border-top: 1px #EEE solid; padding: 0 15px; } #items-list .loading-list { text-align: center; font-size: 28px; padding: 40px 0; } #items-list .item-row { padding: 12px 0 12px 25px; } #items-list .item-wrapper:nth-child(odd) .item-row { background: #FAFAFA; } #items-list .item-wrapper .item-row:hover { cursor: pointer; background: #F4F4F4; } #items-list .close-label, #items-list .progress-label { display: none; text-transform: uppercase; position: absolute; top: 50%; right: 15px; margin-top: -11px; z-index: 3; padding: 6px 8px; } #items-list .item-wrapper ~ .item-wrapper .item-row { border-top: 1px #EEE solid; } #items-list .item-wrapper.completed .item-row { color: #398439; } #items-list .item-wrapper.completed .step-selection, #items-list .item-wrapper.pending .step-selection { display: none; } #items-list .item-row.open .chev-icon:before { content: "\e114"; } #items-list .item-row .order-priority { display: none; position: relative; padding: 0 6px 0 0; top: 1px; color: #DEAC48; } #items-list .item-row .order-priority .glyphicon { display: none; } #items-list .priority-2 .item-row .order-priority, #items-list .priority-3 .item-row .order-priority, #items-list .priority-2 .item-row .order-priority .glyphicon.star-1, #items-list .priority-3 .item-row .order-priority .glyphicon { display: inline-block; } #items-list .item-row.open .progress-label { right: 70px; } #items-list .item-row.open .close-label, #items-list .item-wrapper.completed .completed-label, #items-list .item-wrapper.pending .pending-label { display: inline-block; } #items-list .item-row .chev-icon { float: left; margin: 2px 0 0 -25px; } #items-list .item-row.open .chev-icon { margin-top: 3px; } #items-list .item-wrapper ~ .item-wrapper .item-row.open { border-top: none; } #items-list .item-inner-info { padding-bottom: 34px; } #items-list .item-info { display: none; padding: 20px 0; border-top: 1px #EEE solid; } #items-list .styled-table { width: 100%; display: table; } #items-list .styled-row { display: table-row; float: none; width: 100%; } #items-list .styled-row .styled-cell { vertical-align: top; display: table-cell; float: none; position: relative; } #items-list .item-info h4 { margin: 0 0 17px; padding-bottom: 15px; border-bottom: 1px #EEE solid; } #items-list .product-name, #items-list .product-image { text-align: center; } #items-list .quantity-count { margin: 0 0 20px; font-size: 22px; text-align: center; } #items-list .product-image { border-right: 1px #EEE solid; padding: 5px 15px 15px 0; } #items-list .product-image img { max-width: 100%; max-height: 180px; } #items-list .step-selection { position: absolute; bottom: 0; right: 15px; z-index: 3; } #items-list .note-contents { position: relative; border: 1px #EEE solid; padding: 18px 14px 14px; margin: 30px 0; } #items-list .note-contents h5 { position: absolute; top: -7px; left: 8px; background: #FFF; padding: 0 6px; margin: 0; font-weight: bold; } #items-list .note-contents form { display: none; } #items-list .note-contents p { margin: 0; } #items-list .note-contents .btn { margin-top: 5px; } /* PROGRESS MODAL */ .modal-content { -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.22); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.22); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.22); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #progress-modal .side-progress { list-style: none; margin: 0 0 0 35px; padding: 0; border-left: 5px #D84444 solid } #progress-modal .side-progress li { position: relative; margin: 0; } #progress-modal .side-progress .radio input[type="radio"] { margin-left: -50px; } #progress-modal .side-progress li + li { border-top: 1px #EEE solid; } #progress-modal .side-progress li label { padding: 8px 10px 8px 20px; margin: 0; } #progress-modal .side-progress li.unreached label:hover { cursor: pointer; } #progress-modal .side-progress li.current { color: #C83434; } #progress-modal .side-progress li.unreached { color: #999; } #progress-modal .side-progress li.unreached label:hover { color: #000; } #progress-modal .side-progress li.current:after { content: " "; position: absolute; border: 7px transparent solid; border-left-color: #D84444; top: 13px; left: 0; z-index: 3; } #progress-modal .side-progress li strong { display: block; font-size: 16px; line-height: 20px; } #progress-modal .side-progress li span { font-size: 12px; line-height: 16px; font-weight: normal; color: #777; } #progress-modal .side-progress li em.changed-by { font-weight: bold; font-style: normal; } #progress-modal .side-progress li.passed, #progress-modal .side-progress li.passed label:hover { color: #5F905F; } #progress-modal .side-progress.inline-bar li { float: left } #progress-modal .side-progress.inline-bar { margin: 0; } #progress-modal .side-progress.inline-bar li label { padding: 0 10px 0 25px; } #progress-modal .side-progress.inline-bar li strong { font-size: 12px; } #progress-modal .side-progress.inline-bar li + li { border: none; } #progress-modal .side-progress.inline-bar .radio input[type="radio"] { margin: 3px 0 0 -18px; } #progress-modal .side-progress.inline-bar li.current:after { border-width: 6px; top: 3px; left: 11px; } #progress-modal .side-progress { margin-left: 55px; } #progress-modal .side-progress li { padding-top: 0; padding-bottom: 0; } #progress-modal .side-progress li label { padding-top: 18px; padding-bottom: 18px; } #progress-modal .side-progress li + li { border-top-color: #F5F5F5 } #progress-modal .side-progress li.unreached:hover { background: #FAFAFA; cursor: pointer; } #progress-modal .side-progress li.unreached:hover, #progress-modal .side-progress li.unreached:hover + li { border-top-color: #DDD; } #progress-modal .side-progress .radio input[type="radio"] { margin-left: -60px; } #progress-modal .side-progress li.current:after { top: 50%; margin-top: -12px; left: -40px; border-width: 12px; } @-webkit-keyframes pusate { from { width: 7px; height: 7px; left: 1px; top: 1px; opacity: 1; } to { width: 33px; height: 33px; left: -12px; top: -12px; opacity: 0; } } @-moz-keyframes pusate { from { width: 7px; height: 7px; left: 1px; top: 1px; opacity: 1; } to { width: 33px; height: 33px; left: -12px; top: -12px; opacity: 0; } } @keyframes pusate { from { width: 7px; height: 7px; left: 1px; top: 1px; opacity: 1; } to { width: 33px; height: 33px; left: -12px; top: -12px; opacity: 0; } } @-webkit-keyframes slowbounce { from { padding-top: 8px; } to { padding-top: 14px; } } @-moz-keyframes slowbounce { from { padding-top: 8px; } to { padding-top: 14px; } } @keyframes slowbounce { from { padding-top: 8px; } to { padding-top: 14px; } }
Cancel