Skip to content

Commit 3d73b19

Browse files
committed
Added styles to the site
1 parent 6953029 commit 3d73b19

File tree

1 file changed

+66
-0
lines changed

1 file changed

+66
-0
lines changed

TodoList/style.css

Lines changed: 66 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,66 @@
1+
*{
2+
margin:0;
3+
padding:0;
4+
box-sizing: border-box;
5+
}
6+
body{
7+
background-image: linear-gradient(to right,rgb(0, 128, 255),rgb(135, 206, 235));
8+
}
9+
.container{
10+
background-color: aliceblue;
11+
margin:10rem auto;
12+
width:60%;
13+
padding:2rem;
14+
}
15+
.addToDo,.removeChecked{
16+
padding: 1rem;
17+
background-image:linear-gradient(to right,rgb(0, 128, 255),rgb(135, 206, 235)) ;
18+
border:none;
19+
border-radius: 4px;
20+
color: white;
21+
font-size: 18px;
22+
}
23+
h1{
24+
margin-top: 1rem;
25+
text-align: center;
26+
}
27+
input{
28+
border:2px solid rgba(97, 156, 7, 0.733);
29+
border-radius: 4px;
30+
padding:1rem;
31+
width:90%;
32+
margin:2rem auto;
33+
}
34+
.todo button{
35+
border:none;
36+
margin: 0 1rem 0 1rem;
37+
}
38+
.todo div{
39+
padding: 0%;
40+
display: flex;
41+
align-items: center;
42+
justify-content: space-between;
43+
}
44+
.todo div:hover{
45+
background-color:rgba(226, 220, 220, 0.929);
46+
}
47+
.count{
48+
padding: 1rem;
49+
background-color: aqua;
50+
border:none;
51+
border-radius: 4px;
52+
font-size: 18px;
53+
}
54+
.foot{
55+
display: flex;
56+
flex-direction: row;
57+
align-items: center;
58+
justify-content:space-between;
59+
}
60+
input[type="checkbox"]{
61+
width:auto;
62+
margin-right:.5rem;
63+
margin-left: .5rem;
64+
}
65+
66+

0 commit comments

Comments
 (0)