off-canvas.reset.css

Same filename in this branch
  1. 9 core/themes/stable9/css/core/dialog/off-canvas.reset.css
  2. 9 core/themes/stable/css/core/dialog/off-canvas.reset.css
Same filename in other branches
  1. 8.9.x core/misc/dialog/off-canvas.reset.css
  2. 8.9.x core/themes/stable/css/core/dialog/off-canvas.reset.css

Reset most HTML elements styles for the off-canvas dialog.

This is a generic reset. Drupal-specific classes are reset in components.

File

core/misc/dialog/off-canvas.reset.css

View source
  1. /*
  2. * DO NOT EDIT THIS FILE.
  3. * See the following change record for more information,
  4. * https://www.drupal.org/node/3084859
  5. * @preserve
  6. */
  7. /**
  8. * @file
  9. * Reset most HTML elements styles for the off-canvas dialog.
  10. *
  11. * This is a generic reset. Drupal-specific classes are reset in components.
  12. */
  13. /**
  14. * All HTML elements that could be used in off-canvas except div, bdo, bdi,
  15. * data, svg, map and math.
  16. *
  17. * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element
  18. */
  19. #drupal-off-canvas span,
  20. #drupal-off-canvas applet,
  21. #drupal-off-canvas object,
  22. #drupal-off-canvas iframe,
  23. #drupal-off-canvas h1,
  24. #drupal-off-canvas h2,
  25. #drupal-off-canvas h3,
  26. #drupal-off-canvas h4,
  27. #drupal-off-canvas h5,
  28. #drupal-off-canvas h6,
  29. #drupal-off-canvas p,
  30. #drupal-off-canvas blockquote,
  31. #drupal-off-canvas pre,
  32. #drupal-off-canvas a,
  33. #drupal-off-canvas abbr,
  34. #drupal-off-canvas acronym,
  35. #drupal-off-canvas address,
  36. #drupal-off-canvas big,
  37. #drupal-off-canvas button,
  38. #drupal-off-canvas cite,
  39. #drupal-off-canvas code,
  40. #drupal-off-canvas del,
  41. #drupal-off-canvas dfn,
  42. #drupal-off-canvas em,
  43. #drupal-off-canvas img,
  44. #drupal-off-canvas ins,
  45. #drupal-off-canvas kbd,
  46. #drupal-off-canvas q,
  47. #drupal-off-canvas s,
  48. #drupal-off-canvas samp,
  49. #drupal-off-canvas small,
  50. #drupal-off-canvas strike,
  51. #drupal-off-canvas strong,
  52. #drupal-off-canvas sub,
  53. #drupal-off-canvas sup,
  54. #drupal-off-canvas tt,
  55. #drupal-off-canvas var,
  56. #drupal-off-canvas b,
  57. #drupal-off-canvas u,
  58. #drupal-off-canvas i,
  59. #drupal-off-canvas center,
  60. #drupal-off-canvas dl,
  61. #drupal-off-canvas dt,
  62. #drupal-off-canvas dd,
  63. #drupal-off-canvas ol,
  64. #drupal-off-canvas ul,
  65. #drupal-off-canvas li,
  66. #drupal-off-canvas fieldset,
  67. #drupal-off-canvas form,
  68. #drupal-off-canvas label,
  69. #drupal-off-canvas legend,
  70. #drupal-off-canvas table,
  71. #drupal-off-canvas caption,
  72. #drupal-off-canvas tbody,
  73. #drupal-off-canvas tfoot,
  74. #drupal-off-canvas thead,
  75. #drupal-off-canvas tr,
  76. #drupal-off-canvas th,
  77. #drupal-off-canvas td,
  78. #drupal-off-canvas article,
  79. #drupal-off-canvas aside,
  80. #drupal-off-canvas canvas,
  81. #drupal-off-canvas details,
  82. #drupal-off-canvas embed,
  83. #drupal-off-canvas figure,
  84. #drupal-off-canvas figcaption,
  85. #drupal-off-canvas footer,
  86. #drupal-off-canvas header,
  87. #drupal-off-canvas hgroup,
  88. #drupal-off-canvas main,
  89. #drupal-off-canvas menu,
  90. #drupal-off-canvas meter,
  91. #drupal-off-canvas nav,
  92. #drupal-off-canvas output,
  93. #drupal-off-canvas progress,
  94. #drupal-off-canvas ruby,
  95. #drupal-off-canvas section,
  96. #drupal-off-canvas summary,
  97. #drupal-off-canvas time,
  98. #drupal-off-canvas mark,
  99. #drupal-off-canvas audio,
  100. #drupal-off-canvas video,
  101. #drupal-off-canvas input,
  102. #drupal-off-canvas select,
  103. #drupal-off-canvas textarea {
  104. position: static;
  105. z-index: auto;
  106. top: auto;
  107. right: auto;
  108. bottom: auto;
  109. left: auto;
  110. display: inline;
  111. visibility: visible;
  112. float: none;
  113. clear: none;
  114. overflow: visible;
  115. overflow-x: visible;
  116. overflow-y: visible;
  117. clip: auto;
  118. box-sizing: content-box;
  119. box-sizing: border-box;
  120. width: auto;
  121. min-width: 0;
  122. max-width: none;
  123. height: auto;
  124. min-height: 0;
  125. max-height: none;
  126. margin: 0;
  127. padding: 0;
  128. table-layout: auto;
  129. columns: auto;
  130. column-span: 1;
  131. column-width: auto;
  132. column-count: auto;
  133. column-fill: balance;
  134. column-gap: normal;
  135. column-rule: medium none currentColor;
  136. empty-cells: show;
  137. caption-side: top;
  138. border-spacing: 0;
  139. list-style: disc outside none;
  140. content: normal;
  141. counter-reset: none;
  142. counter-increment: none;
  143. cursor: auto;
  144. transition: none 0s ease 0s;
  145. transform: none;
  146. transform-origin: 50% 50% 0;
  147. animation: none 0s ease 0s 1 normal none running;
  148. text-align: left;
  149. text-align-last: auto;
  150. vertical-align: baseline;
  151. white-space: normal;
  152. text-decoration: none;
  153. text-indent: 0;
  154. letter-spacing: normal;
  155. word-spacing: normal;
  156. text-transform: none;
  157. tab-size: 8;
  158. -webkit-hyphens: none;
  159. -ms-hyphens: none;
  160. hyphens: none;
  161. direction: ltr;
  162. unicode-bidi: normal;
  163. orphans: 2;
  164. widows: 2;
  165. opacity: 1;
  166. color: #000;
  167. border: medium none currentColor;
  168. border-collapse: separate;
  169. border-radius: 0;
  170. border-image: none;
  171. outline: medium none invert;
  172. background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
  173. box-shadow: none;
  174. text-shadow: none;
  175. font-family: serif;
  176. font-size: medium;
  177. font-weight: normal;
  178. font-style: normal;
  179. font-variant: normal;
  180. font-stretch: normal;
  181. line-height: normal;
  182. -webkit-backface-visibility: visible;
  183. backface-visibility: visible;
  184. page-break-after: auto;
  185. page-break-before: auto;
  186. page-break-inside: auto;
  187. perspective: none;
  188. perspective-origin: 50% 50%;
  189. transform-style: flat;
  190. all: initial;
  191. -webkit-font-smoothing: antialiased;
  192. -webkit-tap-highlight-color: initial;
  193. }
  194. #drupal-off-canvas span:after,
  195. #drupal-off-canvas applet:after,
  196. #drupal-off-canvas object:after,
  197. #drupal-off-canvas iframe:after,
  198. #drupal-off-canvas h1:after,
  199. #drupal-off-canvas h2:after,
  200. #drupal-off-canvas h3:after,
  201. #drupal-off-canvas h4:after,
  202. #drupal-off-canvas h5:after,
  203. #drupal-off-canvas h6:after,
  204. #drupal-off-canvas p:after,
  205. #drupal-off-canvas blockquote:after,
  206. #drupal-off-canvas pre:after,
  207. #drupal-off-canvas a:after,
  208. #drupal-off-canvas abbr:after,
  209. #drupal-off-canvas acronym:after,
  210. #drupal-off-canvas address:after,
  211. #drupal-off-canvas big:after,
  212. #drupal-off-canvas button:after,
  213. #drupal-off-canvas cite:after,
  214. #drupal-off-canvas code:after,
  215. #drupal-off-canvas del:after,
  216. #drupal-off-canvas dfn:after,
  217. #drupal-off-canvas em:after,
  218. #drupal-off-canvas img:after,
  219. #drupal-off-canvas ins:after,
  220. #drupal-off-canvas kbd:after,
  221. #drupal-off-canvas q:after,
  222. #drupal-off-canvas s:after,
  223. #drupal-off-canvas samp:after,
  224. #drupal-off-canvas small:after,
  225. #drupal-off-canvas strike:after,
  226. #drupal-off-canvas strong:after,
  227. #drupal-off-canvas sub:after,
  228. #drupal-off-canvas sup:after,
  229. #drupal-off-canvas tt:after,
  230. #drupal-off-canvas var:after,
  231. #drupal-off-canvas b:after,
  232. #drupal-off-canvas u:after,
  233. #drupal-off-canvas i:after,
  234. #drupal-off-canvas center:after,
  235. #drupal-off-canvas dl:after,
  236. #drupal-off-canvas dt:after,
  237. #drupal-off-canvas dd:after,
  238. #drupal-off-canvas ol:after,
  239. #drupal-off-canvas ul:after,
  240. #drupal-off-canvas li:after,
  241. #drupal-off-canvas fieldset:after,
  242. #drupal-off-canvas form:after,
  243. #drupal-off-canvas label:after,
  244. #drupal-off-canvas legend:after,
  245. #drupal-off-canvas table:after,
  246. #drupal-off-canvas caption:after,
  247. #drupal-off-canvas tbody:after,
  248. #drupal-off-canvas tfoot:after,
  249. #drupal-off-canvas thead:after,
  250. #drupal-off-canvas tr:after,
  251. #drupal-off-canvas th:after,
  252. #drupal-off-canvas td:after,
  253. #drupal-off-canvas article:after,
  254. #drupal-off-canvas aside:after,
  255. #drupal-off-canvas canvas:after,
  256. #drupal-off-canvas details:after,
  257. #drupal-off-canvas embed:after,
  258. #drupal-off-canvas figure:after,
  259. #drupal-off-canvas figcaption:after,
  260. #drupal-off-canvas footer:after,
  261. #drupal-off-canvas header:after,
  262. #drupal-off-canvas hgroup:after,
  263. #drupal-off-canvas main:after,
  264. #drupal-off-canvas menu:after,
  265. #drupal-off-canvas meter:after,
  266. #drupal-off-canvas nav:after,
  267. #drupal-off-canvas output:after,
  268. #drupal-off-canvas progress:after,
  269. #drupal-off-canvas ruby:after,
  270. #drupal-off-canvas section:after,
  271. #drupal-off-canvas summary:after,
  272. #drupal-off-canvas time:after,
  273. #drupal-off-canvas mark:after,
  274. #drupal-off-canvas audio:after,
  275. #drupal-off-canvas video:after,
  276. #drupal-off-canvas input:after,
  277. #drupal-off-canvas select:after,
  278. #drupal-off-canvas textarea:after,
  279. #drupal-off-canvas span:before,
  280. #drupal-off-canvas applet:before,
  281. #drupal-off-canvas object:before,
  282. #drupal-off-canvas iframe:before,
  283. #drupal-off-canvas h1:before,
  284. #drupal-off-canvas h2:before,
  285. #drupal-off-canvas h3:before,
  286. #drupal-off-canvas h4:before,
  287. #drupal-off-canvas h5:before,
  288. #drupal-off-canvas h6:before,
  289. #drupal-off-canvas p:before,
  290. #drupal-off-canvas blockquote:before,
  291. #drupal-off-canvas pre:before,
  292. #drupal-off-canvas a:before,
  293. #drupal-off-canvas abbr:before,
  294. #drupal-off-canvas acronym:before,
  295. #drupal-off-canvas address:before,
  296. #drupal-off-canvas big:before,
  297. #drupal-off-canvas button:before,
  298. #drupal-off-canvas cite:before,
  299. #drupal-off-canvas code:before,
  300. #drupal-off-canvas del:before,
  301. #drupal-off-canvas dfn:before,
  302. #drupal-off-canvas em:before,
  303. #drupal-off-canvas img:before,
  304. #drupal-off-canvas ins:before,
  305. #drupal-off-canvas kbd:before,
  306. #drupal-off-canvas q:before,
  307. #drupal-off-canvas s:before,
  308. #drupal-off-canvas samp:before,
  309. #drupal-off-canvas small:before,
  310. #drupal-off-canvas strike:before,
  311. #drupal-off-canvas strong:before,
  312. #drupal-off-canvas sub:before,
  313. #drupal-off-canvas sup:before,
  314. #drupal-off-canvas tt:before,
  315. #drupal-off-canvas var:before,
  316. #drupal-off-canvas b:before,
  317. #drupal-off-canvas u:before,
  318. #drupal-off-canvas i:before,
  319. #drupal-off-canvas center:before,
  320. #drupal-off-canvas dl:before,
  321. #drupal-off-canvas dt:before,
  322. #drupal-off-canvas dd:before,
  323. #drupal-off-canvas ol:before,
  324. #drupal-off-canvas ul:before,
  325. #drupal-off-canvas li:before,
  326. #drupal-off-canvas fieldset:before,
  327. #drupal-off-canvas form:before,
  328. #drupal-off-canvas label:before,
  329. #drupal-off-canvas legend:before,
  330. #drupal-off-canvas table:before,
  331. #drupal-off-canvas caption:before,
  332. #drupal-off-canvas tbody:before,
  333. #drupal-off-canvas tfoot:before,
  334. #drupal-off-canvas thead:before,
  335. #drupal-off-canvas tr:before,
  336. #drupal-off-canvas th:before,
  337. #drupal-off-canvas td:before,
  338. #drupal-off-canvas article:before,
  339. #drupal-off-canvas aside:before,
  340. #drupal-off-canvas canvas:before,
  341. #drupal-off-canvas details:before,
  342. #drupal-off-canvas embed:before,
  343. #drupal-off-canvas figure:before,
  344. #drupal-off-canvas figcaption:before,
  345. #drupal-off-canvas footer:before,
  346. #drupal-off-canvas header:before,
  347. #drupal-off-canvas hgroup:before,
  348. #drupal-off-canvas main:before,
  349. #drupal-off-canvas menu:before,
  350. #drupal-off-canvas meter:before,
  351. #drupal-off-canvas nav:before,
  352. #drupal-off-canvas output:before,
  353. #drupal-off-canvas progress:before,
  354. #drupal-off-canvas ruby:before,
  355. #drupal-off-canvas section:before,
  356. #drupal-off-canvas summary:before,
  357. #drupal-off-canvas time:before,
  358. #drupal-off-canvas mark:before,
  359. #drupal-off-canvas audio:before,
  360. #drupal-off-canvas video:before,
  361. #drupal-off-canvas input:before,
  362. #drupal-off-canvas select:before,
  363. #drupal-off-canvas textarea:before {
  364. position: static;
  365. z-index: auto;
  366. top: auto;
  367. right: auto;
  368. bottom: auto;
  369. left: auto;
  370. display: inline;
  371. visibility: visible;
  372. float: none;
  373. clear: none;
  374. overflow: visible;
  375. overflow-x: visible;
  376. overflow-y: visible;
  377. clip: auto;
  378. box-sizing: content-box;
  379. box-sizing: border-box;
  380. width: auto;
  381. min-width: 0;
  382. max-width: none;
  383. height: auto;
  384. min-height: 0;
  385. max-height: none;
  386. margin: 0;
  387. padding: 0;
  388. table-layout: auto;
  389. columns: auto;
  390. column-span: 1;
  391. column-width: auto;
  392. column-count: auto;
  393. column-fill: balance;
  394. column-gap: normal;
  395. column-rule: medium none currentColor;
  396. empty-cells: show;
  397. caption-side: top;
  398. border-spacing: 0;
  399. list-style: disc outside none;
  400. content: normal;
  401. counter-reset: none;
  402. counter-increment: none;
  403. cursor: auto;
  404. transition: none 0s ease 0s;
  405. transform: none;
  406. transform-origin: 50% 50% 0;
  407. animation: none 0s ease 0s 1 normal none running;
  408. text-align: left;
  409. text-align-last: auto;
  410. vertical-align: baseline;
  411. white-space: normal;
  412. text-decoration: none;
  413. text-indent: 0;
  414. letter-spacing: normal;
  415. word-spacing: normal;
  416. text-transform: none;
  417. tab-size: 8;
  418. -webkit-hyphens: none;
  419. -ms-hyphens: none;
  420. hyphens: none;
  421. direction: ltr;
  422. unicode-bidi: normal;
  423. orphans: 2;
  424. widows: 2;
  425. opacity: 1;
  426. color: #000;
  427. border: medium none currentColor;
  428. border-collapse: separate;
  429. border-radius: 0;
  430. border-image: none;
  431. outline: medium none invert;
  432. background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
  433. box-shadow: none;
  434. text-shadow: none;
  435. font-family: serif;
  436. font-size: medium;
  437. font-weight: normal;
  438. font-style: normal;
  439. font-variant: normal;
  440. font-stretch: normal;
  441. line-height: normal;
  442. -webkit-backface-visibility: visible;
  443. backface-visibility: visible;
  444. page-break-after: auto;
  445. page-break-before: auto;
  446. page-break-inside: auto;
  447. perspective: none;
  448. perspective-origin: 50% 50%;
  449. transform-style: flat;
  450. all: initial;
  451. -webkit-font-smoothing: antialiased;
  452. -webkit-tap-highlight-color: initial;
  453. }
  454. /* Reset size and position on elements. */
  455. #drupal-off-canvas a,
  456. #drupal-off-canvas abbr,
  457. #drupal-off-canvas acronym,
  458. #drupal-off-canvas address,
  459. #drupal-off-canvas applet,
  460. #drupal-off-canvas article,
  461. #drupal-off-canvas aside,
  462. #drupal-off-canvas audio,
  463. #drupal-off-canvas b,
  464. #drupal-off-canvas big,
  465. #drupal-off-canvas blockquote,
  466. #drupal-off-canvas body,
  467. #drupal-off-canvas canvas,
  468. #drupal-off-canvas caption,
  469. #drupal-off-canvas cite,
  470. #drupal-off-canvas code,
  471. #drupal-off-canvas dd,
  472. #drupal-off-canvas del,
  473. #drupal-off-canvas dfn,
  474. #drupal-off-canvas dialog,
  475. #drupal-off-canvas dl,
  476. #drupal-off-canvas dt,
  477. #drupal-off-canvas em,
  478. #drupal-off-canvas embed,
  479. #drupal-off-canvas fieldset,
  480. #drupal-off-canvas figcaption,
  481. #drupal-off-canvas figure,
  482. #drupal-off-canvas footer,
  483. #drupal-off-canvas form,
  484. #drupal-off-canvas h1,
  485. #drupal-off-canvas h2,
  486. #drupal-off-canvas h3,
  487. #drupal-off-canvas h4,
  488. #drupal-off-canvas h5,
  489. #drupal-off-canvas h6,
  490. #drupal-off-canvas header,
  491. #drupal-off-canvas hgroup,
  492. #drupal-off-canvas hr,
  493. #drupal-off-canvas html,
  494. #drupal-off-canvas i,
  495. #drupal-off-canvas iframe,
  496. #drupal-off-canvas img,
  497. #drupal-off-canvas ins,
  498. #drupal-off-canvas kbd,
  499. #drupal-off-canvas label,
  500. #drupal-off-canvas legend,
  501. #drupal-off-canvas li,
  502. #drupal-off-canvas main,
  503. #drupal-off-canvas mark,
  504. #drupal-off-canvas menu,
  505. #drupal-off-canvas meter,
  506. #drupal-off-canvas nav,
  507. #drupal-off-canvas object,
  508. #drupal-off-canvas ol,
  509. #drupal-off-canvas output,
  510. #drupal-off-canvas p,
  511. #drupal-off-canvas pre,
  512. #drupal-off-canvas progress,
  513. #drupal-off-canvas q,
  514. #drupal-off-canvas rp,
  515. #drupal-off-canvas rt,
  516. #drupal-off-canvas s,
  517. #drupal-off-canvas samp,
  518. #drupal-off-canvas section,
  519. #drupal-off-canvas small,
  520. #drupal-off-canvas span,
  521. #drupal-off-canvas strike,
  522. #drupal-off-canvas strong,
  523. #drupal-off-canvas sub,
  524. #drupal-off-canvas sup,
  525. #drupal-off-canvas table,
  526. #drupal-off-canvas tbody,
  527. #drupal-off-canvas td,
  528. #drupal-off-canvas tfoot,
  529. #drupal-off-canvas th,
  530. #drupal-off-canvas thead,
  531. #drupal-off-canvas time,
  532. #drupal-off-canvas tr,
  533. #drupal-off-canvas tt,
  534. #drupal-off-canvas u,
  535. #drupal-off-canvas ul,
  536. #drupal-off-canvas var,
  537. #drupal-off-canvas video,
  538. #drupal-off-canvas xmp {
  539. margin: 0;
  540. padding: 0;
  541. border: 0;
  542. font-size: 100%;
  543. }
  544. /*
  545. * Override the default (display: inline) for browsers that do not recognize HTML5 tags.
  546. * IE8 (and lower) requires a shiv: http://ejohn.org/blog/html5-shiv
  547. */
  548. #drupal-off-canvas article,
  549. #drupal-off-canvas aside,
  550. #drupal-off-canvas figcaption,
  551. #drupal-off-canvas figure,
  552. #drupal-off-canvas footer,
  553. #drupal-off-canvas header,
  554. #drupal-off-canvas hgroup,
  555. #drupal-off-canvas main,
  556. #drupal-off-canvas menu,
  557. #drupal-off-canvas nav,
  558. #drupal-off-canvas section {
  559. display: block;
  560. border-radius: 0;
  561. line-height: normal;
  562. }
  563. /*
  564. * Makes browsers agree.
  565. * IE + Opera = font-weight: bold.
  566. * Gecko + WebKit = font-weight: bolder.
  567. */
  568. #drupal-off-canvas b,
  569. #drupal-off-canvas strong {
  570. font-weight: bold;
  571. }
  572. #drupal-off-canvas em,
  573. #drupal-off-canvas i {
  574. font-style: italic;
  575. }
  576. #drupal-off-canvas img {
  577. vertical-align: middle;
  578. color: transparent;
  579. font-size: 0;
  580. }
  581. #drupal-off-canvas ul,
  582. #drupal-off-canvas ol {
  583. list-style: none;
  584. }
  585. /* reset table styling. */
  586. #drupal-off-canvas table {
  587. border-spacing: 0;
  588. border-collapse: collapse;
  589. }
  590. #drupal-off-canvas table thead,
  591. #drupal-off-canvas table tbody,
  592. #drupal-off-canvas table tbody tr:nth-child(even),
  593. #drupal-off-canvas table tbody tr:nth-child(odd),
  594. #drupal-off-canvas table tfoot {
  595. border: 0;
  596. background: transparent none;
  597. }
  598. #drupal-off-canvas th,
  599. #drupal-off-canvas td,
  600. #drupal-off-canvas caption {
  601. font-weight: normal;
  602. }
  603. #drupal-off-canvas q {
  604. quotes: none;
  605. }
  606. #drupal-off-canvas q:before,
  607. #drupal-off-canvas q:after {
  608. content: none;
  609. }
  610. #drupal-off-canvas sub,
  611. #drupal-off-canvas sup,
  612. #drupal-off-canvas small {
  613. font-size: 75%;
  614. }
  615. #drupal-off-canvas sub,
  616. #drupal-off-canvas sup {
  617. position: relative;
  618. vertical-align: baseline;
  619. line-height: 0;
  620. }
  621. #drupal-off-canvas sub {
  622. bottom: -0.25em;
  623. }
  624. #drupal-off-canvas sup {
  625. top: -0.5em;
  626. }
  627. /*
  628. * For IE9. Without, occasionally draws shapes
  629. * outside the boundaries of rectangle.
  630. */
  631. #drupal-off-canvas svg {
  632. overflow: hidden;
  633. }
  634. /* Specific resets for inputs. */
  635. #drupal-off-canvas input[type="search"]::-webkit-search-decoration {
  636. display: none;
  637. }
  638. #drupal-off-canvas input {
  639. margin: 0;
  640. padding: 0;
  641. }
  642. #drupal-off-canvas input[type="checkbox"],
  643. #drupal-off-canvas input[type="radio"] {
  644. position: static;
  645. margin: 0;
  646. }
  647. #drupal-off-canvas input:invalid,
  648. #drupal-off-canvas button:invalid,
  649. #drupal-off-canvas select:invalid,
  650. #drupal-off-canvas textarea:invalid,
  651. #drupal-off-canvas input:focus,
  652. #drupal-off-canvas button:focus,
  653. #drupal-off-canvas select:focus,
  654. #drupal-off-canvas textarea:focus,
  655. #drupal-off-canvas input[type="file"]:focus,
  656. #drupal-off-canvas input[type="file"]:active,
  657. #drupal-off-canvas input[type="radio"]:focus,
  658. #drupal-off-canvas input[type="radio"]:active,
  659. #drupal-off-canvas input[type="checkbox"]:focus,
  660. #drupal-off-canvas input[type="checkbox"]:active {
  661. z-index: 1;
  662. box-shadow: none;
  663. }
  664. #drupal-off-canvas input[role="button"] {
  665. cursor: pointer;
  666. }
  667. #drupal-off-canvas button,
  668. #drupal-off-canvas input[type="reset"],
  669. #drupal-off-canvas input[type="submit"],
  670. #drupal-off-canvas input[type="button"] {
  671. display: inline-block;
  672. overflow: visible;
  673. cursor: pointer;
  674. vertical-align: middle;
  675. text-decoration: none;
  676. border: 0;
  677. outline: 0;
  678. background-image: none;
  679. text-shadow: none;
  680. -webkit-appearance: none;
  681. -moz-appearance: none;
  682. }
  683. #drupal-off-canvas button:hover,
  684. #drupal-off-canvas input[type="reset"]:hover,
  685. #drupal-off-canvas input[type="submit"]:hover,
  686. #drupal-off-canvas input[type="button"]:hover {
  687. text-decoration: none;
  688. background-image: none;
  689. }
  690. #drupal-off-canvas button:active,
  691. #drupal-off-canvas input[type="reset"]:active,
  692. #drupal-off-canvas input[type="submit"]:active,
  693. #drupal-off-canvas input[type="button"]:active {
  694. border-color: gray;
  695. background-image: none;
  696. box-shadow: none;
  697. }
  698. #drupal-off-canvas button::-moz-focus-inner,
  699. #drupal-off-canvas input[type="reset"]::-moz-focus-inner,
  700. #drupal-off-canvas input[type="submit"]::-moz-focus-inner,
  701. #drupal-off-canvas input[type="button"]::-moz-focus-inner {
  702. padding: 0;
  703. border: 0;
  704. }
  705. #drupal-off-canvas textarea,
  706. #drupal-off-canvas select,
  707. #drupal-off-canvas input[type="date"],
  708. #drupal-off-canvas input[type="datetime"],
  709. #drupal-off-canvas input[type="datetime-local"],
  710. #drupal-off-canvas input[type="email"],
  711. #drupal-off-canvas input[type="month"],
  712. #drupal-off-canvas input[type="number"],
  713. #drupal-off-canvas input[type="password"],
  714. #drupal-off-canvas input[type="search"],
  715. #drupal-off-canvas input[type="tel"],
  716. #drupal-off-canvas input[type="text"],
  717. #drupal-off-canvas input[type="time"],
  718. #drupal-off-canvas input[type="url"],
  719. #drupal-off-canvas input[type="week"] {
  720. height: auto;
  721. vertical-align: middle;
  722. border-radius: 0;
  723. }
  724. #drupal-off-canvas textarea[disabled],
  725. #drupal-off-canvas select[disabled],
  726. #drupal-off-canvas input[type="date"][disabled],
  727. #drupal-off-canvas input[type="datetime"][disabled],
  728. #drupal-off-canvas input[type="datetime-local"][disabled],
  729. #drupal-off-canvas input[type="email"][disabled],
  730. #drupal-off-canvas input[type="month"][disabled],
  731. #drupal-off-canvas input[type="number"][disabled],
  732. #drupal-off-canvas input[type="password"][disabled],
  733. #drupal-off-canvas input[type="search"][disabled],
  734. #drupal-off-canvas input[type="tel"][disabled],
  735. #drupal-off-canvas input[type="text"][disabled],
  736. #drupal-off-canvas input[type="time"][disabled],
  737. #drupal-off-canvas input[type="url"][disabled],
  738. #drupal-off-canvas input[type="week"][disabled] {
  739. background-color: gray;
  740. }
  741. #drupal-off-canvas input[type="hidden"] {
  742. visibility: hidden;
  743. }
  744. #drupal-off-canvas button[disabled],
  745. #drupal-off-canvas input[disabled],
  746. #drupal-off-canvas select[disabled],
  747. #drupal-off-canvas select[disabled] option,
  748. #drupal-off-canvas select[disabled] optgroup,
  749. #drupal-off-canvas textarea[disabled] {
  750. cursor: default;
  751. -webkit-user-select: none;
  752. -ms-user-select: none;
  753. user-select: none;
  754. box-shadow: none;
  755. }
  756. #drupal-off-canvas input:placeholder,
  757. #drupal-off-canvas textarea:placeholder {
  758. color: gray;
  759. }
  760. #drupal-off-canvas textarea,
  761. #drupal-off-canvas select[size],
  762. #drupal-off-canvas select[multiple] {
  763. height: auto;
  764. }
  765. #drupal-off-canvas select[size="0"],
  766. #drupal-off-canvas select[size="1"] {
  767. height: auto;
  768. }
  769. #drupal-off-canvas textarea {
  770. overflow: auto;
  771. width: 100%;
  772. min-height: 2.5rem;
  773. resize: vertical;
  774. }
  775. #drupal-off-canvas select[multiple] {
  776. overflow: auto;
  777. }
  778. #drupal-off-canvas optgroup {
  779. color: black;
  780. font-weight: normal;
  781. font-style: normal;
  782. }
  783. #drupal-off-canvas optgroup::-moz-focus-inner {
  784. padding: 0;
  785. border: 0;
  786. }
  787. #drupal-off-canvas * button {
  788. overflow: visible;
  789. width: auto;
  790. padding: 0;
  791. vertical-align: middle;
  792. text-decoration: none;
  793. color: black;
  794. border: 1px solid gray;
  795. background: none;
  796. }
  797. #drupal-off-canvas * textarea,
  798. #drupal-off-canvas * select,
  799. #drupal-off-canvas *:not(div) textarea,
  800. #drupal-off-canvas *:not(div) select {
  801. padding: 0;
  802. vertical-align: top;
  803. color: black;
  804. border: 1px solid gray;
  805. background: white;
  806. }

Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.