ToDo-App/style.css at main · hdrdnz/ToDo-App · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
 .container {
     width: 700px;
     height: 800px;


 }

 body {
     margin-top: 20px;
     background-image: url(images/sky-sunset-colorful-sunrise.jpg);
     background-repeat: no-repeat;
     background-position: center center;
     background-attachment: fixed;
     background-size: cover;


 }

 /* elipsis yanındakini ikonu kaybeder. */
 .dropdown-toggle::after {
     display: none;
 }

 .button {
     background-color: #DFF6FF;
 }

 .card-header {
     background-color: #CFD2CF;
     color: #C499BA;
     text-align: center;
     font-size: 25px;
     font-style: italic;
     font-family: fantasy;
 }

 .card-body {
     background-color: #DEB6AB;

     margin-top: 5px;
 }

 .form-control {
     background-color: #EEE3CB;
 }

 .card {
     background-color: #EEE3CB;
 }

 .task {
     background-color: #BFACE0;
 }

 .task {
     /* ögelere esneklik sağlar. */
     display: flex;
     align-content: center;
     /* space-between :esnek kutu içerisindeki ilk hat ana eksenin başlangıç (start) posizyonuna doğru son hat ise ana-eksenin sonuna (end) doğru konumlanır. */
     justify-content: space-between;
 }

 .task label.checked {
     text-decoration: line-through;
 }

 .controls {
     display: flex;
     align-items: center;
     justify-content: space-between;
 }

 .filters span.active {
     color: blue;
 }

 .filters span {
     margin-right: 5px;
     font-size: 15px;
     column-rule-color: #444;
     /* üzerine gelindiği zaman el işareti çıkar. */
     cursor: pointer;
 }

 .list-group {
     color: darkblue;
 }