styles.css 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  1. #toDoList {
  2. margin: 0 0 5px 0;
  3. padding: 0;
  4. overflow-x: hidden;
  5. color: #FFFFFF;
  6. border-radius: 4px;
  7. }
  8. #completeList {
  9. margin: 0 0 20px 0;
  10. padding: 0;
  11. overflow-x: hidden;
  12. border-radius: 4px;
  13. }
  14. #toDoList li {
  15. padding: 10px 3% 10px 3%;
  16. font-size: inherit;
  17. font-weight: 600;
  18. }
  19. #toDoList li:hover {
  20. cursor: pointer;
  21. }
  22. .toDo {
  23. background: #F45D4C;
  24. text-decoration: none;
  25. }
  26. .toDo:hover {
  27. background: #F35644;
  28. }
  29. .toDo:first-child {
  30. background: #FACA66;
  31. }
  32. .toDo:first-child:hover {
  33. background: #F9BE63;
  34. }
  35. .toDo:nth-child(2) {
  36. background: #F9B260;
  37. }
  38. .toDo:nth-child(2):hover {
  39. background: #F8A65D;
  40. }
  41. .toDo:nth-child(3) {
  42. background: #F79A5A;
  43. }
  44. .toDo:nth-child(3):hover {
  45. background: #F78D58;
  46. }
  47. .toDo:nth-child(4) {
  48. background: #F68155;
  49. }
  50. .toDo:nth-child(4):hover {
  51. background: #F57552;
  52. }
  53. .toDo:nth-child(5) {
  54. background: #F5694F;
  55. }
  56. .toDo:nth-child(5):hover {
  57. background: #F45D4C;
  58. }
  59. .notEasy {
  60. background: #94B86E;
  61. }
  62. .youCompleteMe {
  63. text-decoration: line-through;
  64. text-shadow: none;
  65. background: #555555;
  66. color: #999999;
  67. padding: 10px 3% 10px 3%;
  68. font-weight: 600;
  69. cursor: pointer;
  70. }
  71. .youCompleteMe:hover {
  72. background: #484848;
  73. }
  74. .emptyBox {
  75. width: 69.6% !important;
  76. height: 32px !important;
  77. border: 4px solid #de1919 !important;
  78. }
  79. .copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}