diff --git a/admin/css/screen.css b/admin/css/screen.css index 278ba92cf..1ab0dd29b 100644 --- a/admin/css/screen.css +++ b/admin/css/screen.css @@ -93,6 +93,7 @@ form.nostyle .middleColumn { margin-left: 0; } .field label.right { cursor: pointer; } .field .middleColumn { margin-left: 184px; } .field span.readonly { padding-top: 8px; line-height: 16px; display: block; } +.field .help { color: #777777; font-style: italic; padding-top: 1em; } .field input.text, .field textarea, .field select, .field .TreeDropdownField { width: 100%; max-width: 512px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .field input.text, .field textarea, .field .TreeDropdownField { background: #fff; border: 1px solid #b3b3b3; padding: 7px 7px; line-height: 16px; margin: 0; outline: none; -moz-transition: 0.2s box-shadow ease-in; -webkit-transition: 0.2s box-shadow ease-in; -o-transition: 0.2s box-shadow ease-in; transition: 0.2s box-shadow ease-in; -moz-transition: 0.2s border ease-in; -webkit-transition: 0.2s border ease-in; -o-transition: 0.2s border ease-in; transition: 0.2s border ease-in; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eaeaea), color-stop(10%, #ffffff)); background-image: -webkit-linear-gradient(#eaeaea, #ffffff 10%); background-image: -moz-linear-gradient(#eaeaea, #ffffff 10%); background-image: -o-linear-gradient(#eaeaea, #ffffff 10%); background-image: -ms-linear-gradient(#eaeaea, #ffffff 10%); background-image: linear-gradient(#eaeaea, #ffffff 10%); } .field input.text:focus, .field textarea:focus, .field .TreeDropdownField:focus { border: 1px solid #9a9a9a; border-top-color: gray; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset; -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset; } diff --git a/admin/scss/_forms.scss b/admin/scss/_forms.scss index f5e224fa7..8752e17a5 100644 --- a/admin/scss/_forms.scss +++ b/admin/scss/_forms.scss @@ -149,6 +149,14 @@ form.nostyle { line-height: $grid-vertical * 2; display: block; } + + // Additional help text to clarify the field intent, + // displayed alongside the field (rather than in a tooltip) + .help { + color: lighten($color-text, 20%); + font-style: italic; + padding-top: 1em; + } input.text, textarea, @@ -532,6 +540,7 @@ input.radio { } + /** ---------------------------------------------------- * HTML Text * ---------------------------------------------------- */ @@ -553,4 +562,4 @@ input.radio { .action-hidden { display: none; -} +} \ No newline at end of file