3 * Reset most HTML elements styles for the off-canvas dialog.
5 * This is a generic reset. Drupal-specific classes are reset in components.
9 * Do not include div in then initial overrides because including div will
10 * cause the need for many more overrides in this file.
12 #drupal-off-canvas *:not(div),
13 #drupal-off-canvas *:not(svg *),
14 #drupal-off-canvas *:after,
15 #drupal-off-canvas *:before {
17 box-sizing: border-box;
19 -webkit-font-smoothing: antialiased;
20 -webkit-tap-highlight-color: initial;
23 /* Reset size and position on elements. */
25 #drupal-off-canvas abbr,
26 #drupal-off-canvas acronym,
27 #drupal-off-canvas address,
28 #drupal-off-canvas applet,
29 #drupal-off-canvas article,
30 #drupal-off-canvas aside,
31 #drupal-off-canvas audio,
33 #drupal-off-canvas big,
34 #drupal-off-canvas blockquote,
35 #drupal-off-canvas body,
36 #drupal-off-canvas canvas,
37 #drupal-off-canvas caption,
38 #drupal-off-canvas cite,
39 #drupal-off-canvas code,
40 #drupal-off-canvas dd,
41 #drupal-off-canvas del,
42 #drupal-off-canvas dfn,
43 #drupal-off-canvas dialog,
44 #drupal-off-canvas dl,
45 #drupal-off-canvas dt,
46 #drupal-off-canvas em,
47 #drupal-off-canvas embed,
48 #drupal-off-canvas fieldset,
49 #drupal-off-canvas figcaption,
50 #drupal-off-canvas figure,
51 #drupal-off-canvas footer,
52 #drupal-off-canvas form,
53 #drupal-off-canvas h1,
54 #drupal-off-canvas h2,
55 #drupal-off-canvas h3,
56 #drupal-off-canvas h4,
57 #drupal-off-canvas h5,
58 #drupal-off-canvas h6,
59 #drupal-off-canvas header,
60 #drupal-off-canvas hgroup,
61 #drupal-off-canvas hr,
62 #drupal-off-canvas html,
64 #drupal-off-canvas iframe,
65 #drupal-off-canvas img,
66 #drupal-off-canvas ins,
67 #drupal-off-canvas kbd,
68 #drupal-off-canvas label,
69 #drupal-off-canvas legend,
70 #drupal-off-canvas li,
71 #drupal-off-canvas main,
72 #drupal-off-canvas mark,
73 #drupal-off-canvas menu,
74 #drupal-off-canvas meter,
75 #drupal-off-canvas nav,
76 #drupal-off-canvas object,
77 #drupal-off-canvas ol,
78 #drupal-off-canvas output,
80 #drupal-off-canvas pre,
81 #drupal-off-canvas progress,
83 #drupal-off-canvas rp,
84 #drupal-off-canvas rt,
86 #drupal-off-canvas samp,
87 #drupal-off-canvas section,
88 #drupal-off-canvas small,
89 #drupal-off-canvas span,
90 #drupal-off-canvas strike,
91 #drupal-off-canvas strong,
92 #drupal-off-canvas sub,
93 #drupal-off-canvas sup,
94 #drupal-off-canvas table,
95 #drupal-off-canvas tbody,
96 #drupal-off-canvas td,
97 #drupal-off-canvas tfoot,
98 #drupal-off-canvas th,
99 #drupal-off-canvas thead,
100 #drupal-off-canvas time,
101 #drupal-off-canvas tr,
102 #drupal-off-canvas tt,
103 #drupal-off-canvas u,
104 #drupal-off-canvas ul,
105 #drupal-off-canvas var,
106 #drupal-off-canvas video,
107 #drupal-off-canvas xmp {
115 * Override the default (display: inline) for browsers that do not recognize HTML5 tags.
116 * IE8 (and lower) requires a shiv: http://ejohn.org/blog/html5-shiv
118 #drupal-off-canvas article,
119 #drupal-off-canvas aside,
120 #drupal-off-canvas figcaption,
121 #drupal-off-canvas figure,
122 #drupal-off-canvas footer,
123 #drupal-off-canvas header,
124 #drupal-off-canvas hgroup,
125 #drupal-off-canvas main,
126 #drupal-off-canvas menu,
127 #drupal-off-canvas nav,
128 #drupal-off-canvas section {
135 * Makes browsers agree.
136 * IE + Opera = font-weight: bold.
137 * Gecko + WebKit = font-weight: bolder.
139 #drupal-off-canvas b,
140 #drupal-off-canvas strong {
144 #drupal-off-canvas em,
145 #drupal-off-canvas i {
149 #drupal-off-canvas img {
152 vertical-align: middle;
155 #drupal-off-canvas ul,
156 #drupal-off-canvas ol {
160 /* reset table styling. */
161 #drupal-off-canvas table {
162 border-collapse: collapse;
165 #drupal-off-canvas table thead,
166 #drupal-off-canvas table tbody,
167 #drupal-off-canvas table tbody tr:nth-child(even),
168 #drupal-off-canvas table tbody tr:nth-child(odd),
169 #drupal-off-canvas table tfoot {
171 background: transparent none;
173 #drupal-off-canvas th,
174 #drupal-off-canvas td,
175 #drupal-off-canvas caption {
178 #drupal-off-canvas q {
181 #drupal-off-canvas q:before,
182 #drupal-off-canvas q:after {
185 #drupal-off-canvas sub,
186 #drupal-off-canvas sup,
187 #drupal-off-canvas small {
190 #drupal-off-canvas sub,
191 #drupal-off-canvas sup {
194 vertical-align: baseline;
196 #drupal-off-canvas sub {
199 #drupal-off-canvas sup {
204 * For IE9. Without, occasionally draws shapes
205 * outside the boundaries of <svg> rectangle.
207 #drupal-off-canvas svg {
211 /* Specific resets for inputs. */
212 #drupal-off-canvas input[type="search"]::-webkit-search-decoration {
215 #drupal-off-canvas input {
219 #drupal-off-canvas input[type="checkbox"],
220 #drupal-off-canvas input[type="radio"] {
224 #drupal-off-canvas input:invalid,
225 #drupal-off-canvas button:invalid,
226 #drupal-off-canvas select:invalid,
227 #drupal-off-canvas textarea:invalid,
228 #drupal-off-canvas input:focus,
229 #drupal-off-canvas button:focus,
230 #drupal-off-canvas select:focus,
231 #drupal-off-canvas textarea:focus,
232 #drupal-off-canvas input[type="file"]:focus,
233 #drupal-off-canvas input[type="file"]:active,
234 #drupal-off-canvas input[type="radio"]:focus,
235 #drupal-off-canvas input[type="radio"]:active,
236 #drupal-off-canvas input[type="checkbox"]:focus,
237 #drupal-off-canvas input[type="checkbox"]:active {
241 #drupal-off-canvas input[role="button"] {
244 #drupal-off-canvas button,
245 #drupal-off-canvas input[type="reset"],
246 #drupal-off-canvas input[type="submit"],
247 #drupal-off-canvas input[type="button"] {
248 -webkit-appearance: none;
249 -moz-appearance: none;
250 display: inline-block;
251 background-image: none;
256 text-decoration: none;
257 vertical-align: middle;
260 #drupal-off-canvas button:hover,
261 #drupal-off-canvas input[type="reset"]:hover,
262 #drupal-off-canvas input[type="submit"]:hover,
263 #drupal-off-canvas input[type="button"]:hover {
264 background-image: none;
265 text-decoration: none;
267 #drupal-off-canvas button:active,
268 #drupal-off-canvas input[type="reset"]:active,
269 #drupal-off-canvas input[type="submit"]:active,
270 #drupal-off-canvas input[type="button"]:active {
271 background-image: none;
275 #drupal-off-canvas button::-moz-focus-inner,
276 #drupal-off-canvas input[type="reset"]::-moz-focus-inner,
277 #drupal-off-canvas input[type="submit"]::-moz-focus-inner,
278 #drupal-off-canvas input[type="button"]::-moz-focus-inner {
282 #drupal-off-canvas textarea,
283 #drupal-off-canvas select,
284 #drupal-off-canvas input[type="date"],
285 #drupal-off-canvas input[type="datetime"],
286 #drupal-off-canvas input[type="datetime-local"],
287 #drupal-off-canvas input[type="email"],
288 #drupal-off-canvas input[type="month"],
289 #drupal-off-canvas input[type="number"],
290 #drupal-off-canvas input[type="password"],
291 #drupal-off-canvas input[type="search"],
292 #drupal-off-canvas input[type="tel"],
293 #drupal-off-canvas input[type="text"],
294 #drupal-off-canvas input[type="time"],
295 #drupal-off-canvas input[type="url"],
296 #drupal-off-canvas input[type="week"] {
298 vertical-align: middle;
301 #drupal-off-canvas textarea[disabled],
302 #drupal-off-canvas select[disabled],
303 #drupal-off-canvas input[type="date"][disabled],
304 #drupal-off-canvas input[type="datetime"][disabled],
305 #drupal-off-canvas input[type="datetime-local"][disabled],
306 #drupal-off-canvas input[type="email"][disabled],
307 #drupal-off-canvas input[type="month"][disabled],
308 #drupal-off-canvas input[type="number"][disabled],
309 #drupal-off-canvas input[type="password"][disabled],
310 #drupal-off-canvas input[type="search"][disabled],
311 #drupal-off-canvas input[type="tel"][disabled],
312 #drupal-off-canvas input[type="text"][disabled],
313 #drupal-off-canvas input[type="time"][disabled],
314 #drupal-off-canvas input[type="url"][disabled],
315 #drupal-off-canvas input[type="week"][disabled] {
316 background-color: grey;
318 #drupal-off-canvas input[type="hidden"] {
321 #drupal-off-canvas button[disabled],
322 #drupal-off-canvas input[disabled],
323 #drupal-off-canvas select[disabled],
324 #drupal-off-canvas select[disabled] option,
325 #drupal-off-canvas select[disabled] optgroup,
326 #drupal-off-canvas textarea[disabled] {
328 -webkit-user-select: none;
329 -moz-user-select: none;
330 -ms-user-select: none;
334 #drupal-off-canvas input:placeholder,
335 #drupal-off-canvas textarea:placeholder {
338 #drupal-off-canvas textarea,
339 #drupal-off-canvas select[size],
340 #drupal-off-canvas select[multiple] {
343 #drupal-off-canvas select[size="0"],
344 #drupal-off-canvas select[size="1"] {
347 #drupal-off-canvas textarea {
353 #drupal-off-canvas optgroup {
358 #drupal-off-canvas optgroup::-moz-focus-inner {
362 #drupal-off-canvas * button {
364 border: 1px solid grey;
367 text-decoration: none;
369 vertical-align: middle;
372 #drupal-off-canvas * textarea,
373 #drupal-off-canvas * select,
374 #drupal-off-canvas *:not(div) textarea,
375 #drupal-off-canvas *:not(div) select {
377 border: 1px solid grey;
383 /* To standardize off-canvas selection color. */
384 #drupal-off-canvas ::-moz-selection,
385 #drupal-off-canvas ::selection {
386 background-color: rgba(175, 175, 175, 0.5);