From 70ec06dde1f477ed76388b0ab78a607ea2c1c2a9 Mon Sep 17 00:00:00 2001 From: atomaka Date: Mon, 5 Dec 2011 23:39:06 -0500 Subject: [PATCH] Style generation form. --- css/style.css | 64 +++++++++++++++++++++++++++----------- img/body_background.png | Bin 0 -> 196 bytes img/header_background.png | Bin 0 -> 4189 bytes index.php | 37 +++++++++++++++------- 4 files changed, 72 insertions(+), 29 deletions(-) create mode 100755 img/body_background.png create mode 100755 img/header_background.png diff --git a/css/style.css b/css/style.css index a4702c3..86ab004 100755 --- a/css/style.css +++ b/css/style.css @@ -4,27 +4,37 @@ html { body { margin: 0px; - background-color: #a0a0a0; + background: url(../img/body_background.png); font-family: Helvetica, Arial, sans-serif; font-size: 13px; } -input { - background: #fff; +#wrapper { + width: 380px; + margin: auto; + margin-top: 150px; +} - font-family: Helvetica, Arial, sans-serif; - font-size: 13px; +#box { + background-color: #fff; + width: 100%; - padding: 2px 2px; + border: 1px solid #ccc; +} + +#header { + background-color: #E6E8FA; + background: url(../img/header_background.png); + border-bottom: 1px solid #ccc; + text-align: center; + padding: 10px; + margin-bottom: 10px; +} + +#generate { width: 325px; - border: 2px; - border-color: #b8b8b8 #e2e2e2 #e2e2e2 #b8b8b8; - border-style: solid; -} - -input.focus { - background: #ebfdd7; + margin: auto; } label { @@ -35,10 +45,28 @@ label { font-weight: bold; } -#wrapper { - width: 380px; - margin: auto; - margin-top: 200px; +input { + background: #fff; + + font-family: Helvetica, Arial, sans-serif; + font-size: 13px; + + padding: 5px; + width: 315px; + border: 1px; + border-color: #b8b8b8 #e2e2e2 #e2e2e2 #b8b8b8; + border-style: solid; } -# \ No newline at end of file +input:focus { + background: #FFE4E1; + outline: 0; +} + +button { + width: 100%; +} + +.form_row { + margin-bottom: 10px; +} \ No newline at end of file diff --git a/img/body_background.png b/img/body_background.png new file mode 100755 index 0000000000000000000000000000000000000000..dd32c424394e175a2738fb9d508c6af5dcb9fbff GIT binary patch literal 196 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 nf`Pu7e?^MSfcA_3_9y>8;O2
-
-
-
- - +
+ +
+ +
+ + +
+
+ + +
+ +
+ +
+ + +
+ +
-
- - -
- - +
@@ -34,6 +47,8 @@ head.ready(function() { $('input').corner('round 4px'); + $('button').corner('round 4px'); + $('#box').corner('round bottom'); });