body { background-color: white; color: black; } div.task { display: block; padding: 5px 0 5px 5px; margin: 0; /* border: 1px solid black; */ } div.taskbody { display: block; padding: 5px; margin: 0; border: 1px solid black; background: #9af; } div.taskbody-low { display: block; padding: 5px; margin: 0; border: 1px solid black; background: #0c9; } div.taskbody-high { display: block; padding: 5px; margin: 0; border: 1px solid black; background: #e88; } div.taskbody-done { display: block; padding: 5px; margin: 0; border: 1px solid black; background: #eee; color: #888; } div.subtask { display: block; margin: 0 0 0 5ex; padding: 0; /* border: 1px solid black; */ } div.desc, div.desc-todo { display: block; margin: 0; padding: 5px; } div.desc-done { display: block; margin: 0; padding: 5px; color: #888; } div.header { display: block; } div.id, div.name { font-weight: bold; display: inline; } div.id { margin-right: 1ex; font-style: italic; float: right; } div.footer { display: block; border: 1px dashed #444; font-size: 80%; padding: 1px 5px; margin: 0; } div.date, div.assignedto { display: inline; }