← Back to branch summary

~cooperjona/nitrotasks/quickly_trunk

« back to all changes in this revision

Viewing changes to data/media/app/css/metro.css

  • Committer: jono Cooper
  • Date: 2012-09-05 11:26:32 UTC
  • Revision ID: jono@caffeinatedco.de-20120905112632-kz8kmdqlxuf27k78
commit before release

Show diffs side-by-side

added added

removed removed

Lines of Context:
data/media/app/css/metro.css
6
6
.panel { background: #eee; border: 0; box-shadow: none; color: #000; height: 58px; }
7
7
.panel button { background: none; }
8
8
 
9
 
.vsplitbar { background-image: -webkit-linear-gradient(white 10%, #cccccc, white 90%); background-clip: content-box; border: 0; box-shadow: none; margin-top: 58px; opacity: 0; padding: 0 3px; -webkit-transition: opacity 300ms; width: 7px; z-index: auto; }
 
9
.vsplitbar { background-image: -webkit-linear-gradient(white 10%, #cccccc, white 90%); background-clip: content-box; border: 0; box-shadow: none; opacity: 0; padding: 0 3px; -webkit-transition: opacity 300ms; top: 58px; width: 7px; z-index: auto; }
10
10
.vsplitbar:hover { opacity: 1; -webkit-transition: 0; }
11
11
 
12
12
#sidebar { display: block; overflow-y: auto; padding-top: 58px; text-transform: lowercase; z-index: auto; }
20
20
#sidebar ul li.selected .edit { background-position: 0 -103px; opacity: 0.5; }
21
21
#sidebar ul li.selected .edit.open { background-position: 0 179px; }
22
22
#sidebar ul li.selected .delete { background-position: 1px -81px; opacity: 0.5; }
 
23
#sidebar ul li .edit, #sidebar ul li .delete { margin-top: 5px; }
23
24
#sidebar ul li .edit { background-position: 0 -103px; }
24
25
#sidebar ul li .edit.open { background-position: 0 179px; }
25
26
#sidebar ul li .delete { background-position: 1px -81px; }
36
37
#tasks .panel .left button.sort { background-image: url("themes/metro/sort.png"); color: #00aadd; }
37
38
#tasks .panel .left span.open ul { background: #999; color: #fff; margin-top: 10px; }
38
39
#tasks .panel .left span.open ul:before { border: 10px solid transparent; border-bottom-color: #999; content: ""; left: 10px; position: absolute; top: -20px; }
39
 
#tasks .panel .left span.open ul li { width: 72px; }
 
40
#tasks .panel .left span.open ul li { width: 120px; }
40
41
#tasks .panel .left span.open ul li.current { background: rgba(0, 0, 0, 0.3); box-shadow: none; }
41
42
#tasks .panel .right { margin-top: 16px; }
42
43
#tasks .panel .right button { height: 20px; line-height: 20px; margin: 4px 5px; opacity: 0.65; padding: 0; -webkit-transition: opacity 200ms; }
46
47
#tasks .panel .right button.settingsbtn { background: url("themes/metro/settings.png") no-repeat 0 0; width: 24px; }
47
48
#tasks .panel .right input { background: white url("themes/metro/search.png") no-repeat right center; background-color: rgba(255, 255, 255, 0.9); border: 0; margin: 0 0 0 4px; padding-right: 25px; -webkit-transition: 200ms ease width; width: 140px; }
48
49
#tasks .panel .right input:focus { border: 0; outline: 0; width: 250px; }
49
 
#tasks .tasksContent h2 { font-size: 25px; font-weight: normal; line-height: 25px; margin: 0; padding: 16px 20px 8px 16px; text-align: left; text-transform: capitalize; }
 
50
#tasks .tasksContent { font-size: 15px; text-align: left; }
 
51
#tasks .tasksContent h2 { display: inline-block; font-size: 25px; font-weight: normal; line-height: 25px; margin: 0; padding: 16px 20px 8px 16px; text-transform: capitalize; }
 
52
#tasks .tasksContent .button { border: 0; border-radius: 0; }
 
53
#tasks .tasksContent .button#updateLogbook { color: #fff; float: right; margin: 16px 20px; background: #8866bb; border: 1px solid #7a54b3; }
 
54
#tasks .tasksContent .button#updateLogbook:hover { background: #9678c3; border-color: #8866bb; }
50
55
#tasks .tasksContent .noTasks { color: #888; }
51
 
#tasks .tasksContent ul li { background: rgba(255, 255, 255, 0.95); border-color: #eee; border-left: 0; padding: 4px 0 4px 4px; }
 
56
#tasks .tasksContent ul li { background: rgba(255, 255, 255, 0.95); border-color: #eee; border-left: 0; clear: both; height: auto; }
52
57
#tasks .tasksContent ul li.selected { background: #ddf7ff; }
53
58
#tasks .tasksContent ul li.expanded { margin: 15px 0; }
 
59
#tasks .tasksContent ul li.expanded button.priority { color: #fff; font-size: 12px; height: 22px; line-height: 22px; margin: 4px 8px; }
 
60
#tasks .tasksContent ul li.expanded button.priority.none { background: #999999; border: 1px solid #8c8c8c; }
 
61
#tasks .tasksContent ul li.expanded button.priority.none:hover { background: #a6a6a6; border-color: #999999; }
 
62
#tasks .tasksContent ul li.expanded button.priority.low { background: #00aadd; border: 1px solid #0096c4; }
 
63
#tasks .tasksContent ul li.expanded button.priority.low:hover { background: #00bef7; border-color: #00aadd; }
 
64
#tasks .tasksContent ul li.expanded button.priority.medium { background: #ffbb44; border: 1px solid #ffb22a; }
 
65
#tasks .tasksContent ul li.expanded button.priority.medium:hover { background: #ffc45d; border-color: #ffbb44; }
 
66
#tasks .tasksContent ul li.expanded button.priority.high { background: #ee3333; border: 1px solid #ec1b1b; }
 
67
#tasks .tasksContent ul li.expanded button.priority.high:hover { background: #f04b4b; border-color: #ee3333; }
54
68
#tasks .tasksContent ul li.checked .checkbox { position: static; }
55
69
#tasks .tasksContent ul li.checked .checkbox:after { left: auto; top: 5px; }
56
70
#tasks .tasksContent ul li.checked .content { color: #888; text-decoration: line-through; }
57
 
#tasks .tasksContent ul li .boxhelp { padding-right: 4px; }
 
71
#tasks .tasksContent ul li.checked.logbook .content { color: #111; text-decoration: none; }
 
72
#tasks .tasksContent ul li .boxhelp { -moz-box-sizing: border-box; box-sizing: border-box; padding: 2px 4px; }
58
73
#tasks .tasksContent ul li .checkbox { background-color: rgba(255, 255, 255, 0.95); border-color: rgba(0, 0, 0, 0.2); box-sizing: border-box; margin-top: 9px; }
59
74
#tasks .tasksContent ul li .checkbox:hover { border-color: rgba(0, 0, 0, 0.3); }
60
75
#tasks .tasksContent ul li .checkbox:before { background: #ddd; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 4px; }
61
76
#tasks .tasksContent ul li .checkbox.low:before { background: #00aadd; }
62
77
#tasks .tasksContent ul li .checkbox.medium:before { background: #ffbb44; }
63
78
#tasks .tasksContent ul li .checkbox.high:before { background: #ee3333; }
64
 
#tasks .tasksContent ul li .content { font-size: 15px; padding: 0 10px 0 4px; }
 
79
#tasks .tasksContent ul li .content { padding: 0 10px 0 0; }
65
80
#tasks .tasksContent ul li .notes { background: url("themes/metro/note.png") no-repeat; height: 16px; margin-top: 8px; width: 16px; }
66
 
#tasks .tasksContent ul li .tag { color: #999; cursor: pointer; font-style: italic; }
 
81
#tasks .tasksContent ul li .tag { color: #999; cursor: pointer; font-style: italic; margin: 0 6px; padding: 0; }
67
82
#tasks .tasksContent ul li .tag:before { content: "#"; }
68
 
#tasks .tasksContent ul li .label, #tasks .tasksContent ul li button.priority { background: #00aadd; border: 0; color: #fff; font-size: 12px; height: 22px; line-height: 22px; margin-left: 20px; margin-top: 4px; position: relative; text-transform: capitalize; }
69
 
#tasks .tasksContent ul li .label:before, #tasks .tasksContent ul li button.priority:before { border: 11px solid transparent; border-right-color: #00aadd; content: ""; left: -22px; position: absolute; top: 0; }
70
 
#tasks .tasksContent ul li .label:after, #tasks .tasksContent ul li button.priority:after { border: 2px solid #fff; border-radius: 50%; content: ""; left: -2px; position: absolute; top: 9px; }
 
83
#tasks .tasksContent ul li .label { background: #00aadd; border: 0; color: #fff; font-size: 12px; height: 22px; line-height: 22px; margin-left: 20px; margin-top: 4px; position: relative; text-transform: capitalize; }
 
84
#tasks .tasksContent ul li .label:before { border: 11px solid transparent; border-right-color: #00aadd; content: ""; left: -22px; position: absolute; top: 0; }
 
85
#tasks .tasksContent ul li .label:after { border: 2px solid #fff; border-radius: 50%; content: ""; left: -2px; position: absolute; top: 9px; }
71
86
#tasks .tasksContent ul li .label.overdue { background: #ee3333; }
72
87
#tasks .tasksContent ul li .label.overdue:before { border-right-color: #ee3333; }
73
88
#tasks .tasksContent ul li .label.due { background: #55bb22; }
74
89
#tasks .tasksContent ul li .label.due:before { border-right-color: #55bb22; }
75
90
#tasks .tasksContent ul li .label.list { background: #8866bb; }
76
91
#tasks .tasksContent ul li .label.list:before { border-right-color: #8866bb; }
77
 
#tasks .tasksContent ul li button.priority.none { background: #999999; }
78
 
#tasks .tasksContent ul li button.priority.none:before { border-right-color: #999999; }
79
 
#tasks .tasksContent ul li button.priority.low { background: #00aadd; }
80
 
#tasks .tasksContent ul li button.priority.low:before { border-right-color: #00aadd; }
81
 
#tasks .tasksContent ul li button.priority.medium { background: #ffbb44; }
82
 
#tasks .tasksContent ul li button.priority.medium:before { border-right-color: #ffbb44; }
83
 
#tasks .tasksContent ul li button.priority.high { background: #ee3333; }
84
 
#tasks .tasksContent ul li button.priority.high:before { border-right-color: #ee3333; }
85
92
#tasks .tasksContent ul li button.none, #tasks .tasksContent ul li button.low, #tasks .tasksContent ul li button.medium, #tasks .tasksContent ul li button.high, #tasks .tasksContent ul li input.date, #tasks .tasksContent ul li input.tags, #tasks .tasksContent ul li button.date, #tasks .tasksContent ul li div.tag { border: 0; }
86
93
#tasks .tasksContent ul li .hidden textarea { background: #fafafa url("themes/metro/note.png") no-repeat 8px 8px; border-top-color: #ddd; color: #444; }
87
94