off-canvas.reset.css 9.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388
  1. /**
  2. * @file
  3. * Reset most HTML elements styles for the off-canvas dialog.
  4. *
  5. * This is a generic reset. Drupal-specific classes are reset in components.
  6. */
  7. /**
  8. * Do not include div in then initial overrides because including div will
  9. * cause the need for many more overrides in this file.
  10. */
  11. #drupal-off-canvas *:not(div),
  12. #drupal-off-canvas *:not(svg *),
  13. #drupal-off-canvas *:after,
  14. #drupal-off-canvas *:before {
  15. all: initial;
  16. box-sizing: border-box;
  17. text-shadow: none;
  18. -webkit-font-smoothing: antialiased;
  19. -webkit-tap-highlight-color: initial;
  20. }
  21. /* Reset size and position on elements. */
  22. #drupal-off-canvas a,
  23. #drupal-off-canvas abbr,
  24. #drupal-off-canvas acronym,
  25. #drupal-off-canvas address,
  26. #drupal-off-canvas applet,
  27. #drupal-off-canvas article,
  28. #drupal-off-canvas aside,
  29. #drupal-off-canvas audio,
  30. #drupal-off-canvas b,
  31. #drupal-off-canvas big,
  32. #drupal-off-canvas blockquote,
  33. #drupal-off-canvas body,
  34. #drupal-off-canvas canvas,
  35. #drupal-off-canvas caption,
  36. #drupal-off-canvas cite,
  37. #drupal-off-canvas code,
  38. #drupal-off-canvas dd,
  39. #drupal-off-canvas del,
  40. #drupal-off-canvas dfn,
  41. #drupal-off-canvas dialog,
  42. #drupal-off-canvas dl,
  43. #drupal-off-canvas dt,
  44. #drupal-off-canvas em,
  45. #drupal-off-canvas embed,
  46. #drupal-off-canvas fieldset,
  47. #drupal-off-canvas figcaption,
  48. #drupal-off-canvas figure,
  49. #drupal-off-canvas footer,
  50. #drupal-off-canvas form,
  51. #drupal-off-canvas h1,
  52. #drupal-off-canvas h2,
  53. #drupal-off-canvas h3,
  54. #drupal-off-canvas h4,
  55. #drupal-off-canvas h5,
  56. #drupal-off-canvas h6,
  57. #drupal-off-canvas header,
  58. #drupal-off-canvas hgroup,
  59. #drupal-off-canvas hr,
  60. #drupal-off-canvas html,
  61. #drupal-off-canvas i,
  62. #drupal-off-canvas iframe,
  63. #drupal-off-canvas img,
  64. #drupal-off-canvas ins,
  65. #drupal-off-canvas kbd,
  66. #drupal-off-canvas label,
  67. #drupal-off-canvas legend,
  68. #drupal-off-canvas li,
  69. #drupal-off-canvas main,
  70. #drupal-off-canvas mark,
  71. #drupal-off-canvas menu,
  72. #drupal-off-canvas meter,
  73. #drupal-off-canvas nav,
  74. #drupal-off-canvas object,
  75. #drupal-off-canvas ol,
  76. #drupal-off-canvas output,
  77. #drupal-off-canvas p,
  78. #drupal-off-canvas pre,
  79. #drupal-off-canvas progress,
  80. #drupal-off-canvas q,
  81. #drupal-off-canvas rp,
  82. #drupal-off-canvas rt,
  83. #drupal-off-canvas s,
  84. #drupal-off-canvas samp,
  85. #drupal-off-canvas section,
  86. #drupal-off-canvas small,
  87. #drupal-off-canvas span,
  88. #drupal-off-canvas strike,
  89. #drupal-off-canvas strong,
  90. #drupal-off-canvas sub,
  91. #drupal-off-canvas sup,
  92. #drupal-off-canvas table,
  93. #drupal-off-canvas tbody,
  94. #drupal-off-canvas td,
  95. #drupal-off-canvas tfoot,
  96. #drupal-off-canvas th,
  97. #drupal-off-canvas thead,
  98. #drupal-off-canvas time,
  99. #drupal-off-canvas tr,
  100. #drupal-off-canvas tt,
  101. #drupal-off-canvas u,
  102. #drupal-off-canvas ul,
  103. #drupal-off-canvas var,
  104. #drupal-off-canvas video,
  105. #drupal-off-canvas xmp {
  106. margin: 0;
  107. padding: 0;
  108. border: 0;
  109. font-size: 100%;
  110. }
  111. /*
  112. * Override the default (display: inline) for browsers that do not recognize HTML5 tags.
  113. * IE8 (and lower) requires a shiv: http://ejohn.org/blog/html5-shiv
  114. */
  115. #drupal-off-canvas article,
  116. #drupal-off-canvas aside,
  117. #drupal-off-canvas figcaption,
  118. #drupal-off-canvas figure,
  119. #drupal-off-canvas footer,
  120. #drupal-off-canvas header,
  121. #drupal-off-canvas hgroup,
  122. #drupal-off-canvas main,
  123. #drupal-off-canvas menu,
  124. #drupal-off-canvas nav,
  125. #drupal-off-canvas section {
  126. display: block;
  127. border-radius: 0;
  128. line-height: normal;
  129. }
  130. /*
  131. * Makes browsers agree.
  132. * IE + Opera = font-weight: bold.
  133. * Gecko + WebKit = font-weight: bolder.
  134. */
  135. #drupal-off-canvas b,
  136. #drupal-off-canvas strong {
  137. font-weight: bold;
  138. }
  139. #drupal-off-canvas em,
  140. #drupal-off-canvas i {
  141. font-style: italic;
  142. }
  143. #drupal-off-canvas img {
  144. vertical-align: middle;
  145. color: transparent;
  146. font-size: 0;
  147. }
  148. #drupal-off-canvas ul,
  149. #drupal-off-canvas ol {
  150. list-style: none;
  151. }
  152. /* reset table styling. */
  153. #drupal-off-canvas table {
  154. border-spacing: 0;
  155. border-collapse: collapse;
  156. }
  157. #drupal-off-canvas table thead,
  158. #drupal-off-canvas table tbody,
  159. #drupal-off-canvas table tbody tr:nth-child(even),
  160. #drupal-off-canvas table tbody tr:nth-child(odd),
  161. #drupal-off-canvas table tfoot {
  162. border: 0;
  163. background: transparent none;
  164. }
  165. #drupal-off-canvas th,
  166. #drupal-off-canvas td,
  167. #drupal-off-canvas caption {
  168. font-weight: normal;
  169. }
  170. #drupal-off-canvas q {
  171. quotes: none;
  172. }
  173. #drupal-off-canvas q:before,
  174. #drupal-off-canvas q:after {
  175. content: none;
  176. }
  177. #drupal-off-canvas sub,
  178. #drupal-off-canvas sup,
  179. #drupal-off-canvas small {
  180. font-size: 75%;
  181. }
  182. #drupal-off-canvas sub,
  183. #drupal-off-canvas sup {
  184. position: relative;
  185. vertical-align: baseline;
  186. line-height: 0;
  187. }
  188. #drupal-off-canvas sub {
  189. bottom: -0.25em;
  190. }
  191. #drupal-off-canvas sup {
  192. top: -0.5em;
  193. }
  194. /*
  195. * For IE9. Without, occasionally draws shapes
  196. * outside the boundaries of <svg> rectangle.
  197. */
  198. #drupal-off-canvas svg {
  199. overflow: hidden;
  200. }
  201. /* Specific resets for inputs. */
  202. #drupal-off-canvas input[type="search"]::-webkit-search-decoration {
  203. display: none;
  204. }
  205. #drupal-off-canvas input {
  206. margin: 0;
  207. padding: 0;
  208. }
  209. #drupal-off-canvas input[type="checkbox"],
  210. #drupal-off-canvas input[type="radio"] {
  211. position: static;
  212. margin: 0;
  213. }
  214. #drupal-off-canvas input:invalid,
  215. #drupal-off-canvas button:invalid,
  216. #drupal-off-canvas select:invalid,
  217. #drupal-off-canvas textarea:invalid,
  218. #drupal-off-canvas input:focus,
  219. #drupal-off-canvas button:focus,
  220. #drupal-off-canvas select:focus,
  221. #drupal-off-canvas textarea:focus,
  222. #drupal-off-canvas input[type="file"]:focus,
  223. #drupal-off-canvas input[type="file"]:active,
  224. #drupal-off-canvas input[type="radio"]:focus,
  225. #drupal-off-canvas input[type="radio"]:active,
  226. #drupal-off-canvas input[type="checkbox"]:focus,
  227. #drupal-off-canvas input[type="checkbox"]:active {
  228. z-index: 1;
  229. box-shadow: none;
  230. }
  231. #drupal-off-canvas input[role="button"] {
  232. cursor: pointer;
  233. }
  234. #drupal-off-canvas button,
  235. #drupal-off-canvas input[type="reset"],
  236. #drupal-off-canvas input[type="submit"],
  237. #drupal-off-canvas input[type="button"] {
  238. display: inline-block;
  239. overflow: visible;
  240. cursor: pointer;
  241. vertical-align: middle;
  242. text-decoration: none;
  243. border: 0;
  244. outline: 0;
  245. background-image: none;
  246. text-shadow: none;
  247. -webkit-appearance: none;
  248. -moz-appearance: none;
  249. }
  250. #drupal-off-canvas button:hover,
  251. #drupal-off-canvas input[type="reset"]:hover,
  252. #drupal-off-canvas input[type="submit"]:hover,
  253. #drupal-off-canvas input[type="button"]:hover {
  254. text-decoration: none;
  255. background-image: none;
  256. }
  257. #drupal-off-canvas button:active,
  258. #drupal-off-canvas input[type="reset"]:active,
  259. #drupal-off-canvas input[type="submit"]:active,
  260. #drupal-off-canvas input[type="button"]:active {
  261. border-color: grey;
  262. background-image: none;
  263. box-shadow: none;
  264. }
  265. #drupal-off-canvas button::-moz-focus-inner,
  266. #drupal-off-canvas input[type="reset"]::-moz-focus-inner,
  267. #drupal-off-canvas input[type="submit"]::-moz-focus-inner,
  268. #drupal-off-canvas input[type="button"]::-moz-focus-inner {
  269. padding: 0;
  270. border: 0;
  271. }
  272. #drupal-off-canvas textarea,
  273. #drupal-off-canvas select,
  274. #drupal-off-canvas input[type="date"],
  275. #drupal-off-canvas input[type="datetime"],
  276. #drupal-off-canvas input[type="datetime-local"],
  277. #drupal-off-canvas input[type="email"],
  278. #drupal-off-canvas input[type="month"],
  279. #drupal-off-canvas input[type="number"],
  280. #drupal-off-canvas input[type="password"],
  281. #drupal-off-canvas input[type="search"],
  282. #drupal-off-canvas input[type="tel"],
  283. #drupal-off-canvas input[type="text"],
  284. #drupal-off-canvas input[type="time"],
  285. #drupal-off-canvas input[type="url"],
  286. #drupal-off-canvas input[type="week"] {
  287. height: auto;
  288. vertical-align: middle;
  289. border-radius: 0;
  290. }
  291. #drupal-off-canvas textarea[disabled],
  292. #drupal-off-canvas select[disabled],
  293. #drupal-off-canvas input[type="date"][disabled],
  294. #drupal-off-canvas input[type="datetime"][disabled],
  295. #drupal-off-canvas input[type="datetime-local"][disabled],
  296. #drupal-off-canvas input[type="email"][disabled],
  297. #drupal-off-canvas input[type="month"][disabled],
  298. #drupal-off-canvas input[type="number"][disabled],
  299. #drupal-off-canvas input[type="password"][disabled],
  300. #drupal-off-canvas input[type="search"][disabled],
  301. #drupal-off-canvas input[type="tel"][disabled],
  302. #drupal-off-canvas input[type="text"][disabled],
  303. #drupal-off-canvas input[type="time"][disabled],
  304. #drupal-off-canvas input[type="url"][disabled],
  305. #drupal-off-canvas input[type="week"][disabled] {
  306. background-color: grey;
  307. }
  308. #drupal-off-canvas input[type="hidden"] {
  309. visibility: hidden;
  310. }
  311. #drupal-off-canvas button[disabled],
  312. #drupal-off-canvas input[disabled],
  313. #drupal-off-canvas select[disabled],
  314. #drupal-off-canvas select[disabled] option,
  315. #drupal-off-canvas select[disabled] optgroup,
  316. #drupal-off-canvas textarea[disabled] {
  317. cursor: default;
  318. -webkit-user-select: none;
  319. -moz-user-select: none;
  320. -ms-user-select: none;
  321. user-select: none;
  322. box-shadow: none;
  323. }
  324. #drupal-off-canvas input:placeholder,
  325. #drupal-off-canvas textarea:placeholder {
  326. color: grey;
  327. }
  328. #drupal-off-canvas textarea,
  329. #drupal-off-canvas select[size],
  330. #drupal-off-canvas select[multiple] {
  331. height: auto;
  332. }
  333. #drupal-off-canvas select[size="0"],
  334. #drupal-off-canvas select[size="1"] {
  335. height: auto;
  336. }
  337. #drupal-off-canvas textarea {
  338. overflow: auto;
  339. width: 100%;
  340. min-height: 40px;
  341. resize: vertical;
  342. }
  343. #drupal-off-canvas optgroup {
  344. color: black;
  345. font-weight: normal;
  346. font-style: normal;
  347. }
  348. #drupal-off-canvas optgroup::-moz-focus-inner {
  349. padding: 0;
  350. border: 0;
  351. }
  352. #drupal-off-canvas * button {
  353. overflow: visible;
  354. width: auto;
  355. padding: 0;
  356. vertical-align: middle;
  357. text-decoration: none;
  358. color: black;
  359. border: 1px solid grey;
  360. background: none;
  361. }
  362. #drupal-off-canvas * textarea,
  363. #drupal-off-canvas * select,
  364. #drupal-off-canvas *:not(div) textarea,
  365. #drupal-off-canvas *:not(div) select {
  366. padding: 0;
  367. vertical-align: top;
  368. color: black;
  369. border: 1px solid grey;
  370. background: white;
  371. }
  372. /* To standardize off-canvas selection color. */
  373. #drupal-off-canvas ::-moz-selection,
  374. #drupal-off-canvas ::selection {
  375. color: inherit;
  376. background-color: rgba(175, 175, 175, 0.5);
  377. }