9aFfN4ce / sexy_Forms.css
Revision ed51ea0b2216 (1 month, 3 weeks ago) - Diff
Link to this snippet : http://friendpaste.com/9aFfN4ce
| 1 | fieldset { |
|---|---|
| 2 | margin: 0; |
| 3 | padding: 0; |
| 4 | border: none; |
| 5 | } |
| 6 | |
| 7 | textarea { |
| 8 | font: inherit; |
| 9 | border: 1px solid #999; |
| 10 | } |
| 11 | |
| 12 | input { |
| 13 | font-size: inherit; |
| 14 | font-family: inherit; |
| 15 | } |
| 16 | |
| 17 | #page form { |
| 18 | font-size: 1.2em; |
| 19 | } |
| 20 | |
| 21 | #page label { |
| 22 | display: block; |
| 23 | float: left; |
| 24 | width: 28%; |
| 25 | padding: .2em 2% 0 0; |
| 26 | text-align: right; |
| 27 | clear: left; |
| 28 | } |
| 29 | |
| 30 | #page .text input { |
| 31 | width: 60%; |
| 32 | } |
| 33 | |
| 34 | input:focus, |
| 35 | textarea:focus { |
| 36 | background: #ffc; |
| 37 | } |
| 38 | |
| 39 | #page .text_area textarea { |
| 40 | width: 60%; |
| 41 | height: 10em; |
| 42 | line-height: 1.4; |
| 43 | font-size: .8em; |
| 44 | } |
| 45 | |
| 46 | #page form .field { |
| 47 | margin: 0; |
| 48 | padding: 0 0 1em 0; |
| 49 | clear: both; |
| 50 | width: 100%; |
| 51 | overflow: auto; |
| 52 | } |
| 53 | |
| 54 | #page form .note { |
| 55 | font-size: .8em; |
| 56 | padding: 0 0 0 30%; |
| 57 | color: #444; |
| 58 | font-style: italic; |
| 59 | } |
| 60 | |
| 61 | #page form .error label { |
| 62 | color: #c30; |
| 63 | } |
| 64 | |
| 65 | #page form p.error { |
| 66 | font-size: .8em; |
| 67 | padding: 0 0 0 30%; |
| 68 | color: #c30; |
| 69 | font-weight: bold; |
| 70 | } |
| 71 | |
| 72 | #page form .required label { |
| 73 | font-weight: bold; |
| 74 | } |
| 75 | |
| 76 | |
| 77 | #page form .controls { |
| 78 | width: auto; |
| 79 | padding: 0 0 0 30%; |
| 80 | } |
| 81 | |
| 82 | #page form .controls a.back { |
| 83 | font-size: .8em; |
| 84 | position: relative; |
| 85 | } |
View in other formats:
raw format | download source