1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/style/html.css Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,753 @@
1.4 +/* This Source Code Form is subject to the terms of the Mozilla Public
1.5 + * License, v. 2.0. If a copy of the MPL was not distributed with this
1.6 + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
1.7 +
1.8 +@namespace url(http://www.w3.org/1999/xhtml); /* set default namespace to HTML */
1.9 +@namespace xul url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
1.10 +
1.11 +/* bidi */
1.12 +
1.13 +[dir="rtl"] {
1.14 + direction: rtl;
1.15 + unicode-bidi: embed;
1.16 +}
1.17 +[dir="ltr"] {
1.18 + direction: ltr;
1.19 + unicode-bidi: embed;
1.20 +}
1.21 +
1.22 +bdi:-moz-dir(ltr), [dir="auto"]:-moz-dir(ltr) { direction: ltr; }
1.23 +bdi:-moz-dir(rtl), [dir="auto"]:-moz-dir(rtl) { direction: rtl; }
1.24 +
1.25 +/* To ensure http://www.w3.org/TR/REC-html40/struct/dirlang.html#style-bidi:
1.26 + *
1.27 + * "When a block element that does not have a dir attribute is transformed to
1.28 + * the style of an inline element by a style sheet, the resulting presentation
1.29 + * should be equivalent, in terms of bidirectional formatting, to the
1.30 + * formatting obtained by explicitly adding a dir attribute (assigned the
1.31 + * inherited value) to the transformed element."
1.32 + *
1.33 + * and the rules in http://dev.w3.org/html5/spec/rendering.html#rendering
1.34 + */
1.35 +
1.36 +address, address[dir],
1.37 +article, article[dir],
1.38 +aside, aside[dir],
1.39 +blockquote, blockquote[dir],
1.40 +body, body[dir],
1.41 +caption, caption[dir],
1.42 +center, center[dir],
1.43 +col, col[dir],
1.44 +colgroup, colgroup[dir],
1.45 +dd, dd[dir],
1.46 +dir, dir[dir],
1.47 +div, div[dir],
1.48 +dl, dl[dir],
1.49 +dt, dt[dir],
1.50 +fieldset, fieldset[dir],
1.51 +figcaption, figcaption[dir],
1.52 +figure, figure[dir],
1.53 +footer, footer[dir],
1.54 +form, form[dir],
1.55 +h1, h1[dir],
1.56 +h2, h2[dir],
1.57 +h3, h3[dir],
1.58 +h4, h4[dir],
1.59 +h5, h5[dir],
1.60 +h6, h6[dir],
1.61 +header, header[dir],
1.62 +hgroup, hgroup[dir],
1.63 +hr, hr[dir],
1.64 +html, html[dir],
1.65 +legend, legend[dir],
1.66 +li, li[dir],
1.67 +listing, listing[dir],
1.68 +main, main[dir],
1.69 +marquee, marquee[dir],
1.70 +menu, menu[dir],
1.71 +nav, nav[dir],
1.72 +noframes, noframes[dir],
1.73 +ol, ol[dir],
1.74 +p, p[dir],
1.75 +plaintext, plaintext[dir],
1.76 +pre, pre[dir],
1.77 +section, section[dir],
1.78 +summary, summary[dir],
1.79 +table, table[dir],
1.80 +tbody, tbody[dir],
1.81 +td, td[dir],
1.82 +tfoot, tfoot[dir],
1.83 +th, th[dir],
1.84 +thead, thead[dir],
1.85 +tr, tr[dir],
1.86 +ul, ul[dir],
1.87 +xmp, xmp[dir] {
1.88 + unicode-bidi: -moz-isolate;
1.89 +}
1.90 +
1.91 +bdi, bdi[dir], output, output[dir], [dir="auto"] {
1.92 + unicode-bidi: -moz-isolate;
1.93 +}
1.94 +bdo, bdo[dir] {
1.95 + unicode-bidi: bidi-override;
1.96 +}
1.97 +bdo[dir="auto"] {
1.98 + unicode-bidi: -moz-isolate-override;
1.99 +}
1.100 +textarea[dir="auto"], pre[dir="auto"] { unicode-bidi: -moz-plaintext; }
1.101 +
1.102 +/* blocks */
1.103 +
1.104 +article,
1.105 +aside,
1.106 +div,
1.107 +dt,
1.108 +figcaption,
1.109 +footer,
1.110 +form,
1.111 +header,
1.112 +hgroup,
1.113 +html,
1.114 +main,
1.115 +nav,
1.116 +section {
1.117 + display: block;
1.118 +}
1.119 +
1.120 +body {
1.121 + display: block;
1.122 + margin: 8px;
1.123 +}
1.124 +
1.125 +p, dl, multicol {
1.126 + display: block;
1.127 + margin: 1em 0;
1.128 +}
1.129 +
1.130 +dd {
1.131 + display: block;
1.132 + -moz-margin-start: 40px;
1.133 +}
1.134 +
1.135 +blockquote, figure {
1.136 + display: block;
1.137 + margin: 1em 40px;
1.138 +}
1.139 +
1.140 +address {
1.141 + display: block;
1.142 + font-style: italic;
1.143 +}
1.144 +
1.145 +center {
1.146 + display: block;
1.147 + text-align: -moz-center;
1.148 +}
1.149 +
1.150 +blockquote[type=cite] {
1.151 + display: block;
1.152 + margin: 1em 0px;
1.153 + -moz-padding-start: 1em;
1.154 + -moz-border-start: solid;
1.155 + border-color: blue;
1.156 + border-width: thin;
1.157 +}
1.158 +
1.159 +span[_moz_quote=true] {
1.160 + color: blue;
1.161 +}
1.162 +
1.163 +pre[_moz_quote=true] {
1.164 + color: blue;
1.165 +}
1.166 +
1.167 +h1 {
1.168 + display: block;
1.169 + font-size: 2em;
1.170 + font-weight: bold;
1.171 + margin: .67em 0;
1.172 +}
1.173 +
1.174 +h2,
1.175 +:-moz-any(article, aside, nav, section)
1.176 +h1 {
1.177 + display: block;
1.178 + font-size: 1.5em;
1.179 + font-weight: bold;
1.180 + margin: .83em 0;
1.181 +}
1.182 +
1.183 +h3,
1.184 +:-moz-any(article, aside, nav, section)
1.185 +:-moz-any(article, aside, nav, section)
1.186 +h1 {
1.187 + display: block;
1.188 + font-size: 1.17em;
1.189 + font-weight: bold;
1.190 + margin: 1em 0;
1.191 +}
1.192 +
1.193 +h4,
1.194 +:-moz-any(article, aside, nav, section)
1.195 +:-moz-any(article, aside, nav, section)
1.196 +:-moz-any(article, aside, nav, section)
1.197 +h1 {
1.198 + display: block;
1.199 + font-size: 1.00em;
1.200 + font-weight: bold;
1.201 + margin: 1.33em 0;
1.202 +}
1.203 +
1.204 +h5,
1.205 +:-moz-any(article, aside, nav, section)
1.206 +:-moz-any(article, aside, nav, section)
1.207 +:-moz-any(article, aside, nav, section)
1.208 +:-moz-any(article, aside, nav, section)
1.209 +h1 {
1.210 + display: block;
1.211 + font-size: 0.83em;
1.212 + font-weight: bold;
1.213 + margin: 1.67em 0;
1.214 +}
1.215 +
1.216 +h6,
1.217 +:-moz-any(article, aside, nav, section)
1.218 +:-moz-any(article, aside, nav, section)
1.219 +:-moz-any(article, aside, nav, section)
1.220 +:-moz-any(article, aside, nav, section)
1.221 +:-moz-any(article, aside, nav, section)
1.222 +h1 {
1.223 + display: block;
1.224 + font-size: 0.67em;
1.225 + font-weight: bold;
1.226 + margin: 2.33em 0;
1.227 +}
1.228 +
1.229 +listing {
1.230 + display: block;
1.231 + font-family: -moz-fixed;
1.232 + font-size: medium;
1.233 + white-space: pre;
1.234 + margin: 1em 0;
1.235 +}
1.236 +
1.237 +xmp, pre, plaintext {
1.238 + display: block;
1.239 + font-family: -moz-fixed;
1.240 + white-space: pre;
1.241 + margin: 1em 0;
1.242 +}
1.243 +
1.244 +/* tables */
1.245 +
1.246 +table {
1.247 + display: table;
1.248 + border-spacing: 2px;
1.249 + border-collapse: separate;
1.250 + margin-top: 0;
1.251 + margin-bottom: 0;
1.252 + /* XXXldb do we want this if we're border-collapse:collapse ? */
1.253 + box-sizing: border-box;
1.254 + text-indent: 0;
1.255 +}
1.256 +
1.257 +table[align="left"] {
1.258 + float: left;
1.259 +}
1.260 +
1.261 +table[align="right"] {
1.262 + float: right;
1.263 + text-align: start;
1.264 +}
1.265 +
1.266 +
1.267 +/* border collapse rules */
1.268 +
1.269 + /* Set hidden if we have 'frame' or 'rules' attribute.
1.270 + Set it on all sides when we do so there's more consistency
1.271 + in what authors should expect */
1.272 +
1.273 + /* Put this first so 'border' and 'frame' rules can override it. */
1.274 +table[rules] {
1.275 + border-width: thin;
1.276 + border-style: hidden;
1.277 +}
1.278 +
1.279 + /* 'border' before 'frame' so 'frame' overrides
1.280 + A border with a given value should, of course, pass that value
1.281 + as the border-width in pixels -> attr mapping */
1.282 +
1.283 + /* :-moz-table-border-nonzero is like [border]:not([border="0"]) except it
1.284 + also checks for other zero-like values according to HTML attribute
1.285 + parsing rules */
1.286 +table:-moz-table-border-nonzero {
1.287 + border-width: thin;
1.288 + border-style: outset;
1.289 +}
1.290 +
1.291 +table[frame] {
1.292 + border: thin hidden;
1.293 +}
1.294 +
1.295 +/* specificity must beat table:-moz-table-border-nonzero rule above */
1.296 +table[frame="void"] { border-style: hidden; }
1.297 +table[frame="above"] { border-style: outset hidden hidden hidden; }
1.298 +table[frame="below"] { border-style: hidden hidden outset hidden; }
1.299 +table[frame="lhs"] { border-style: hidden hidden hidden outset; }
1.300 +table[frame="rhs"] { border-style: hidden outset hidden hidden; }
1.301 +table[frame="hsides"] { border-style: outset hidden; }
1.302 +table[frame="vsides"] { border-style: hidden outset; }
1.303 +table[frame="box"],
1.304 +table[frame="border"] { border-style: outset; }
1.305 +
1.306 +
1.307 +/* Internal Table Borders */
1.308 +
1.309 + /* 'border' cell borders first */
1.310 +
1.311 +table:-moz-table-border-nonzero > * > tr > td,
1.312 +table:-moz-table-border-nonzero > * > tr > th,
1.313 +table:-moz-table-border-nonzero > * > td,
1.314 +table:-moz-table-border-nonzero > * > th,
1.315 +table:-moz-table-border-nonzero > td,
1.316 +table:-moz-table-border-nonzero > th
1.317 +{
1.318 + border-width: thin;
1.319 + border-style: inset;
1.320 +}
1.321 +
1.322 +/* collapse only if rules are really specified */
1.323 +table[rules]:not([rules="none"]):not([rules=""]) {
1.324 + border-collapse: collapse;
1.325 +}
1.326 +
1.327 +/* only specified rules override 'border' settings
1.328 + (increased specificity to achieve this) */
1.329 +table[rules]:not([rules=""])> tr > td,
1.330 +table[rules]:not([rules=""])> * > tr > td,
1.331 +table[rules]:not([rules=""])> tr > th,
1.332 +table[rules]:not([rules=""])> * > tr > th,
1.333 +table[rules]:not([rules=""])> td,
1.334 +table[rules]:not([rules=""])> th
1.335 +{
1.336 + border-width: thin;
1.337 + border-style: none;
1.338 +}
1.339 +
1.340 +
1.341 +table[rules][rules="none"] > tr > td,
1.342 +table[rules][rules="none"] > * > tr > td,
1.343 +table[rules][rules="none"] > tr > th,
1.344 +table[rules][rules="none"] > * > tr > th,
1.345 +table[rules][rules="none"] > td,
1.346 +table[rules][rules="none"] > th
1.347 +{
1.348 + border-width: thin;
1.349 + border-style: none;
1.350 +}
1.351 +
1.352 +table[rules][rules="all"] > tr > td,
1.353 +table[rules][rules="all"] > * > tr > td,
1.354 +table[rules][rules="all"] > tr > th,
1.355 +table[rules][rules="all"] > * > tr > th,
1.356 +table[rules][rules="all"] > td,
1.357 +table[rules][rules="all"] > th
1.358 +{
1.359 + border-width: thin;
1.360 + border-style: solid;
1.361 +}
1.362 +
1.363 +table[rules][rules="rows"] > tr,
1.364 +table[rules][rules="rows"] > * > tr {
1.365 + border-top-width: thin;
1.366 + border-bottom-width: thin;
1.367 + border-top-style: solid;
1.368 + border-bottom-style: solid;
1.369 +}
1.370 +
1.371 +
1.372 +table[rules][rules="cols"] > tr > td,
1.373 +table[rules][rules="cols"] > * > tr > td,
1.374 +table[rules][rules="cols"] > tr > th,
1.375 +table[rules][rules="cols"] > * > tr > th {
1.376 + border-left-width: thin;
1.377 + border-right-width: thin;
1.378 + border-left-style: solid;
1.379 + border-right-style: solid;
1.380 +}
1.381 +
1.382 +table[rules][rules="groups"] > colgroup {
1.383 + border-left-width: thin;
1.384 + border-right-width: thin;
1.385 + border-left-style: solid;
1.386 + border-right-style: solid;
1.387 +}
1.388 +table[rules][rules="groups"] > tfoot,
1.389 +table[rules][rules="groups"] > thead,
1.390 +table[rules][rules="groups"] > tbody {
1.391 + border-top-width: thin;
1.392 + border-bottom-width: thin;
1.393 + border-top-style: solid;
1.394 + border-bottom-style: solid;
1.395 +}
1.396 +
1.397 +
1.398 +/* caption inherits from table not table-outer */
1.399 +caption {
1.400 + display: table-caption;
1.401 + text-align: center;
1.402 +}
1.403 +
1.404 +table[align="center"] > caption {
1.405 + margin-left: auto;
1.406 + margin-right: auto;
1.407 +}
1.408 +
1.409 +table[align="center"] > caption[align="left"] {
1.410 + margin-right: 0;
1.411 +}
1.412 +
1.413 +table[align="center"] > caption[align="right"] {
1.414 + margin-left: 0;
1.415 +}
1.416 +
1.417 +tr {
1.418 + display: table-row;
1.419 + vertical-align: inherit;
1.420 +}
1.421 +
1.422 +col {
1.423 + display: table-column;
1.424 +}
1.425 +
1.426 +colgroup {
1.427 + display: table-column-group;
1.428 +}
1.429 +
1.430 +tbody {
1.431 + display: table-row-group;
1.432 + vertical-align: middle;
1.433 +}
1.434 +
1.435 +thead {
1.436 + display: table-header-group;
1.437 + vertical-align: middle;
1.438 +}
1.439 +
1.440 +tfoot {
1.441 + display: table-footer-group;
1.442 + vertical-align: middle;
1.443 +}
1.444 +
1.445 +/* for XHTML tables without tbody */
1.446 +table > tr {
1.447 + vertical-align: middle;
1.448 +}
1.449 +
1.450 +td {
1.451 + display: table-cell;
1.452 + vertical-align: inherit;
1.453 + text-align: inherit;
1.454 + padding: 1px;
1.455 +}
1.456 +
1.457 +th {
1.458 + display: table-cell;
1.459 + vertical-align: inherit;
1.460 + font-weight: bold;
1.461 + padding: 1px;
1.462 +}
1.463 +
1.464 +tr > form:-moz-is-html, tbody > form:-moz-is-html,
1.465 +thead > form:-moz-is-html, tfoot > form:-moz-is-html,
1.466 +table > form:-moz-is-html {
1.467 + /* Important: don't show these forms in HTML */
1.468 + display: none !important;
1.469 +}
1.470 +
1.471 +table[bordercolor] > tbody,
1.472 +table[bordercolor] > thead,
1.473 +table[bordercolor] > tfoot,
1.474 +table[bordercolor] > col,
1.475 +table[bordercolor] > colgroup,
1.476 +table[bordercolor] > tr,
1.477 +table[bordercolor] > * > tr,
1.478 +table[bordercolor] > tr > td,
1.479 +table[bordercolor] > * > tr > td,
1.480 +table[bordercolor] > tr > th,
1.481 +table[bordercolor] > * > tr > th {
1.482 + border-color: inherit;
1.483 +}
1.484 +
1.485 +/* inlines */
1.486 +
1.487 +q:before {
1.488 + content: open-quote;
1.489 +}
1.490 +
1.491 +q:after {
1.492 + content: close-quote;
1.493 +}
1.494 +
1.495 +b, strong {
1.496 + font-weight: bolder;
1.497 +}
1.498 +
1.499 +i, cite, em, var, dfn {
1.500 + font-style: italic;
1.501 +}
1.502 +
1.503 +tt, code, kbd, samp {
1.504 + font-family: -moz-fixed;
1.505 +}
1.506 +
1.507 +u, ins {
1.508 + text-decoration: underline;
1.509 +}
1.510 +
1.511 +s, strike, del {
1.512 + text-decoration: line-through;
1.513 +}
1.514 +
1.515 +big {
1.516 + font-size: larger;
1.517 +}
1.518 +
1.519 +small {
1.520 + font-size: smaller;
1.521 +}
1.522 +
1.523 +sub {
1.524 + vertical-align: sub;
1.525 + font-size: smaller;
1.526 + line-height: normal;
1.527 +}
1.528 +
1.529 +sup {
1.530 + vertical-align: super;
1.531 + font-size: smaller;
1.532 + line-height: normal;
1.533 +}
1.534 +
1.535 +nobr {
1.536 + white-space: nowrap;
1.537 +}
1.538 +
1.539 +mark {
1.540 + background: yellow;
1.541 + color: black;
1.542 +}
1.543 +
1.544 +/* titles */
1.545 +abbr[title], acronym[title] {
1.546 + border-bottom: dotted 1px;
1.547 +}
1.548 +
1.549 +/* lists */
1.550 +
1.551 +ul, menu, dir {
1.552 + display: block;
1.553 + list-style-type: disc;
1.554 + margin: 1em 0;
1.555 + -moz-padding-start: 40px;
1.556 +}
1.557 +
1.558 +menu[type="context"] {
1.559 + display: none !important;
1.560 +}
1.561 +
1.562 +ol {
1.563 + display: block;
1.564 + list-style-type: decimal;
1.565 + margin: 1em 0;
1.566 + -moz-padding-start: 40px;
1.567 +}
1.568 +
1.569 +li {
1.570 + display: list-item;
1.571 +}
1.572 +
1.573 +/* nested lists have no top/bottom margins */
1.574 +:-moz-any(ul, ol, dir, menu, dl) ul,
1.575 +:-moz-any(ul, ol, dir, menu, dl) ol,
1.576 +:-moz-any(ul, ol, dir, menu, dl) dir,
1.577 +:-moz-any(ul, ol, dir, menu, dl) menu,
1.578 +:-moz-any(ul, ol, dir, menu, dl) dl {
1.579 + margin-top: 0;
1.580 + margin-bottom: 0;
1.581 +}
1.582 +
1.583 +/* 2 deep unordered lists use a circle */
1.584 +:-moz-any(ol, ul, menu, dir) ul,
1.585 +:-moz-any(ol, ul, menu, dir) menu,
1.586 +:-moz-any(ol, ul, menu, dir) dir {
1.587 + list-style-type: circle;
1.588 +}
1.589 +
1.590 +/* 3 deep (or more) unordered lists use a square */
1.591 +:-moz-any(ol, ul, menu, dir) :-moz-any(ol, ul, menu, dir) ul,
1.592 +:-moz-any(ol, ul, menu, dir) :-moz-any(ol, ul, menu, dir) menu,
1.593 +:-moz-any(ol, ul, menu, dir) :-moz-any(ol, ul, menu, dir) dir {
1.594 + list-style-type: square;
1.595 +}
1.596 +
1.597 +
1.598 +/* leafs */
1.599 +
1.600 +/* <hr> noshade and color attributes are handled completely by
1.601 + * the nsHTMLHRElement attribute mapping code
1.602 + */
1.603 +hr {
1.604 + display: block;
1.605 + height: 2px;
1.606 + border: 1px inset;
1.607 + margin: 0.5em auto 0.5em auto;
1.608 + color: gray;
1.609 + -moz-float-edge: margin-box;
1.610 + box-sizing: border-box;
1.611 +}
1.612 +
1.613 +hr[size="1"] {
1.614 + border-style: solid none none none;
1.615 +}
1.616 +
1.617 +img:-moz-broken::before, input:-moz-broken::before,
1.618 +img:-moz-user-disabled::before, input:-moz-user-disabled::before,
1.619 +img:-moz-loading::before, input:-moz-loading::before,
1.620 +applet:-moz-empty-except-children-with-localname(param):-moz-broken::before,
1.621 +applet:-moz-empty-except-children-with-localname(param):-moz-user-disabled::before {
1.622 + content: -moz-alt-content !important;
1.623 + unicode-bidi: -moz-isolate;
1.624 +}
1.625 +
1.626 +:-moz-any(object,applet):-moz-any(:-moz-broken,:-moz-user-disabled) > *|* {
1.627 + /*
1.628 + Inherit in the object's alignment so that if we aren't aligned explicitly
1.629 + we'll end up in the right place vertically. See bug 36997. Note that this
1.630 + is not !important because we _might_ be aligned explicitly.
1.631 + */
1.632 + vertical-align: inherit;
1.633 +}
1.634 +
1.635 +img:-moz-suppressed, input:-moz-suppressed, object:-moz-suppressed,
1.636 +embed:-moz-suppressed, applet:-moz-suppressed {
1.637 + /*
1.638 + Set visibility too in case the page changes display. Note that we _may_
1.639 + want to just set visibility and not display, in general, if we find that
1.640 + display:none breaks too many layouts. And if we decide we really do want
1.641 + people to be able to right-click blocked images, etc, we need to set
1.642 + neither one, and hack the painting code.... :(
1.643 + */
1.644 + display: none !important;
1.645 + visibility: hidden !important;
1.646 +}
1.647 +
1.648 +img[usemap], object[usemap] {
1.649 + color: blue;
1.650 +}
1.651 +
1.652 +frameset {
1.653 + display: block ! important;
1.654 + overflow: -moz-hidden-unscrollable;
1.655 + position: static ! important;
1.656 + float: none ! important;
1.657 + border: none ! important;
1.658 +}
1.659 +
1.660 +link {
1.661 + display: none;
1.662 +}
1.663 +
1.664 +frame {
1.665 + border-radius: 0 ! important;
1.666 +}
1.667 +
1.668 +iframe {
1.669 + border: 2px inset;
1.670 +}
1.671 +
1.672 +noframes {
1.673 + display: none;
1.674 +}
1.675 +
1.676 +spacer {
1.677 + position: static ! important;
1.678 + float: none ! important;
1.679 +}
1.680 +
1.681 +canvas {
1.682 + -moz-user-select: none;
1.683 +}
1.684 +
1.685 +/* focusable content: anything w/ tabindex >=0 is focusable, but we
1.686 + skip drawing a focus outline on a few things that handle it
1.687 + themselves. */
1.688 +:-moz-focusring:not(input):not(button):not(select):not(textarea):not(iframe):not(frame):not(body):not(html) {
1.689 + /* Don't specify the outline-color, we should always use initial value. */
1.690 + outline: 1px dotted;
1.691 +}
1.692 +
1.693 +/* hidden elements */
1.694 +base, basefont, datalist, head, meta, script, style, title,
1.695 +noembed, param, template {
1.696 + display: none;
1.697 +}
1.698 +
1.699 +area {
1.700 + /* Don't give it frames other than its imageframe */
1.701 + display: none ! important;
1.702 +}
1.703 +
1.704 +iframe:-moz-full-screen {
1.705 + /* iframes in full-screen mode don't show a border. */
1.706 + border: none;
1.707 +}
1.708 +
1.709 +/* media elements */
1.710 +video > xul|videocontrols, audio > xul|videocontrols {
1.711 + display: -moz-box;
1.712 + -moz-box-orient: vertical;
1.713 + -moz-binding: url("chrome://global/content/bindings/videocontrols.xml#videoControls");
1.714 +}
1.715 +
1.716 +video:not([controls]) > xul|videocontrols,
1.717 +audio:not([controls]) > xul|videocontrols {
1.718 + visibility: hidden;
1.719 + -moz-binding: none;
1.720 +}
1.721 +
1.722 +audio:not([controls]) {
1.723 + display: none;
1.724 +}
1.725 +
1.726 +*|*::-moz-html-canvas-content {
1.727 + display: block !important;
1.728 + /* we want to be an absolute and fixed container */
1.729 + -moz-transform: translate(0) !important;
1.730 +}
1.731 +
1.732 +video > .caption-box {
1.733 + position: relative;
1.734 + overflow: hidden;
1.735 +}
1.736 +
1.737 +/* emulation of non-standard HTML <marquee> tag */
1.738 +marquee {
1.739 + width: -moz-available;
1.740 + display: inline-block;
1.741 + vertical-align: text-bottom;
1.742 + text-align: start;
1.743 + -moz-binding: url('chrome://xbl-marquee/content/xbl-marquee.xml#marquee-horizontal');
1.744 +}
1.745 +
1.746 +marquee[direction="up"], marquee[direction="down"] {
1.747 + -moz-binding: url('chrome://xbl-marquee/content/xbl-marquee.xml#marquee-vertical');
1.748 + height: 200px;
1.749 +}
1.750 +
1.751 +/* PRINT ONLY rules follow */
1.752 +@media print {
1.753 +
1.754 + marquee { -moz-binding: none; }
1.755 +
1.756 +}
