1/* -------------------------------------------------------------- 2 3 forms.css 4 * Sets up some default styling for forms 5 * Gives you classes to enhance your forms 6 7 Usage: 8 * For text fields, use class .title or .text 9 10-------------------------------------------------------------- */ 11 12label { font-weight: bold; } 13fieldset { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; } 14legend { font-weight: bold; font-size:1.2em; } 15 16 17/* Form fields 18-------------------------------------------------------------- */ 19 20input.text, input.title, 21textarea, select { 22 margin:0.5em 0; 23 border:1px solid #bbb; 24} 25 26input.text:focus, input.title:focus, 27textarea:focus, select:focus { 28 border:1px solid #666; 29} 30 31input.text, 32input.title { width: 300px; padding:5px; } 33input.title { font-size:1.5em; } 34textarea { width: 390px; height: 250px; padding:5px; } 35 36 37/* Success, notice and error boxes 38-------------------------------------------------------------- */ 39 40.error, 41.notice, 42.success { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; } 43 44.error { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; } 45.notice { background: #FFF6BF; color: #514721; border-color: #FFD324; } 46.success { background: #E6EFC2; color: #264409; border-color: #C6D880; } 47.error a { color: #8a1f11; } 48.notice a { color: #514721; } 49.success a { color: #264409; } 50