diff --git a/index.html b/index.html index c68cd33..d38f4b9 100644 --- a/index.html +++ b/index.html @@ -10,22 +10,24 @@ background-color: rgb(223, 223, 223); } - .table td{ + td { padding: 10px; border: 1px solid black; background-color: white; } .input{ + float: left; margin: 15px; } .btn { - display: inline-block; + float: left; padding: 10px; background-color: rgb(253, 253, 250); - border: 2px solid rgb(247, 247, 153); + border: 2px solid rgb(196, 195, 195); border-radius: 4px; + height: 55px; } .btn:hover{ @@ -33,25 +35,67 @@ } .container { - display: flex; - margin: 10px; + float: left; + padding-top: 15px; + width: 400px; + } + .color_element { + display: flex; + text-align: center; + flex-direction: column; + float: left; + margin: 0px 5px; + width: 50px; + + border-radius: 2px; + } + .color_button{ + + width: 50px; + height: 27px; + border-radius: 2px; + } + + .del_btn{ + + height: 27px; + background-color: white; + border: none; + } + .icon { + font-size:30px; + } + .main { + margin: 15px; + } + + .del{ + opacity: 0; + font-size: 20px; + } + .del:hover{ + opacity: 1; + } - - - --> + +
-
- container +
+ - + + +
+