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. /**

  9.  * @file

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

  11.  *

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

  13.  */

  14. 

  15. /**

  16.  * All HTML elements that could be used in off-canvas except div, bdo, bdi,

  17.  * data, svg, map and math.

  18.  *

  19.  * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element

  20.  */

  21. 

  22. #drupal-off-canvas span,

  23. #drupal-off-canvas applet,

  24. #drupal-off-canvas object,

  25. #drupal-off-canvas iframe,

  26. #drupal-off-canvas h1,

  27. #drupal-off-canvas h2,

  28. #drupal-off-canvas h3,

  29. #drupal-off-canvas h4,

  30. #drupal-off-canvas h5,

  31. #drupal-off-canvas h6,

  32. #drupal-off-canvas p,

  33. #drupal-off-canvas blockquote,

  34. #drupal-off-canvas pre,

  35. #drupal-off-canvas a,

  36. #drupal-off-canvas abbr,

  37. #drupal-off-canvas acronym,

  38. #drupal-off-canvas address,

  39. #drupal-off-canvas big,

  40. #drupal-off-canvas button,

  41. #drupal-off-canvas cite,

  42. #drupal-off-canvas code,

  43. #drupal-off-canvas del,

  44. #drupal-off-canvas dfn,

  45. #drupal-off-canvas em,

  46. #drupal-off-canvas img,

  47. #drupal-off-canvas ins,

  48. #drupal-off-canvas kbd,

  49. #drupal-off-canvas q,

  50. #drupal-off-canvas s,

  51. #drupal-off-canvas samp,

  52. #drupal-off-canvas small,

  53. #drupal-off-canvas strike,

  54. #drupal-off-canvas strong,

  55. #drupal-off-canvas sub,

  56. #drupal-off-canvas sup,

  57. #drupal-off-canvas tt,

  58. #drupal-off-canvas var,

  59. #drupal-off-canvas b,

  60. #drupal-off-canvas u,

  61. #drupal-off-canvas i,

  62. #drupal-off-canvas center,

  63. #drupal-off-canvas dl,

  64. #drupal-off-canvas dt,

  65. #drupal-off-canvas dd,

  66. #drupal-off-canvas ol,

  67. #drupal-off-canvas ul,

  68. #drupal-off-canvas li,

  69. #drupal-off-canvas fieldset,

  70. #drupal-off-canvas form,

  71. #drupal-off-canvas label,

  72. #drupal-off-canvas legend,

  73. #drupal-off-canvas table,

  74. #drupal-off-canvas caption,

  75. #drupal-off-canvas tbody,

  76. #drupal-off-canvas tfoot,

  77. #drupal-off-canvas thead,

  78. #drupal-off-canvas tr,

  79. #drupal-off-canvas th,

  80. #drupal-off-canvas td,

  81. #drupal-off-canvas article,

  82. #drupal-off-canvas aside,

  83. #drupal-off-canvas canvas,

  84. #drupal-off-canvas details,

  85. #drupal-off-canvas embed,

  86. #drupal-off-canvas figure,

  87. #drupal-off-canvas figcaption,

  88. #drupal-off-canvas footer,

  89. #drupal-off-canvas header,

  90. #drupal-off-canvas hgroup,

  91. #drupal-off-canvas main,

  92. #drupal-off-canvas menu,

  93. #drupal-off-canvas meter,

  94. #drupal-off-canvas nav,

  95. #drupal-off-canvas output,

  96. #drupal-off-canvas progress,

  97. #drupal-off-canvas ruby,

  98. #drupal-off-canvas section,

  99. #drupal-off-canvas summary,

  100. #drupal-off-canvas time,

  101. #drupal-off-canvas mark,

  102. #drupal-off-canvas audio,

  103. #drupal-off-canvas video,

  104. #drupal-off-canvas input,

  105. #drupal-off-canvas select,

  106. #drupal-off-canvas textarea {

  107.   position: static;

  108.   z-index: auto;

  109.   top: auto;

  110.   right: auto;

  111.   bottom: auto;

  112.   left: auto;

  113.   display: inline;

  114.   visibility: visible;

  115.   float: none;

  116.   clear: none;

  117.   overflow: visible;

  118.   overflow-x: visible;

  119.   overflow-y: visible;

  120.   clip: auto;

  121.   box-sizing: content-box;

  122.   box-sizing: border-box;

  123.   width: auto;

  124.   min-width: 0;

  125.   max-width: none;

  126.   height: auto;

  127.   min-height: 0;

  128.   max-height: none;

  129.   margin: 0;

  130.   padding: 0;

  131.   table-layout: auto;

  132.   columns: auto;

  133.   column-span: 1;

  134.   column-width: auto;

  135.   column-count: auto;

  136.   column-fill: balance;

  137.   column-gap: normal;

  138.   column-rule: medium none currentColor;

  139.   empty-cells: show;

  140.   caption-side: top;

  141.   border-spacing: 0;

  142.   list-style: disc outside none;

  143.   content: normal;

  144.   counter-reset: none;

  145.   counter-increment: none;

  146.   cursor: auto;

  147.   transition: none 0s ease 0s;

  148.   transform: none;

  149.   transform-origin: 50% 50% 0;

  150.   animation: none 0s ease 0s 1 normal none running;

  151.   text-align: left;

  152.   text-align-last: auto;

  153.   vertical-align: baseline;

  154.   white-space: normal;

  155.   text-decoration: none;

  156.   text-indent: 0;

  157.   letter-spacing: normal;

  158.   word-spacing: normal;

  159.   text-transform: none;

  160.   tab-size: 8;

  161.   -webkit-hyphens: none;

  162.   -ms-hyphens: none;

  163.   hyphens: none;

  164.   direction: ltr;

  165.   unicode-bidi: normal;

  166.   orphans: 2;

  167.   widows: 2;

  168.   opacity: 1;

  169.   color: #000;

  170.   border: medium none currentColor;

  171.   border-collapse: separate;

  172.   border-radius: 0;

  173.   border-image: none;

  174.   outline: medium none invert;

  175.   background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;

  176.   box-shadow: none;

  177.   text-shadow: none;

  178.   font-family: serif;

  179.   font-size: medium;

  180.   font-weight: normal;

  181.   font-style: normal;

  182.   font-variant: normal;

  183.   font-stretch: normal;

  184.   line-height: normal;

  185.   -webkit-backface-visibility: visible;

  186.   backface-visibility: visible;

  187.   page-break-after: auto;

  188.   page-break-before: auto;

  189.   page-break-inside: auto;

  190.   perspective: none;

  191.   perspective-origin: 50% 50%;

  192.   transform-style: flat;

  193.   all: initial;

  194.   -webkit-font-smoothing: antialiased;

  195.   -webkit-tap-highlight-color: initial;

  196. }

  197. 

  198. #drupal-off-canvas span:after,

  199. #drupal-off-canvas applet:after,

  200. #drupal-off-canvas object:after,

  201. #drupal-off-canvas iframe:after,

  202. #drupal-off-canvas h1:after,

  203. #drupal-off-canvas h2:after,

  204. #drupal-off-canvas h3:after,

  205. #drupal-off-canvas h4:after,

  206. #drupal-off-canvas h5:after,

  207. #drupal-off-canvas h6:after,

  208. #drupal-off-canvas p:after,

  209. #drupal-off-canvas blockquote:after,

  210. #drupal-off-canvas pre:after,

  211. #drupal-off-canvas a:after,

  212. #drupal-off-canvas abbr:after,

  213. #drupal-off-canvas acronym:after,

  214. #drupal-off-canvas address:after,

  215. #drupal-off-canvas big:after,

  216. #drupal-off-canvas button:after,

  217. #drupal-off-canvas cite:after,

  218. #drupal-off-canvas code:after,

  219. #drupal-off-canvas del:after,

  220. #drupal-off-canvas dfn:after,

  221. #drupal-off-canvas em:after,

  222. #drupal-off-canvas img:after,

  223. #drupal-off-canvas ins:after,

  224. #drupal-off-canvas kbd:after,

  225. #drupal-off-canvas q:after,

  226. #drupal-off-canvas s:after,

  227. #drupal-off-canvas samp:after,

  228. #drupal-off-canvas small:after,

  229. #drupal-off-canvas strike:after,

  230. #drupal-off-canvas strong:after,

  231. #drupal-off-canvas sub:after,

  232. #drupal-off-canvas sup:after,

  233. #drupal-off-canvas tt:after,

  234. #drupal-off-canvas var:after,

  235. #drupal-off-canvas b:after,

  236. #drupal-off-canvas u:after,

  237. #drupal-off-canvas i:after,

  238. #drupal-off-canvas center:after,

  239. #drupal-off-canvas dl:after,

  240. #drupal-off-canvas dt:after,

  241. #drupal-off-canvas dd:after,

  242. #drupal-off-canvas ol:after,

  243. #drupal-off-canvas ul:after,

  244. #drupal-off-canvas li:after,

  245. #drupal-off-canvas fieldset:after,

  246. #drupal-off-canvas form:after,

  247. #drupal-off-canvas label:after,

  248. #drupal-off-canvas legend:after,

  249. #drupal-off-canvas table:after,

  250. #drupal-off-canvas caption:after,

  251. #drupal-off-canvas tbody:after,

  252. #drupal-off-canvas tfoot:after,

  253. #drupal-off-canvas thead:after,

  254. #drupal-off-canvas tr:after,

  255. #drupal-off-canvas th:after,

  256. #drupal-off-canvas td:after,

  257. #drupal-off-canvas article:after,

  258. #drupal-off-canvas aside:after,

  259. #drupal-off-canvas canvas:after,

  260. #drupal-off-canvas details:after,

  261. #drupal-off-canvas embed:after,

  262. #drupal-off-canvas figure:after,

  263. #drupal-off-canvas figcaption:after,

  264. #drupal-off-canvas footer:after,

  265. #drupal-off-canvas header:after,

  266. #drupal-off-canvas hgroup:after,

  267. #drupal-off-canvas main:after,

  268. #drupal-off-canvas menu:after,

  269. #drupal-off-canvas meter:after,

  270. #drupal-off-canvas nav:after,

  271. #drupal-off-canvas output:after,

  272. #drupal-off-canvas progress:after,

  273. #drupal-off-canvas ruby:after,

  274. #drupal-off-canvas section:after,

  275. #drupal-off-canvas summary:after,

  276. #drupal-off-canvas time:after,

  277. #drupal-off-canvas mark:after,

  278. #drupal-off-canvas audio:after,

  279. #drupal-off-canvas video:after,

  280. #drupal-off-canvas input:after,

  281. #drupal-off-canvas select:after,

  282. #drupal-off-canvas textarea:after,

  283. #drupal-off-canvas span:before,

  284. #drupal-off-canvas applet:before,

  285. #drupal-off-canvas object:before,

  286. #drupal-off-canvas iframe:before,

  287. #drupal-off-canvas h1:before,

  288. #drupal-off-canvas h2:before,

  289. #drupal-off-canvas h3:before,

  290. #drupal-off-canvas h4:before,

  291. #drupal-off-canvas h5:before,

  292. #drupal-off-canvas h6:before,

  293. #drupal-off-canvas p:before,

  294. #drupal-off-canvas blockquote:before,

  295. #drupal-off-canvas pre:before,

  296. #drupal-off-canvas a:before,

  297. #drupal-off-canvas abbr:before,

  298. #drupal-off-canvas acronym:before,

  299. #drupal-off-canvas address:before,

  300. #drupal-off-canvas big:before,

  301. #drupal-off-canvas button:before,

  302. #drupal-off-canvas cite:before,

  303. #drupal-off-canvas code:before,

  304. #drupal-off-canvas del:before,

  305. #drupal-off-canvas dfn:before,

  306. #drupal-off-canvas em:before,

  307. #drupal-off-canvas img:before,

  308. #drupal-off-canvas ins:before,

  309. #drupal-off-canvas kbd:before,

  310. #drupal-off-canvas q:before,

  311. #drupal-off-canvas s:before,

  312. #drupal-off-canvas samp:before,

  313. #drupal-off-canvas small:before,

  314. #drupal-off-canvas strike:before,

  315. #drupal-off-canvas strong:before,

  316. #drupal-off-canvas sub:before,

  317. #drupal-off-canvas sup:before,

  318. #drupal-off-canvas tt:before,

  319. #drupal-off-canvas var:before,

  320. #drupal-off-canvas b:before,

  321. #drupal-off-canvas u:before,

  322. #drupal-off-canvas i:before,

  323. #drupal-off-canvas center:before,

  324. #drupal-off-canvas dl:before,

  325. #drupal-off-canvas dt:before,

  326. #drupal-off-canvas dd:before,

  327. #drupal-off-canvas ol:before,

  328. #drupal-off-canvas ul:before,

  329. #drupal-off-canvas li:before,

  330. #drupal-off-canvas fieldset:before,

  331. #drupal-off-canvas form:before,

  332. #drupal-off-canvas label:before,

  333. #drupal-off-canvas legend:before,

  334. #drupal-off-canvas table:before,

  335. #drupal-off-canvas caption:before,

  336. #drupal-off-canvas tbody:before,

  337. #drupal-off-canvas tfoot:before,

  338. #drupal-off-canvas thead:before,

  339. #drupal-off-canvas tr:before,

  340. #drupal-off-canvas th:before,

  341. #drupal-off-canvas td:before,

  342. #drupal-off-canvas article:before,

  343. #drupal-off-canvas aside:before,

  344. #drupal-off-canvas canvas:before,

  345. #drupal-off-canvas details:before,

  346. #drupal-off-canvas embed:before,

  347. #drupal-off-canvas figure:before,

  348. #drupal-off-canvas figcaption:before,

  349. #drupal-off-canvas footer:before,

  350. #drupal-off-canvas header:before,

  351. #drupal-off-canvas hgroup:before,

  352. #drupal-off-canvas main:before,

  353. #drupal-off-canvas menu:before,

  354. #drupal-off-canvas meter:before,

  355. #drupal-off-canvas nav:before,

  356. #drupal-off-canvas output:before,

  357. #drupal-off-canvas progress:before,

  358. #drupal-off-canvas ruby:before,

  359. #drupal-off-canvas section:before,

  360. #drupal-off-canvas summary:before,

  361. #drupal-off-canvas time:before,

  362. #drupal-off-canvas mark:before,

  363. #drupal-off-canvas audio:before,

  364. #drupal-off-canvas video:before,

  365. #drupal-off-canvas input:before,

  366. #drupal-off-canvas select:before,

  367. #drupal-off-canvas textarea:before {

  368.   position: static;

  369.   z-index: auto;

  370.   top: auto;

  371.   right: auto;

  372.   bottom: auto;

  373.   left: auto;

  374.   display: inline;

  375.   visibility: visible;

  376.   float: none;

  377.   clear: none;

  378.   overflow: visible;

  379.   overflow-x: visible;

  380.   overflow-y: visible;

  381.   clip: auto;

  382.   box-sizing: content-box;

  383.   box-sizing: border-box;

  384.   width: auto;

  385.   min-width: 0;

  386.   max-width: none;

  387.   height: auto;

  388.   min-height: 0;

  389.   max-height: none;

  390.   margin: 0;

  391.   padding: 0;

  392.   table-layout: auto;

  393.   columns: auto;

  394.   column-span: 1;

  395.   column-width: auto;

  396.   column-count: auto;

  397.   column-fill: balance;

  398.   column-gap: normal;

  399.   column-rule: medium none currentColor;

  400.   empty-cells: show;

  401.   caption-side: top;

  402.   border-spacing: 0;

  403.   list-style: disc outside none;

  404.   content: normal;

  405.   counter-reset: none;

  406.   counter-increment: none;

  407.   cursor: auto;

  408.   transition: none 0s ease 0s;

  409.   transform: none;

  410.   transform-origin: 50% 50% 0;

  411.   animation: none 0s ease 0s 1 normal none running;

  412.   text-align: left;

  413.   text-align-last: auto;

  414.   vertical-align: baseline;

  415.   white-space: normal;

  416.   text-decoration: none;

  417.   text-indent: 0;

  418.   letter-spacing: normal;

  419.   word-spacing: normal;

  420.   text-transform: none;

  421.   tab-size: 8;

  422.   -webkit-hyphens: none;

  423.   -ms-hyphens: none;

  424.   hyphens: none;

  425.   direction: ltr;

  426.   unicode-bidi: normal;

  427.   orphans: 2;

  428.   widows: 2;

  429.   opacity: 1;

  430.   color: #000;

  431.   border: medium none currentColor;

  432.   border-collapse: separate;

  433.   border-radius: 0;

  434.   border-image: none;

  435.   outline: medium none invert;

  436.   background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;

  437.   box-shadow: none;

  438.   text-shadow: none;

  439.   font-family: serif;

  440.   font-size: medium;

  441.   font-weight: normal;

  442.   font-style: normal;

  443.   font-variant: normal;

  444.   font-stretch: normal;

  445.   line-height: normal;

  446.   -webkit-backface-visibility: visible;

  447.   backface-visibility: visible;

  448.   page-break-after: auto;

  449.   page-break-before: auto;

  450.   page-break-inside: auto;

  451.   perspective: none;

  452.   perspective-origin: 50% 50%;

  453.   transform-style: flat;

  454.   all: initial;

  455.   -webkit-font-smoothing: antialiased;

  456.   -webkit-tap-highlight-color: initial;

  457. }

  458. 

  459. /* Reset size and position on elements. */

  460. 

  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. /*

  552.  * Override the default (display: inline) for browsers that do not recognize HTML5 tags.

  553.  * IE8 (and lower) requires a shiv: http://ejohn.org/blog/html5-shiv

  554.  */

  555. 

  556. #drupal-off-canvas article,

  557. #drupal-off-canvas aside,

  558. #drupal-off-canvas figcaption,

  559. #drupal-off-canvas figure,

  560. #drupal-off-canvas footer,

  561. #drupal-off-canvas header,

  562. #drupal-off-canvas hgroup,

  563. #drupal-off-canvas main,

  564. #drupal-off-canvas menu,

  565. #drupal-off-canvas nav,

  566. #drupal-off-canvas section {

  567.   display: block;

  568.   border-radius: 0;

  569.   line-height: normal;

  570. }

  571. 

  572. /*

  573.  * Makes browsers agree.

  574.  * IE + Opera = font-weight: bold.

  575.  * Gecko + WebKit = font-weight: bolder.

  576.  */

  577. 

  578. #drupal-off-canvas b,

  579. #drupal-off-canvas strong {

  580.   font-weight: bold;

  581. }

  582. 

  583. #drupal-off-canvas em,

  584. #drupal-off-canvas i {

  585.   font-style: italic;

  586. }

  587. 

  588. #drupal-off-canvas img {

  589.   vertical-align: middle;

  590.   color: transparent;

  591.   font-size: 0;

  592. }

  593. 

  594. #drupal-off-canvas ul,

  595. #drupal-off-canvas ol {

  596.   list-style: none;

  597. }

  598. 

  599. /* reset table styling. */

  600. 

  601. #drupal-off-canvas table {

  602.   border-spacing: 0;

  603.   border-collapse: collapse;

  604. }

  605. 

  606. #drupal-off-canvas table thead,

  607. #drupal-off-canvas table tbody,

  608. #drupal-off-canvas table tbody tr:nth-child(even),

  609. #drupal-off-canvas table tbody tr:nth-child(odd),

  610. #drupal-off-canvas table tfoot {

  611.   border: 0;

  612.   background: transparent none;

  613. }

  614. 

  615. #drupal-off-canvas th,

  616. #drupal-off-canvas td,

  617. #drupal-off-canvas caption {

  618.   font-weight: normal;

  619. }

  620. 

  621. #drupal-off-canvas q {

  622.   quotes: none;

  623. }

  624. 

  625. #drupal-off-canvas q:before,

  626. #drupal-off-canvas q:after {

  627.   content: none;

  628. }

  629. 

  630. #drupal-off-canvas sub,

  631. #drupal-off-canvas sup,

  632. #drupal-off-canvas small {

  633.   font-size: 75%;

  634. }

  635. 

  636. #drupal-off-canvas sub,

  637. #drupal-off-canvas sup {

  638.   position: relative;

  639.   vertical-align: baseline;

  640.   line-height: 0;

  641. }

  642. 

  643. #drupal-off-canvas sub {

  644.   bottom: -0.25em;

  645. }

  646. 

  647. #drupal-off-canvas sup {

  648.   top: -0.5em;

  649. }

  650. 

  651. /*

  652.  * For IE9. Without, occasionally draws shapes

  653.  * outside the boundaries of  rectangle.

  654.  */

  655. 

  656. #drupal-off-canvas svg {

  657.   overflow: hidden;

  658. }

  659. 

  660. /* Specific resets for inputs. */

  661. 

  662. #drupal-off-canvas input[type="search"]::-webkit-search-decoration {

  663.   display: none;

  664. }

  665. 

  666. #drupal-off-canvas input {

  667.   margin: 0;

  668.   padding: 0;

  669. }

  670. 

  671. #drupal-off-canvas input[type="checkbox"],

  672. #drupal-off-canvas input[type="radio"] {

  673.   position: static;

  674.   margin: 0;

  675. }

  676. 

  677. #drupal-off-canvas input:invalid,

  678. #drupal-off-canvas button:invalid,

  679. #drupal-off-canvas select:invalid,

  680. #drupal-off-canvas textarea:invalid,

  681. #drupal-off-canvas input:focus,

  682. #drupal-off-canvas button:focus,

  683. #drupal-off-canvas select:focus,

  684. #drupal-off-canvas textarea:focus,

  685. #drupal-off-canvas input[type="file"]:focus,

  686. #drupal-off-canvas input[type="file"]:active,

  687. #drupal-off-canvas input[type="radio"]:focus,

  688. #drupal-off-canvas input[type="radio"]:active,

  689. #drupal-off-canvas input[type="checkbox"]:focus,

  690. #drupal-off-canvas input[type="checkbox"]:active {

  691.   z-index: 1;

  692.   box-shadow: none;

  693. }

  694. 

  695. #drupal-off-canvas input[role="button"] {

  696.   cursor: pointer;

  697. }

  698. 

  699. #drupal-off-canvas button,

  700. #drupal-off-canvas input[type="reset"],

  701. #drupal-off-canvas input[type="submit"],

  702. #drupal-off-canvas input[type="button"] {

  703.   display: inline-block;

  704.   overflow: visible;

  705.   cursor: pointer;

  706.   vertical-align: middle;

  707.   text-decoration: none;

  708.   border: 0;

  709.   outline: 0;

  710.   background-image: none;

  711.   text-shadow: none;

  712.   -webkit-appearance: none;

  713.   -moz-appearance: none;

  714. }

  715. 

  716. #drupal-off-canvas button:hover,

  717. #drupal-off-canvas input[type="reset"]:hover,

  718. #drupal-off-canvas input[type="submit"]:hover,

  719. #drupal-off-canvas input[type="button"]:hover {

  720.   text-decoration: none;

  721.   background-image: none;

  722. }

  723. 

  724. #drupal-off-canvas button:active,

  725. #drupal-off-canvas input[type="reset"]:active,

  726. #drupal-off-canvas input[type="submit"]:active,

  727. #drupal-off-canvas input[type="button"]:active {

  728.   border-color: gray;

  729.   background-image: none;

  730.   box-shadow: none;

  731. }

  732. 

  733. #drupal-off-canvas button::-moz-focus-inner,

  734. #drupal-off-canvas input[type="reset"]::-moz-focus-inner,

  735. #drupal-off-canvas input[type="submit"]::-moz-focus-inner,

  736. #drupal-off-canvas input[type="button"]::-moz-focus-inner {

  737.   padding: 0;

  738.   border: 0;

  739. }

  740. 

  741. #drupal-off-canvas textarea,

  742. #drupal-off-canvas select,

  743. #drupal-off-canvas input[type="date"],

  744. #drupal-off-canvas input[type="datetime"],

  745. #drupal-off-canvas input[type="datetime-local"],

  746. #drupal-off-canvas input[type="email"],

  747. #drupal-off-canvas input[type="month"],

  748. #drupal-off-canvas input[type="number"],

  749. #drupal-off-canvas input[type="password"],

  750. #drupal-off-canvas input[type="search"],

  751. #drupal-off-canvas input[type="tel"],

  752. #drupal-off-canvas input[type="text"],

  753. #drupal-off-canvas input[type="time"],

  754. #drupal-off-canvas input[type="url"],

  755. #drupal-off-canvas input[type="week"] {

  756.   height: auto;

  757.   vertical-align: middle;

  758.   border-radius: 0;

  759. }

  760. 

  761. #drupal-off-canvas textarea[disabled],

  762. #drupal-off-canvas select[disabled],

  763. #drupal-off-canvas input[type="date"][disabled],

  764. #drupal-off-canvas input[type="datetime"][disabled],

  765. #drupal-off-canvas input[type="datetime-local"][disabled],

  766. #drupal-off-canvas input[type="email"][disabled],

  767. #drupal-off-canvas input[type="month"][disabled],

  768. #drupal-off-canvas input[type="number"][disabled],

  769. #drupal-off-canvas input[type="password"][disabled],

  770. #drupal-off-canvas input[type="search"][disabled],

  771. #drupal-off-canvas input[type="tel"][disabled],

  772. #drupal-off-canvas input[type="text"][disabled],

  773. #drupal-off-canvas input[type="time"][disabled],

  774. #drupal-off-canvas input[type="url"][disabled],

  775. #drupal-off-canvas input[type="week"][disabled] {

  776.   background-color: gray;

  777. }

  778. 

  779. #drupal-off-canvas input[type="hidden"] {

  780.   visibility: hidden;

  781. }

  782. 

  783. #drupal-off-canvas button[disabled],

  784. #drupal-off-canvas input[disabled],

  785. #drupal-off-canvas select[disabled],

  786. #drupal-off-canvas select[disabled] option,

  787. #drupal-off-canvas select[disabled] optgroup,

  788. #drupal-off-canvas textarea[disabled] {

  789.   cursor: default;

  790.   -webkit-user-select: none;

  791.   -ms-user-select: none;

  792.   user-select: none;

  793.   box-shadow: none;

  794. }

  795. 

  796. #drupal-off-canvas input:placeholder,

  797. #drupal-off-canvas textarea:placeholder {

  798.   color: gray;

  799. }

  800. 

  801. #drupal-off-canvas textarea,

  802. #drupal-off-canvas select[size],

  803. #drupal-off-canvas select[multiple] {

  804.   height: auto;

  805. }

  806. 

  807. #drupal-off-canvas select[size="0"],

  808. #drupal-off-canvas select[size="1"] {

  809.   height: auto;

  810. }

  811. 

  812. #drupal-off-canvas textarea {

  813.   overflow: auto;

  814.   width: 100%;

  815.   min-height: 2.5rem;

  816.   resize: vertical;

  817. }

  818. 

  819. #drupal-off-canvas select[multiple] {

  820.   overflow: auto;

  821. }

  822. 

  823. #drupal-off-canvas optgroup {

  824.   color: black;

  825.   font-weight: normal;

  826.   font-style: normal;

  827. }

  828. 

  829. #drupal-off-canvas optgroup::-moz-focus-inner {

  830.   padding: 0;

  831.   border: 0;

  832. }

  833. 

  834. #drupal-off-canvas * button {

  835.   overflow: visible;

  836.   width: auto;

  837.   padding: 0;

  838.   vertical-align: middle;

  839.   text-decoration: none;

  840.   color: black;

  841.   border: 1px solid gray;

  842.   background: none;

  843. }

  844. 

  845. #drupal-off-canvas * textarea,

  846. #drupal-off-canvas * select,

  847. #drupal-off-canvas *:not(div) textarea,

  848. #drupal-off-canvas *:not(div) select {

  849.   padding: 0;

  850.   vertical-align: top;

  851.   color: black;

  852.   border: 1px solid gray;

  853.   background: white;

  854. }

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