Details | Last modification | View Log | RSS feed
| Rev | Author | Line No. | Line |
|---|---|---|---|
| 1 | espaco | 1 | @charset "UTF-8"; |
| 2 | /*** |
||
| 3 | NEW TODO Page |
||
| 4 | ***/ |
||
| 5 | /* Cubic Bezier Transition */ |
||
| 6 | .todo-main-header { |
||
| 7 | margin-top: -20px; } |
||
| 8 | .todo-main-header > h3 { |
||
| 9 | font-weight: 400; |
||
| 10 | font-size: 22px; |
||
| 11 | margin-right: 1em; |
||
| 12 | display: inline-block; |
||
| 13 | color: #3b464f; } |
||
| 14 | .todo-main-header > .todo-breadcrumb { |
||
| 15 | border-left: 1px solid; |
||
| 16 | border-color: #dae3eb; |
||
| 17 | padding: 0.5em 2em; |
||
| 18 | display: inline-block; |
||
| 19 | margin-top: 17px; } |
||
| 20 | .todo-main-header > .todo-breadcrumb > li { |
||
| 21 | display: inline-block; |
||
| 22 | font-size: 11px; } |
||
| 23 | .todo-main-header > .todo-breadcrumb > li > a { |
||
| 24 | color: #77838d; |
||
| 25 | text-transform: uppercase; |
||
| 26 | text-decoration: none; } |
||
| 27 | .todo-main-header > .todo-breadcrumb > li > a:hover { |
||
| 28 | color: #337ab7; |
||
| 29 | text-decoration: none; } |
||
| 30 | .todo-main-header > .todo-breadcrumb > li > .todo-active { |
||
| 31 | color: #49a7fa; } |
||
| 32 | .todo-main-header > .todo-breadcrumb > li:before { |
||
| 33 | content: "•"; |
||
| 34 | color: #b6c1cb; |
||
| 35 | margin: 0 1em; } |
||
| 36 | .todo-main-header > .todo-breadcrumb > li:first-child:before { |
||
| 37 | content: ""; |
||
| 38 | margin: 0; } |
||
| 39 | |||
| 40 | .todo-container .todo-projects-container, |
||
| 41 | .todo-container .todo-tasks-container { |
||
| 42 | background-color: #fff; |
||
| 43 | border: 1px solid; |
||
| 44 | border-color: #ebf0f5; } |
||
| 45 | |||
| 46 | .todo-container .todo-projects-container { |
||
| 47 | padding: 0; } |
||
| 48 | .todo-container .todo-projects-container > li { |
||
| 49 | list-style: none; |
||
| 50 | padding: 30px 20px; } |
||
| 51 | |||
| 52 | .todo-container .todo-projects-divider { |
||
| 53 | height: 1px; |
||
| 54 | margin: 0; |
||
| 55 | background-color: #ebf0f5; } |
||
| 56 | |||
| 57 | .todo-container .todo-tasks-container { |
||
| 58 | padding: 30px 20px; } |
||
| 59 | |||
| 60 | .todo-container .todo-head { |
||
| 61 | border-bottom: 1px solid; |
||
| 62 | border-color: #ebf0f5; |
||
| 63 | padding-bottom: 20px; } |
||
| 64 | .todo-container .todo-head > h3 { |
||
| 65 | margin-top: 0; |
||
| 66 | display: inline-block; |
||
| 67 | color: #4db3a4; |
||
| 68 | font-weight: 600; |
||
| 69 | text-transform: uppercase; |
||
| 70 | font-size: 15px; } |
||
| 71 | .todo-container .todo-head > p { |
||
| 72 | display: inline-block; |
||
| 73 | color: #9eacb4; |
||
| 74 | font-size: 12px; |
||
| 75 | margin-left: 2em; |
||
| 76 | margin-bottom: 0; |
||
| 77 | margin-top: 0; } |
||
| 78 | .todo-container .todo-head > button { |
||
| 79 | float: right; |
||
| 80 | font-weight: 600; |
||
| 81 | font-size: 11px; |
||
| 82 | text-transform: uppercase; } |
||
| 83 | |||
| 84 | .todo-container .todo-projects-content, |
||
| 85 | .todo-container .todo-tasks-content { |
||
| 86 | padding-left: 0; } |
||
| 87 | |||
| 88 | .todo-container .todo-projects-item, |
||
| 89 | .todo-container .todo-tasks-item { |
||
| 90 | list-style: none; |
||
| 91 | margin-left: 0; } |
||
| 92 | |||
| 93 | .todo-container .todo-projects-item > h3 { |
||
| 94 | font-size: 20px; |
||
| 95 | color: #4e5a64; |
||
| 96 | font-weight: 600; |
||
| 97 | margin-top: 0; |
||
| 98 | margin-bottom: 15px; } |
||
| 99 | |||
| 100 | .todo-container .todo-projects-item p { |
||
| 101 | color: #a0a9b4; |
||
| 102 | margin-bottom: 15px; |
||
| 103 | margin-top: 0; } |
||
| 104 | |||
| 105 | .todo-container .todo-projects-item:last-child { |
||
| 106 | border-bottom: none; } |
||
| 107 | |||
| 108 | .todo-container .todo-projects-item.todo-active { |
||
| 109 | background-color: #fafbfc; |
||
| 110 | position: relative; } |
||
| 111 | .todo-container .todo-projects-item.todo-active > h3 { |
||
| 112 | color: #49a7fa; } |
||
| 113 | .todo-container .todo-projects-item.todo-active:after { |
||
| 114 | content: " "; |
||
| 115 | width: 0; |
||
| 116 | height: 0; |
||
| 117 | border-top: 40px solid transparent; |
||
| 118 | border-bottom: 40px solid transparent; |
||
| 119 | border-left: 20px solid #fafbfc; |
||
| 120 | position: absolute; |
||
| 121 | right: -20px; |
||
| 122 | top: 65px; } |
||
| 123 | |||
| 124 | .todo-container .todo-projects-item:hover { |
||
| 125 | background-color: #fafbfc; |
||
| 126 | cursor: pointer; } |
||
| 127 | |||
| 128 | .todo-container .todo-projects-item > .todo-project-item-foot { |
||
| 129 | font-size: 12px; } |
||
| 130 | |||
| 131 | .todo-container .todo-tasks-item { |
||
| 132 | padding: 30px 0; |
||
| 133 | border-bottom: 1px solid; |
||
| 134 | border-color: #ebf0f5; } |
||
| 135 | .todo-container .todo-tasks-item > h4 { |
||
| 136 | font-size: 16px; |
||
| 137 | font-weight: 600; |
||
| 138 | margin: 0; |
||
| 139 | line-height: 1.3em; } |
||
| 140 | .todo-container .todo-tasks-item > h4 > a { |
||
| 141 | color: #65717b; } |
||
| 142 | .todo-container .todo-tasks-item > h4 > a:hover { |
||
| 143 | color: #49a7fa; |
||
| 144 | text-decoration: none; } |
||
| 145 | .todo-container .todo-tasks-item > h4 > a:focus { |
||
| 146 | color: #65717b; |
||
| 147 | text-decoration: none; } |
||
| 148 | .todo-container .todo-tasks-item > p { |
||
| 149 | margin: 0; |
||
| 150 | color: #9eacb4; } |
||
| 151 | .todo-container .todo-tasks-item:last-child { |
||
| 152 | border-bottom: none; } |
||
| 153 | |||
| 154 | .todo-add-button { |
||
| 155 | border: 1px solid; |
||
| 156 | border-color: #e0e6e9; |
||
| 157 | background-color: #fff; |
||
| 158 | color: #c1cbd1; |
||
| 159 | text-decoration: none; |
||
| 160 | padding: 0 0.4em; |
||
| 161 | font-size: 20px; |
||
| 162 | margin: -0.3em 0 0 0.5em; |
||
| 163 | float: right; } |
||
| 164 | .todo-add-button:hover { |
||
| 165 | background-color: #4db3a4; |
||
| 166 | color: #fff; |
||
| 167 | text-decoration: none; } |
||
| 168 | .todo-add-button:focus { |
||
| 169 | color: #c1cbd1; |
||
| 170 | text-decoration: none; } |
||
| 171 | |||
| 172 | #todo-members-modal > .modal-dialog { |
||
| 173 | top: 20px; } |
||
| 174 | |||
| 175 | #todo-members-modal .select-height { |
||
| 176 | height: 10em; } |
||
| 177 | |||
| 178 | #todo-task-modal > .modal-dialog { |
||
| 179 | position: absolute; |
||
| 180 | top: 0; |
||
| 181 | right: 0; |
||
| 182 | bottom: 0; |
||
| 183 | width: 60%; |
||
| 184 | margin: 0 auto; } |
||
| 185 | #todo-task-modal > .modal-dialog .modal-content { |
||
| 186 | position: absolute; |
||
| 187 | top: 0; |
||
| 188 | bottom: 0; |
||
| 189 | right: 0; |
||
| 190 | left: 0; |
||
| 191 | overflow: auto; } |
||
| 192 | #todo-task-modal > .modal-dialog .modal-content .todo-task-modal-title { |
||
| 193 | font-weight: 600; |
||
| 194 | text-transform: uppercase; |
||
| 195 | margin-left: 2em; } |
||
| 196 | #todo-task-modal > .modal-dialog .modal-content .todo-task-due { |
||
| 197 | margin-left: 1em; |
||
| 198 | font-weight: 600; |
||
| 199 | color: #4db3a4; |
||
| 200 | width: 150px !important; } |
||
| 201 | #todo-task-modal > .modal-dialog .modal-content .todo-task-assign { |
||
| 202 | margin-left: 1em; |
||
| 203 | border: 1px solid; |
||
| 204 | border-color: #ccc; |
||
| 205 | padding: 6px 10px; |
||
| 206 | font-weight: 600; |
||
| 207 | color: #4db3a4; |
||
| 208 | text-transform: uppercase; } |
||
| 209 | #todo-task-modal > .modal-dialog .modal-content .todo-task-assign:hover, #todo-task-modal > .modal-dialog .modal-content .todo-task-assign:focus { |
||
| 210 | text-decoration: none; } |
||
| 211 | #todo-task-modal > .modal-dialog .modal-content > .todo-task-modal-body > .todo-task-modal-bg { |
||
| 212 | background-color: #f7f9fa; |
||
| 213 | padding: 20px; } |
||
| 214 | #todo-task-modal > .modal-dialog .modal-content > .todo-task-modal-body > h3 { |
||
| 215 | margin: 15px 0; |
||
| 216 | font-size: 20px; |
||
| 217 | color: #4e5a64; |
||
| 218 | font-weight: 600; } |
||
| 219 | #todo-task-modal > .modal-dialog .modal-content > .todo-task-modal-body > p { |
||
| 220 | font-size: 15px; |
||
| 221 | color: #8f9ea6; |
||
| 222 | line-height: 24px; } |
||
| 223 | #todo-task-modal > .modal-dialog .modal-content > .todo-task-modal-body > h4 { |
||
| 224 | font-size: 14px; |
||
| 225 | font-weight: 600; |
||
| 226 | text-transform: uppercase; |
||
| 227 | color: #9eacb4; |
||
| 228 | margin-top: 25px; } |
||
| 229 | #todo-task-modal > .modal-dialog .modal-content > .todo-task-modal-body > h4 > .todo-add-button { |
||
| 230 | float: none; } |
||
| 231 | #todo-task-modal > .modal-dialog .modal-content > .todo-task-modal-body > .todo-task-file { |
||
| 232 | color: #49a7fa; |
||
| 233 | font-size: 13px; } |
||
| 234 | #todo-task-modal > .modal-dialog .modal-content > .todo-task-modal-body > .todo-task-file > i { |
||
| 235 | margin-right: 0.5em; } |
||
| 236 | #todo-task-modal > .modal-dialog .modal-content > .todo-task-modal-body > .todo-task-file > .todo-remove-file { |
||
| 237 | color: #9eacb4; |
||
| 238 | margin-left: 0.5em; } |
||
| 239 | #todo-task-modal > .modal-dialog .modal-content > .todo-task-modal-body > .todo-task-file > .todo-remove-file:hover { |
||
| 240 | color: #4db3a4; |
||
| 241 | cursor: pointer; } |
||
| 242 | |||
| 243 | .todo-inline { |
||
| 244 | display: inline-block; } |
||
| 245 | |||
| 246 | .todo-float-r { |
||
| 247 | float: right; } |
||
| 248 | |||
| 249 | .todo-bold { |
||
| 250 | font-weight: 600; |
||
| 251 | font-size: 11px; |
||
| 252 | text-transform: uppercase; } |
||
| 253 | |||
| 254 | .todo-padding-b-0 { |
||
| 255 | padding-bottom: 0 !important; } |
||
| 256 | |||
| 257 | .todo-grey { |
||
| 258 | color: #9eacb4; } |
||
| 259 | |||
| 260 | .todo-red { |
||
| 261 | color: #d39790 !important; } |
||
| 262 | |||
| 263 | .todo-green { |
||
| 264 | color: #4db3a4; } |
||
| 265 | |||
| 266 | /* RESPONSIVE MODE */ |
||
| 267 | @media (max-width: 1199px) { |
||
| 268 | .todo-head > p { |
||
| 269 | display: block; |
||
| 270 | margin-left: 0 !important; } } |
||
| 271 | |||
| 272 | @media (max-width: 991px) { |
||
| 273 | /* 991px */ |
||
| 274 | #todo-task-modal > .modal-dialog { |
||
| 275 | width: 95%; } |
||
| 276 | .todo-active:after { |
||
| 277 | border: none !important; } } |
||
| 278 | |||
| 279 | @media (max-width: 480px) { |
||
| 280 | .todo-task-modal-title { |
||
| 281 | margin-left: 0 !important; |
||
| 282 | margin-top: 1em; |
||
| 283 | display: block !important; } |
||
| 284 | .todo-tasks-container .todo-head > p { |
||
| 285 | margin-left: 0 !important; |
||
| 286 | margin-top: 1em; } } |