-
Notifications
You must be signed in to change notification settings - Fork 0
/
app.1641ec04.css
1 lines (1 loc) · 1.42 KB
/
app.1641ec04.css
1
@charset "UTF-8";*{padding:0;margin:0}.container{width:800px;margin:0 auto}.container .head-area{background:#24b5f8;padding:20px;text-align:center;margin-bottom:15px}.container .head-area h1{color:#fff}.container .input-area{text-align:center;margin-bottom:15px;vertical-align:middle;display:flex}.container .input-area input{width:200px;box-sizing:border-box;flex-grow:8;margin-right:20px;padding:0 10px}.container .input-area button,.container .input-area input{height:35px;line-height:35px;border:1px solid #ccc;vertical-align:middle;font-size:20px}.container .input-area button{width:100px;flex-grow:2}.container .list-area ul{margin-top:20px}.container .list-area li{list-style:none;font-size:18px;display:flex;line-height:45px;border-top:1px solid #ddd;align-items:center;min-height:46px}.container .list-area li:first-child{border-top:0}.container .list-area li.checked:before{content:"✓";color:#3bc9db}.container .list-area li.checked span{text-decoration:line-through;color:#ccc;padding-left:15px}.container .list-area li.checked .edit{display:none}.container .list-area li input{line-height:26px;height:30px;box-sizing:border-box}.container .list-area li input,.container .list-area li span{flex-grow:8;vertical-align:middle;font-size:18px}.container .list-area li button{flex-grow:1;font-size:18px;line-height:30px;height:30px;border:1px solid #ccc;margin-left:10px;vertical-align:middle;justify-content:center;min-width:100px;max-width:100px}