1 line
3.3 KiB
CSS
1 line
3.3 KiB
CSS
.pa-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;display:grid;grid-template-columns:2fr 1fr;overflow:hidden}.pa-canvas{border:1px solid #ccc;position:relative;overflow:hidden}.pa-controls{position:absolute;z-index:100;background-color:#fff;padding:.3em;left:1em;top:1em;border:1px solid #333;border-radius:.5em}.pa-controls a{color:#000;display:block;padding:.2em}.pa-controls hr{color:#000;padding:0;margin:.1em 0 .3em 0}.pa-polygon-hint{position:absolute;bottom:1em;left:1em;background-color:rgba(0,0,0,.6);color:#fff;padding:.5em;border-radius:.5em;font-size:90%}.pa-infobar{margin-left:5px;overflow-y:scroll}.pa-loader{position:absolute;z-index:102;left:0;top:0;background-color:#000;background-color:rgba(0,0,0,.4)}.lds-ring,.pa-loader{width:100%;height:100%}.lds-ring{display:inline-block;position:relative}.lds-ring div{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;top:30%;left:calc(50% - 82px);position:absolute;width:164px;height:164px;margin:8px;border:18px solid #fff;border-radius:50%;-webkit-animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:#fff transparent transparent transparent}.lds-ring div:first-child{-webkit-animation-delay:-.45s;animation-delay:-.45s}.lds-ring div:nth-child(2){-webkit-animation-delay:-.3s;animation-delay:-.3s}.lds-ring div:nth-child(3){-webkit-animation-delay:-.15s;animation-delay:-.15s}@-webkit-keyframes lds-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes lds-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.pa-side-bar-entry.is-hover-target .pa-accordion,.pa-side-bar-entry.is-selected-target .pa-accordion{background-color:#efc4b0}.pa-accordion{background-color:#eee;color:#444;cursor:pointer;padding:18px;width:100%;text-align:left;border:none;outline:none;-webkit-transition:.4s;transition:.4s;margin-bottom:2px}.pa-accordion.is-active,.pa-accordion:hover{background-color:#ccc}.pa-side-bar-title{vertical-align:top;padding-left:5px}.pa-side-bar-icons{float:right}.pa-annotation-text{padding:5px}.pa-panel{padding:0 18px;background-color:#fff;max-height:0;overflow:hidden;-webkit-transition:max-height .2s ease-out;transition:max-height .2s ease-out}.pa-annotation-link{display:block;text-align:center;color:#000;text-decoration:none;background:#fafad2;padding:.7em;border:0;margin:1em 0;-webkit-transition:background .5s ease-out;transition:background .5s ease-out}.pa-annotation-link:focus,.pa-annotation-link:hover{background:gold}.pa-annotation-form{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;display:grid;grid-template-columns:auto 1fr;grid-gap:1em;padding:10px 0}.pa-annotation-form label{grid-column:1/2;text-align:right}.pa-annotation-form button{grid-column:2/3;background:#d3d3d3;padding:.7em;border:0}.pa-annotation-form button:hover{background:gold}.pa-annotation-form input,.pa-annotation-form textarea{grid-column:2/3;background:#fff;border:1px solid #9c9c9c}.pa-annotation-form input:focus,.pa-annotation-form textarea:focus{outline:3px solid gold}.pa-annotation-form textarea{height:10em} |