X-Git-Url: https://asedeno.scripts.mit.edu/gitweb/?a=blobdiff_plain;f=bluechips%2Fpublic%2Fcss%2Fmain.css;h=acaa339ddf47f5349a9056e9545cb6a9ede40256;hb=53c0833dd52f70a3f57f00b2dc2ca436dd76e94f;hp=3897fe07ef78883ee2ca7ae1efb450494b077b9a;hpb=eadf3c3a4e49086b24dd61ead8ea95cdada8b88a;p=bluechips.git diff --git a/bluechips/public/css/main.css b/bluechips/public/css/main.css index 3897fe0..acaa339 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,6 +76,14 @@ 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; } #totals { margin-bottom: 10px; @@ -65,7 +91,63 @@ table.list td.amount { #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; } +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; +}