You are here

Home » API reference » Drupal 10

off-canvas.reset.css in Drupal 10

Same filename in this branch
  1. 10 core/misc/dialog/off-canvas.reset.css
  2. 10 core/themes/stable9/css/core/dialog/off-canvas.reset.css
  3. 10 core/themes/stable/css/core/dialog/off-canvas.reset.css
Same filename and directory in other branches
  1. 8 core/themes/stable/css/core/dialog/off-canvas.reset.css
  2. 9 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/themes/stable/css/core/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.     all: initial;

  108.     box-sizing: border-box;

  109.     text-shadow: none;

  110.     -webkit-font-smoothing: antialiased;

  111.     -webkit-tap-highlight-color: initial

  112.   }

  113. 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  284.       all: initial;

  285.       box-sizing: border-box;

  286.       text-shadow: none;

  287.       -webkit-font-smoothing: antialiased;

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

  289.     }

  290. 

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

  292. 

  293. #drupal-off-canvas a,

  294. #drupal-off-canvas abbr,

  295. #drupal-off-canvas acronym,

  296. #drupal-off-canvas address,

  297. #drupal-off-canvas applet,

  298. #drupal-off-canvas article,

  299. #drupal-off-canvas aside,

  300. #drupal-off-canvas audio,

  301. #drupal-off-canvas b,

  302. #drupal-off-canvas big,

  303. #drupal-off-canvas blockquote,

  304. #drupal-off-canvas body,

  305. #drupal-off-canvas canvas,

  306. #drupal-off-canvas caption,

  307. #drupal-off-canvas cite,

  308. #drupal-off-canvas code,

  309. #drupal-off-canvas dd,

  310. #drupal-off-canvas del,

  311. #drupal-off-canvas dfn,

  312. #drupal-off-canvas dialog,

  313. #drupal-off-canvas dl,

  314. #drupal-off-canvas dt,

  315. #drupal-off-canvas em,

  316. #drupal-off-canvas embed,

  317. #drupal-off-canvas fieldset,

  318. #drupal-off-canvas figcaption,

  319. #drupal-off-canvas figure,

  320. #drupal-off-canvas footer,

  321. #drupal-off-canvas form,

  322. #drupal-off-canvas h1,

  323. #drupal-off-canvas h2,

  324. #drupal-off-canvas h3,

  325. #drupal-off-canvas h4,

  326. #drupal-off-canvas h5,

  327. #drupal-off-canvas h6,

  328. #drupal-off-canvas header,

  329. #drupal-off-canvas hgroup,

  330. #drupal-off-canvas hr,

  331. #drupal-off-canvas html,

  332. #drupal-off-canvas i,

  333. #drupal-off-canvas iframe,

  334. #drupal-off-canvas img,

  335. #drupal-off-canvas ins,

  336. #drupal-off-canvas kbd,

  337. #drupal-off-canvas label,

  338. #drupal-off-canvas legend,

  339. #drupal-off-canvas li,

  340. #drupal-off-canvas main,

  341. #drupal-off-canvas mark,

  342. #drupal-off-canvas menu,

  343. #drupal-off-canvas meter,

  344. #drupal-off-canvas nav,

  345. #drupal-off-canvas object,

  346. #drupal-off-canvas ol,

  347. #drupal-off-canvas output,

  348. #drupal-off-canvas p,

  349. #drupal-off-canvas pre,

  350. #drupal-off-canvas progress,

  351. #drupal-off-canvas q,

  352. #drupal-off-canvas rp,

  353. #drupal-off-canvas rt,

  354. #drupal-off-canvas s,

  355. #drupal-off-canvas samp,

  356. #drupal-off-canvas section,

  357. #drupal-off-canvas small,

  358. #drupal-off-canvas span,

  359. #drupal-off-canvas strike,

  360. #drupal-off-canvas strong,

  361. #drupal-off-canvas sub,

  362. #drupal-off-canvas sup,

  363. #drupal-off-canvas table,

  364. #drupal-off-canvas tbody,

  365. #drupal-off-canvas td,

  366. #drupal-off-canvas tfoot,

  367. #drupal-off-canvas th,

  368. #drupal-off-canvas thead,

  369. #drupal-off-canvas time,

  370. #drupal-off-canvas tr,

  371. #drupal-off-canvas tt,

  372. #drupal-off-canvas u,

  373. #drupal-off-canvas ul,

  374. #drupal-off-canvas var,

  375. #drupal-off-canvas video,

  376. #drupal-off-canvas xmp {

  377.   margin: 0;

  378.   padding: 0;

  379.   border: 0;

  380.   font-size: 100%;

  381. }

  382. 

  383. /*

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

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

  386.  */

  387. 

  388. #drupal-off-canvas article,

  389. #drupal-off-canvas aside,

  390. #drupal-off-canvas figcaption,

  391. #drupal-off-canvas figure,

  392. #drupal-off-canvas footer,

  393. #drupal-off-canvas header,

  394. #drupal-off-canvas hgroup,

  395. #drupal-off-canvas main,

  396. #drupal-off-canvas menu,

  397. #drupal-off-canvas nav,

  398. #drupal-off-canvas section {

  399.   display: block;

  400.   border-radius: 0;

  401.   line-height: normal;

  402. }

  403. 

  404. /*

  405.  * Makes browsers agree.

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

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

  408.  */

  409. 

  410. #drupal-off-canvas b,

  411. #drupal-off-canvas strong {

  412.   font-weight: bold;

  413. }

  414. 

  415. #drupal-off-canvas em,

  416. #drupal-off-canvas i {

  417.   font-style: italic;

  418. }

  419. 

  420. #drupal-off-canvas img {

  421.   vertical-align: middle;

  422.   color: transparent;

  423.   font-size: 0;

  424. }

  425. 

  426. #drupal-off-canvas ul,

  427. #drupal-off-canvas ol {

  428.   list-style: none;

  429. }

  430. 

  431. /* reset table styling. */

  432. 

  433. #drupal-off-canvas table {

  434.   border-spacing: 0;

  435.   border-collapse: collapse;

  436. }

  437. 

  438. #drupal-off-canvas table thead,

  439. #drupal-off-canvas table tbody,

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

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

  442. #drupal-off-canvas table tfoot {

  443.   border: 0;

  444.   background: transparent none;

  445. }

  446. 

  447. #drupal-off-canvas th,

  448. #drupal-off-canvas td,

  449. #drupal-off-canvas caption {

  450.   font-weight: normal;

  451. }

  452. 

  453. #drupal-off-canvas q {

  454.   quotes: none;

  455. }

  456. 

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

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

  459.   content: none;

  460. }

  461. 

  462. #drupal-off-canvas sub,

  463. #drupal-off-canvas sup,

  464. #drupal-off-canvas small {

  465.   font-size: 75%;

  466. }

  467. 

  468. #drupal-off-canvas sub,

  469. #drupal-off-canvas sup {

  470.   position: relative;

  471.   vertical-align: baseline;

  472.   line-height: 0;

  473. }

  474. 

  475. #drupal-off-canvas sub {

  476.   bottom: -0.25em;

  477. }

  478. 

  479. #drupal-off-canvas sup {

  480.   top: -0.5em;

  481. }

  482. 

  483. /*

  484.  * For IE9. Without, occasionally draws shapes

  485.  * outside the boundaries of  rectangle.

  486.  */

  487. 

  488. #drupal-off-canvas svg {

  489.   overflow: hidden;

  490. }

  491. 

  492. /* Specific resets for inputs. */

  493. 

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

  495.   display: none;

  496. }

  497. 

  498. #drupal-off-canvas input {

  499.   margin: 0;

  500.   padding: 0;

  501. }

  502. 

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

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

  505.   position: static;

  506.   margin: 0;

  507. }

  508. 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  523.   z-index: 1;

  524.   box-shadow: none;

  525. }

  526. 

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

  528.   cursor: pointer;

  529. }

  530. 

  531. #drupal-off-canvas button,

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

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

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

  535.   display: inline-block;

  536.   overflow: visible;

  537.   cursor: pointer;

  538.   vertical-align: middle;

  539.   text-decoration: none;

  540.   border: 0;

  541.   outline: 0;

  542.   background-image: none;

  543.   text-shadow: none;

  544.   -webkit-appearance: none;

  545.   -moz-appearance: none;

  546. }

  547. 

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

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

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

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

  552.   text-decoration: none;

  553.   background-image: none;

  554. }

  555. 

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

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

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

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

  560.   border-color: gray;

  561.   background-image: none;

  562.   box-shadow: none;

  563. }

  564. 

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

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

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

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

  569.   padding: 0;

  570.   border: 0;

  571. }

  572. 

  573. #drupal-off-canvas textarea,

  574. #drupal-off-canvas select,

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

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

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

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

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

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

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

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

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

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

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

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

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

  588.   height: auto;

  589.   vertical-align: middle;

  590.   border-radius: 0;

  591. }

  592. 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  608.   background-color: gray;

  609. }

  610. 

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

  612.   visibility: hidden;

  613. }

  614. 

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

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

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

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

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

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

  621.   cursor: default;

  622.   -webkit-user-select: none;

  623.   user-select: none;

  624.   box-shadow: none;

  625. }

  626. 

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

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

  629.   color: gray;

  630. }

  631. 

  632. #drupal-off-canvas textarea,

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

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

  635.   height: auto;

  636. }

  637. 

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

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

  640.   height: auto;

  641. }

  642. 

  643. #drupal-off-canvas textarea {

  644.   overflow: auto;

  645.   width: 100%;

  646.   min-height: 2.5rem;

  647.   resize: vertical;

  648. }

  649. 

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

  651.   overflow: auto;

  652. }

  653. 

  654. #drupal-off-canvas optgroup {

  655.   color: black;

  656.   font-weight: normal;

  657.   font-style: normal;

  658. }

  659. 

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

  661.   padding: 0;

  662.   border: 0;

  663. }

  664. 

  665. #drupal-off-canvas * button {

  666.   overflow: visible;

  667.   width: auto;

  668.   padding: 0;

  669.   vertical-align: middle;

  670.   text-decoration: none;

  671.   color: black;

  672.   border: 1px solid gray;

  673.   background: none;

  674. }

  675. 

  676. #drupal-off-canvas * textarea,

  677. #drupal-off-canvas * select,

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

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

  680.   padding: 0;

  681.   vertical-align: top;

  682.   color: black;

  683.   border: 1px solid gray;

  684.   background: white;

  685. }