2012-05-21 04:12:37 -07:00
|
|
|
/* This Source Code Form is subject to the terms of the Mozilla Public
|
|
|
|
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
|
|
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
|
2007-03-22 10:30:00 -07:00
|
|
|
|
2009-10-12 12:31:50 -07:00
|
|
|
@import url(resource://gre-resources/html.css);
|
2007-03-22 10:30:00 -07:00
|
|
|
@import url(chrome://global/content/xul.css);
|
|
|
|
|
|
|
|
@namespace parsererror url(http://www.mozilla.org/newlayout/xml/parsererror.xml);
|
2011-11-17 18:22:48 -08:00
|
|
|
@namespace xul url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
|
2007-03-22 10:30:00 -07:00
|
|
|
|
|
|
|
/* magic -- some of these rules are important to keep pages from overriding
|
|
|
|
them
|
|
|
|
*/
|
|
|
|
|
|
|
|
/* Tables */
|
|
|
|
|
|
|
|
*|*::-moz-table {
|
|
|
|
display: table !important;
|
|
|
|
-moz-box-sizing: border-box; /* XXX do we really want this? */
|
|
|
|
}
|
|
|
|
|
|
|
|
*|*::-moz-inline-table {
|
|
|
|
display: inline-table !important;
|
|
|
|
-moz-box-sizing: border-box; /* XXX do we really want this? */
|
|
|
|
}
|
|
|
|
|
|
|
|
*|*::-moz-table-outer {
|
|
|
|
display: inherit !important; /* table or inline-table */
|
Bug 659828 - Part 1: Apply table margins to the outer table frame instead of the inner table frame (also fixes bug 87277); r=dbaron
Outer table frames act as CSS2.1 table wrapper boxes. We used to lay them out
without taking their margins into the account, which meant that their width was
always equal to the available width. This breaks horizontal positioning of
absolutely positioned kids of a table frame.
The main purpose of this patch is to apply the margins of tables to their outer
frame, instead of the inner frame. This means that the inner table frame will
always have a zero margin, which means that a lot of the stuff which used to
rely on the fact that table margins are applied to the inner frame need to
change.
In particular, in order to get the computed margins of a table, we used to query
the inner table frame, and this patch corrects that. Also, when shrink wrapping
tables, we used to not take the margins of the inner table frame into account,
which is fixed by this patch too. nsBlockReflowState::
ComputeReplacedBlockOffsetsForFloats also needed to be changed to read the
margin values from the outer frame too.
Also, as part of this patch, we start to respect the CSS2.1 margin model for
captions on all sides. This means that in particular, the top/bottom margins on
the top-outside and bottom-outside captions will not be collapsed with the
top/bottom margins of the table, and that the margins of the caption element
contribute to the width and height of the outer table frame. The
427129-table-caption reftest has been modified to match this new behavior.
Another side effect of this bug is fixing bug 87277, and the reftests for that
bug are marked as passing in this patch.
2011-05-31 16:02:56 -07:00
|
|
|
margin: inherit ! important;
|
2007-03-22 10:30:00 -07:00
|
|
|
padding: 0 ! important;
|
|
|
|
border: none ! important;
|
|
|
|
float: inherit;
|
|
|
|
clear: inherit;
|
|
|
|
position: inherit;
|
|
|
|
top: inherit;
|
|
|
|
right: inherit;
|
|
|
|
bottom: inherit;
|
|
|
|
left: inherit;
|
|
|
|
z-index: inherit;
|
|
|
|
page-break-before: inherit;
|
|
|
|
page-break-after: inherit;
|
2012-11-08 08:09:37 -08:00
|
|
|
page-break-inside: inherit;
|
2007-11-17 14:33:09 -08:00
|
|
|
vertical-align: inherit; /* needed for inline-table */
|
|
|
|
line-height: inherit; /* needed for vertical-align on inline-table */
|
2012-10-15 12:42:43 -07:00
|
|
|
align-self: inherit; /* needed for "align-self" to work on table flex items */
|
|
|
|
order: inherit; /* needed for "order" to work on table flex items */
|
2012-02-10 13:05:00 -08:00
|
|
|
/* Bug 722777 */
|
|
|
|
-moz-transform: inherit;
|
|
|
|
-moz-transform-origin: inherit;
|
2012-02-16 05:30:34 -08:00
|
|
|
/* Bug 724750 */
|
|
|
|
-moz-backface-visibility: inherit;
|
2013-01-15 11:04:24 -08:00
|
|
|
clip: inherit;
|
2007-03-22 10:30:00 -07:00
|
|
|
}
|
|
|
|
|
|
|
|
*|*::-moz-table-row {
|
|
|
|
display: table-row !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* The ::-moz-table-column pseudo-element is for extra columns at the end
|
|
|
|
of a table. */
|
|
|
|
*|*::-moz-table-column {
|
|
|
|
display: table-column !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
*|*::-moz-table-column-group {
|
|
|
|
display: table-column-group !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
*|*::-moz-table-row-group {
|
|
|
|
display: table-row-group !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
*|*::-moz-table-cell {
|
|
|
|
display: table-cell !important;
|
|
|
|
white-space: inherit;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Lists */
|
|
|
|
|
|
|
|
*|*::-moz-list-bullet, *|*::-moz-list-number {
|
|
|
|
display: inline;
|
|
|
|
vertical-align: baseline;
|
|
|
|
-moz-margin-end: 8px;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Links */
|
|
|
|
|
|
|
|
*|*:-moz-any-link {
|
|
|
|
cursor: pointer;
|
|
|
|
}
|
|
|
|
|
2010-04-21 07:53:42 -07:00
|
|
|
*|*:-moz-any-link:-moz-focusring {
|
2007-03-22 10:30:00 -07:00
|
|
|
/* Don't specify the outline-color, we should always use initial value. */
|
|
|
|
outline: 1px dotted;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Miscellaneous */
|
|
|
|
|
|
|
|
*|*::-moz-anonymous-block, *|*::-moz-cell-content {
|
|
|
|
display: block !important;
|
|
|
|
position: static !important;
|
2011-04-22 18:36:24 -07:00
|
|
|
unicode-bidi: inherit;
|
2011-06-22 11:11:47 -07:00
|
|
|
text-overflow: inherit;
|
2007-03-22 10:30:00 -07:00
|
|
|
}
|
|
|
|
|
2008-06-02 15:52:25 -07:00
|
|
|
*|*::-moz-anonymous-block, *|*::-moz-anonymous-positioned-block {
|
|
|
|
/* we currently inherit from the inline that is split */
|
|
|
|
outline: inherit;
|
2008-10-17 15:46:15 -07:00
|
|
|
outline-offset: inherit;
|
2008-09-10 17:24:16 -07:00
|
|
|
clip-path: inherit;
|
|
|
|
filter: inherit;
|
|
|
|
mask: inherit;
|
2011-06-16 20:36:07 -07:00
|
|
|
opacity: inherit;
|
2011-08-03 11:30:58 -07:00
|
|
|
text-decoration: inherit;
|
2008-12-07 10:11:30 -08:00
|
|
|
-moz-box-ordinal-group: inherit !important;
|
2008-06-02 15:52:25 -07:00
|
|
|
}
|
|
|
|
|
2007-10-25 16:30:49 -07:00
|
|
|
*|*::-moz-xul-anonymous-block {
|
|
|
|
display: block ! important;
|
|
|
|
position: static ! important;
|
|
|
|
float: none ! important;
|
2008-12-07 10:11:30 -08:00
|
|
|
-moz-box-ordinal-group: inherit !important;
|
2012-01-27 19:35:59 -08:00
|
|
|
text-overflow: inherit;
|
2007-10-25 16:30:49 -07:00
|
|
|
}
|
|
|
|
|
2007-03-22 10:30:00 -07:00
|
|
|
*|*::-moz-scrolled-content, *|*::-moz-scrolled-canvas,
|
|
|
|
*|*::-moz-scrolled-page-sequence {
|
|
|
|
/* e.g., text inputs, select boxes */
|
|
|
|
padding: inherit;
|
2008-10-07 11:53:22 -07:00
|
|
|
/* The display doesn't affect the kind of frame constructed here. This just
|
|
|
|
affects auto-width sizing of the block we create. */
|
|
|
|
display: block;
|
2007-03-22 10:30:00 -07:00
|
|
|
-moz-box-orient: inherit;
|
|
|
|
/* make unicode-bidi inherit, otherwise it has no effect on text inputs and
|
|
|
|
blocks with overflow: scroll; */
|
|
|
|
unicode-bidi: inherit;
|
2011-06-22 11:11:47 -07:00
|
|
|
text-overflow: inherit;
|
2007-03-22 10:30:00 -07:00
|
|
|
-moz-column-count: inherit;
|
|
|
|
-moz-column-width: inherit;
|
|
|
|
-moz-column-gap: inherit;
|
2011-03-17 10:41:52 -07:00
|
|
|
-moz-column-rule: inherit;
|
2013-03-22 08:13:49 -07:00
|
|
|
/* CSS3 flexbox properties that apply to the flex container: */
|
|
|
|
/* align-content: inherit; FIXME: not yet supported (bug 702508) */
|
|
|
|
align-items: inherit;
|
|
|
|
flex-direction: inherit;
|
|
|
|
/* flex-wrap: inherit; FIXME: not yet supported (bug 702508) */
|
|
|
|
justify-content: inherit;
|
2007-03-22 10:30:00 -07:00
|
|
|
/* Do not change these. nsCSSFrameConstructor depends on them to create a good
|
|
|
|
frame tree. */
|
|
|
|
position: static !important;
|
|
|
|
float: none !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
*|*::-moz-viewport, *|*::-moz-viewport-scroll, *|*::-moz-canvas, *|*::-moz-scrolled-canvas {
|
|
|
|
display: block !important;
|
|
|
|
background-color: inherit;
|
|
|
|
}
|
|
|
|
|
|
|
|
*|*::-moz-viewport-scroll {
|
|
|
|
overflow: auto;
|
2011-01-17 06:35:32 -08:00
|
|
|
%ifdef XP_WIN
|
|
|
|
resize: both;
|
|
|
|
%endif
|
2007-03-22 10:30:00 -07:00
|
|
|
}
|
|
|
|
|
|
|
|
*|*::-moz-column-content {
|
|
|
|
/* the column boxes inside a column-flowed block */
|
|
|
|
/* make unicode-bidi inherit, otherwise it has no effect on column boxes */
|
|
|
|
unicode-bidi: inherit;
|
2011-06-22 11:11:47 -07:00
|
|
|
text-overflow: inherit;
|
2007-03-22 10:30:00 -07:00
|
|
|
/* inherit the outer frame's display, otherwise we turn into an inline */
|
|
|
|
display: inherit !important;
|
|
|
|
/* Carry through our parent's height so that %-height children get
|
|
|
|
their heights set */
|
|
|
|
height: 100%;
|
|
|
|
}
|
|
|
|
|
2012-06-26 15:11:38 -07:00
|
|
|
*|*::-moz-anonymous-flex-item {
|
|
|
|
/* Anonymous blocks that wrap contiguous runs of inline non-replaced
|
|
|
|
* content inside of a flex container. */
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
2011-06-10 03:07:26 -07:00
|
|
|
*|*::-moz-page-sequence, *|*::-moz-scrolled-page-sequence {
|
|
|
|
/* Collection of pages in print/print preview. Visual styles may only appear
|
|
|
|
* in print preview. */
|
2007-03-22 10:30:00 -07:00
|
|
|
display: block !important;
|
2013-04-08 15:44:26 -07:00
|
|
|
background: linear-gradient(#606060, #8a8a8a) fixed;
|
2011-06-10 03:07:26 -07:00
|
|
|
height: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
*|*::-moz-page {
|
|
|
|
/* Individual page in print/print preview. Visual styles may only appear
|
|
|
|
* in print preview. */
|
|
|
|
display: block !important;
|
|
|
|
background: white;
|
|
|
|
box-shadow: 5px 5px 8px #202020;
|
|
|
|
margin: 0.125in 0.25in;
|
2007-03-22 10:30:00 -07:00
|
|
|
}
|
|
|
|
|
|
|
|
*|*::-moz-pagecontent {
|
|
|
|
display: block !important;
|
2012-08-31 14:21:28 -07:00
|
|
|
margin: auto;
|
2007-03-22 10:30:00 -07:00
|
|
|
}
|
|
|
|
|
|
|
|
*|*::-moz-pagebreak {
|
|
|
|
display: block !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
*|*::-moz-anonymous-positioned-block {
|
|
|
|
display: block !important;
|
|
|
|
position: relative;
|
|
|
|
top: inherit;
|
|
|
|
left: inherit;
|
|
|
|
bottom: inherit;
|
|
|
|
right: inherit;
|
|
|
|
z-index: inherit;
|
|
|
|
clip: inherit;
|
|
|
|
opacity: inherit;
|
2011-04-22 18:36:24 -07:00
|
|
|
unicode-bidi: inherit;
|
2011-06-22 11:11:47 -07:00
|
|
|
text-overflow: inherit;
|
2007-03-22 10:30:00 -07:00
|
|
|
}
|
|
|
|
|
|
|
|
/* Printing */
|
|
|
|
|
|
|
|
@media print {
|
|
|
|
|
|
|
|
* {
|
|
|
|
cursor: default !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
2012-09-09 15:10:00 -07:00
|
|
|
*|*:not(:root):-moz-full-screen {
|
2011-10-31 22:11:09 -07:00
|
|
|
position: fixed !important;
|
|
|
|
top: 0 !important;
|
|
|
|
left: 0 !important;
|
|
|
|
right: 0 !important;
|
|
|
|
bottom: 0 !important;
|
|
|
|
z-index: 2147483647 !important;
|
|
|
|
background: black;
|
2011-09-04 13:39:08 -07:00
|
|
|
width: 100% !important;
|
|
|
|
height: 100% !important;
|
2012-04-25 19:35:23 -07:00
|
|
|
margin: 0 !important;
|
2012-04-18 15:54:37 -07:00
|
|
|
min-width: 0 !important;
|
|
|
|
max-width: none !important;
|
|
|
|
min-height: 0 !important;
|
|
|
|
max-height: none !important;
|
2012-09-04 20:54:11 -07:00
|
|
|
-moz-box-sizing: border-box !important;
|
2011-09-04 13:39:08 -07:00
|
|
|
}
|
|
|
|
|
2011-10-31 22:11:09 -07:00
|
|
|
/* If there is a full-screen element that is not the root then
|
2011-11-17 18:22:48 -08:00
|
|
|
we should hide the viewport scrollbar. We exclude the chrome
|
|
|
|
document to prevent reframing of contained plugins. */
|
|
|
|
:not(xul|*):root:-moz-full-screen-ancestor {
|
2011-10-31 22:11:09 -07:00
|
|
|
overflow: hidden !important;
|
|
|
|
}
|
|
|
|
|
2007-03-22 10:30:00 -07:00
|
|
|
/* XML parse error reporting */
|
|
|
|
|
|
|
|
parsererror|parsererror {
|
|
|
|
display: block;
|
|
|
|
font-family: sans-serif;
|
|
|
|
font-weight: bold;
|
|
|
|
white-space: pre;
|
|
|
|
margin: 1em;
|
|
|
|
padding: 1em;
|
|
|
|
border-width: thin;
|
|
|
|
border-style: inset;
|
|
|
|
border-color: red;
|
|
|
|
font-size: 14pt;
|
|
|
|
background-color: lightyellow;
|
|
|
|
}
|
|
|
|
|
|
|
|
parsererror|sourcetext {
|
|
|
|
display: block;
|
|
|
|
white-space: pre;
|
|
|
|
font-family: -moz-fixed;
|
|
|
|
margin-top: 2em;
|
|
|
|
margin-bottom: 1em;
|
|
|
|
color: red;
|
|
|
|
font-weight: bold;
|
|
|
|
font-size: 12pt;
|
|
|
|
}
|