bluechips/public/css/main.css

   1 body {
   2     font-family: "Lucida Grande", helvetica, arial, sans-serif;
   3     font-size: 0.9em;
   4     width: 700px;
   5 }
   6 strong {
   7     font-weight: bold;
   8 }
   9 em {
  10     font-style: italic;
  11 }
  12 a {
  13     color: #068600;
  14 }
  15 h1.title {
  16     font-size: 1.5em;
  17     width: 140px;
  18 }
  19 a:link {
  20     text-decoration: none;
  21 }
  22 a:visited {
  23     text-decoration: none;
  24 }
  25 .bluechips {
  26     color: #00a;
  27 }
  28 #nav {
  29     text-align: center;
  30 }
  31 #nav td {
  32     padding: 5px 15px;
  33 }
  34 #nav a {
  35     color: #002286;
  36 }
  37 table {
  38     border-collapse: collapse;
  39 }
  40 th, td {
  41     padding: 2px 5px;
  42 }
  43 div.block {
  44     margin: 10px 0;
  45     padding: 0 10px;
  46     border-bottom: 1px solid #bbb;
  47 }
  48 table.form {
  49     margin-bottom: 10px;
  50 }
  51 table.form th {
  52     text-align: right;
  53 }
  54 table.list {
  55     width: 100%;
  56     margin: 10px 0;
  57 }
  58 table.list th {
  59     text-align: left;
  60     border-bottom: 1px solid #bbb;
  61 }
  62 table.list td {
  63     vertical-align: top;
  64 }
  65 table.list td.date {
  66     width: 90px;
  67 }
  68 table.list td.user {
  69     width: 110px;
  70 }
  71 table.list td.amount {
  72     width: 90px;
  73 }
  74 table.list td.share {
  75     width: 90px;
  76 }
  77 #totals {
  78     margin-bottom: 10px;
  79 }
  80 #totals th {
  81     text-align: right;
  82 }
  83 #totals th.scope {
  84     text-align: left;
  85     padding: 2px 15px;
  86 }
  87 #totals .scope {
  88     border-bottom: 1px solid #bbb;
  89 }
  90 #totals td {
  91     padding: 2px 15px;
  92 }
  93 #balance {
  94     margin-bottom: 10px;
  95 }
  96 #balance th {
  97     text-align: left;
  98 }
  99 td.labelcol {
 100     text-align: right;
 101     font-weight: bold;
 102 }
 103 tr.user-not-involved {
 104     color: #aaa;
 105 }
 106 div.flash {
 107     margin: 10px 0;
 108     padding: 0.5em;
 109     font-weight: bold;
 110     background: #fffa98;
 111     border: 1px solid #e6e000;
 112 }
 113 div.flash ul {
 114     margin-bottom: 0;
 115 }
 116 span.error-message {
 117     font-weight: bold;
 118     color: #f00;
 119 }
 120 input.currency {
 121     padding-left: 10px;
 122     background-image: url(/icons/currency-small.png);
 123     background-repeat: no-repeat;
 124     background-position: center left;
 125 }
 126 span.see-all {
 127     font-size: 0.7em;
 128 }