You are here

form.css in Media Library Theme Reset 8

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

File

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