body { font-family: Verdana; font-size: 12px; color: black; background-color: #efefef; margin: 30px 30px 100px 30px; } .legend { margin-bottom: 10px; } .timer { position: absolute; top: 5; right: 10; color: #ccc; } .group { padding: 0px; background-color: white; width: 600px; border: 1px solid #ccc; margin-bottom: 5px; } .header { font-size: 24px; font-variant: small-caps; font-weight: bold; } .last_mod { display: block; border-top: 1px solid #ccc; font-style: italic; color: #777; } .counts { font-size: 11px; display: block; color: #777; margin-left: 30px; font-style: italic; } .sort { margin-bottom: 30px; border-bottom: 1px solid #ccc; font-weight: bold; } .sort a { font-weight: normal; text-decoration: none; color: #777; } .sort a:hover { color: black; } .date, .time { } .level0 { background-color: #ddd; font-size: 18px; font-weight: bold; display: block; cursor: pointer; -moz-user-select: none; } .level0_over { display: block; background-color: #ecebe2; cursor: pointer; } .level1 { font-size: 14px; font-weight: bold; margin-left: 15px; color: #333; display: block; } .level2 { font-size: 12px; margin-left: 30px; color: #555; display: block; } .level3 { font-size: 10px; margin-left: 45px; color: #777; display: block; } .level4 { font-size: 10px; margin-left: 60px; color: #aaa; display: block; } .percent { font-weight: bold; color: #7c8ee8; } .todo { background-color: #ccc; padding-right: 12px; margin-right: 10px; } .done { background-color: #7c8ee8; margin-right: 10px; padding-right: 12px; } .comment { font-weight: normal; font-style: italic; display: block; }