X-Git-Url: https://asedeno.scripts.mit.edu/gitweb/?a=blobdiff_plain;f=bluechips%2Fpublic%2Fcss%2Fmain.css;h=35d5c1a4ac3347f8cd2c01a509fa7796e3ac104f;hb=e90c507073eb9f3bc6b0eb61296ec173b5a7b1c1;hp=963dcbd75695bf741f4202b4aecab0e1d9fd4248;hpb=6095664cfda301f28aeeed71e9bcb917c35739cc;p=bluechips.git

diff --git a/bluechips/public/css/main.css b/bluechips/public/css/main.css
index 963dcbd..35d5c1a 100644
--- a/bluechips/public/css/main.css
+++ b/bluechips/public/css/main.css
@@ -1,3 +1,106 @@
+body {
+    font-family: "Lucida Grande", helvetica, arial, sans-serif;
+    font-size: 0.9em;
+    width: 700px;
+}
+strong {
+    font-weight: bold;
+}
+em {
+    font-style: italic;
+}
+a {
+    color: #068600;
+}
+h1.title {
+    font-size: 1.5em;
+    width: 140px;
+}
+a:link {
+    text-decoration: none;
+}
+a:visited {
+    text-decoration: none;
+}
 .bluechips {
     color: #00a;
 }
+#nav {
+    text-align: center;
+}
+#nav td {
+    padding: 5px 20px;
+}
+div.block {
+    margin: 10px 0;
+    padding: 0 10px;
+    border-bottom: 1px solid #bbb;
+}
+table.form th {
+    text-align: right;
+}
+table.list {
+    border-collapse: collapse;
+    width: 100%;
+    margin: 10px 0;
+}
+table.list th {
+    text-align: left;
+    padding: 2px 5px;
+    border-bottom: 1px solid #bbb;
+}
+table.list td {
+    padding: 2px 5px;
+    vertical-align: top;
+}
+table.list td.date {
+    width: 90px;
+}
+table.list td.user {
+    width: 110px;
+}
+table.list td.amount {
+    width: 90px;
+}
+table.list td.share {
+    width: 90px;
+}
+#totals {
+    margin-bottom: 10px;
+}
+#totals th {
+    text-align: right;
+}
+#balance {
+    margin-bottom: 10px;
+}
+#balance th {
+    text-align: left;
+}
+td.labelcol {
+    text-align: right;
+    font-weight: bold;
+}
+tr.user-not-involved {
+    color: #aaa;
+}
+div.flash {
+    margin: 10px 0;
+    padding: 0.5em;
+    font-weight: bold;
+    background: #fffa98;
+    border: 1px solid #e6e000;
+}
+div.flash ul {
+    margin-bottom: 0;
+}
+span.error-message {
+    font-weight: bold;
+    color: #f00;
+}
+input.currency {
+    padding-left: 10px;
+    background-image: url(/icons/currency-small.png);
+    background-repeat: no-repeat;
+    background-position: center left;
+}