commit 90fdcb1acd16853fae2bcc10a9809440e86c5c26 Author: Sanne Janssen Date: Wed Feb 13 23:12:20 2013 +0100 no message diff --git a/core/themes/seven/style.css b/core/themes/seven/style.css index f29245b..2d99304 100644 --- a/core/themes/seven/style.css +++ b/core/themes/seven/style.css @@ -553,12 +553,13 @@ details summary { .form-item { margin: 1em 0; } -.form-type-checkbox { - padding: 0; +label { + margin-bottom: 0.4em; + font-weight: normal; } -.form-item label { +.form-type-checkbox { margin: 0; - padding: 0; + padding: 3px 0; } .form-item label.option { font-size: 0.923em; @@ -567,6 +568,46 @@ details summary { .form-item label.option input { vertical-align: middle; } +input.form-autocomplete, +input.form-text, +input.form-tel, +input.form-email, +input.form-url, +input.form-range, +input.form-search, +input.form-number, +input.form-color, +input.form-file, +textarea.form-textarea, +select.form-select { + padding: .5em; + border: 1px solid #b8b8b8; + background: #fcfcfa; + color: #333; + border-radius: 2px; + -moz-box-shadow: inset 0px 1px 1px rgba(184, 184, 184, 0.3); + -webkit-box-shadow: inset 0px 1px 1px rgba(184, 184, 184, 0.3); + box-shadow: inset 0px 1px 1px rgba(184, 184, 184, 0.3); +} +input.form-text:focus, +input.form-tel:focus, +input.form-email:focus, +input.form-url:focus, +input.form-range:focus, +input.form-search:focus, +input.form-number:focus, +input.form-color:focus, +input.form-file:focus, +textarea.form-textarea:focus, +select.form-select:focus { + color: #000; + background-color: #fff; + border-color: #40b6ff; + outline: none; + -moz-box-shadow: 0px 0px 5px rgba(64, 182, 255, 1); + -webkit-box-shadow: 0px 0px 5px rgba(64, 182, 255, 1); + box-shadow: 0px 0px 5px rgba(64, 182, 255, 1); +} .form-disabled input.form-autocomplete, .form-disabled input.form-text, .form-disabled input.form-tel, @@ -578,11 +619,21 @@ details summary { .form-disabled input.form-file, .form-disabled textarea.form-textarea, .form-disabled select.form-select { - background-color: #eee; + background-color: #ededed; color: #777; + border: 1px solid #d4d4d4; + -moz-box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; +} +.form-disabled label, +.form-disabled abbr { + color: #737373; } -/* Filter */ +/** + * Filter + */ .filter-wrapper { font-size: 0.923em; } @@ -601,6 +652,10 @@ body div.form-type-radio div.description, body div.form-type-checkbox div.description { margin-left: 1.5em; /* LTR */ } + +/** + * Buttons + */ .button { cursor: pointer; padding: 4px 17px; @@ -663,47 +718,11 @@ body div.form-type-checkbox div.description { text-shadow: none; color: #999; } -input.form-autocomplete, -input.form-text, -input.form-tel, -input.form-email, -input.form-url, -input.form-search, -input.form-number, -input.form-color, -input.form-file, -textarea.form-textarea, -select.form-select { - padding: 2px; - border: 1px solid #ccc; - border-top-color: #999; - background: #fff; - color: #333; - -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; - -moz-transition: border linear 0.2s, box-shadow linear 0.2s; - transition: border linear 0.2s, box-shadow linear 0.2s; -} -input.form-text:focus, -input.form-tel:focus, -input.form-email:focus, -input.form-url:focus, -input.form-search:focus, -input.form-number:focus, -input.form-color:focus, -input.form-file:focus, -textarea.form-textarea:focus, -select.form-select:focus { - color: #000; - border-color: rgba(0, 116, 189, 0.8); - -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(220, 220, 220, 0.4); - box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(220, 220, 220, 0.4); - outline-color: rgba(0, 116, 189, 0.5); -} .js input.form-autocomplete { - background-position: 100% 4px; + background-position: 98% 9px; } .js input.throbbing { - background-position: 100% -16px; + background-position: 98% -36px; } .button-action { background: #1078d4; @@ -745,6 +764,39 @@ select.form-select:focus { } /** + * Fieldsets + */ +fieldset { + border: 1px solid #ccc; + margin: 1em 0; + padding: 0; /* LTR */ + background: #fcfcfa; +} +fieldset .fieldset-wrapper { + clear: both; + margin-bottom: 13px; + margin-top: 13px; + padding: 0 13px; +} +legend { + float: left; /* 1. */ + font-size: 1.077em; + font-weight: bold; + margin: .75em 0 .5em 0; + padding: 0; + width: 100%; /* 1. */ +} +fieldset .fieldset-legend { + line-height: 1.25em; + padding-left: 13px; /* LTR; @todo */ + width: 100%; + text-transform: uppercase; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; +} + +/** * Improve form element usability on narrow devices. */ @media screen and (max-width: 600px) {