X-Git-Url: https://asedeno.scripts.mit.edu/gitweb/?a=blobdiff_plain;f=bluechips%2Fpublic%2Fcss%2Fmain.css;h=62e0c7bc5a8418373037ee41b5084e0ea7c62102;hb=fed6d11d2cbd6d617d18bc01a78196865da4155b;hp=fe58b9995a557556fd3bb69d23cbed3e647345fa;hpb=3b08315d7a6dee99e751f16b9a5a050884bf54f8;p=bluechips.git diff --git a/bluechips/public/css/main.css b/bluechips/public/css/main.css index fe58b99..62e0c7b 100644 --- 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; +}