www.aleph1.co.uk Git - yaffs-website/blob - web/core/misc/dialog/off-canvas.reset.css

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