Added UI for working with tags

[bluechips.git] / bluechips / public / css / main.css

diff --git a/bluechips/public/css/main.css b/bluechips/public/css/main.css
index fe58b9995a557556fd3bb69d23cbed3e647345fa..62e0c7bc5a8418373037ee41b5084e0ea7c62102 100644 (file)
--- a/bluechips/public/css/main.css
+++ b/bluechips/public/css/main.css
@@ -10,7 +10,7 @@ em {
     font-style: italic;
 }
 a {
-    color: #068600;
+    color: #002286;
 }
 h1.title {
     font-size: 1.5em;
@@ -29,25 +29,43 @@ a:visited {
     text-align: center;
 }
 #nav td {
-    padding: 5px 20px;
+    padding: 5px 15px;
+}
+table {
+    border-collapse: collapse;
+}
+th, td {
+    padding: 2px 5px;
 }
 div.block {
     margin: 10px 0;
     padding: 0 10px;
     border-bottom: 1px solid #bbb;
 }
+table.form {
+    margin-bottom: 10px;
+}
+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 th.amount {
+    text-align: right;
+}
+
+table.list th.share {
+    text-align: right;
+}
+
 table.list td {
-    padding: 2px 5px;
     vertical-align: top;
 }
 table.list td.date {
@@ -58,13 +76,52 @@ table.list td.user {
 }
 table.list td.amount {
     width: 90px;
+    text-align: right;
 }
+table.list td.share {
+    width: 90px;
+    text-align: right;
+}
+table.list td.editlink {
+    width: 30px;
+}
+table.list td.total {
+   border-top: 1px solid #bbb;
+   text-align: right;
+   font-weight: bold;
+}
+
 #totals {
     margin-bottom: 10px;
 }
 #totals th {
     text-align: right;
 }
+#totals th.scope {
+    text-align: right;
+    padding: 2px 15px;
+}
+#totals .scope {
+    border-bottom: 1px solid #bbb;
+}
+#totals td {
+    padding: 2px 15px;
+    text-align: right;
+}
+#balance {
+    margin-bottom: 10px;
+}
+#balance th {
+    text-align: left;
+}
+
+#balance td.amount {
+    text-align: right;
+}
+#balance th.amount {
+    text-align: right;
+}
+
 td.labelcol {
     text-align: right;
     font-weight: bold;
@@ -72,3 +129,31 @@ td.labelcol {
 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;
+}
+span.see-all {
+    font-size: 0.7em;
+}
+#mobile {
+    padding: 5px;
+    font-weight: bold;
+    border-bottom: 1px solid #bbb;
+}