pyc-website
main website for pyc inc.
git clone https://9o.is/git/pyc-website.git
section-todo.less
(2970B)
1 /*
2 * TODO's
3 */
4
5 .todo-group-title {
6 margin:0;
7 line-height:31px;
8 padding: 0 0 0 10px;
9 background:lighten( @gray-lightest, 2.5%);
10 border-bottom:1px solid darken(@gray-lighter, 3%);
11 border-top:1px solid @gray-lightest;
12 color:@gray-light;
13 }
14
15 .todo {
16 margin:0;
17 padding:0;
18 min-height:5px;
19 list-style:none;
20 }
21
22 .todo > li {
23 display:block;
24 position:relative;
25 overflow:hidden;
26 border-bottom:1px solid darken(@gray-lighter, 3%);
27 margin:0 5px;
28 background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAQCAYAAADagWXwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0RkQ1OEY4NTM4NUIxMUUzQjdCMUMxQzJCQUE3MTMxOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0RkQ1OEY4NjM4NUIxMUUzQjdCMUMxQzJCQUE3MTMxOCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjRGRDU4RjgzMzg1QjExRTNCN0IxQzFDMkJBQTcxMzE4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjRGRDU4Rjg0Mzg1QjExRTNCN0IxQzFDMkJBQTcxMzE4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+pTD+wgAAACtJREFUeNpimDBhwn8gYABhdDYjiIELMDHgAUwTJ06Ea0VnjxpLO2MBAgwAGYZLegQbQ3UAAAAASUVORK5CYII=) 1px 11px no-repeat;
29
30 }
31
32 .todo > li:last-child, .todo > li:only-child {
33 border-bottom:none;
34 }
35
36 .todo > li >:first-child {
37 display: block;
38 border-right: 1px solid #FFE1EB;
39 height: 100%;
40 padding: 6px 11px 6px 18px;
41 width: 20px;
42 vertical-align: top;
43 position: absolute;
44 }.todo > li >:first-child:hover {
45 cursor: move;
46 }.todo > li.complete >:first-child:hover {
47 cursor:default;
48 }.todo > li.complete {
49 background:none;
50 }
51
52 .todo > li > p {
53 height: 100%;
54 margin-left: 52px;
55 border-left: 1px solid #FFE1EB;
56 display: inline-block;
57 padding: 8px 0px 6px 7px;
58 margin-bottom: 0;
59 min-height: 37px;
60 line-height: normal;
61 font-size:14px;
62 font-weight: 500;
63 color: @gray-dark;
64 }
65
66 .todo > li > p > span {
67 display:block;
68 line-height:12px;
69 font-size:10px;
70 font-weight: normal;
71 }
72 .todo > li > p >:first-child {
73 margin-top:-5px;
74 color:@gray-light;
75 margin-bottom:4px;
76 }
77 .todo > li > p > .date {
78 color:@gray-mid-light;
79 }
80
81 .todo > li.complete >* {
82 text-decoration:line-through;
83 font-style:italic
84 }
85
86 /* drag */
87 .todo > li.ui-sortable-helper {
88 border-top:1px solid @gray-lighter;
89 background:rgba(113, 132, 63,0.1);
90 }