.post{width:100%}.profile{background-image:url(https://placeimg.com/100/100/arch);width:30px;height:30px;background-size:100%;border-radius:50%;float:left}.profile-name{display:block;float:left;padding-left:10px;padding-top:7px;font-size:14px}.post-header{height:30px;padding:10px}.post-body{background-image:url(https://placeimg.com/640/480/animals);height:450px;background-position:50%;background-size:cover}.post-content{padding-left:15px;padding-right:15px;font-size:14px}.date{font-size:11px;color:grey;margin-top:-8px}.filter-item{width:100px;height:100px;margin:10px 10px 10px auto;padding:8px;display:inline-block;color:#fff;background-size:cover;background-position:50%}.upload-image{width:100%;height:450px;background:#6495ed;background-size:cover;background-position:50%}.filters{overflow-x:scroll;white-space:nowrap}.filter-1{width:100px;height:100px;background-color:#6495ed;margin:10px 10px 10px auto;padding:8px;display:inline-block;color:#fff;background-size:cover}.filters::-webkit-scrollbar{height:5px}.filters::-webkit-scrollbar-track{background:#f1f1f1}.filters::-webkit-scrollbar-thumb{background:#888;border-radius:5px}.filters::-webkit-scrollbar-thumb:hover{background:#555}.write-box{border:none;width:90%;height:100px;padding:15px;margin:auto;display:block;outline:none}body{margin:0}ul{padding:5px;list-style-type:none}.logo{width:22px;margin:auto;display:block;position:absolute;left:0;right:0;top:13px}.header{width:100%;height:40px;background-color:#fff;padding-bottom:8px;position:-webkit-sticky;position:sticky;top:0}.header-button-left{float:left;padding-left:20px}.header-button-left,.header-button-right{color:#87ceeb;width:50px;cursor:pointer;margin-top:10px}.header-button-right{float:right}.footer{width:100%;position:-webkit-sticky;position:sticky;bottom:0;padding-bottom:10px;background-color:#fff}.footer-button-plus{width:80px;margin:auto;text-align:center;cursor:pointer;font-size:24px;padding-top:12px}.sample-box{width:100%;height:600px;background-color:bisque}.inputfile{display:none}.input-plus{cursor:pointer}#app{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:consolas;margin-top:60px;width:100%;max-width:460px;margin:auto;position:relative;border-right:1px solid #eee;border-left:1px solid #eee};.card-vue .card{ -webkit-tap-highlight-color:#eee}