forked from Simnation/Main
1 line
No EOL
13 KiB
CSS
1 line
No EOL
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;flex-direction:column;justify-content:center;align-items:center}.delete i{font-size:10vh}.delete p{font-size:2vh;margin-top:1vh}input,textarea{border:none;outline:none}input:focus,textarea:focus{border:1px solid #8282e6;border-radius:5px}.text{display:flex;flex-direction:column;padding:2vh;padding-top:8vh;padding-bottom:10vh}.subtitle{font-size:2.5vh;font-weight:500}.text textarea{min-height:40vh;margin-top:2vh;font-size:1.8vh;padding:0 2vh}.insert{border:4px dashed gray;width:80%;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5vh;border-radius:10px;font-size:2vh;font-weight:500;color:gray}.insert:hover{background:#f5f5f5}.insert i{font-size:10vh}.new-image{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:2vh;margin-top:2vh}.new-image input{background:#f5f5f5;width:100%;text-align:center;padding:1vh;font-size:2vh;margin-top:1vh}.new-image .button{background:var(--theme-color);color:#fff;padding:.5vh 2vh;border-radius:3px;margin-top:1vh}.assinatura{display:flex;flex-direction:column;align-items:center;margin-bottom:3vh}.assinatura .name{width:50vh;border-bottom:2px solid #000;text-align:center;padding-bottom:1vh;font-family:Dancing Script,cursive;font-size:4.5vh;font-weight:700}.assinatura .job{width:50vh;text-align:center;font-size:2vh;margin-top:.5vh}.mmodal,.mmodal div{display:flex;flex-direction:column;justify-content:center;align-items:center}.mbanner{width:10vh;height:10vh;min-width:10vh;min-height:10vh;background:#d3d3d3;border-radius:50%;overflow:hidden}.mbanner img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mlink{width:100%;margin-top:2vh}.mlink input{width:100%;padding:1vh;text-align:center;font-size:1.5vh}.mlink p{background:var(--theme-color);color:#fff;padding:1vh 2vh;min-width:15vh;text-align:center;border-radius:3px;margin-top:2vh}.mlist{margin-top:3vh}.mlist p{font-size:1.8vh;color:gray}.mlist .mbanner{margin-top:1.5vh}.mlist>div{height:20vh;width:100%;overflow-y:scroll;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.mlist>div::-webkit-scrollbar-track{background-color:#fff}.mlist>div::-webkit-scrollbar{width:.5vh;background:rgba(136,20,20,.8)}.mlist>div::-webkit-scrollbar-thumb{background:rgba(139,7,7,.8);border-radius:20px}textarea::-webkit-scrollbar{width:0;background:rgba(136,20,20,.8)}.msave{width:100%;margin-top:2vh}.msave input{width:100%;padding:1vh;text-align:center;font-size:1.5vh}.msave>div{display:flex;flex-direction:row}.msave p{background:var(--theme-color);color:#fff;padding:1vh 2vh;min-width:15vh;text-align:center;border-radius:3px;margin:2vh}.errorX{font-size:8vh;color:#be2727;font-weight:700}.errorText{font-size:1.8vh}.createInfo{position:absolute;bottom:0;left:0;width:100%;display:flex;flex-direction:row;justify-content:space-between;font-size:1.5vh;font-weight:500;text-transform:lowercase;padding:0 1vh}.documents[data-v-aadb32a8]{flex:1;background:#ececec;display:flex;flex-direction:column;padding:2vh;padding-left:10vh}.buttons[data-v-aadb32a8]{display:flex;flex-direction:row;width:100%;justify-content:flex-end}.buttons a[data-v-aadb32a8]{padding:1vh 2vh;margin-left:1vh;background:var(--theme-color);color:#fff;border-radius:3px}.options[data-v-aadb32a8]{margin-top:3vh}.options p[data-v-aadb32a8]{padding-bottom:1vh;border-bottom:3px solid var(--theme-color);color:var(--theme-color);width:-webkit-max-content;width:-moz-max-content;width:max-content;text-align:center}.list-documents[data-v-aadb32a8]{display:flex;flex-direction:row;flex-wrap:wrap;margin-top:2vh;max-height:43vh;overflow-y:auto}.list-documents[data-v-aadb32a8]::-webkit-scrollbar-track{background-color:#fff}.list-documents[data-v-aadb32a8]::-webkit-scrollbar{width:.5vh;background:rgba(136,20,20,.8)}.list-documents[data-v-aadb32a8]::-webkit-scrollbar-thumb{background:rgba(139,7,7,.8);border-radius:20px}.item-doc[data-v-aadb32a8]{width:calc(33.33333% - 2vh);height:18vh;background:#fff;border-radius:5px;border:1px solid transparent;margin-right:2vh;margin-bottom:2vh;padding:1vh 0;display:flex;flex-direction:column;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.item-doc[data-v-aadb32a8]:nth-of-type(3n){margin-right:0}.item-doc[data-v-aadb32a8]:hover{border:1px solid var(--theme-color)}.item-doc img[data-v-aadb32a8]{width:6vh;height:6vh;border-radius:50%;margin-top:1vh}.item-data[data-v-aadb32a8]{font-size:1.5vh;color:gray;width:90%;text-align:center;padding-right:1vh;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.item-info[data-v-aadb32a8]{width:100%;text-align:center;margin-top:1vh}.item-title[data-v-aadb32a8]{font-size:1.8vh;font-weight:500;white-space:nowrap;text-overflow:ellipsis;width:90%;margin:auto;overflow:hidden}.item-status[data-v-aadb32a8]{font-size:1.5vh;color:var(--theme-color);font-weight:500;margin-top:.5vh}.search[data-v-aadb32a8]{width:100%;background:#f5f5f5;border-radius:50px;overflow:hidden;padding:1vh;margin-top:2vh;color:gray;display:flex;flex-direction:row;align-items:center;font-size:1.5vh}.search input[data-v-aadb32a8]{outline:none;width:100%;font-size:1.5vh;padding:0 1vh;background:none}.search input[data-v-aadb32a8]:focus{border:none!important}.loading[data-v-aadb32a8]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.documents[data-v-3bb79f90]{flex:1;background:#ececec;display:flex;flex-direction:column;padding:2vh;padding-left:10vh}.buttons[data-v-3bb79f90]{display:flex;flex-direction:row;width:100%;justify-content:flex-end}.buttons a[data-v-3bb79f90]{padding:1vh 2vh;margin-left:1vh;background:var(--theme-color);color:#fff;border-radius:3px;font-size:1.7vh}.options[data-v-3bb79f90]{margin-top:3vh}.options p[data-v-3bb79f90]{padding-bottom:1vh;border-bottom:3px solid var(--theme-color);color:var(--theme-color);width:-webkit-max-content;width:-moz-max-content;width:max-content;text-align:center;font-size:1.8vh}.list-templates[data-v-3bb79f90]{display:flex;flex-direction:column;padding-top:2vh;width:100%;max-height:43vh;overflow-y:scroll}.list-templates[data-v-3bb79f90]::-webkit-scrollbar-track{background-color:#fff;width:0}.list-templates[data-v-3bb79f90]::-webkit-scrollbar{width:0;background:rgba(136,20,20,.8)}.list-templates[data-v-3bb79f90]::-webkit-scrollbar-thumb{background:rgba(139,7,7,.8);border-radius:20px}.item-temp[data-v-3bb79f90]{width:100%;height:8vh;background:#fff;border-radius:5px;border:1px solid transparent;padding-left:1vh;margin-bottom:2vh;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;position:relative}.item-temp[data-v-3bb79f90]:hover{border:1px solid var(--theme-color)}.item-temp img[data-v-3bb79f90]{width:5vh;height:5vh;border-radius:50%}.temp-info[data-v-3bb79f90]{margin-left:1vh;flex:1;font-size:2vh;font-weight:500}.temp-info p[data-v-3bb79f90]{max-width:30vh;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.temp-options i[data-v-3bb79f90]{margin:0 2.5vh;font-size:1.8vh}.mmodal[data-v-3bb79f90]{width:100%;min-height:15vh;display:flex;align-items:center;justify-content:center}.mtext[data-v-3bb79f90]{width:80%;text-align:center;font-size:1.7vh}.mbuttons[data-v-3bb79f90]{width:100%;display:flex;flex-direction:row;margin-top:1vh}.mbuttons p[data-v-3bb79f90]{margin:1vh;padding:1vh 2vh;background:var(--theme-color);color:#fff;border-radius:3px;font-size:1.8vh}.loading[data-v-3bb79f90]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.documents[data-v-b5a66028]{flex:1;background:#ececec;display:flex;flex-direction:column;padding:2vh;padding-left:10vh}.buttons[data-v-b5a66028]{display:flex;flex-direction:row;width:100%;justify-content:flex-end}.buttons a[data-v-b5a66028]{padding:1vh 2vh;margin-left:1vh;background:var(--theme-color);color:#fff;border-radius:3px}.box[data-v-b5a66028]{width:100%;flex:1;margin-top:5vh;border-radius:5px;display:flex;flex-direction:column}.side[data-v-b5a66028]{width:100%;background:#fff}.right[data-v-b5a66028]{flex:1;background:none;padding:2vh}.header[data-v-b5a66028]{display:flex;flex-direction:row;border-radius:50px}.banner[data-v-b5a66028]{width:10vh;height:10vh;border-radius:50%;overflow:hidden}.banner img[data-v-b5a66028]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.infos[data-v-b5a66028]{flex-direction:row;font-size:1.7vh;flex:1;padding:0 5vh;text-align:center}.infos[data-v-b5a66028],.option[data-v-b5a66028]{display:flex;justify-content:space-between;align-items:center;font-weight:500}.option[data-v-b5a66028]{width:100%;padding:1vh;background:#fff;flex-direction:row;margin-top:2vh;font-size:1.8vh;color:gray;cursor:pointer}.option[data-v-b5a66028]:hover{color:#000;background:#f5f5f5}.mmodal[data-v-b5a66028]{width:100%;min-height:15vh;display:flex;align-items:center;justify-content:center}.mtext[data-v-b5a66028]{width:80%;text-align:center;font-size:1.7vh}.mbuttons[data-v-b5a66028]{width:100%;display:flex;flex-direction:row;margin-top:1vh}.mbuttons p[data-v-b5a66028]{margin:1vh;padding:1vh 2vh;background:var(--theme-color);color:#fff;border-radius:3px;font-size:1.8vh} |