You are here

off-canvas.reset.css in Drupal 9

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