mirror of
https://github.com/Spythere/genera-tor.git
synced 2026-05-03 05:28:13 +00:00
2 lines
14 KiB
CSS
2 lines
14 KiB
CSS
@import"https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@400;600&display=swap";body,html{padding:0;margin:0;min-height:100vh;background-color:#313638;font-family:Libre Franklin,sans-serif;font-weight:500}*{box-sizing:border-box}a{color:#fff;text-decoration:none}a:hover{color:#ff6060}button{border:none;outline:none;background:none;transition:all .15s ease-in;font-family:Libre Franklin,sans-serif;cursor:pointer;font-weight:700;font-size:1em}button.g-button{text-align:center;color:#fff}button.g-button.action{outline:2px solid white;padding:.5em}button.g-button.action:focus-visible{outline:2px solid #ff6060}button.g-button.option{margin:0 .25em}button.g-button.option:focus-visible{outline:1px solid #ff6060}button.g-button.option[data-active=true],.text--accent{color:#ff6060}.text--warn{color:#ffe02e}select{border:2px solid black;background:none;padding:.1em 0;border-radius:.3em;text-align:center}ul{padding:0;margin:0;list-style:none;text-align:center}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#333}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}.g-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000;display:flex;justify-content:center;align-items:center}.g-modal .modal-bg{position:fixed;width:100vw;height:100vh;cursor:pointer;background-color:#000a}.g-modal .modal-content{position:relative;z-index:1001;overflow:auto}#app{color:#fff;min-height:100vh}footer{text-align:center;padding:.5em 0}@media screen and (max-width: 500px){#app{font-size:calc(1vw + .5rem)}}textarea[data-v-9c8b429e]{width:95%;height:200px;resize:none}.order_info table[data-v-6db1f7d9]{border-collapse:collapse;width:100%;table-layout:fixed;text-align:center}.order_info table td[data-v-6db1f7d9]{border:2px solid black;border-collapse:collapse;padding:.35em}.order_info table input[data-v-6db1f7d9]{max-width:95%}table[data-v-c58ac8f3],td[data-v-c58ac8f3],th[data-v-c58ac8f3]{border:2px solid black;border-collapse:collapse}.order_header[data-v-c58ac8f3]{padding:.5em 0;border:2px solid black;border-bottom:none}.horizontal-bar[data-v-c58ac8f3]{width:100%;height:2px;background-color:#000;margin:.5em 0}.order_table .tr-header td[data-v-c58ac8f3]{padding:1em .5em}.order_table .tr-data td[data-v-c58ac8f3]{padding:.5em 0}.order_table tbody[data-v-c58ac8f3]{font-weight:400;text-align:center;vertical-align:middle}.order_table input[data-v-c58ac8f3]{width:80%}.order_table textarea[data-v-c58ac8f3]{width:80%;height:40px;resize:vertical}.order_other[data-v-c58ac8f3]{border-left:2px solid black;border-right:2px solid black;display:flex;flex-direction:column;height:285px;padding:.5em}.order_other textarea[data-v-c58ac8f3]{resize:vertical;height:220px;width:95%}body,html{padding:0;margin:0;min-height:100vh;background-color:#313638;font-family:Libre Franklin,sans-serif;font-weight:500}*{box-sizing:border-box}a{color:#fff;text-decoration:none}a:hover{color:#ff6060}button{border:none;outline:none;background:none;transition:all .15s ease-in;font-family:Libre Franklin,sans-serif;cursor:pointer;font-weight:700;font-size:1em}button.g-button{text-align:center;color:#fff}button.g-button.action{outline:2px solid white;padding:.5em}button.g-button.action:focus-visible{outline:2px solid #ff6060}button.g-button.option{margin:0 .25em}button.g-button.option:focus-visible{outline:1px solid #ff6060}button.g-button.option[data-active=true],.text--accent{color:#ff6060}.text--warn{color:#ffe02e}select{border:2px solid black;background:none;padding:.1em 0;border-radius:.3em;text-align:center}ul{padding:0;margin:0;list-style:none;text-align:center}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#333}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}.g-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000;display:flex;justify-content:center;align-items:center}.g-modal .modal-bg{position:fixed;width:100vw;height:100vh;cursor:pointer;background-color:#000a}.g-modal .modal-content{position:relative;z-index:1001;overflow:auto}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background:#ccc}::-webkit-scrollbar-thumb:hover{background:#aaa}.order{background-color:#fff;color:#000;height:925px;max-height:95vh;overflow:auto;font-size:15px}.order h2{margin:0;padding:0}.order .header{padding:.5em;border:2px solid black;border-bottom:none}@media screen and (max-width: 550px){.order{font-size:3vw}}.order_content{padding:.5em}.flex-row{display:flex;justify-content:space-between;align-items:flex-end;margin-top:.5em}.flex-row input{max-width:10em}.flex-center{display:flex;justify-content:center;align-items:center}input{max-width:100px;background-color:transparent;outline:none;border:none;border-bottom:2px dotted black;font-size:.9em;text-align:center;color:#000}input:focus-visible{border-bottom:2px solid #ff6060}input.row-checkbox+input::placeholder{color:red}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #ff6060}select{margin-top:.5em;margin-right:.5em;font-size:.8em}.table-section table.options-table{width:100%}.table-section table.options-table td:first-child{width:10%;text-align:center;font-weight:700}.table-section table.options-table td{padding:.35em;text-align:justify;vertical-align:top;line-height:1.5em}.table-section table,.table-section td{border:2px solid black;border-collapse:collapse}.order-anim-enter-active,.order-anim-leave-active{transition:opacity .15s ease-in-out}.order-anim-enter-from,.order-anim-leave-to{opacity:0}body[data-v-86a8a779],html[data-v-86a8a779]{padding:0;margin:0;min-height:100vh;background-color:#313638;font-family:Libre Franklin,sans-serif;font-weight:500}*[data-v-86a8a779]{box-sizing:border-box}a[data-v-86a8a779]{color:#fff;text-decoration:none}a[data-v-86a8a779]:hover{color:#ff6060}button[data-v-86a8a779]{border:none;outline:none;background:none;transition:all .15s ease-in;font-family:Libre Franklin,sans-serif;cursor:pointer;font-weight:700;font-size:1em}button.g-button[data-v-86a8a779]{text-align:center;color:#fff}button.g-button.action[data-v-86a8a779]{outline:2px solid white;padding:.5em}button.g-button.action[data-v-86a8a779]:focus-visible{outline:2px solid #ff6060}button.g-button.option[data-v-86a8a779]{margin:0 .25em}button.g-button.option[data-v-86a8a779]:focus-visible{outline:1px solid #ff6060}button.g-button.option[data-active=true][data-v-86a8a779],.text--accent[data-v-86a8a779]{color:#ff6060}.text--warn[data-v-86a8a779]{color:#ffe02e}select[data-v-86a8a779]{border:2px solid black;background:none;padding:.1em 0;border-radius:.3em;text-align:center}ul[data-v-86a8a779]{padding:0;margin:0;list-style:none;text-align:center}[data-v-86a8a779]::-webkit-scrollbar{width:10px}[data-v-86a8a779]::-webkit-scrollbar-track{background:#333}[data-v-86a8a779]::-webkit-scrollbar-thumb{background:#888}[data-v-86a8a779]::-webkit-scrollbar-thumb:hover{background:#555}.g-modal[data-v-86a8a779]{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000;display:flex;justify-content:center;align-items:center}.g-modal .modal-bg[data-v-86a8a779]{position:fixed;width:100vw;height:100vh;cursor:pointer;background-color:#000a}.g-modal .modal-content[data-v-86a8a779]{position:relative;z-index:1001;overflow:auto}.sidebar[data-v-86a8a779]{position:absolute;top:0;left:0;z-index:999;transform:translate(-100%)}.sidebar_content[data-v-86a8a779]{display:grid;grid-template-rows:repeat(3,1fr);gap:.25em;font-size:1.5em;font-weight:700;height:100%}.sidebar_content>button[data-v-86a8a779]{position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;color:#fff;background-color:#1d1d1d;width:50px;height:85px}.sidebar_content>button .bar[data-v-86a8a779]{position:absolute;top:0;left:0;height:100%;width:4px;transform:translate(100%);transition:all .2s ease-in-out}.sidebar_content>button[data-selected=true] .bar[data-v-86a8a779]{transform:translate(0);background-color:#ff6060}.sidebar_content>button[data-v-86a8a779]:hover{cursor:pointer}.sidebar_content>button[data-v-86a8a779]:focus-visible{background-color:#6d6d6d}button.option-save[data-v-86a8a779]{background-color:#000a}button.option-save img[data-v-86a8a779]{width:80%;height:80%}button.option-save[data-selected=true][data-v-86a8a779]{background-color:#ff6060}@media screen and (max-width: 650px){.sidebar[data-v-86a8a779]{left:50%;top:0;width:100%;transform:translate(-50%,-100%)}.sidebar_content[data-v-86a8a779]{display:flex;justify-content:space-between}.sidebar_content>button[data-v-86a8a779]{height:40px;width:100px}.sidebar_content>button .bar[data-v-86a8a779]{width:100%;height:4px}}.order-message[data-v-7aa473be]{padding:1em}.order-message h3[data-v-7aa473be]{margin:0 0 1em;text-align:center}.order-message button[data-v-7aa473be]{margin:0 .5em}.message_body[data-v-7aa473be]{height:250px;overflow:auto;text-align:justify;background-color:#fff;border-radius:.5em;color:#000;padding:.5em;user-select:none;-moz-user-select:none;-webkit-user-select:none}.message_info[data-v-7aa473be]{text-align:center;color:#ccc}.message_actions[data-v-7aa473be]{display:flex;align-items:center;justify-content:center;margin-top:1em}.message_actions button img[data-v-7aa473be]{height:2ch;vertical-align:text-bottom;margin-right:.5em}.message_actions button[data-disabled=true][data-v-7aa473be]{user-select:none;color:#aaa}.action_monit[data-v-7aa473be]{text-align:center;padding:1.5em;font-size:1.15em}.monit-anim-enter-active[data-v-7aa473be],.monit-anim-leave-active[data-v-7aa473be]{transition:all .1s ease-in-out}.monit-anim-enter-from[data-v-7aa473be],.monit-anim-leave-to[data-v-7aa473be]{opacity:0;transform:translateY(-20px)}body[data-v-59a201a3],html[data-v-59a201a3]{padding:0;margin:0;min-height:100vh;background-color:#313638;font-family:Libre Franklin,sans-serif;font-weight:500}*[data-v-59a201a3]{box-sizing:border-box}a[data-v-59a201a3]{color:#fff;text-decoration:none}a[data-v-59a201a3]:hover{color:#ff6060}button[data-v-59a201a3]{border:none;outline:none;background:none;transition:all .15s ease-in;font-family:Libre Franklin,sans-serif;cursor:pointer;font-weight:700;font-size:1em}button.g-button[data-v-59a201a3]{text-align:center;color:#fff}button.g-button.action[data-v-59a201a3]{outline:2px solid white;padding:.5em}button.g-button.action[data-v-59a201a3]:focus-visible{outline:2px solid #ff6060}button.g-button.option[data-v-59a201a3]{margin:0 .25em}button.g-button.option[data-v-59a201a3]:focus-visible{outline:1px solid #ff6060}button.g-button.option[data-active=true][data-v-59a201a3],.text--accent[data-v-59a201a3]{color:#ff6060}.text--warn[data-v-59a201a3]{color:#ffe02e}select[data-v-59a201a3]{border:2px solid black;background:none;padding:.1em 0;border-radius:.3em;text-align:center}ul[data-v-59a201a3]{padding:0;margin:0;list-style:none;text-align:center}[data-v-59a201a3]::-webkit-scrollbar{width:10px}[data-v-59a201a3]::-webkit-scrollbar-track{background:#333}[data-v-59a201a3]::-webkit-scrollbar-thumb{background:#888}[data-v-59a201a3]::-webkit-scrollbar-thumb:hover{background:#555}.g-modal[data-v-59a201a3]{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000;display:flex;justify-content:center;align-items:center}.g-modal .modal-bg[data-v-59a201a3]{position:fixed;width:100vw;height:100vh;cursor:pointer;background-color:#000a}.g-modal .modal-content[data-v-59a201a3]{position:relative;z-index:1001;overflow:auto}.list-move[data-v-59a201a3],.list-enter-active[data-v-59a201a3],.list-leave-active[data-v-59a201a3]{transition:all .25s ease}.list-enter-from[data-v-59a201a3],.list-leave-to[data-v-59a201a3]{opacity:0;transform:translateY(30px)}.list-leave-active[data-v-59a201a3]{position:absolute}.order-list[data-v-59a201a3]{padding:1em}ul[data-v-59a201a3]{max-height:750px;height:80vh;overflow-y:auto;overflow-x:hidden;position:relative}h3[data-v-59a201a3]{margin:0 0 1em;text-align:center}li[data-v-59a201a3]{text-align:left;padding:1em;margin:.5em;background-color:#222;cursor:pointer}li button[data-v-59a201a3]{margin:1em 1em 0 0}li[selected=true][data-v-59a201a3]{outline:1px solid #ff6060}li.no-orders-warning[data-v-59a201a3]{text-align:center;font-size:1.2em;cursor:default}body[data-v-8d7d3f4b],html[data-v-8d7d3f4b]{padding:0;margin:0;min-height:100vh;background-color:#313638;font-family:Libre Franklin,sans-serif;font-weight:500}*[data-v-8d7d3f4b]{box-sizing:border-box}a[data-v-8d7d3f4b]{color:#fff;text-decoration:none}a[data-v-8d7d3f4b]:hover{color:#ff6060}button[data-v-8d7d3f4b]{border:none;outline:none;background:none;transition:all .15s ease-in;font-family:Libre Franklin,sans-serif;cursor:pointer;font-weight:700;font-size:1em}button.g-button[data-v-8d7d3f4b]{text-align:center;color:#fff}button.g-button.action[data-v-8d7d3f4b]{outline:2px solid white;padding:.5em}button.g-button.action[data-v-8d7d3f4b]:focus-visible{outline:2px solid #ff6060}button.g-button.option[data-v-8d7d3f4b]{margin:0 .25em}button.g-button.option[data-v-8d7d3f4b]:focus-visible{outline:1px solid #ff6060}button.g-button.option[data-active=true][data-v-8d7d3f4b],.text--accent[data-v-8d7d3f4b]{color:#ff6060}.text--warn[data-v-8d7d3f4b]{color:#ffe02e}select[data-v-8d7d3f4b]{border:2px solid black;background:none;padding:.1em 0;border-radius:.3em;text-align:center}ul[data-v-8d7d3f4b]{padding:0;margin:0;list-style:none;text-align:center}[data-v-8d7d3f4b]::-webkit-scrollbar{width:10px}[data-v-8d7d3f4b]::-webkit-scrollbar-track{background:#333}[data-v-8d7d3f4b]::-webkit-scrollbar-thumb{background:#888}[data-v-8d7d3f4b]::-webkit-scrollbar-thumb:hover{background:#555}.g-modal[data-v-8d7d3f4b]{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000;display:flex;justify-content:center;align-items:center}.g-modal .modal-bg[data-v-8d7d3f4b]{position:fixed;width:100vw;height:100vh;cursor:pointer;background-color:#000a}.g-modal .modal-content[data-v-8d7d3f4b]{position:relative;z-index:1001;overflow:auto}.content[data-v-8d7d3f4b]{width:100%;max-width:800px;height:100vh;max-height:800px;margin:1em;padding:1em;background-color:#2b2b2b}h2[data-v-8d7d3f4b]{text-align:center}ul[data-v-8d7d3f4b]{text-align:left}ul li b[data-v-8d7d3f4b]{font-size:1.1em;color:#ff6060}.home[data-v-be0dd4cb]{min-height:100vh;overflow-x:auto;display:flex;justify-content:center;align-items:center;width:100%}.home .home_container[data-v-be0dd4cb]{display:flex;flex-wrap:wrap;justify-content:center;gap:2em 1em;padding:.5em;width:100%}@media screen and (max-width: 650px){.home .home_container[data-v-be0dd4cb]{padding-top:5em;padding-bottom:5em}}.home .order_container[data-v-be0dd4cb]{width:100%;max-width:550px;position:relative}.home .message_container[data-v-be0dd4cb]{width:500px}.home .message_nav[data-v-be0dd4cb]{display:flex;align-items:center;justify-content:center}
|