TaskManager.php.task.css 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202
  1. .taskList{
  2. margin:0 auto;
  3. margin-top:25px;
  4. margin-bottom:25px;
  5. background-color: #fcf59b;
  6. color: #212121;
  7. font-size:1.5em;
  8. }
  9. .stats{
  10. background-color:#ededed;
  11. padding:10px;
  12. }
  13. #sortable{
  14. list-style:none;
  15. padding:0;
  16. margin:0;
  17. }
  18. .ico{
  19. color:grey;
  20. opacity:0.3;
  21. vertical-align: top;
  22. }
  23. .dropdown{
  24. vertical-align: top;
  25. }
  26. #sortable li{
  27. padding:10px 10px;
  28. border-bottom-style:dotted;
  29. border-color:#CAC47C;
  30. border-width:1px;
  31. }
  32. #save{
  33. margin-bottom:10px;
  34. }
  35. #add{
  36. padding:10px 10px;
  37. border-bottom-style:solid;
  38. border-width:2px;
  39. border-color:#f5cf7a;
  40. }
  41. .details{
  42. cursor:pointer;
  43. opacity:0.8;
  44. color:black;
  45. }
  46. .details:hover{
  47. cursor:pointer;
  48. opacity:1;
  49. }
  50. .addIco{
  51. color:grey;
  52. opacity:0.3;
  53. float:left;
  54. }
  55. .delTask:hover{
  56. background-color:#f5f5f5;
  57. }
  58. .eInput{
  59. margin-left:5px;
  60. width:80%;
  61. float:left;
  62. display:inline-block;
  63. min-height:20px;
  64. border: none;
  65. overflow: auto;
  66. outline: none;
  67. background-color:transparent;
  68. height:15px;
  69. resize:none;
  70. }
  71. .editable{
  72. margin-left:5px;
  73. width:calc(100% - 130px);
  74. display:inline-block;
  75. background-color:transparent;
  76. min-height:15px;
  77. border: none;
  78. resize:none;
  79. outline: none;
  80. }
  81. .cursorClick{
  82. cursor:pointer;
  83. }
  84. .check, .aCheck{
  85. cursor:pointer;
  86. vertical-align: top;
  87. margin-left:5px;
  88. margin-top:3px;
  89. width:15px;
  90. height:15px;
  91. display:inline-block;
  92. border-style:solid;
  93. border-width:1px;
  94. border-color:grey;
  95. border-radius:0.1em;
  96. background-color: white;
  97. }
  98. #doneList{
  99. list-style:none;
  100. background-color:#e9e9e9;
  101. padding:0;
  102. margin:0;
  103. }
  104. #doneList li{
  105. padding:10px 10px;
  106. border-bottom-style:dotted;
  107. border-color:#CAC47C;
  108. border-width:1px;
  109. }
  110. #doneList .editable{
  111. color:grey;
  112. text-decoration: line-through;
  113. display:inline-block;
  114. margin-left:5px;
  115. }
  116. .progress{
  117. background-color: transparent;
  118. }
  119. #showMore{
  120. background-color:#e9e9e9;
  121. text-align:center;
  122. color:grey;
  123. font-size:11px;
  124. cursor:pointer;
  125. }
  126. .form-group{
  127. margin-bottom:15px;
  128. }
  129. .ui-autocomplete {
  130. position: absolute;
  131. top: 100%;
  132. left: 0;
  133. z-index: 1000;
  134. float: left;
  135. display: none;
  136. min-width: 160px;
  137. padding: 4px 0;
  138. margin: 0 0 10px 25px;
  139. list-style: none;
  140. background-color: #ffffff;
  141. border-color: #ccc;
  142. border-color: rgba(0, 0, 0, 0.2);
  143. border-style: solid;
  144. border-width: 1px;
  145. -webkit-border-radius: 5px;
  146. -moz-border-radius: 5px;
  147. border-radius: 5px;
  148. -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  149. -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  150. box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  151. -webkit-background-clip: padding-box;
  152. -moz-background-clip: padding;
  153. background-clip: padding-box;
  154. *border-right-width: 2px;
  155. *border-bottom-width: 2px;
  156. }
  157. .ui-menu-item > a.ui-corner-all {
  158. display: block;
  159. padding: 3px 15px;
  160. clear: both;
  161. font-weight: normal;
  162. line-height: 18px;
  163. color: #555555;
  164. white-space: nowrap;
  165. text-decoration: none;
  166. }
  167. .ui-state-hover, .ui-state-active {
  168. color: #ffffff;
  169. text-decoration: none;
  170. background-color: #0088cc;
  171. border-radius: 0px;
  172. -webkit-border-radius: 0px;
  173. -moz-border-radius: 0px;
  174. background-image: none;
  175. }