.simple_form { abbr[title]{ border-bottom:0; color:$link-color; } .form-inputs{ textarea{ height:120px; width:270px; } } .help-inline{ font-size:10px; display:none; } } .rockhil-form{ .field{ overflow:auto; border-bottom:1px solid #ddd; padding-top:10px; padding-bottom:10px; .field-describe{ width:30%; float:left; } .field-request{ float:left; width:70%; } &:first-child{ padding-top:0px; } &:last-child{ border-bottom:0; padding-bottom:0; } } .field-request{ overflow:hidden; } /* Form Element Description */ .field-describe{ padding-top:10px; padding-bottom:10px; overflow:hidden; .field-describe-detail{ background: #F2F2F2; padding: 4px 6px; margin-right: 10px; margin-top: 4px; line-height: 13px; font-weight: normal; font-size: 11px; color: #555; display: inline-block; } span.field-describe-detail{ margin-left:6px; } .field_with_errors{ display:inline; background:#FFA5A5; } } /* Contains a series of field-fields */ .field-group{ border:1px solid #dddddd; border-left:10px solid #dddddd; margin-left:10px; padding: 10px; } .field-header{ .field-describe{ @extend h3; width:100%; float:none; } } .field-checkbox{ .field-describe{ padding-top:0px; padding-bottom:0px; width:92%; } .field-request{ vertical-align:middle; width:8%; text-align:center; } } .field-textfield, .field-password_field, .field-email_field{ input{ padding:10px; border:1px solid #ddd; background-color:#f4f4f4; width:60%; } } .field-textarea{ textarea{ width:90%; height:140px; padding:10px; border:1px solid #ddd; background-color:#f4f4f4; } } /* Contains Form Submits and Buttons */ .field-actions, &.field-actions{ input,a{ padding: 10px; background-color: $cm-comp; color: $ch-comp; font-weight: bold; border:none; @include border-radius(10px); &:hover{ cursor:pointer; } } a{ display:inline-block; padding:10px; text-decoration:none; } } /* Labels generated by jQuery validation error */ label.error{ clear:both; display:block; display:inline-block; background-color: #F4B5B6; font-size: 11px; padding: 10px; margin: 10px; border: 1px solid #A81015; @include border-radius(10px); } /* Contains validation errors */ #error_explanation{ @extend .splat-high; padding:10px; border-style:solid; h2{ margin-bottom:10px; } ul{ margin:0px; } } .field-errors{ background-color: #FFA5A5; border: 2px solid #A40000; padding: 10px; @include border-radius(10px); ul{ li{ list-style-type:disc; margin-left: 20px; } } } }