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