Ajout des tp

TP_DEV4.1/TP2MVC/style.css

@@ -0,0 +1,63 @@
+:focus-visible {outline:none;}
+
+.is-active {
+	color : #8EB901;
+}
+
+#add_form > div {
+	display : flex;
+	justify-content:space-between;
+}
+
+.todo {
+	display : flex;
+	align-items: center;
+}
+.todo checkbox,.todo i {
+	flex-grow : 0;
+	flex-shrink : 0;
+	flex-basis : auto;
+}
+.todo span  {
+	flex-grow : 1;
+	flex-shrink : 1;
+	flex-basis : auto;
+}
+
+
+.todolist {
+  padding-left: 0;
+}
+
+.todolist li {
+  list-style: none;
+  padding: var(--pico-form-element-spacing-vertical) 0;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+#todos_filter {
+	display:flex;
+	justify-content : center;
+}
+
+#todos_filter a {
+	margin:1em;
+}
+
+.todolist i {
+  cursor: pointer;
+}
+
+.todolist li:not(:last-child) {
+  border-bottom: 1.5px solid var(--pico-form-element-border-color);
+}
+
+.todolist > li > label:has(input:checked) {
+  text-decoration: line-through;
+}
+
+footer {
+  text-align: center;
+}
+