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: #002286;
  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 table {
  35     border-collapse: collapse;
  36 }
  37 th, td {
  38     padding: 2px 5px;
  39 }
  40 div.block {
  41     margin: 10px 0;
  42     padding: 0 10px;
  43     border-bottom: 1px solid #bbb;
  44 }
  45 table.form {
  46     margin-bottom: 10px;
  47 }
  48 table.form th {
  49     text-align: right;
  50 }
  51 table.list {
  52     width: 100%;
  53     margin: 10px 0;
  54 }
  55 table.list th {
  56     text-align: left;
  57     border-bottom: 1px solid #bbb;
  58 }
  59
  60 table.list th.amount {
  61     text-align: right;
  62 }
  63
  64 table.list th.share {
  65     text-align: right;
  66 }
  67
  68 table.list td {
  69     vertical-align: top;
  70 }
  71 table.list td.date {
  72     width: 90px;
  73 }
  74 table.list td.user {
  75     width: 110px;
  76 }
  77 table.list td.amount {
  78     width: 90px;
  79     text-align: right;
  80 }
  81 table.list td.share {
  82     width: 90px;
  83     text-align: right;
  84 }
  85 table.list td.editlink {
  86     width: 30px;
  87 }
  88 table.list td.total {
  89    border-top: 1px solid #bbb;
  90    text-align: right;
  91    font-weight: bold;
  92 }
  93
  94 #totals {
  95     margin-bottom: 10px;
  96 }
  97 #totals th {
  98     text-align: right;
  99 }
 100 #totals th.scope {
 101     text-align: right;
 102     padding: 2px 15px;
 103 }
 104 #totals .scope {
 105     border-bottom: 1px solid #bbb;
 106 }
 107 #totals td {
 108     padding: 2px 15px;
 109     text-align: right;
 110 }
 111 #balance {
 112     margin-bottom: 10px;
 113 }
 114 #balance th {
 115     text-align: left;
 116 }
 117
 118 #balance td.amount {
 119     text-align: right;
 120 }
 121 #balance th.amount {
 122     text-align: right;
 123 }
 124
 125 td.labelcol {
 126     text-align: right;
 127     font-weight: bold;
 128 }
 129 tr.user-not-involved {
 130     color: #aaa;
 131 }
 132 div.flash {
 133     margin: 10px 0;
 134     padding: 0.5em;
 135     font-weight: bold;
 136     background: #fffa98;
 137     border: 1px solid #e6e000;
 138 }
 139 div.flash ul {
 140     margin-bottom: 0;
 141 }
 142 span.error-message {
 143     font-weight: bold;
 144     color: #f00;
 145 }
 146 input.currency {
 147     padding-left: 10px;
 148     background-image: url(../icons/currency-small.png);
 149     background-repeat: no-repeat;
 150     background-position: center left;
 151 }
 152 span.see-all {
 153     font-size: 0.7em;
 154 }
 155 #mobile {
 156     padding: 5px;
 157     font-weight: bold;
 158     border-bottom: 1px solid #bbb;
 159 }