milkshop.css.html

<style>
.nav{margin-top:6px;position:relative;background-color:#587a30;height:140px;width:900px;display:inline-block}body{width:900px;margin:auto;font-family:Microsoft JhengHei}.title-container{padding-left:100px;padding-top:30px;float:left}.title{color:#fff;font-size:45px;letter-spacing:4px}.logo-container{float:left;position:absolute;left:650px;bottom:0}.logo{position:absolute;bottom:0;max-height:126px}.des{color:#fff}.item-container{width:860px;margin:1px 20px;column-count:2}.type-container{width:420px;display:inline-block;margin:3px}.type-title{height:30px;color:#fff;background-color:#6b696a}.type-title-txt{text-align:center;vertical-align:middle;padding-top:5px}.type-title-en{height:30px;color:#547132;margin-top:3px;background-color:#e5e0cd;display:inline-box;position:relative}.type-title-txt-en{text-align:center;vertical-align:middle;padding-top:3px}.size{z-index:100;float:left;position:absolute;top:7px;left:80%}.size>*{float:left;margin-left:5px;width:20px}.drink-container{cursor:pointer;margin:10px;display:flex;flex-direction:row}.name-c{width:80%}.name-cht{font-weight:bold}.name-en{color:#c2c2c2;font-size:12px}.price-c{width:20%;font-size:18px;display:flex;align-items:center}.price-L,.price-M{margin-left:10px;width:20px}.selected-container{padding:10px;display:inline-block;border-style:solid;border-color:#e5e0cd;border-radius:8px}.select-size>*{float:left}.select-size>*>*{float:left}div.label.selectedsize{background-color:#587a30}div.label{background-color:#c8c8c8;width:20px;height:20px;text-align:center;font-size:16px;line-height:20px;border-radius:50%;font-weight:bold;margin-top:10px;margin-right:3px;color:#fff}.selected-name,.select-sugar,.select-size,.select-ice,.order,.name-owner,.submit{display:block;height:40px;line-height:40px}.order{text-align:center;font-weight:bold;font-size:20px}.optionLabel{width:45px;float:left;margin-right:6px}.sugar-block,.ice-block{height:25px;width:40px;margin-top:7px;margin-right:2px;float:left;border-style:solid;border-width:2px;border-color:transparent}.sugar-block,.ice-block{background-color:#c8c8c8}.L>label>*,.M>label>*{float:left}.select-size>.L,.select-size>.M{vertical-align:middle;margin:0px 10px}.L>input,.M>input{margin-top:15px}.sugar-block.selectedsugar{background-color:#587a30}.ice-block.hot{background-color:#E84A5F}.ice-block.warm{background-color:#FF847B}.ice-block.room{background-color:#E8FFE8}.ice-block.ice-free{background-color:#A6FFF2}.ice-block.little-ice{background-color:#74F9FF}.ice-block.easy-ice{background-color:#74F9FF}.ice-block.regular-ice{background-color:#00E0FF}.ice-block.selectedIceBlock{border-color:#000}.ice-block{border-style:solid;border-width:2px;border-color:transparent}.warning{border-style:solid;border-width:2px;border-color:#e84a5f}.button-container{margin-top:3px}button{background-color:#e5e0cd;border:none;color:#54715d;padding:10px 16px;text-align:center;text-decoration:none;display:inline-block;font-size:16px}.name-input{font-size:18px}
</style>