| 9 |
lars |
1 |
/* Cubic Bezier Transition */
|
|
|
2 |
/***
|
|
|
3 |
Tasks Widget
|
|
|
4 |
***/
|
|
|
5 |
.tasks-widget:after {
|
|
|
6 |
clear: both; }
|
|
|
7 |
|
|
|
8 |
.tasks-widget .task-list {
|
|
|
9 |
list-style: none;
|
|
|
10 |
padding: 0;
|
|
|
11 |
margin: 0; }
|
|
|
12 |
.tasks-widget .task-list > li {
|
|
|
13 |
position: relative;
|
|
|
14 |
padding: 10px 0;
|
|
|
15 |
border-bottom: 1px solid #F4F6F9; }
|
|
|
16 |
.tasks-widget .task-list > li:hover {
|
|
|
17 |
background: #F4F6F9; }
|
|
|
18 |
.tasks-widget .task-list > li.last-line {
|
|
|
19 |
border-bottom: none; }
|
|
|
20 |
.tasks-widget .task-list > li.task-done {
|
|
|
21 |
background: #f6f6f6; }
|
|
|
22 |
.tasks-widget .task-list > li.task-done:hover {
|
|
|
23 |
background: #f4f4f4; }
|
|
|
24 |
.tasks-widget .task-list > li.task-done .task-title-sp {
|
|
|
25 |
text-decoration: line-through; }
|
|
|
26 |
.tasks-widget .task-list > li > .task-bell {
|
|
|
27 |
margin-left: 10px; }
|
|
|
28 |
.tasks-widget .task-list > li > .task-checkbox {
|
|
|
29 |
float: left;
|
|
|
30 |
width: 30px; }
|
|
|
31 |
.tasks-widget .task-list > li > .task-checkbox input[type="checkbox"] {
|
|
|
32 |
cursor: pointer; }
|
|
|
33 |
.tasks-widget .task-list > li > .task-title {
|
|
|
34 |
color: #838FA1;
|
|
|
35 |
margin-right: 10px; }
|
|
|
36 |
.tasks-widget .task-list > li > .task-title .task-title-sp {
|
|
|
37 |
margin-right: 5px; }
|
|
|
38 |
.tasks-widget .task-list > li .task-config-btn {
|
|
|
39 |
margin-top: -1px; }
|
|
|
40 |
.tasks-widget .task-list > li > .task-config {
|
|
|
41 |
display: none;
|
|
|
42 |
position: absolute;
|
|
|
43 |
top: 10px;
|
|
|
44 |
right: 10px; }
|
|
|
45 |
.tasks-widget .task-list > li:hover > .task-config {
|
|
|
46 |
display: block;
|
|
|
47 |
margin-bottom: 0 !important; }
|
|
|
48 |
|
|
|
49 |
.tasks-widget .task-footer {
|
|
|
50 |
margin-top: 5px; }
|
|
|
51 |
.tasks-widget .task-footer:before, .tasks-widget .task-footer:after {
|
|
|
52 |
content: " ";
|
|
|
53 |
display: table; }
|
|
|
54 |
.tasks-widget .task-footer:after {
|
|
|
55 |
clear: both; }
|
|
|
56 |
|
|
|
57 |
@media only screen and (max-width: 480px) {
|
|
|
58 |
.tasks-widget .task-config-btn {
|
|
|
59 |
float: inherit;
|
|
|
60 |
display: block; }
|
|
|
61 |
.tasks-widget .task-list-projects li > .label {
|
|
|
62 |
margin-bottom: 5px; } }
|