not really known
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

63 lines
1.1 KiB

  1. #main-toolbar #activity-button {
  2. background-image: url(../activity/activity-icon.svg);
  3. }
  4. #todo-app {
  5. text-align: center;
  6. margin: 0 55px;
  7. }
  8. #todo-list {
  9. text-align: left;
  10. margin-top: 11px;
  11. margin-bottom: 11px;
  12. }
  13. #todo-list li {
  14. position: relative;
  15. }
  16. #todo-list li input[type="checkbox"] {
  17. position: absolute;
  18. top: 0;
  19. left: 0;
  20. margin: 10px;
  21. }
  22. #todo-list li label {
  23. word-break: break-word;
  24. padding: 15px 0;
  25. margin-left: 42px;
  26. margin-right: 42px;
  27. display: block;
  28. line-height: 1.2;
  29. -webkit-transition: color 0.4s;
  30. -moz-transition: color 0.4s;
  31. -ms-transition: color 0.4s;
  32. -o-transition: color 0.4s;
  33. transition: color 0.4s;
  34. }
  35. .completed label {
  36. color: #a9a9a9;
  37. text-decoration: line-through;
  38. }
  39. button.remove {
  40. position: absolute;
  41. top: 0;
  42. right: 0;
  43. width: 42px;
  44. height: 42px;
  45. background-color: transparent;
  46. background-position: center;
  47. background-size: 22px 22px;
  48. background-repeat: no-repeat;
  49. background-image: url(../icons/list-remove.svg);
  50. border: 0;
  51. border-radius: 0;
  52. }
  53. button.add {
  54. background-image: url(../icons/list-add.svg);
  55. }