78 lines
1.2 KiB
CSS
78 lines
1.2 KiB
CSS
div.task-list-entry, a.task-list-entry {
|
|
padding: 8px;
|
|
width: 525px;
|
|
border-radius: 2px;
|
|
border: lightgrey solid 1px;
|
|
cursor: pointer;
|
|
margin-bottom: -1px;
|
|
}
|
|
|
|
.marked {
|
|
background: lightgrey;
|
|
}
|
|
|
|
span {
|
|
cursor: pointer;
|
|
}
|
|
|
|
a {
|
|
font-size: x-large;
|
|
font-weight: 700;
|
|
}
|
|
|
|
small {
|
|
color: grey;
|
|
}
|
|
|
|
.trash {
|
|
padding-top: 18px;
|
|
font-size: 17px;
|
|
margin-left: -10px;
|
|
}
|
|
|
|
.selected {
|
|
background-color: aliceblue;
|
|
}
|
|
|
|
@-webkit-keyframes fadeIn {
|
|
from {
|
|
opacity: 0;
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
@-moz-keyframes fadeIn {
|
|
from {
|
|
opacity: 0;
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
@keyframes fadeIn {
|
|
from {
|
|
opacity: 0;
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
.fade-in {
|
|
opacity: 0; /* make things invisible upon start */
|
|
-webkit-animation: fadeIn ease-in 1; /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
|
|
-moz-animation: fadeIn ease-in 1;
|
|
animation: fadeIn ease-in 1;
|
|
|
|
-webkit-animation-fill-mode: forwards; /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
|
|
-moz-animation-fill-mode: forwards;
|
|
animation-fill-mode: forwards;
|
|
|
|
-webkit-animation-duration: 0.5s;
|
|
-moz-animation-duration: 0.5s;
|
|
animation-duration: 0.5s;
|
|
}
|