/* * DO NOT EDIT THIS FILE. * See the following change record for more information, * https://www.drupal.org/node/2815083 * @preserve */ /** * @file * Reset most HTML elements styles for the off-canvas dialog. * * This is a generic reset. Drupal-specific classes are reset in components. */ /** * All HTML elements that could be used in off-canvas except div, bdo, bdi, * data, svg, map and math. * * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element */ #drupal-off-canvas { & span, & applet, & object, & iframe, & h1, & h2, & h3, & h4, & h5, & h6, & p, & blockquote, & pre, & a, & abbr, & acronym, & address, & big, & button, & cite, & code, & del, & dfn, & em, & img, & ins, & kbd, & q, & s, & samp, & small, & strike, & strong, & sub, & sup, & tt, & var, & b, & u, & i, & center, & dl, & dt, & dd, & ol, & ul, & li, & fieldset, & form, & label, & legend, & table, & caption, & tbody, & tfoot, & thead, & tr, & th, & td, & article, & aside, & canvas, & details, & embed, & figure, & figcaption, & footer, & header, & hgroup, & main, & menu, & meter, & nav, & output, & progress, & ruby, & section, & summary, & time, & mark, & audio, & video, & input, & select, & textarea { all: initial; box-sizing: border-box; text-shadow: none; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: initial; &:after, &:before { all: initial; box-sizing: border-box; text-shadow: none; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: initial; } } } /* Reset size and position on elements. */ #drupal-off-canvas a, #drupal-off-canvas abbr, #drupal-off-canvas acronym, #drupal-off-canvas address, #drupal-off-canvas applet, #drupal-off-canvas article, #drupal-off-canvas aside, #drupal-off-canvas audio, #drupal-off-canvas b, #drupal-off-canvas big, #drupal-off-canvas blockquote, #drupal-off-canvas body, #drupal-off-canvas canvas, #drupal-off-canvas caption, #drupal-off-canvas cite, #drupal-off-canvas code, #drupal-off-canvas dd, #drupal-off-canvas del, #drupal-off-canvas dfn, #drupal-off-canvas dialog, #drupal-off-canvas dl, #drupal-off-canvas dt, #drupal-off-canvas em, #drupal-off-canvas embed, #drupal-off-canvas fieldset, #drupal-off-canvas figcaption, #drupal-off-canvas figure, #drupal-off-canvas footer, #drupal-off-canvas form, #drupal-off-canvas h1, #drupal-off-canvas h2, #drupal-off-canvas h3, #drupal-off-canvas h4, #drupal-off-canvas h5, #drupal-off-canvas h6, #drupal-off-canvas header, #drupal-off-canvas hgroup, #drupal-off-canvas hr, #drupal-off-canvas html, #drupal-off-canvas i, #drupal-off-canvas iframe, #drupal-off-canvas img, #drupal-off-canvas ins, #drupal-off-canvas kbd, #drupal-off-canvas label, #drupal-off-canvas legend, #drupal-off-canvas li, #drupal-off-canvas main, #drupal-off-canvas mark, #drupal-off-canvas menu, #drupal-off-canvas meter, #drupal-off-canvas nav, #drupal-off-canvas object, #drupal-off-canvas ol, #drupal-off-canvas output, #drupal-off-canvas p, #drupal-off-canvas pre, #drupal-off-canvas progress, #drupal-off-canvas q, #drupal-off-canvas rp, #drupal-off-canvas rt, #drupal-off-canvas s, #drupal-off-canvas samp, #drupal-off-canvas section, #drupal-off-canvas small, #drupal-off-canvas span, #drupal-off-canvas strike, #drupal-off-canvas strong, #drupal-off-canvas sub, #drupal-off-canvas sup, #drupal-off-canvas table, #drupal-off-canvas tbody, #drupal-off-canvas td, #drupal-off-canvas tfoot, #drupal-off-canvas th, #drupal-off-canvas thead, #drupal-off-canvas time, #drupal-off-canvas tr, #drupal-off-canvas tt, #drupal-off-canvas u, #drupal-off-canvas ul, #drupal-off-canvas var, #drupal-off-canvas video, #drupal-off-canvas xmp { margin: 0; padding: 0; border: 0; font-size: 100%; } /* * Override the default (display: inline) for browsers that do not recognize HTML5 tags. * IE8 (and lower) requires a shiv: http://ejohn.org/blog/html5-shiv */ #drupal-off-canvas article, #drupal-off-canvas aside, #drupal-off-canvas figcaption, #drupal-off-canvas figure, #drupal-off-canvas footer, #drupal-off-canvas header, #drupal-off-canvas hgroup, #drupal-off-canvas main, #drupal-off-canvas menu, #drupal-off-canvas nav, #drupal-off-canvas section { display: block; border-radius: 0; line-height: normal; } /* * Makes browsers agree. * IE + Opera = font-weight: bold. * Gecko + WebKit = font-weight: bolder. */ #drupal-off-canvas b, #drupal-off-canvas strong { font-weight: bold; } #drupal-off-canvas em, #drupal-off-canvas i { font-style: italic; } #drupal-off-canvas img { vertical-align: middle; color: transparent; font-size: 0; } #drupal-off-canvas ul, #drupal-off-canvas ol { list-style: none; } /* reset table styling. */ #drupal-off-canvas table { border-spacing: 0; border-collapse: collapse; } #drupal-off-canvas table thead, #drupal-off-canvas table tbody, #drupal-off-canvas table tbody tr:nth-child(even), #drupal-off-canvas table tbody tr:nth-child(odd), #drupal-off-canvas table tfoot { border: 0; background: transparent none; } #drupal-off-canvas th, #drupal-off-canvas td, #drupal-off-canvas caption { font-weight: normal; } #drupal-off-canvas q { quotes: none; } #drupal-off-canvas q:before, #drupal-off-canvas q:after { content: none; } #drupal-off-canvas sub, #drupal-off-canvas sup, #drupal-off-canvas small { font-size: 75%; } #drupal-off-canvas sub, #drupal-off-canvas sup { position: relative; vertical-align: baseline; line-height: 0; } #drupal-off-canvas sub { bottom: -0.25em; } #drupal-off-canvas sup { top: -0.5em; } /* * For IE9. Without, occasionally draws shapes * outside the boundaries of rectangle. */ #drupal-off-canvas svg { overflow: hidden; } /* Specific resets for inputs. */ #drupal-off-canvas input[type="search"]::-webkit-search-decoration { display: none; } #drupal-off-canvas input { margin: 0; padding: 0; } #drupal-off-canvas input[type="checkbox"], #drupal-off-canvas input[type="radio"] { position: static; margin: 0; } #drupal-off-canvas input:invalid, #drupal-off-canvas button:invalid, #drupal-off-canvas select:invalid, #drupal-off-canvas textarea:invalid, #drupal-off-canvas input:focus, #drupal-off-canvas button:focus, #drupal-off-canvas select:focus, #drupal-off-canvas textarea:focus, #drupal-off-canvas input[type="file"]:focus, #drupal-off-canvas input[type="file"]:active, #drupal-off-canvas input[type="radio"]:focus, #drupal-off-canvas input[type="radio"]:active, #drupal-off-canvas input[type="checkbox"]:focus, #drupal-off-canvas input[type="checkbox"]:active { z-index: 1; box-shadow: none; } #drupal-off-canvas input[role="button"] { cursor: pointer; } #drupal-off-canvas button, #drupal-off-canvas input[type="reset"], #drupal-off-canvas input[type="submit"], #drupal-off-canvas input[type="button"] { display: inline-block; overflow: visible; cursor: pointer; vertical-align: middle; text-decoration: none; border: 0; outline: 0; background-image: none; text-shadow: none; -webkit-appearance: none; -moz-appearance: none; } #drupal-off-canvas button:hover, #drupal-off-canvas input[type="reset"]:hover, #drupal-off-canvas input[type="submit"]:hover, #drupal-off-canvas input[type="button"]:hover { text-decoration: none; background-image: none; } #drupal-off-canvas button:active, #drupal-off-canvas input[type="reset"]:active, #drupal-off-canvas input[type="submit"]:active, #drupal-off-canvas input[type="button"]:active { border-color: grey; background-image: none; box-shadow: none; } #drupal-off-canvas button::-moz-focus-inner, #drupal-off-canvas input[type="reset"]::-moz-focus-inner, #drupal-off-canvas input[type="submit"]::-moz-focus-inner, #drupal-off-canvas input[type="button"]::-moz-focus-inner { padding: 0; border: 0; } #drupal-off-canvas textarea, #drupal-off-canvas select, #drupal-off-canvas input[type="date"], #drupal-off-canvas input[type="datetime"], #drupal-off-canvas input[type="datetime-local"], #drupal-off-canvas input[type="email"], #drupal-off-canvas input[type="month"], #drupal-off-canvas input[type="number"], #drupal-off-canvas input[type="password"], #drupal-off-canvas input[type="search"], #drupal-off-canvas input[type="tel"], #drupal-off-canvas input[type="text"], #drupal-off-canvas input[type="time"], #drupal-off-canvas input[type="url"], #drupal-off-canvas input[type="week"] { height: auto; vertical-align: middle; border-radius: 0; } #drupal-off-canvas textarea[disabled], #drupal-off-canvas select[disabled], #drupal-off-canvas input[type="date"][disabled], #drupal-off-canvas input[type="datetime"][disabled], #drupal-off-canvas input[type="datetime-local"][disabled], #drupal-off-canvas input[type="email"][disabled], #drupal-off-canvas input[type="month"][disabled], #drupal-off-canvas input[type="number"][disabled], #drupal-off-canvas input[type="password"][disabled], #drupal-off-canvas input[type="search"][disabled], #drupal-off-canvas input[type="tel"][disabled], #drupal-off-canvas input[type="text"][disabled], #drupal-off-canvas input[type="time"][disabled], #drupal-off-canvas input[type="url"][disabled], #drupal-off-canvas input[type="week"][disabled] { background-color: grey; } #drupal-off-canvas input[type="hidden"] { visibility: hidden; } #drupal-off-canvas button[disabled], #drupal-off-canvas input[disabled], #drupal-off-canvas select[disabled], #drupal-off-canvas select[disabled] option, #drupal-off-canvas select[disabled] optgroup, #drupal-off-canvas textarea[disabled] { cursor: default; -webkit-user-select: none; -ms-user-select: none; user-select: none; box-shadow: none; } #drupal-off-canvas input:placeholder, #drupal-off-canvas textarea:placeholder { color: grey; } #drupal-off-canvas textarea, #drupal-off-canvas select[size], #drupal-off-canvas select[multiple] { height: auto; } #drupal-off-canvas select[size="0"], #drupal-off-canvas select[size="1"] { height: auto; } #drupal-off-canvas textarea { overflow: auto; width: 100%; min-height: 40px; resize: vertical; } #drupal-off-canvas optgroup { color: black; font-weight: normal; font-style: normal; } #drupal-off-canvas optgroup::-moz-focus-inner { padding: 0; border: 0; } #drupal-off-canvas * button { overflow: visible; width: auto; padding: 0; vertical-align: middle; text-decoration: none; color: black; border: 1px solid grey; background: none; } #drupal-off-canvas * textarea, #drupal-off-canvas * select, #drupal-off-canvas *:not(div) textarea, #drupal-off-canvas *:not(div) select { padding: 0; vertical-align: top; color: black; border: 1px solid grey; background: white; } /* To standardize off-canvas selection color. */ #drupal-off-canvas ::-moz-selection, #drupal-off-canvas ::selection { color: inherit; background-color: rgba(175, 175, 175, 0.5); }