layout/style/ua.css

Fri, 16 Jan 2015 18:13:44 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Fri, 16 Jan 2015 18:13:44 +0100
branch
TOR_BUG_9701
changeset 14
925c144e1f1f
permissions
-rw-r--r--

Integrate suggestion from review to improve consistency with existing code.

     1 /* This Source Code Form is subject to the terms of the Mozilla Public
     2  * License, v. 2.0. If a copy of the MPL was not distributed with this
     3  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
     5 @import url(resource://gre-resources/html.css);
     6 @import url(chrome://global/content/xul.css);
     8 @namespace parsererror url(http://www.mozilla.org/newlayout/xml/parsererror.xml);
     9 @namespace xul url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
    11 /* magic -- some of these rules are important to keep pages from overriding
    12             them
    13 */
    15 /* Tables */
    17 *|*::-moz-table {
    18   display: table !important;
    19   box-sizing: border-box; /* XXX do we really want this? */
    20 }
    22 *|*::-moz-inline-table {
    23   display: inline-table !important;
    24   box-sizing: border-box; /* XXX do we really want this? */
    25 }
    27 *|*::-moz-table-outer {
    28   display: inherit !important; /* table or inline-table */
    29   margin: inherit ! important;
    30   padding: 0 ! important;
    31   border: none ! important;
    32   float: inherit;
    33   clear: inherit;
    34   position: inherit;
    35   top: inherit;
    36   right: inherit;
    37   bottom: inherit;
    38   left: inherit;
    39   z-index: inherit;
    40   page-break-before: inherit;
    41   page-break-after: inherit;
    42   page-break-inside: inherit;
    43   vertical-align: inherit; /* needed for inline-table */
    44   line-height: inherit; /* needed for vertical-align on inline-table */
    45   align-self: inherit; /* needed for "align-self" to work on table flex items */
    46   order: inherit;   /* needed for "order" to work on table flex items */
    47   /* Bug 722777 */
    48   -moz-transform: inherit;
    49   -moz-transform-origin: inherit;
    50   /* Bug 724750 */
    51   -moz-backface-visibility: inherit;
    52   clip: inherit;
    53 }
    55 *|*::-moz-table-row {
    56   display: table-row !important;
    57 }
    59 /* The ::-moz-table-column pseudo-element is for extra columns at the end 
    60    of a table. */
    61 *|*::-moz-table-column {
    62   display: table-column !important;
    63 }
    65 *|*::-moz-table-column-group {
    66   display: table-column-group !important;
    67 }
    69 *|*::-moz-table-row-group {
    70   display: table-row-group !important;
    71 }
    73 *|*::-moz-table-cell {
    74   display: table-cell !important;
    75   white-space: inherit;
    76 }
    78 /* Lists */
    80 *|*::-moz-list-bullet, *|*::-moz-list-number {
    81   display: inline;
    82   vertical-align: baseline;
    83   /* Note that this padding is suppressed for some CJK numbering styles;
    84    * see bug 934072 */
    85   -moz-padding-end: 0.5em;
    86 }
    88 /* Links */
    90 *|*:-moz-any-link {
    91   cursor: pointer;
    92 }
    94 *|*:-moz-any-link:-moz-focusring {
    95   /* Don't specify the outline-color, we should always use initial value. */
    96   outline: 1px dotted;
    97 }
    99 /* Miscellaneous */
   101 *|*::-moz-anonymous-block, *|*::-moz-cell-content {
   102   display: block !important;
   103   position: static !important;
   104   unicode-bidi: inherit;
   105   text-overflow: inherit;
   106   overflow-clip-box: inherit;
   107 }
   109 *|*::-moz-anonymous-block, *|*::-moz-anonymous-positioned-block {
   110   /* we currently inherit from the inline that is split */
   111   outline: inherit;
   112   outline-offset: inherit;
   113   clip-path: inherit;
   114   filter: inherit;
   115   mask: inherit;
   116   opacity: inherit;
   117   text-decoration: inherit;
   118   -moz-box-ordinal-group: inherit !important;
   119   overflow-clip-box: inherit;
   120 }
   122 *|*::-moz-xul-anonymous-block {
   123   display: block ! important;
   124   position: static ! important;
   125   float: none ! important;
   126   -moz-box-ordinal-group: inherit !important;
   127   text-overflow: inherit;
   128   overflow-clip-box: inherit;
   129 }
   131 *|*::-moz-scrolled-content, *|*::-moz-scrolled-canvas,
   132 *|*::-moz-scrolled-page-sequence {
   133   /* e.g., text inputs, select boxes */
   134   padding: inherit;
   135   /* The display doesn't affect the kind of frame constructed here.  This just
   136      affects auto-width sizing of the block we create. */
   137   display: block;
   138   -moz-box-orient: inherit;
   139   /* make unicode-bidi inherit, otherwise it has no effect on text inputs and
   140      blocks with overflow: scroll; */
   141   unicode-bidi: inherit;
   142   text-overflow: inherit;
   143   -moz-column-count: inherit;
   144   -moz-column-width: inherit;
   145   -moz-column-gap: inherit;
   146   -moz-column-rule: inherit;
   147   /* CSS3 flexbox properties that apply to the flex container: */
   148   align-content: inherit;
   149   align-items: inherit;
   150   flex-direction: inherit;
   151   flex-wrap: inherit;
   152   justify-content: inherit;
   153   /* Do not change these. nsCSSFrameConstructor depends on them to create a good
   154      frame tree. */
   155   position: static !important;
   156   float: none !important;
   157   overflow-clip-box: inherit;
   158 }
   160 *|*::-moz-viewport, *|*::-moz-viewport-scroll, *|*::-moz-canvas, *|*::-moz-scrolled-canvas {
   161   display: block !important;
   162   background-color: inherit;
   163 }
   165 *|*::-moz-viewport-scroll {
   166   overflow: auto;
   167 %ifdef XP_WIN
   168   resize: both;
   169 %endif
   170 }
   172 *|*::-moz-column-content { 
   173   /* the column boxes inside a column-flowed block */
   174   /* make unicode-bidi inherit, otherwise it has no effect on column boxes */
   175   unicode-bidi: inherit;
   176   text-overflow: inherit;
   177   /* inherit the outer frame's display, otherwise we turn into an inline */
   178   display: inherit !important;
   179   /* Carry through our parent's height so that %-height children get
   180   their heights set */
   181   height: 100%;
   182 }
   184 *|*::-moz-anonymous-flex-item {
   185   /* Anonymous blocks that wrap contiguous runs of inline non-replaced
   186    * content inside of a flex container. */
   187   display: block;
   188 }
   190 *|*::-moz-page-sequence, *|*::-moz-scrolled-page-sequence {
   191   /* Collection of pages in print/print preview. Visual styles may only appear
   192    * in print preview. */
   193   display: block !important;
   194   background: linear-gradient(#606060, #8a8a8a) fixed;
   195   height: 100%;
   196 }
   198 *|*::-moz-page {
   199   /* Individual page in print/print preview. Visual styles may only appear
   200    * in print preview. */
   201   display: block !important;
   202   background: white;
   203   box-shadow: 5px 5px 8px #202020;
   204   margin: 0.125in 0.25in;
   205 }
   207 *|*::-moz-pagecontent {
   208   display: block !important;
   209   margin: auto;
   210 }
   212 *|*::-moz-pagebreak {
   213   display: block !important;
   214 }
   216 *|*::-moz-anonymous-positioned-block {
   217   display: block !important;
   218   position: inherit; /* relative or sticky */
   219   top: inherit;
   220   left: inherit;
   221   bottom: inherit;
   222   right: inherit;
   223   z-index: inherit;
   224   clip: inherit;
   225   opacity: inherit;
   226   unicode-bidi: inherit;
   227   text-overflow: inherit;
   228 }
   230 /* Printing */
   232 @media print {
   234   * {
   235     cursor: default !important;
   236   }
   238 }
   240 *|*:not(:root):-moz-full-screen {
   241   position: fixed !important;
   242   top: 0 !important;
   243   left: 0 !important;
   244   right: 0 !important;
   245   bottom: 0 !important;
   246   z-index: 2147483647 !important;
   247   background: black;
   248   width: 100% !important;
   249   height: 100% !important;
   250   margin: 0 !important;
   251   min-width: 0 !important;
   252   max-width: none !important;
   253   min-height: 0 !important;
   254   max-height: none !important;
   255   box-sizing: border-box !important;
   256 }
   258 /* If there is a full-screen element that is not the root then
   259    we should hide the viewport scrollbar. We exclude the chrome
   260    document to prevent reframing of contained plugins. */
   261 :not(xul|*):root:-moz-full-screen-ancestor {
   262   overflow: hidden !important;
   263 }
   265 /* XML parse error reporting */
   267 parsererror|parsererror {
   268   display: block;
   269   font-family: sans-serif;
   270   font-weight: bold;
   271   white-space: pre;
   272   margin: 1em;
   273   padding: 1em;
   274   border-width: thin;
   275   border-style: inset;
   276   border-color: red;
   277   font-size: 14pt;
   278   background-color: lightyellow;
   279 }
   281 parsererror|sourcetext {
   282   display: block;
   283   white-space: pre;
   284   font-family: -moz-fixed;
   285   margin-top: 2em;
   286   margin-bottom: 1em;
   287   color: red;
   288   font-weight: bold;
   289   font-size: 12pt;
   290 }

mercurial