TaskManager.php.task.css 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221
  1. .taskList{
  2. margin:0 auto;
  3. margin-top:25px;
  4. margin-bottom:25px;
  5. background-color: #fffcd7;
  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. padding-top: 7px;
  76. margin-left:5px;
  77. width:100%;
  78. background-color:transparent;
  79. min-height:15px;
  80. border: none;
  81. resize:none;
  82. outline: none;
  83. }
  84. .hours{
  85. border-style: solid;
  86. border-width: 1px;
  87. border-color: grey;
  88. border-radius: 0.1em;
  89. height:15px;
  90. font-size:13px;
  91. border-radius:0px;
  92. margin-top:4px;
  93. }
  94. .cursorClick{
  95. cursor:pointer;
  96. }
  97. .check, .aCheck{
  98. cursor:pointer;
  99. vertical-align: top;
  100. margin-left:5px;
  101. margin-top:3px;
  102. width:15px;
  103. height:15px;
  104. display:inline-block;
  105. border-style:solid;
  106. border-width:1px;
  107. border-color:grey;
  108. border-radius:0.1em;
  109. background-color: white;
  110. }
  111. #doneList{
  112. list-style:none;
  113. background-color:#e9e9e9;
  114. padding:0;
  115. margin:0;
  116. }
  117. #doneList li{
  118. padding:10px 10px;
  119. border-bottom-style:dotted;
  120. border-color:#CAC47C;
  121. border-width:1px;
  122. }
  123. #doneList .editable{
  124. color:grey;
  125. text-decoration: line-through;
  126. display:inline-block;
  127. margin-left:5px;
  128. }
  129. .progress{
  130. background-color: transparent;
  131. }
  132. #showMore{
  133. background-color:#e9e9e9;
  134. text-align:center;
  135. color:grey;
  136. font-size:11px;
  137. cursor:pointer;
  138. }
  139. .form-group{
  140. margin-bottom:15px;
  141. }
  142. .ui-autocomplete {
  143. position: absolute;
  144. top: 100%;
  145. left: 0;
  146. z-index: 1000;
  147. float: left;
  148. display: none;
  149. min-width: 160px;
  150. padding: 4px 0;
  151. margin: 0 0 10px 25px;
  152. list-style: none;
  153. background-color: #ffffff;
  154. border-color: #ccc;
  155. border-color: rgba(0, 0, 0, 0.2);
  156. border-style: solid;
  157. border-width: 1px;
  158. -webkit-border-radius: 5px;
  159. -moz-border-radius: 5px;
  160. border-radius: 5px;
  161. -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  162. -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  163. box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  164. -webkit-background-clip: padding-box;
  165. -moz-background-clip: padding;
  166. background-clip: padding-box;
  167. *border-right-width: 2px;
  168. *border-bottom-width: 2px;
  169. }
  170. .ui-menu-item > a.ui-corner-all {
  171. display: block;
  172. padding: 3px 15px;
  173. clear: both;
  174. font-weight: normal;
  175. line-height: 18px;
  176. color: #555555;
  177. white-space: nowrap;
  178. text-decoration: none;
  179. }
  180. .ui-state-hover, .ui-state-active {
  181. color: #ffffff;
  182. text-decoration: none;
  183. background-color: #0088cc;
  184. border-radius: 0px;
  185. -webkit-border-radius: 0px;
  186. -moz-border-radius: 0px;
  187. background-image: none;
  188. }