TaskManager.php.task.css 3.0 KB

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