IT2805/Exercise 7/todo.css

72 lines
1.2 KiB
CSS
Raw Permalink Normal View History

2020-10-20 00:14:33 +02:00
body {
background-color: #272822;
color: #F8F8F8;
margin: 5% 20%;
}
#title {
text-align: center;
color: #A6E22E;
font-size: 4em;
}
#todoField {
display: block;
padding: 1em;
margin: 0 auto;
color: #F8F8F8;
background-color: #494b41;
font-size: 2em;
resize: none;
}
#todoButton {
display: block;
padding: 1em;
margin: 1em auto;
color: black;
background-color: #FD971F;
font-size: 1.5em;
filter: drop-shadow(0.5em 0.5em 2px #191a16);
2020-10-20 12:23:35 +02:00
cursor: pointer;
2020-10-20 00:14:33 +02:00
}
#todoSummary {
font-size: 3em;
text-align: center;
}
#todoList {
list-style-type: none;
}
input[type=checkbox] {
width: 2em;
height: 2em;
margin-right: 2em;
2020-10-20 12:23:35 +02:00
vertical-align: middle;
cursor: pointer;
2020-10-20 00:14:33 +02:00
}
#todoList>li>span {
2020-10-20 12:23:35 +02:00
display: inline-block;
2020-10-20 00:14:33 +02:00
font-size: 3em;
}
#todoList>li {
margin-bottom: 1.5em;
}
/* Monokai rainbow list :DDD */
#todoList>li:nth-child(7n+1) {color: #F92672;}
#todoList>li:nth-child(7n+2) {color: #FD971F;}
#todoList>li:nth-child(7n+3) {color: #E69F66;}
#todoList>li:nth-child(7n+4) {color: #E6DB74;}
#todoList>li:nth-child(7n+5) {color: #A6E22E;}
#todoList>li:nth-child(7n+6) {color: #66D9EF;}
#todoList>li:nth-child(7n) {color: #AE81FF;}
.strikethrough {
text-decoration: line-through;
}