forked from Simnation/Main
1 line
13 KiB
CSS
1 line
13 KiB
CSS
|
*{padding:0;margin:0;box-sizing:border-box;list-style:none;resize:none;font-family:Roboto,sans-serif;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}body{--theme-color:#c4171d;background-repeat:no-repeat}a{color:#000}.box[data-v-e9b76c46]{width:120vh;height:70vh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column}header[data-v-e9b76c46]{display:flex;flex-direction:row;justify-content:flex-start;padding:3vh;background:#fff;font-size:1.6vh;color:#999;text-transform:uppercase;font-weight:500}main[data-v-e9b76c46]{display:flex;flex-direction:row;flex:1}.welcome[data-v-e9b76c46]{width:35%;height:100%;background:#f5f5f5;padding:0 5vh;display:flex;flex-direction:column}.banner[data-v-e9b76c46]{width:10vh;height:10vh;border-radius:50%;overflow:hidden;margin:auto;margin-top:10vh;margin-bottom:0}.banner img[data-v-e9b76c46]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.welcome h2[data-v-e9b76c46]{font-size:3vh;margin-top:3vh;font-weight:500;text-align:center;flex:1}.welcome p[data-v-e9b76c46]{font-size:2vh;margin-top:5vh;color:gray;text-align:center;margin-bottom:5vh}.modal[data-v-5b2f1196]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;background:#f5f5f5;min-width:50vh;min-height:20vh;border:1px solid #e7e7e7;-webkit-animation:up-5b2f1196 1s;animation:up-5b2f1196 1s}.header[data-v-5b2f1196]{width:100%;background:#fff;border-bottom:1px dashed #dadada;padding:1vh;font-size:1.8vh;font-weight:500}.slot[data-v-5b2f1196]{padding:1vh}@-webkit-keyframes up-5b2f1196{0%{transform:translate(-50%,100%)}to{transform:translate(-50%,-50%)}}@keyframes up-5b2f1196{0%{transform:translate(-50%,100%)}to{transform:translate(-50%,-50%)}}.loader[data-v-366b93c8]{border:1vh solid #f3f3f3;border-top:1vh solid #3498db;border-radius:50%;width:12vh;height:12vh;-webkit-animation:spin-366b93c8 2s linear infinite;animation:spin-366b93c8 2s linear infinite}p[data-v-366b93c8]{margin-top:1vh}@-webkit-keyframes spin-366b93c8{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin-366b93c8{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.Document{width:120vh;min-height:90vh;flex-direction:row;align-items:center;justify-content:space-between;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.Document,.control{display:flex;overflow:hidden}.control{width:30vh;height:50vh;background:var(--theme-color);flex-direction:column;border-radius:5px}.control header{width:100%;padding:1.2vh}.control header h2{font-size:1.7vh;font-weight:500;color:#fff;white-space:nowrap}.control section{flex:1;background:#fff;padding-top:5vh}.control section .option{padding:1vh 2vh;background:#f5f5f5;margin-bottom:2vh;font-size:1.8vh;font-weight:500;color:gray;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.control section .option:hover{background:#e4e4e4}.pages{height:90vh;overflow:scroll;overflow-x:hidden}.pages::-webkit-scrollbar-track{background-color:#fff}.pages::-webkit-scrollbar{width:.5vh;background:rgba(136,20,20,.8)}.pages::-webkit-scrollbar-thumb{background:rgba(139,7,7,.8);border-radius:20px}.page{width:75vh;min-height:90vh;background:#fff;position:relative;padding:5vh;margin-bottom:5vh}.triangulo{top:0;width:23vh}.rodape,.triangulo{position:absolute;right:0}.rodape{bottom:2vh;width:100%}.pages header{width:30vh;display:flex;flex-direction:column}.pages header .banner{width:12vh;height:12vh;border-radius:50%;overflow:hidden;margin:auto}.pages header .banner img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.pages header .title{font-size:3vh;margin-top:2vh;font-weight:700;color:#5b5bf5}.pages header .date{font-size:2vh;font-weight:600;color:#d66366}.images{width:100%;min-height:30vh;height:50vh;display:flex;justify-content:center;align-items:center;position:relative;margin-bottom:1vh}.images img{max-width:100%;max-height:100%}.images:hover .delete{display:flex}.delete{position:absolute;top:0;left:0;width:100%;height:100%;background:hsla(0,0%,9%,.836);color:#fff;display:none
|