| 12 |
- .white-theme{--font-color: #000000;--background-color: #FFFFFF}.dark-theme{--font-color: #FFFFFF;--background-color: #222222}body,input,button{font-size:16px;font-family:"Raleway",sans-serif;font-style:normal;font-weight:normal;font-optical-sizing:auto}@media only screen and (max-width: 230px){body,input,button{word-break:break-all}}h1,h2,h3,h4,h5,h6{font-family:"Cal Sans",sans-serif;font-optical-sizing:auto;font-weight:normal;font-style:normal;color:#6BAB90}.numbers{font-family:"Roboto",sans-serif;font-optical-sizing:auto;font-weight:normal;font-style:normal;font-variation-settings:"wdth" 100}.top-bar{position:fixed;top:0px;left:0px;width:100%;display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;align-content:center;align-items:center;background-color:#364652;color:#6BAB90}@media only screen and (max-width: 800px){.top-bar{justify-content:space-around}}@media only screen and (max-width: 600px){.top-bar{position:absolute}}.top-bar input,.top-bar button,.top-bar select{background-color:transparent;color:#6BAB90;transition:transform .5s;border:2px solid #6BAB90;border-radius:10px;padding:10px;margin-left:10px;margin-right:10px;box-sizing:border-box}.top-bar input:focus{transform:scale(1.1);outline:0 !important}.top-bar button:hover{transform:rotate(20deg)}.top-bar .left,.top-bar .right{margin:10px}.top-bar .left form{display:flex;flex-direction:row;align-items:stretch;align-content:stretch;flex-wrap:wrap;justify-content:center;gap:10px 0px}@media only screen and (max-width: 500px){.top-bar .left form input{width:calc(100% - 20px)}.top-bar .left form button,.top-bar .left form select{width:calc(50% - 20px)}.top-bar .left form button:hover{transform:rotate(5deg)}}.products{display:flex;justify-content:space-evenly;align-items:stretch;flex-wrap:wrap;flex-direction:row;width:calc(100% - 40px);margin:20px;gap:20px}.products .top-bar-spacing{width:100%}.products .product{border:2px solid #6BAB90;border-radius:10px;padding:10px;margin:0px;max-width:450px;width:100%;box-sizing:border-box}.products .product .header{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between}@media only screen and (max-width: 450px){.products .product .header{flex-direction:column;justify-content:center;margin-bottom:10px}}.products .product .header .manage{display:flex;flex-direction:row;justify-content:right;flex-wrap:wrap;gap:10px;width:40%;margin-bottom:10px}.products .product .header button{background-color:#6BAB90;color:#364652;border:none;padding:10px;border-radius:10px;transition:transform .5s}.products .product .header button:hover{transform:rotate(30deg)}.products .product .avairable{color:green}.products .product .unavairable{color:red}.products .product .image{border-radius:10px;border:2px solid #6BAB90;max-width:50%;transition:transform .5s}.products .product .image:hover{transform:scale(1.1)}.products .product .author,.products .product .barcode{display:flex;align-items:center;align-content:center;flex-direction:row;flex-wrap:nowrap}.products .product .author span:last-child,.products .product .barcode span:last-child{margin-left:5px}.products .product .bottom-container{display:flex;align-items:center;align-content:center;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;gap:10px}@media only screen and (max-width: 400px){.products .product .bottom-container{flex-direction:column}}.products .title{width:min(90%, 500px);margin-left:calc(50% - min(90%, 500px) / 2);margin-right:calc(50% - min(90%, 500px) / 2);text-align:center;border:2px solid #6BAB90;padding:10px;border-radius:10px;box-sizing:border-box}.products .title h1{display:inline}body{margin:0px;padding:0px;color:var(--font-color);background-color:var(--background-color);transition:color .5s,background-color .5s}.top-bar .right{display:flex;flex-direction:row;vertical-align:center;justify-content:center;align-items:center;flex-wrap:wrap;gap:5px 0px}@media only screen and (max-width: 300px){.top-bar .right{justify-content:center}}.top-bar .right .login-info{margin-right:10px;display:flex;justify-content:center;align-items:center}.top-bar .right .login-info .icon{margin-right:5px}.fullscreen-viewer{width:100%;height:100%;position:fixed;top:0px;left:0px;background-color:rgba(40,40,40,0.7);display:flex;flex-direction:row;align-items:center;justify-content:center}.fullscreen-viewer .center{box-sizing:border-box;width:600px;max-width:100%;max-height:80%;overflow-y:auto;background-color:#6BAB90;color:var(--font-color);border:#6BAB90 2px solid;border-radius:10px;display:flex;flex-direction:column;align-items:stretch;justify-content:stretch}.fullscreen-viewer .center img{transition:opacity .5s;width:60%}.fullscreen-viewer .center .button{background-color:#6BAB90;color:#364652;display:flex;vertical-align:center;align-items:center;justify-content:center;flex-direction:row;padding:10px;border-radius:10px;border:none;gap:5px;margin:5px;transition:transform .5s}.fullscreen-viewer .center .button:hover{transform:scale(1.1)}.fullscreen-viewer .center .result{background-color:var(--background-color)}.fullscreen-viewer .center .content{box-sizing:border-box;width:100%;background-color:var(--background-color);min-height:100px;padding:10px;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center}.fullscreen-viewer .center .content .input-container{box-sizing:border-box;width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px}.fullscreen-viewer .center .content .input-container input{padding:5px;border-radius:5px;color:var(--background-color);background-color:var(--font-color);border:#6BAB90 2px solid;transition:transform .5s;max-width:300px}.fullscreen-viewer .center .content .input-container input:focus{transform:scaleX(1.1);outline:0 !important}.fullscreen-viewer .center .result{padding:10px;min-height:1.2em}.fullscreen-viewer .center .result .error,.fullscreen-viewer .center .result .success,.fullscreen-viewer .center .result .info{margin:0px;text-align:center}.fullscreen-viewer .center .result .error{color:red}.fullscreen-viewer .center .result .success{color:#90ee90}.fullscreen-viewer .center .result .info{color:var(--font-color)}.fullscreen-viewer .center .title h3{color:var(--background-color);text-align:center}.fullscreen-viewer .center .bottom{box-sizing:border-box;padding:10px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px}.fullscreen-viewer .center .bottom .close,.fullscreen-viewer .center .bottom .send{padding:10px;border-radius:10px;transition:transform .5s;border:none}.fullscreen-viewer .center .bottom .close{background-color:red;color:#fff}.fullscreen-viewer .center .bottom .send{background-color:var(--background-color);color:#6BAB90}.fullscreen-viewer .center .bottom .close:hover{transform:rotate(30deg)}.fullscreen-viewer .center .bottom .send:hover{transform:scale(1.2)}.product-fullscreen-viewer .close{position:fixed;top:30px;right:30px;padding:10px;border-radius:10px;border:none;background-color:red;color:#fff;transition:transform .5s}.product-fullscreen-viewer .close:hover{transform:rotate(30deg)}.product-fullscreen-viewer .image{width:100%;height:100%;position:absolute;top:0px;left:0px;background-repeat:no-repeat;background-size:contain;background-position:center;z-index:-1}.product-fullscreen-viewer .title{width:100%;position:absolute;top:0px;left:0px;background-color:#6BAB90;border-radius:0px 0px 10px 10px}.product-fullscreen-viewer .title h1{color:#364652;padding:10px;text-align:center}.product-fullscreen-viewer .bottom-side{position:absolute;bottom:0px;left:0px;width:calc(100% - 20px);background-color:var(--font-color);display:flex;flex-direction:column;border-radius:10px 10px 0px 0px;padding:10px;align-items:center;justify-content:center;vertical-align:center}.product-fullscreen-viewer .bottom-side p{color:var(--background-color)}.product-fullscreen-viewer .bottom-side .bottom-header,.product-fullscreen-viewer .bottom-side .description{width:calc(100% - 40px);max-width:500px;margin-left:20px;margin-right:20px}.product-fullscreen-viewer .bottom-side .bottom-header{display:flex;flex-direction:row;justify-content:space-between;vertical-align:center;align-items:center}.product-fullscreen-viewer .bottom-side .bottom-header p{display:flex;flex-direction:row;vertical-align:center;align-items:center}.product-fullscreen-viewer .bottom-side .bottom-header p span{display:block}.product-fullscreen-viewer .bottom-side .bottom-header p span:last-child{margin-left:5px}.login-prompt,.product-adder{display:flex;vertical-align:center;align-items:center;justify-content:center;flex-direction:column}.login-prompt .center,.product-adder .center{padding:20px;border-radius:10px;border:2px solid #6BAB90;background-color:#364652;display:flex;flex-direction:column;justify-content:center;align-items:center}.login-prompt .center input,.product-adder .center input{border:var(--background-color) 2px solid;padding:10px 5px;border-radius:10px;color:var(--background-color);background-color:#444;transition:transform .5s;margin-bottom:20px}.login-prompt .center input:focus,.product-adder .center input:focus{transform:scale(1.1);outline:0 !important}.login-prompt .center button,.product-adder .center button{border:#6BAB90 2px solid;padding:10px 15px;border-radius:10px;background-color:#364652;color:#6BAB90;transition:transform .5s}.login-prompt .center button:hover,.product-adder .center button:hover{transform:scale(1.2)}.login-prompt .center label,.product-adder .center label{color:#6BAB90;margin-bottom:5px}html{scroll-behavior:smooth}.site-manage{position:fixed;bottom:20px;left:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.site-manage button{padding:10px;border-radius:10px;background-color:#364652;color:#6BAB90;border:#6BAB90 2px solid;transition:transform .5s,opacity .5s}.site-manage button:hover{transform:rotate(30deg)}.confirm-window{position:fixed;top:0px;left:0px;width:100%;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;background-color:rgba(0,0,0,0.7)}.confirm-window .center{width:300px;border-radius:10px;border:2px solid #6BAB90;box-sizing:border-box;background-color:#364652;background-color:#6BAB90}.confirm-window .center .title h3{color:#364652;text-align:center}.confirm-window .center .description{background-color:var(--background-color);padding:10px}.confirm-window .center .description p{text-align:center}.confirm-window .center .title,.confirm-window .center .description,.confirm-window .center .buttons{padding:10px}.confirm-window .center .buttons{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px}.confirm-window .center .buttons .cancel,.confirm-window .center .buttons .confirm{padding:10px;border:none;border-radius:10px;transition:transform .5s}.confirm-window .center .buttons .cancel:hover{transform:rotate(30deg)}.confirm-window .center .buttons .confirm:hover{transform:scale(1.2)}.confirm-window .center .buttons .cancel{background-color:red;color:#fff}.confirm-window .center .buttons .confirm{background-color:#364652;color:#6BAB90}.reservations-list{display:flex;flex-direction:column;gap:10px}.reservations-list .reservation{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px}.reservations-list .reservation button{padding:10px;border-radius:10px;background-color:#6BAB90;color:#364652;border:none;transition:transform .5s}.reservations-list .reservation button:hover{transform:scale(1.1)}.reservations-list .reservation p{display:inline-flex;flex-align:center;align-items:center;gap:10px;margin:0px;margin-right:10px;padding:0px}
- /*# sourceMappingURL=theme.css.map */
|
