/* inpbox */ .uic-inpbox, .uic-inpbox select{ font-size:16px; line-height:1; } .uic-inpbox{ display:table-cell; padding:0 10px; padding-top:1px; height:36px; border:1px solid #ccc; text-align:left; vertical-align:middle; overflow:hidden; } @media (min-width:769px){ .uic-inpbox{ font-family:"Menlo","Consolas","Courier New"; } } /* disabled */ .uic-disable{ visibility:hidden; } .scopeXYZ .sbc-control{ color:#444; background:#fff; border-radius:50%; outline:none; user-select:none; cursor:pointer; } @media (hover:hover){ .scopeXYZ .sbc-control:hover{ background:#eee; } } .scopeXYZ .sbc-control:active{ background:#ddd; } .scopeXYZ .sbc-control.sbc-focus{ box-shadow:0 0 3px 1px #337ab7; } .scopeXYZ .sbc-svg{ position:absolute; top:20%; bottom:20%; left:20%; right:20%; } /* control */ .scopeXYZ .dac-control{ position:absolute; top:0; bottom:0; left:0; right:0; margin:0; padding:0; text-align:center; font-size:24px; color:#666; border:4px dashed #666; background:white; } .scopeXYZ .dac-control.dac-hide{ display:none; } .scopeXYZ .dac-control.dac-dragover{ color:#00c; border-color:#00c; background-color:#eef; } /* message */ .scopeXYZ .dac-message{ display:inline-block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); pointer-events:none; } .scopeXYZ .dac-control.dac-disable .dac-message{ opacity:0.5; } /* select */ .scopeXYZ .dac-select{ position:absolute; bottom:10px; right:10px; width:50px; height:50px; } .scopeXYZ .dac-control.dac-dragover .dac-select{ pointer-events:none; opacity:0.5; } .scopeXYZ .dac-control.dac-disable .dac-select{ visibility:hidden; } /* fileinput */ .scopeXYZ .dac-fileinput{ position:absolute; top:-100px; left:-100px; width:1000px; height:1000px; background:rgba(0,0,0,0.5); opacity:0; cursor:pointer; }