| 12 |
- body{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0}header{position:-webkit-sticky;position:sticky;top:0;left:0;width:100%;z-index:1}#mainContainer{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}#aside{min-width:15%;height:100vh;position:-webkit-sticky;position:sticky;top:0;left:0;background-color:#fcfcfc;overflow-y:auto}#aside::-webkit-scrollbar{width:0 !important}a{display:block;padding:5px 10px;text-decoration:none;color:black}a:hover{background-color:#b8b8b8}#main{padding:20px;overflow-y:auto}#main a{display:block;margin:0 auto;height:35px;width:300px;border-radius:3px;background-color:#ececeb;-webkit-box-shadow:0px 0.5px 6px 1px rgba(0,0,0,0.4);box-shadow:0px 0.5px 6px 1px rgba(0,0,0,0.4)}nav{padding:10px 30px;height:50px;background-color:#ececeb;-webkit-box-shadow:0px 0.5px 6px 1px rgba(0,0,0,0.4);box-shadow:0px 0.5px 6px 1px rgba(0,0,0,0.4);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}nav #signin,nav #register,nav #logout{display:inline;padding:10px;border-radius:3px;width:150px;height:30px;background-color:#f5f5f5;-webkit-box-shadow:0px 0.5px 6px 1px rgba(0,0,0,0.4);box-shadow:0px 0.5px 6px 1px rgba(0,0,0,0.4);text-decoration:none;color:black}nav #logout{width:70px;height:25px;padding:0}#user{display:inline;margin-right:15px}#cart-btn,#dashboard-btn{display:inline;border-radius:3px;width:80px;height:30px;background-color:#f5f5f5;-webkit-box-shadow:0px 0.5px 6px 1px rgba(0,0,0,0.4);box-shadow:0px 0.5px 6px 1px rgba(0,0,0,0.4);text-decoration:none;color:black;margin-right:20px}#userlogout-wrap{display:none}.overlay{position:fixed;height:100%;width:100%;top:0;padding:40px;z-index:200;display:none;background-color:rgba(0,0,0,0.55)}#signup-form,#login-form{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);display:none;width:350px;height:250px;padding:25px 15px;margin:0 auto;background-color:#fff;-webkit-box-shadow:1px 1.5px 4.8px 0.3px rgba(0,0,0,0.4);box-shadow:1px 1.5px 4.8px 0.3px rgba(0,0,0,0.4);border-radius:5px}#signup,#signup-password,#login,#login-password{display:block;margin:0 auto;border:none;width:85%;height:30px;font-size:16px;-webkit-box-shadow:1px 1.5px 4.8px 0.3px rgba(0,0,0,0.4);box-shadow:1px 1.5px 4.8px 0.3px rgba(0,0,0,0.4);border-radius:4px;margin-bottom:0px;padding:5px 10px}.form-btn{border:none;width:120px;height:30px;display:block;margin:15px auto;-webkit-box-shadow:1px 1.5px 4.8px 0.3px rgba(0,0,0,0.4);box-shadow:1px 1.5px 4.8px 0.3px rgba(0,0,0,0.4);background-color:aliceblue;color:#868686}.form-error{width:100%;margin-top:30px;color:#cf6d6d;text-align:center}.close{position:absolute;font-size:35px;color:#cacaca;top:-5px;right:-25px;cursor:pointer}.category-name{font-size:30px;padding:5px;border-radius:3px;background-color:#ececeb;-webkit-box-shadow:0px 0.5px 6px 1px rgba(0,0,0,0.4);box-shadow:0px 0.5px 6px 1px rgba(0,0,0,0.4)}.btn-buy{display:block;margin:0 auto;height:35px;width:100px;border-radius:3px;background-color:#ececeb;-webkit-box-shadow:0px 0.5px 6px 1px rgba(0,0,0,0.4);box-shadow:0px 0.5px 6px 1px rgba(0,0,0,0.4)}#btn-buy{display:none}#cart-wrap,#dashboard-wrap{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);display:none;width:70%;min-height:250px;max-height:300px;padding:25px 15px;margin:0 auto;background-color:#fff;-webkit-box-shadow:1px 1.5px 4.8px 0.3px rgba(0,0,0,0.4);box-shadow:1px 1.5px 4.8px 0.3px rgba(0,0,0,0.4);border-radius:5px}#cart-wrap div,#dashboard-wrap div{max-height:300px;overflow-y:auto}#cart-wrap div::-webkit-scrollbar,#dashboard-wrap div::-webkit-scrollbar{width:0}#cart,#dashboard{list-style-type:none;padding:0}#cart li,#dashboard li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#cart li img,#dashboard li img{height:60px;width:60px}#cart li input,#dashboard li input{height:20px;width:40px}#dashboard{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}#dashboard li{display:block}
- /*# sourceMappingURL=style.min.css.map */
|
