X-Git-Url: https://git.njae.me.uk/?a=blobdiff_plain;f=public%2Fstylesheets%2Fdepot.css;h=01adb7427ff3594522fdec1eeeb5f369f05c3e6b;hb=HEAD;hp=a8d7cc65b3e84cbc5a0686337609cb48c6896443;hpb=aff195f08c5fc2b8db74058b34720164148cfb4e;p=depot.git diff --git a/public/stylesheets/depot.css b/public/stylesheets/depot.css index a8d7cc6..01adb74 100644 --- a/public/stylesheets/depot.css +++ b/public/stylesheets/depot.css @@ -20,53 +20,53 @@ h1 { /* Styles for products/index */ -#product-list table { +#pretty-list table { border-collapse: collapse; } -#product-list table tr td { +#pretty-list table tr td { padding: 5px; vertical-align: top; } -#product-list .list-image { +#pretty-list .list-image { width: 60px; height: 70px; } -#product-list .list-description { +#pretty-list .list-description { width: 60%; } -#product-list .list-description dl { +#pretty-list dl { margin: 0; } -#product-list .list-description dt { +#pretty-list dt { color: #244; font-weight: bold; font-size: larger; } -#product-list .list-description dd { +#pretty-list dd { margin: 0; } -#product-list .list-description .unavailable { +#pretty-list .list-description .unavailable { color: #f00; } -#product-list .list-actions { +#pretty-list .list-actions { font-size: x-small; text-align: right; padding-left: 1em; } -#product-list .list-line-even { +#pretty-list .list-line-even { background: #e0f8f8; } -#product-list .list-line-odd { +#pretty-list .list-line-odd { background: #f8b0f8; } @@ -125,7 +125,7 @@ h1 { font-family: sans-serif; } -#store .entry img { +#store .entry img, #store .entry form input[type="image"] { width: 75px; float: left; border: 0; @@ -199,7 +199,41 @@ h1 { } /* END:cartside */ +/* START:form */ +/* Styles for order form */ +.depot-form fieldset { + background: #efe; +} + +.depot-form legend { + color: #dfd; + background: #141; + font-family: sans-serif; + padding: 0.2em 1em; +} + +.depot-form label { + width: 5em; + float: left; + text-align: right; + padding-top: 0.2em; + margin-right: 0.1em; + display: block; +} + +.depot-form select, .depot-form textarea, .depot-form input { + margin-left: 0.5em; +} + +.depot-form .submit { + margin-left: 4em; +} + +.depot-form div { + margin: 0.5em 0; +} +/* END:form */ /* The error box */