1 line
15 KiB
CSS
1 line
15 KiB
CSS
|
#StoreBodyBox{width:150vh;height:85vh;overflow:hidden;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column}.blur{filter:blur(2px)}.close{right:1%}.close,.preview{position:absolute;top:2%;color:#fff;font-size:2.5vh}.preview{left:1%}#StoreBox{display:flex;flex-direction:column;flex:1}#StoreTitleBox{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:15vh}#StoreTitle{color:#fff;font-size:4.5vh;font-weight:700}#StoreWindowBox{background-color:#f1f1f1;width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:1.5vh 2.5vh;border-radius:5px 5px 0 0;margin-left:10vh;font-size:2.6vh;font-weight:600;color:#323c67}#StoreContentBox{background-color:#f1f1f1;margin-top:-.1vh;flex:1;padding:2vh 5vh}#StoreContentTopBox{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin:0 5vh}#StoreSearchBox{flex:1;display:flex;flex-direction:row;align-items:center;background-color:#fff;color:grey;border-radius:20px;padding:0 2vh;font-size:2.4vh}#StoreInputSearch{flex:1;border:none;outline:none;padding:1vh;font-size:2.4vh;background-color:hsla(0,0%,100%,0);color:grey}#StoreInputSearch::-moz-placeholder{color:grey}#StoreInputSearch:-ms-input-placeholder{color:grey}#StoreInputSearch::placeholder{color:grey}#StoreCartButton{color:#fff;width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:1vh 3vh;border-radius:3px;margin-left:5vh;display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-weight:bolder;font-size:3vh;position:relative}#StoreCartButton:hover{opacity:.9}#StoreCartButton i:first-of-type{margin-right:3vh}#StoreCartButton i:last-child{margin-left:3vh}#StoreListItensBox{overflow-y:scroll;max-height:48vh;margin-top:1vh}#StoreListItensBox::-webkit-scrollbar-track{background-color:#fff}#StoreListItensBox::-webkit-scrollbar{width:0;background:rgba(20,51,136,.8)}#StoreListItensBox::-webkit-scrollbar-thumb{background:rgba(5,6,65,.8);border-radius:20px}#StoreListItens{display:flex;flex-direction:row;flex-wrap:wrap;margin:0 5vh;margin-bottom:2vh}.StoreItem{background-color:#fff;box-shadow:1px 1px 3px 1px hsla(0,0%,63.5%,.5019607843137255);margin-right:4vh;margin-top:4vh;width:20vh;height:30vh;position:relative;padding:.5vh}.StoreItemWeight{position:absolute;background-color:#f19d74;box-shadow:3px 3px 6px 1px rgba(191,126,93,.8784313725490196);font-size:1.5vh;font-weight:700;color:#fff;padding:.6vh 1.5vh;transform:translate(-50%,80%)}.StoreItemImageBox{background-color:#e9e9e9;width:100%;height:55%;display:flex;flex-direction:column;justify-content:center;align-items:center}.StoreItemImage{max-width:50%;max-height:100%}.StoreItemName{color:grey}.StoreItemName,.StoreItemPrice{text-align:center;margin-top:1vh;font-size:2.2vh}.StoreItemPrice{color:#323c67;font-weight:500}.StoreItemCartButton{color:#fff;display:flex;flex-direction:row;justify-content:center;align-items:center;font-size:1.5vh;font-weight:700;padding:1vh 0;width:80%;margin:auto;margin-top:1vh;position:relative}.StoreItemCartButton:hover{opacity:.9}.StoreItemCartButton p{margin-left:1vh}.ClickBox{width:100%;height:100%;position:absolute;top:0;left:0}#CartTitleBox{text-align:center;font-size:5vh;font-weight:bolder;color:#323c67}#CartBodyBox{display:flex;flex-direction:row;justify-content:center;margin-top:2vh}.CartItensBox{background-color:#fff;flex:1;margin-left:5vh;padding:3vh;border-radius:5px;box-shadow:0 0 3px 1px hsla(0,0%,67.8%,.315)}.CartItensTitle{color:grey;font-weight:700;font-size:2vh}#CartItensList{display:flex;flex-direction:column;margin-top:2vh;height:30vh;overflow-y:scroll}#CartItensList::-webkit-scrollbar-track{background-color:#fff}#CartItensList::-webkit-scrollbar{width:0;background:rgba(20,51,136,.8)}#CartItensList::-webkit-scrollbar-thumb{background:rgba(5,6,65,.8);border-radius:20px}.CartItem{display:flex;flex-direction:row;align-items:center;justify-content:space-between;border-bottom:1px solid #d4d4d4;padding:1vh 0;color:grey;font-weight:700;font-size:2.2vh}.CartItem:first-child{border
|