| 12 |
- body,input,button{font-size:16px;font-family:"Raleway",sans-serif;font-style:normal;font-weight:normal;font-optical-sizing:auto}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:nowrap;align-content:center;align-items:center;background-color:#364652;color:#6BAB90}.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}.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}.products{display:flex;justify-content:space-evenly;align-items:center;align-content:center;flex-wrap:wrap;flex-direction:row}.products .top-bar-spacing{width:100%}.products .product{border:2px solid #6BAB90;border-radius:10px;padding:10px;margin:10px;max-width:500px}.products .product .header{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.products .product .header button{background-color:#6BAB90;color:#364652;border:none;padding:10px;border-radius:10px;margin-left:5px;margin-right:5px;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}.products .title{width:calc(100% - 40px);text-align:center;margin:20px}.products .title h1{border:2px solid #6BAB90;padding:10px;border-radius:10px;display:inline}body{margin:0px;padding:0px}.top-bar .right{display:flex;flex-direction:row;vertical-align:center;justify-content:center;align-items:center}.top-bar .right .login-info{margin-right:10px;display:flex;vertical-align:center;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)}.fullscreen-viewer .close{position:absolute;top:30px;right:30px;padding:10px;border-radius:10px;color:red;border:red 2px solid;background-color:transparent;transition:transform .5s}.fullscreen-viewer .close:hover{transform:scale(1.2)}.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:#000;color:#fff;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 .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:#fff 2px solid;padding:10px 5px;border-radius:10px;color:#fff;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}
- /*# sourceMappingURL=theme.css.map */
|
