1 body

     2 {

     3     font-family: Verdana;

     4     font-size: 12px;

     5     color: black;

     6     background-color: #efefef;

     7     margin: 30px 30px 100px 30px;

     8 }

     9 

    10 .legend

    11 {

    12     margin-bottom: 10px;

    13 }

    14 

    15 .timer

    16 {

    17     position: absolute;

    18     top: 5;

    19     right: 10;

    20     color: #ccc;

    21 }

    22 

    23 .group

    24 {

    25     padding: 0px;

    26     background-color: white;

    27     width: 600px;

    28     border: 1px solid #ccc;

    29     margin-bottom: 5px;

    30 }

    31 

    32 .header

    33 {

    34     font-size: 24px;

    35     font-variant: small-caps;

    36     font-weight: bold;

    37 }

    38 

    39 .last_mod

    40 {

    41     display: block;

    42     border-top: 1px solid #ccc;

    43     font-style: italic;

    44     color: #777;

    45 }

    46 

    47 .counts

    48 {

    49     font-size: 11px;

    50     display: block;

    51     color: #777;

    52     margin-left: 30px;

    53     font-style: italic;

    54 }

    55 

    56 .sort

    57 {

    58     margin-bottom: 30px;

    59     border-bottom: 1px solid #ccc;

    60     font-weight: bold;

    61 }

    62 

    63 .sort a

    64 {

    65     font-weight: normal;

    66     text-decoration: none;

    67     color: #777;

    68 }

    69 

    70 .sort a:hover

    71 {

    72     color: black;

    73 }

    74 

    75 .date, .time { }

    76 

    77 .level0

    78 {

    79     background-color: #ddd;

    80     font-size: 18px;

    81     font-weight: bold;

    82     display: block;

    83     cursor: pointer;

    84     -moz-user-select: none;

    85 }

    86 

    87 .level0_over

    88 {

    89     display: block;

    90     background-color: #ecebe2;

    91     cursor: pointer;

    92 }

    93 

    94 .level1

    95 {

    96     font-size: 14px;

    97     font-weight: bold;

    98     margin-left: 15px;

    99     color: #333;

   100     display: block;

   101 }

   102 

   103 .level2

   104 {

   105     font-size: 12px;

   106     margin-left: 30px;

   107     color: #555;

   108     display: block;

   109 }

   110 

   111 .level3

   112 {

   113     font-size: 10px;

   114     margin-left: 45px;

   115     color: #777;

   116     display: block;

   117 }

   118 

   119 .level4

   120 {

   121     font-size: 10px;

   122     margin-left: 60px;

   123     color: #aaa;

   124     display: block;

   125 }

   126 

   127 .percent

   128 {

   129     font-weight: bold;

   130     color: #7c8ee8;

   131 }

   132 

   133 .todo

   134 {

   135     background-color: #ccc;

   136     padding-right: 12px;

   137     margin-right: 10px;

   138 }

   139 

   140 .done

   141 {

   142     background-color: #7c8ee8;

   143     margin-right: 10px;

   144     padding-right: 12px;

   145 }

   146 

   147 .comment

   148 {

   149     font-weight: normal;

   150     font-style: italic;

   151     display: block;

   152 }

   153