You are here

form.css in Layout Builder Modal 8

#layout-builder-modal form{margin:0;padding:0}#layout-builder-modal fieldset:not(.fieldgroup){position:relative;min-width:0;margin:1em 0;padding:30px 18px 18px;border-radius:2px;background-color:#fcfcfa}@media (min--moz-device-pixel-ratio: 0){#layout-builder-modal fieldset:not(.fieldgroup){display:table-cell}}#layout-builder-modal fieldset:not(.fieldgroup)>legend{position:absolute;top:10px;letter-spacing:0.08em;text-transform:uppercase;font-size:1em;font-weight:bold}#layout-builder-modal .fieldgroup{min-width:0}@media (min--moz-device-pixel-ratio: 0){#layout-builder-modal .fieldgroup{display:table-cell}}#layout-builder-modal .form-item{margin:0.75em 0}#layout-builder-modal tr.odd .form-item,#layout-builder-modal tr.even .form-item{margin-top:0.75em;margin-bottom:0.75em}#layout-builder-modal td>.form-item:only-child{margin-top:0;margin-bottom:0}#layout-builder-modal .form-type-checkbox{padding:0}#layout-builder-modal label{display:table;margin:0 0 0.1em;padding:0;font-weight:bold}#layout-builder-modal label.error{color:#a51b00}#layout-builder-modal label[for]{cursor:pointer}#layout-builder-modal .form-item label.option{text-transform:none}#layout-builder-modal .form-item label.option input{vertical-align:middle}#layout-builder-modal .form-disabled label{color:#686868}#layout-builder-modal .form-disabled input.form-date,#layout-builder-modal .form-disabled input.form-text,#layout-builder-modal .form-disabled input.form-tel,#layout-builder-modal .form-disabled input.form-time,#layout-builder-modal .form-disabled input.form-email,#layout-builder-modal .form-disabled input.form-url,#layout-builder-modal .form-disabled input.form-search,#layout-builder-modal .form-disabled input.form-number,#layout-builder-modal .form-disabled input.form-color,#layout-builder-modal .form-disabled input.form-file,#layout-builder-modal .form-disabled textarea.form-textarea,#layout-builder-modal .form-disabled select.form-select{border-color:#d4d4d4;background-color:rgba(0,0,0,0.08);box-shadow:none}#layout-builder-modal .form-item input.error,#layout-builder-modal .form-item textarea.error,#layout-builder-modal .form-item select.error{color:#a51b00;border-width:1px;border-color:#e62600;background-color:#fdf4f2;box-shadow:inset 0 5px 5px -5px #b8b8b8}#layout-builder-modal .form-item textarea.error+.cke{border-width:1px;border-color:#e62600}#layout-builder-modal .form-item input.error:focus,#layout-builder-modal .form-item textarea.error:focus,#layout-builder-modal .form-item select.error:focus{border-color:#e62600;outline:0;background-color:#fcf4f2;box-shadow:inset 0 1px 3px rgba(0,0,0,0.05),0 0 8px 1px #e62600}#layout-builder-modal .form-required:after{width:7px;height:7px;background-size:7px 7px}#layout-builder-modal .form-item--error-message{margin-top:0.15em;color:#e32700}#layout-builder-modal .fieldset-wrapper>.form-item--error-message{margin-top:0}#layout-builder-modal .text-format-wrapper .form-item--error-message{margin:0;padding:0.25em 0.666em 0;border:solid #ccc;border-width:0 1px}#layout-builder-modal ul.tips,#layout-builder-modal div.description,#layout-builder-modal .form-item .description{margin:0.2em 0 0 0;color:#595959;font-size:0.95em}#layout-builder-modal .form-item .description.error{margin-top:0;color:#a51b00}#layout-builder-modal ul.tips li{margin:0.25em 0 0.25em 1.5em}#layout-builder-modal [dir="rtl"] ul.tips li{margin:0.25em 1.5em 0.25em 0}#layout-builder-modal .form-type-radio .description,#layout-builder-modal .form-type-checkbox .description{margin-left:1.5em}#layout-builder-modal [dir="rtl"] .form-type-radio .description,#layout-builder-modal [dir="rtl"] .form-type-checkbox .description{margin-right:1.5em;margin-left:0}#layout-builder-modal .form-text,#layout-builder-modal .form-textarea{border-radius:2px;font-size:1em;line-height:normal}#layout-builder-modal input.form-autocomplete,#layout-builder-modal input.form-text,#layout-builder-modal input.form-tel,#layout-builder-modal input.form-email,#layout-builder-modal input.form-url,#layout-builder-modal input.form-search,#layout-builder-modal input.form-number,#layout-builder-modal input.form-color,#layout-builder-modal input.form-file,#layout-builder-modal input.form-date,#layout-builder-modal input.form-time,#layout-builder-modal textarea.form-textarea{box-sizing:border-box;max-width:100%;padding:0.3em 0.4em 0.3em 0.5em;-webkit-transition:border linear 0.2s, box-shadow linear 0.2s;transition:border linear 0.2s, box-shadow linear 0.2s;color:#595959;border:1px solid #b8b8b8;border-top-color:#999;border-radius:2px;background:#fcfcfa;box-shadow:inset 0 1px 2px rgba(0,0,0,0.125);font-size:1em}#layout-builder-modal [dir="rtl"] textarea.form-textarea{padding:0.3em 0.5em 0.3em 0.4em}#layout-builder-modal .form-text:focus,#layout-builder-modal .form-tel:focus,#layout-builder-modal .form-email:focus,#layout-builder-modal .form-url:focus,#layout-builder-modal .form-search:focus,#layout-builder-modal .form-number:focus,#layout-builder-modal .form-color:focus,#layout-builder-modal .form-file:focus,#layout-builder-modal .form-textarea:focus,#layout-builder-modal .form-date:focus,#layout-builder-modal .form-time:focus{border-color:#40b6ff;outline:0;background-color:#fff;box-shadow:inset 0 1px 3px rgba(0,0,0,0.05),0 0 8px #40b6ff}#layout-builder-modal .confirm-parent,#layout-builder-modal .password-parent{overflow:visible;width:auto}#layout-builder-modal .form-item-options-group-info-identifier,#layout-builder-modal .form-item-pass .description{clear:both}#layout-builder-modal select{max-width:100%}@media screen and (-webkit-min-device-pixel-ratio: 0){#layout-builder-modal select{padding:1px 1.571em 1px 0.5em;cursor:pointer;-webkit-transition:all 0.1s;transition:all 0.1s;border:1px solid #a6a6a6;border-radius:0.143em;background:url(../../../../misc/icons/333333/caret-down.svg) no-repeat 99% 63%,-webkit-linear-gradient(top, #f6f6f3, #e7e7df);text-shadow:0 1px rgba(255,255,255,0.6);font-size:0.875rem;-webkit-appearance:none;-webkit-font-smoothing:antialiased}#layout-builder-modal [dir="rtl"] select{padding:1px 0.714em 1px 1.571em;background-position:1% 63%, 0 0}#layout-builder-modal select:focus,#layout-builder-modal select:hover{color:#1a1a1a;background-image:url(../../../../misc/icons/333333/caret-down.svg),-webkit-linear-gradient(top, #fcfcfa, #e9e9dd)}#layout-builder-modal select:hover{box-shadow:0 1px 2px rgba(0,0,0,0.125)}}#layout-builder-modal #edit-cancel{margin-left:10px}#layout-builder-modal [dir="rtl"] #edit-cancel{margin-right:10px;margin-left:0}@media screen and (max-width: 600px){#layout-builder-modal input.form-autocomplete,#layout-builder-modal input.form-text,#layout-builder-modal input.form-tel,#layout-builder-modal input.form-email,#layout-builder-modal input.form-url,#layout-builder-modal input.form-search,#layout-builder-modal input.form-number,#layout-builder-modal input.form-color,#layout-builder-modal input.form-file,#layout-builder-modal textarea.form-textarea{width:100%;font-size:1.2em;line-height:1.2em}#layout-builder-modal input.form-number{width:auto}#layout-builder-modal .form-actions input,#layout-builder-modal .form-wrapper input[type="submit"]{float:none;width:100%;margin-top:10px;margin-right:0;margin-left:0;padding-bottom:6px}#layout-builder-modal .form-actions input:first-child,#layout-builder-modal .form-wrapper input[type="submit"]:first-child{margin-top:0}#layout-builder-modal details summary{overflow:hidden;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis}#layout-builder-modal .password-strength{width:100%}#layout-builder-modal div.form-item div.password-suggestions{float:none}#layout-builder-modal #dblog-filter-form .form-actions{float:none;padding:0}#layout-builder-modal #edit-cancel{display:block;margin:10px 0 0 0}#layout-builder-modal select{width:100%}}#layout-builder-modal #diff-inline-form select,#layout-builder-modal div.filter-options select{padding:0}

File

theme/seven/css/form.css
View source
  1. #layout-builder-modal form{margin:0;padding:0}#layout-builder-modal fieldset:not(.fieldgroup){position:relative;min-width:0;margin:1em 0;padding:30px 18px 18px;border-radius:2px;background-color:#fcfcfa}@media (min--moz-device-pixel-ratio: 0){#layout-builder-modal fieldset:not(.fieldgroup){display:table-cell}}#layout-builder-modal fieldset:not(.fieldgroup)>legend{position:absolute;top:10px;letter-spacing:0.08em;text-transform:uppercase;font-size:1em;font-weight:bold}#layout-builder-modal .fieldgroup{min-width:0}@media (min--moz-device-pixel-ratio: 0){#layout-builder-modal .fieldgroup{display:table-cell}}#layout-builder-modal .form-item{margin:0.75em 0}#layout-builder-modal tr.odd .form-item,#layout-builder-modal tr.even .form-item{margin-top:0.75em;margin-bottom:0.75em}#layout-builder-modal td>.form-item:only-child{margin-top:0;margin-bottom:0}#layout-builder-modal .form-type-checkbox{padding:0}#layout-builder-modal label{display:table;margin:0 0 0.1em;padding:0;font-weight:bold}#layout-builder-modal label.error{color:#a51b00}#layout-builder-modal label[for]{cursor:pointer}#layout-builder-modal .form-item label.option{text-transform:none}#layout-builder-modal .form-item label.option input{vertical-align:middle}#layout-builder-modal .form-disabled label{color:#686868}#layout-builder-modal .form-disabled input.form-date,#layout-builder-modal .form-disabled input.form-text,#layout-builder-modal .form-disabled input.form-tel,#layout-builder-modal .form-disabled input.form-time,#layout-builder-modal .form-disabled input.form-email,#layout-builder-modal .form-disabled input.form-url,#layout-builder-modal .form-disabled input.form-search,#layout-builder-modal .form-disabled input.form-number,#layout-builder-modal .form-disabled input.form-color,#layout-builder-modal .form-disabled input.form-file,#layout-builder-modal .form-disabled textarea.form-textarea,#layout-builder-modal .form-disabled select.form-select{border-color:#d4d4d4;background-color:rgba(0,0,0,0.08);box-shadow:none}#layout-builder-modal .form-item input.error,#layout-builder-modal .form-item textarea.error,#layout-builder-modal .form-item select.error{color:#a51b00;border-width:1px;border-color:#e62600;background-color:#fdf4f2;box-shadow:inset 0 5px 5px -5px #b8b8b8}#layout-builder-modal .form-item textarea.error+.cke{border-width:1px;border-color:#e62600}#layout-builder-modal .form-item input.error:focus,#layout-builder-modal .form-item textarea.error:focus,#layout-builder-modal .form-item select.error:focus{border-color:#e62600;outline:0;background-color:#fcf4f2;box-shadow:inset 0 1px 3px rgba(0,0,0,0.05),0 0 8px 1px #e62600}#layout-builder-modal .form-required:after{width:7px;height:7px;background-size:7px 7px}#layout-builder-modal .form-item--error-message{margin-top:0.15em;color:#e32700}#layout-builder-modal .fieldset-wrapper>.form-item--error-message{margin-top:0}#layout-builder-modal .text-format-wrapper .form-item--error-message{margin:0;padding:0.25em 0.666em 0;border:solid #ccc;border-width:0 1px}#layout-builder-modal ul.tips,#layout-builder-modal div.description,#layout-builder-modal .form-item .description{margin:0.2em 0 0 0;color:#595959;font-size:0.95em}#layout-builder-modal .form-item .description.error{margin-top:0;color:#a51b00}#layout-builder-modal ul.tips li{margin:0.25em 0 0.25em 1.5em}#layout-builder-modal [dir="rtl"] ul.tips li{margin:0.25em 1.5em 0.25em 0}#layout-builder-modal .form-type-radio .description,#layout-builder-modal .form-type-checkbox .description{margin-left:1.5em}#layout-builder-modal [dir="rtl"] .form-type-radio .description,#layout-builder-modal [dir="rtl"] .form-type-checkbox .description{margin-right:1.5em;margin-left:0}#layout-builder-modal .form-text,#layout-builder-modal .form-textarea{border-radius:2px;font-size:1em;line-height:normal}#layout-builder-modal input.form-autocomplete,#layout-builder-modal input.form-text,#layout-builder-modal input.form-tel,#layout-builder-modal input.form-email,#layout-builder-modal input.form-url,#layout-builder-modal input.form-search,#layout-builder-modal input.form-number,#layout-builder-modal input.form-color,#layout-builder-modal input.form-file,#layout-builder-modal input.form-date,#layout-builder-modal input.form-time,#layout-builder-modal textarea.form-textarea{box-sizing:border-box;max-width:100%;padding:0.3em 0.4em 0.3em 0.5em;-webkit-transition:border linear 0.2s, box-shadow linear 0.2s;transition:border linear 0.2s, box-shadow linear 0.2s;color:#595959;border:1px solid #b8b8b8;border-top-color:#999;border-radius:2px;background:#fcfcfa;box-shadow:inset 0 1px 2px rgba(0,0,0,0.125);font-size:1em}#layout-builder-modal [dir="rtl"] textarea.form-textarea{padding:0.3em 0.5em 0.3em 0.4em}#layout-builder-modal .form-text:focus,#layout-builder-modal .form-tel:focus,#layout-builder-modal .form-email:focus,#layout-builder-modal .form-url:focus,#layout-builder-modal .form-search:focus,#layout-builder-modal .form-number:focus,#layout-builder-modal .form-color:focus,#layout-builder-modal .form-file:focus,#layout-builder-modal .form-textarea:focus,#layout-builder-modal .form-date:focus,#layout-builder-modal .form-time:focus{border-color:#40b6ff;outline:0;background-color:#fff;box-shadow:inset 0 1px 3px rgba(0,0,0,0.05),0 0 8px #40b6ff}#layout-builder-modal .confirm-parent,#layout-builder-modal .password-parent{overflow:visible;width:auto}#layout-builder-modal .form-item-options-group-info-identifier,#layout-builder-modal .form-item-pass .description{clear:both}#layout-builder-modal select{max-width:100%}@media screen and (-webkit-min-device-pixel-ratio: 0){#layout-builder-modal select{padding:1px 1.571em 1px 0.5em;cursor:pointer;-webkit-transition:all 0.1s;transition:all 0.1s;border:1px solid #a6a6a6;border-radius:0.143em;background:url(../../../../misc/icons/333333/caret-down.svg) no-repeat 99% 63%,-webkit-linear-gradient(top, #f6f6f3, #e7e7df);text-shadow:0 1px rgba(255,255,255,0.6);font-size:0.875rem;-webkit-appearance:none;-webkit-font-smoothing:antialiased}#layout-builder-modal [dir="rtl"] select{padding:1px 0.714em 1px 1.571em;background-position:1% 63%, 0 0}#layout-builder-modal select:focus,#layout-builder-modal select:hover{color:#1a1a1a;background-image:url(../../../../misc/icons/333333/caret-down.svg),-webkit-linear-gradient(top, #fcfcfa, #e9e9dd)}#layout-builder-modal select:hover{box-shadow:0 1px 2px rgba(0,0,0,0.125)}}#layout-builder-modal #edit-cancel{margin-left:10px}#layout-builder-modal [dir="rtl"] #edit-cancel{margin-right:10px;margin-left:0}@media screen and (max-width: 600px){#layout-builder-modal input.form-autocomplete,#layout-builder-modal input.form-text,#layout-builder-modal input.form-tel,#layout-builder-modal input.form-email,#layout-builder-modal input.form-url,#layout-builder-modal input.form-search,#layout-builder-modal input.form-number,#layout-builder-modal input.form-color,#layout-builder-modal input.form-file,#layout-builder-modal textarea.form-textarea{width:100%;font-size:1.2em;line-height:1.2em}#layout-builder-modal input.form-number{width:auto}#layout-builder-modal .form-actions input,#layout-builder-modal .form-wrapper input[type="submit"]{float:none;width:100%;margin-top:10px;margin-right:0;margin-left:0;padding-bottom:6px}#layout-builder-modal .form-actions input:first-child,#layout-builder-modal .form-wrapper input[type="submit"]:first-child{margin-top:0}#layout-builder-modal details summary{overflow:hidden;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis}#layout-builder-modal .password-strength{width:100%}#layout-builder-modal div.form-item div.password-suggestions{float:none}#layout-builder-modal #dblog-filter-form .form-actions{float:none;padding:0}#layout-builder-modal #edit-cancel{display:block;margin:10px 0 0 0}#layout-builder-modal select{width:100%}}#layout-builder-modal #diff-inline-form select,#layout-builder-modal div.filter-options select{padding:0}