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     border: 1px solid #ccc;

    28     margin-bottom: 5px;

    29     width: 600px;

    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 .time, .date

    76 {

    77     font-weight: normal;

    78     font-size: 10px;

    79     color: #777;

    80 }

    81 

    82 .level0

    83 {

    84     background-color: #ddd;

    85     font-size: 18px;

    86     font-weight: bold;

    87     display: block;

    88     cursor: pointer;

    89     -moz-user-select: none;

    90 }

    91 

    92 .level0_over

    93 {

    94     display: block;

    95     background-color: #ecebe2;

    96     cursor: pointer;

    97 }

    98 

    99 .level1

   100 {

   101     font-size: 14px;

   102     font-weight: bold;

   103     margin-left: 15px;

   104     color: #333;

   105     display: block;

   106 }

   107 

   108 .level2

   109 {

   110     font-size: 12px;

   111     margin-left: 30px;

   112     color: #555;

   113     display: block;

   114 }

   115 

   116 .level3

   117 {

   118     font-size: 10px;

   119     margin-left: 45px;

   120     color: #777;

   121     display: block;

   122 }

   123 

   124 .level4

   125 {

   126     font-size: 10px;

   127     margin-left: 60px;

   128     color: #aaa;

   129     display: block;

   130 }

   131 

   132 .percent

   133 {

   134     font-weight: bold;

   135     color: #7c8ee8;

   136 }

   137 

   138 .todo

   139 {

   140     background-color: #ccc;

   141     padding-right: 12px;

   142     margin-right: 10px;

   143 }

   144 

   145 .done

   146 {

   147     background-color: #7c8ee8;

   148     margin-right: 10px;

   149     padding-right: 12px;

   150 }

   151 

   152 .comment

   153 {

   154     font-weight: normal;

   155     font-style: italic;

   156     display: block;

   157 }

   158