default.css
136 lines
| 3.4 KiB
| text/css
|
CssLexer
/ extras / default.css
r9 | ||||
.qsp-frame { | ||||
border: 1px solid black; | ||||
overflow: auto; | ||||
padding: 5px; | ||||
box-sizing: border-box; | ||||
} | ||||
#qsp { | ||||
r10 | position: absolute; | |||
display: flex; | ||||
flex-flow: row; | ||||
r9 | top: 0; | |||
left: 0; | ||||
width: 100%; | ||||
height: 100%; | ||||
} | ||||
r10 | .qsp-col { | |||
display: flex; | ||||
flex-flow: column; | ||||
} | ||||
.qsp-col1 { | ||||
flex: 7 7 70px; | ||||
} | ||||
.qsp-col2 { | ||||
flex: 3 3 30px; | ||||
} | ||||
r12 | .qsp-col3 { | |||
flex: 0 0 40px; | ||||
} | ||||
r9 | #qsp-main { | |||
r10 | flex: 6 6 60px; | |||
r32 | background-repeat: no-repeat; | |||
background-position: right top; | ||||
background-attachment: fixed; | ||||
r9 | } | |||
#qsp-acts { | ||||
r10 | flex: 4 4 40px; | |||
} | ||||
#qsp-input { | ||||
r9 | } | |||
#qsp-stat { | ||||
r10 | flex: 5 5 50px; | |||
r9 | } | |||
#qsp-objs { | ||||
r10 | flex: 5 5 50px; | |||
r9 | } | |||
.qsp-act { | ||||
display: block; | ||||
padding: 2px; | ||||
font-size: large; | ||||
} | ||||
.qsp-act:hover { | ||||
outline: #9E9E9E outset 3px | ||||
} | ||||
r11 | ||||
r12 | /* Dropdown */ | |||
r11 | ||||
#qsp-dropdown { | ||||
display: none; | ||||
position: absolute; | ||||
background-color: #f1f1f1; | ||||
min-width: 160px; | ||||
overflow: auto; | ||||
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); | ||||
z-index: 1; | ||||
margin: auto; | ||||
} | ||||
#qsp-dropdown a { | ||||
color: black; | ||||
padding: 12px 16px; | ||||
text-decoration: none; | ||||
display: block; | ||||
} | ||||
#qsp-dropdown a:hover { | ||||
background-color: #ddd; | ||||
} | ||||
r12 | ||||
/* Buttons */ | ||||
.qsp-col3 a, .qsp-col3 img { | ||||
width: 50px; | ||||
height: 50px; | ||||
} | ||||
r18 | #qsp-btn-save img { | |||
r12 | background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABmJLR0QA/wD/AP+gvaeTAAACSklEQVRoge3ZPWgUQRjG8V/iRRFU/GoEQdSohSgWWqQSooVgK9iJFiKCnYV2BkFQsBRBQQwWVsHKIoWxEOzEwmhhogbRMhhFicTvYm+JCUlmZzabRLN/OPaWeZ+ZeW7feXf2lpqampqamnRaImKP4hA2VjCP27hbpoNGwbib2IPreB+IPYY7M7SvxWYM4QNO4QqWyQxVRgdeYnnB+K5A+wUcbB7z+O14hxPx08toLRDTgfv4mjrIJFrwwMS0HsABXMTxlE6LpNYqfE7pPJIBdOKhLM1uxIiLrpG5YtC4GSLMVGGkLdD+GpfxAuvxaVL7oCzN+jCG7iKDVmHkKS5hSSBuJ3bg6hRt+Zrpa553z8bEuoQrUVXk1exwKLBI1ZpPBnAL+0KBqanVim1Ykaifji+yNfIrVphipB1n8BgjCfqZ2IrTuIZXMcIUIydxFj8TtEW4JysW52JEKWtkVHUm4EdzjChSrkgLlmJXghb6m8ep9MN4K25XjvTF3sCaElrT6McS+0w2Mirb+JWhrH4CC/0+UpjUK7Ia5/86f4IeHMHeEvPJ+4km1chHE43k9KROpCyLPrViym8/vjW/b5Jt3acjL7/RzEX5bRg3sjKg+2fK7/PmZ9aZzdTqxwYzp06IBZFaDeHUCbFgUquy1Anx35TfRWXkd+WzCBOcQxEjQ7JH0PmiHW9CQUWM9Mr+Y+osO6ME8nF7Q4FFn8T2y14VDMt2vsFfqCRbZBvTdbLXFI9CgphHyjbsVu4+EcMInuH7HI1XU1NTU7OI+QMFe2N82rtssgAAAABJRU5ErkJggg=='); | |||
} | ||||
r18 | #qsp-btn-open img { | |||
r12 | background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABmJLR0QA/wD/AP+gvaeTAAACCklEQVRoge3Yz6sNYRzH8deVexNxSaEoroWFUuomOceSPVnIwsbSxs6Psrgphf9AsrZR7kJWsroUlrZKKZRSl4USGouZk9Npzp1n5pm5x4/nXdNzpvP9Pp/v95nv82OGRCKRSCQS/w8zuIn3yGpe37CEQ6sedQk38BA7G/jO4BQ+YEebQZUxVfH/OxzGVSxX2D4o2mO4jmt4jpNFe6d5mPFkRbvQ0H9h6OqUtR33/xXr0celGn4/sYjXoQ5dJ3ILB7AOW2r4bcIj7GsrkEFpXWyrwwbaf15nXWqv6SqK1abuHDmPjV0EMobhBWIZt8cZVu0j2ZDNHF7gblRozdiO49g1zqDOEzmKJ7gcGVQTzmLDSgZ1Eunh2dD9aewpsXtctH3cwzn5ALysoVWlXZvhleMV5ovfU8J363mciAliRLsRg0Q244vfT3A/zgT2cQHbImIY1S4ldPk9Ii+NH8V9H08DfbfiY6BtiHYpoYmMBr4bbwN9YzfVoEELnew9+blpwBv5u0oI9wPtQrUbkWFaXqOzsZ01IFg7pLQOyp/A58igmhCsHZJInYndNsHa/0wiVWTy9/a5NjprQGvag0Qmwd462iGltdQ8lihqlVVIIn/9/CAvrajDWgTRB8VhMt1/aSljVr4RToc6hJTWioe1jujJD4rfQx2qRvuTyX1JuTIh3UQikUgkEhPnF+1xZ9hHnLjAAAAAAElFTkSuQmCC'); | |||
} | ||||
r18 | ||||
r30 | .center-on-screen { | |||
r18 | position: absolute; | |||
top: 0; | ||||
left: 0; | ||||
height: 100%; | ||||
width: 100%; | ||||
r30 | pointer-events: none; | |||
display: flex; | ||||
r18 | justify-content: center; | |||
align-items: center; | ||||
} | ||||
r29 | ||||
r30 | .center-on-screen > * { | |||
pointer-events: auto; | ||||
} | ||||
#qsp-image-container { | ||||
display: none; | ||||
} | ||||
r29 | /* misc */ | |||
.disable a { | ||||
pointer-events: none; | ||||
cursor: default; | ||||
} | ||||
r33 | ||||
.qsp-objs li.qsp-obj-selected { | ||||
background-color: blue; | ||||
} | ||||