1 

     2 body

     3 {

     4     width: 600px;

     5     font-size: 0.9em;

     6     font-family: sans;

     7 }

     8 

     9 ul

    10 {

    11     list-style-type: none;

    12     line-height: 1.5em;

    13     padding-left: 20px;

    14 }

    15 

    16 .date

    17 {

    18     font-size: 0.6em;

    19 }

    20 

    21 .outline

    22 {

    23     margin-bottom: 30px;

    24 }

    25 

    26 .percent

    27 {

    28     color: blue;

    29 }

    30 

    31 .comment, .counts

    32 {

    33     font-size: 0.7em;

    34     line-height: 1em;

    35     padding-top: 2px;

    36     margin-bottom: 5px;

    37     font-family: sans;

    38 }

    39 

    40 .counts

    41 {

    42     margin-left: 10px;

    43 }

    44 

    45 .counts:before { content: "("; }

    46 .counts:after  { content: ")"; }

    47 

    48 .todo

    49 {

    50     padding-left: 4px;

    51 }

    52 

    53 .done

    54 {

    55     background-color: #f4f4f4;

    56     color: #777;

    57     padding-left: 4px;

    58 }

    59 

    60 .done:before

    61 {

    62     font-size: 1.5em;

    63     color: green;

    64     content: "\2611  ";

    65 }

    66 

    67 .todo:before

    68 {

    69     font-size: 1.5em;

    70     color: #777;

    71     content: "\2610  ";

    72 }

    73 

    74 .legend .todo, .legend .done { border: 0 }

    75 .legend

    76 {

    77     margin-bottom: 30px;

    78     margin-top: 20px;

    79 }

    80 

    81