app/screen.css

   1 body, h1, h2, h3, h4, h5, h6, ol, ul, li, p{
   2   font-family: verdana, arial, helvetica, sans-serif;
   3   color: #000;
   4 }
   5
   6 div.box {
   7   float: left;
   8   border: 2px solid;
   9   margin: 5px 5px 5px 5px;
  10   padding: 0 15px 0 15px;
  11   background: #efc;
  12   width: 300px;
  13 }
  14
  15 div.box span.title {
  16   position: relative;
  17   left: -15px;
  18   border: 0px solid;
  19   padding: 2px;
  20   background-color: #679;
  21   color: #7e9;
  22 }
  23
  24 div.item, div.na {
  25   margin: 10px;
  26   padding: 2px;
  27 }
  28
  29 .flag {
  30   float: right;
  31 }
  32
  33 .flag.red {
  34   background-color: red;
  35   color: white;
  36 }
  37
  38 .flag.blue {
  39   background-color: blue;
  40   color: white;
  41 }
  42
  43 .flag.gray {
  44   background-color: gray;
  45   color: black;
  46 }
  47
  48 div.na.errand {
  49   background-color: lightgray;
  50 }
  51
  52 div.na.work {
  53   background-color: orange;
  54 }
  55
  56 div.na.money {
  57   background-color: cyan;
  58 }
  59
  60 a.na.delete {
  61   float: right;
  62   background-color: red;
  63 }
  64
  65 div.item.input input, div.na.input input {
  66   padding: 5px;
  67   font-weight: bold;
  68   font-size: larger;
  69 }