mirror of
https://gitlab.winehq.org/wine/wine-gecko.git
synced 2024-09-13 09:24:08 -07:00
84d00d1454
We want AccessibleCaret be of the same size regardless of the zoom level. We simply divide the caret's width, height, margin-left, and the text selection bar's margin-left by current zoom level. The margin-left of the caret is adjusted from -23px to -23.5px for better looking.
525 lines
14 KiB
CSS
525 lines
14 KiB
CSS
/* 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/. */
|
|
|
|
@namespace parsererror url(http://www.mozilla.org/newlayout/xml/parsererror.xml);
|
|
@namespace xul url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
|
|
|
|
/* magic -- some of these rules are important to keep pages from overriding
|
|
them
|
|
*/
|
|
|
|
/* Tables */
|
|
|
|
*|*::-moz-table {
|
|
display: table !important;
|
|
box-sizing: border-box; /* XXX do we really want this? */
|
|
}
|
|
|
|
*|*::-moz-inline-table {
|
|
display: inline-table !important;
|
|
box-sizing: border-box; /* XXX do we really want this? */
|
|
}
|
|
|
|
*|*::-moz-table-outer {
|
|
display: inherit !important; /* table or inline-table */
|
|
margin: inherit ! important;
|
|
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;
|
|
page-break-inside: inherit;
|
|
vertical-align: inherit; /* needed for inline-table */
|
|
line-height: inherit; /* needed for vertical-align on inline-table */
|
|
align-self: inherit; /* needed for "align-self" to work on table flex items */
|
|
order: inherit; /* needed for "order" to work on table flex items */
|
|
/* Bug 722777 */
|
|
-moz-transform: inherit;
|
|
-moz-transform-origin: inherit;
|
|
/* Bug 724750 */
|
|
-moz-backface-visibility: inherit;
|
|
clip: inherit;
|
|
}
|
|
|
|
*|*::-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;
|
|
}
|
|
|
|
/* Ruby */
|
|
@supports (display:ruby) {
|
|
*|*::-moz-ruby {
|
|
display: ruby;
|
|
unicode-bidi: -moz-isolate;
|
|
}
|
|
*|*::-moz-ruby-base {
|
|
display: ruby-base;
|
|
unicode-bidi: -moz-isolate;
|
|
}
|
|
*|*::-moz-ruby-text {
|
|
display: ruby-text;
|
|
unicode-bidi: -moz-isolate;
|
|
}
|
|
*|*::-moz-ruby-base-container {
|
|
display: ruby-base-container;
|
|
unicode-bidi: -moz-isolate;
|
|
}
|
|
*|*::-moz-ruby-text-container {
|
|
display: ruby-text-container;
|
|
unicode-bidi: -moz-isolate;
|
|
}
|
|
}
|
|
|
|
/* Lists */
|
|
|
|
*|*::-moz-list-bullet, *|*::-moz-list-number {
|
|
display: inline;
|
|
vertical-align: baseline;
|
|
font-variant-numeric: tabular-nums;
|
|
}
|
|
|
|
/* SVG documents don't always load this file but they do have links.
|
|
* If you change the link rules, consider carefully whether to make
|
|
* the same changes to svg.css.
|
|
*/
|
|
|
|
/* Links */
|
|
|
|
*|*:-moz-any-link {
|
|
cursor: pointer;
|
|
}
|
|
|
|
*|*:-moz-any-link:-moz-focusring {
|
|
/* 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;
|
|
unicode-bidi: inherit;
|
|
text-overflow: inherit;
|
|
overflow-clip-box: inherit;
|
|
}
|
|
|
|
*|*::-moz-anonymous-block, *|*::-moz-anonymous-positioned-block {
|
|
/* we currently inherit from the inline that is split */
|
|
outline: inherit;
|
|
outline-offset: inherit;
|
|
clip-path: inherit;
|
|
filter: inherit;
|
|
mask: inherit;
|
|
opacity: inherit;
|
|
text-decoration: inherit;
|
|
-moz-box-ordinal-group: inherit !important;
|
|
overflow-clip-box: inherit;
|
|
}
|
|
|
|
*|*::-moz-xul-anonymous-block {
|
|
display: block ! important;
|
|
position: static ! important;
|
|
float: none ! important;
|
|
-moz-box-ordinal-group: inherit !important;
|
|
text-overflow: inherit;
|
|
overflow-clip-box: inherit;
|
|
}
|
|
|
|
*|*::-moz-scrolled-content, *|*::-moz-scrolled-canvas,
|
|
*|*::-moz-scrolled-page-sequence {
|
|
/* e.g., text inputs, select boxes */
|
|
padding: inherit;
|
|
/* The display doesn't affect the kind of frame constructed here. This just
|
|
affects auto-width sizing of the block we create. */
|
|
display: block;
|
|
-moz-box-orient: inherit;
|
|
/* make unicode-bidi inherit, otherwise it has no effect on text inputs and
|
|
blocks with overflow: scroll; */
|
|
unicode-bidi: inherit;
|
|
text-overflow: inherit;
|
|
-moz-column-count: inherit;
|
|
-moz-column-width: inherit;
|
|
-moz-column-gap: inherit;
|
|
-moz-column-rule: inherit;
|
|
/* CSS3 flexbox properties that apply to the flex container: */
|
|
align-content: inherit;
|
|
align-items: inherit;
|
|
flex-direction: inherit;
|
|
flex-wrap: inherit;
|
|
justify-content: inherit;
|
|
/* Do not change these. nsCSSFrameConstructor depends on them to create a good
|
|
frame tree. */
|
|
position: static !important;
|
|
float: none !important;
|
|
overflow-clip-box: inherit;
|
|
}
|
|
|
|
*|*::-moz-viewport, *|*::-moz-viewport-scroll, *|*::-moz-canvas, *|*::-moz-scrolled-canvas {
|
|
display: block !important;
|
|
background-color: inherit;
|
|
}
|
|
|
|
*|*::-moz-viewport-scroll {
|
|
overflow: auto;
|
|
%ifdef XP_WIN
|
|
resize: both;
|
|
%endif
|
|
}
|
|
|
|
*|*::-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;
|
|
text-overflow: inherit;
|
|
/* 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%;
|
|
}
|
|
|
|
*|*::-moz-anonymous-flex-item,
|
|
*|*::-moz-anonymous-grid-item {
|
|
/* Anonymous blocks that wrap contiguous runs of text
|
|
* inside of a flex or grid container. */
|
|
display: block;
|
|
}
|
|
|
|
*|*::-moz-page-sequence, *|*::-moz-scrolled-page-sequence {
|
|
/* Collection of pages in print/print preview. Visual styles may only appear
|
|
* in print preview. */
|
|
display: block !important;
|
|
background: linear-gradient(#606060, #8a8a8a) fixed;
|
|
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;
|
|
}
|
|
|
|
*|*::-moz-pagecontent {
|
|
display: block !important;
|
|
margin: auto;
|
|
}
|
|
|
|
*|*::-moz-pagebreak {
|
|
display: block !important;
|
|
}
|
|
|
|
*|*::-moz-anonymous-positioned-block {
|
|
display: block !important;
|
|
position: inherit; /* relative or sticky */
|
|
top: inherit;
|
|
left: inherit;
|
|
bottom: inherit;
|
|
right: inherit;
|
|
z-index: inherit;
|
|
clip: inherit;
|
|
opacity: inherit;
|
|
unicode-bidi: inherit;
|
|
text-overflow: inherit;
|
|
}
|
|
|
|
/* Printing */
|
|
|
|
@media print {
|
|
|
|
* {
|
|
cursor: default !important;
|
|
}
|
|
|
|
}
|
|
|
|
*|*:not(:root):-moz-full-screen {
|
|
position: fixed !important;
|
|
top: 0 !important;
|
|
left: 0 !important;
|
|
right: 0 !important;
|
|
bottom: 0 !important;
|
|
z-index: 2147483647 !important;
|
|
background: black;
|
|
width: 100% !important;
|
|
height: 100% !important;
|
|
margin: 0 !important;
|
|
min-width: 0 !important;
|
|
max-width: none !important;
|
|
min-height: 0 !important;
|
|
max-height: none !important;
|
|
box-sizing: border-box !important;
|
|
}
|
|
|
|
/* If there is a full-screen element that is not the root then
|
|
we should hide the viewport scrollbar. We exclude the chrome
|
|
document to prevent reframing of contained plugins. */
|
|
:not(xul|*):root:-moz-full-screen-ancestor {
|
|
overflow: hidden !important;
|
|
}
|
|
|
|
/* 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;
|
|
}
|
|
|
|
div:-moz-native-anonymous.moz-accessiblecaret,
|
|
div:-moz-native-anonymous.moz-accessiblecaret > div.image,
|
|
div:-moz-native-anonymous.moz-accessiblecaret > div.bar {
|
|
position: absolute;
|
|
z-index: 2147483647;
|
|
}
|
|
|
|
div:-moz-native-anonymous.moz-accessiblecaret > div.image {
|
|
background-position: center center;
|
|
background-size: 100% 100%;
|
|
width: 100%;
|
|
height: 100%;
|
|
|
|
/* Override this property in moz-custom-content-container to make dummy touch
|
|
* listener work. */
|
|
pointer-events: auto;
|
|
}
|
|
|
|
div:-moz-native-anonymous.moz-accessiblecaret > div.bar {
|
|
margin-left: 49%;
|
|
background-color: #008aa0;
|
|
}
|
|
|
|
div:-moz-native-anonymous.moz-accessiblecaret.no-bar > div.bar {
|
|
display: none;
|
|
}
|
|
|
|
div:-moz-native-anonymous.moz-accessiblecaret.normal > div.image {
|
|
background-image: url("resource://gre/res/text_caret.png");
|
|
}
|
|
|
|
div:-moz-native-anonymous.moz-accessiblecaret.left > div.image {
|
|
background-image: url("resource://gre/res/text_caret_tilt_left.png");
|
|
margin-left: -39%;
|
|
}
|
|
|
|
div:-moz-native-anonymous.moz-accessiblecaret.right > div.image {
|
|
background-image: url("resource://gre/res/text_caret_tilt_right.png");
|
|
margin-left: 41%;
|
|
}
|
|
|
|
div:-moz-native-anonymous.moz-accessiblecaret.none {
|
|
display: none;
|
|
}
|
|
|
|
@media (min-resolution: 1.5dppx) {
|
|
div:-moz-native-anonymous.moz-accessiblecaret.normal > div.image {
|
|
background-image: url("resource://gre/res/text_caret@1.5x.png");
|
|
}
|
|
|
|
div:-moz-native-anonymous.moz-accessiblecaret.left > div.image {
|
|
background-image: url("resource://gre/res/text_caret_tilt_left@1.5x.png");
|
|
}
|
|
|
|
div:-moz-native-anonymous.moz-accessiblecaret.right > div.image {
|
|
background-image: url("resource://gre/res/text_caret_tilt_right@1.5x.png");
|
|
}
|
|
}
|
|
|
|
@media (min-resolution: 2dppx) {
|
|
div:-moz-native-anonymous.moz-accessiblecaret.normal > div.image {
|
|
background-image: url("resource://gre/res/text_caret@2x.png");
|
|
}
|
|
|
|
div:-moz-native-anonymous.moz-accessiblecaret.left > div.image {
|
|
background-image: url("resource://gre/res/text_caret_tilt_left@2x.png");
|
|
}
|
|
|
|
div:-moz-native-anonymous.moz-accessiblecaret.right > div.image {
|
|
background-image: url("resource://gre/res/text_caret_tilt_right@2x.png");
|
|
}
|
|
}
|
|
|
|
@media (min-resolution: 2.25dppx) {
|
|
div:-moz-native-anonymous.moz-accessiblecaret.normal > div.image {
|
|
background-image: url("resource://gre/res/text_caret@2.25x.png");
|
|
}
|
|
|
|
div:-moz-native-anonymous.moz-accessiblecaret.left > div.image {
|
|
background-image: url("resource://gre/res/text_caret_tilt_left@2.25x.png");
|
|
}
|
|
|
|
div:-moz-native-anonymous.moz-accessiblecaret.right > div.image {
|
|
background-image: url("resource://gre/res/text_caret_tilt_right@2.25x.png");
|
|
}
|
|
}
|
|
|
|
div:-moz-native-anonymous.moz-touchcaret,
|
|
div:-moz-native-anonymous.moz-selectioncaret-left,
|
|
div:-moz-native-anonymous.moz-selectioncaret-right {
|
|
position: fixed;
|
|
width: 44px;
|
|
height: 47px;
|
|
}
|
|
|
|
div:-moz-native-anonymous.moz-selectioncaret-left > div,
|
|
div:-moz-native-anonymous.moz-selectioncaret-right > div {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
bottom: 0;
|
|
}
|
|
|
|
div:-moz-native-anonymous.moz-touchcaret,
|
|
div:-moz-native-anonymous.moz-selectioncaret-left,
|
|
div:-moz-native-anonymous.moz-selectioncaret-right,
|
|
div:-moz-native-anonymous.moz-selectioncaret-left > div,
|
|
div:-moz-native-anonymous.moz-selectioncaret-right > div {
|
|
background-position: center bottom;
|
|
background-size: 100%;
|
|
background-repeat: no-repeat;
|
|
z-index: 2147483647;
|
|
}
|
|
|
|
div:-moz-native-anonymous.moz-touchcaret,
|
|
div:-moz-native-anonymous.moz-selectioncaret-left > div,
|
|
div:-moz-native-anonymous.moz-selectioncaret-right > div {
|
|
background-image: url("resource://gre/res/text_caret.png");
|
|
}
|
|
|
|
div:-moz-native-anonymous.moz-touchcaret,
|
|
div:-moz-native-anonymous.moz-selectioncaret-left,
|
|
div:-moz-native-anonymous.moz-selectioncaret-right {
|
|
margin-left: -23px;
|
|
}
|
|
|
|
div:-moz-native-anonymous.moz-selectioncaret-left.tilt > div {
|
|
background-image: url("resource://gre/res/text_caret_tilt_left.png");
|
|
margin-left: -17px;
|
|
}
|
|
|
|
div:-moz-native-anonymous.moz-selectioncaret-right.tilt > div {
|
|
background-image: url("resource://gre/res/text_caret_tilt_right.png");
|
|
margin-left: 18px;
|
|
}
|
|
|
|
@media (min-resolution: 1.5dppx) {
|
|
div:-moz-native-anonymous.moz-touchcaret,
|
|
div:-moz-native-anonymous.moz-selectioncaret-left > div,
|
|
div:-moz-native-anonymous.moz-selectioncaret-right > div {
|
|
background-image: url("resource://gre/res/text_caret@1.5x.png");
|
|
}
|
|
|
|
div:-moz-native-anonymous.moz-selectioncaret-left.tilt > div {
|
|
background-image: url("resource://gre/res/text_caret_tilt_left@1.5x.png");
|
|
}
|
|
|
|
div:-moz-native-anonymous.moz-selectioncaret-right.tilt > div {
|
|
background-image: url("resource://gre/res/text_caret_tilt_right@1.5x.png");
|
|
}
|
|
}
|
|
|
|
@media (min-resolution: 2dppx) {
|
|
div:-moz-native-anonymous.moz-touchcaret,
|
|
div:-moz-native-anonymous.moz-selectioncaret-left > div,
|
|
div:-moz-native-anonymous.moz-selectioncaret-right > div {
|
|
background-image: url("resource://gre/res/text_caret@2x.png");
|
|
}
|
|
|
|
div:-moz-native-anonymous.moz-selectioncaret-left.tilt > div {
|
|
background-image: url("resource://gre/res/text_caret_tilt_left@2x.png");
|
|
}
|
|
|
|
div:-moz-native-anonymous.moz-selectioncaret-right.tilt > div {
|
|
background-image: url("resource://gre/res/text_caret_tilt_right@2x.png");
|
|
}
|
|
}
|
|
|
|
@media (min-resolution: 2.25dppx) {
|
|
div:-moz-native-anonymous.moz-touchcaret,
|
|
div:-moz-native-anonymous.moz-selectioncaret-left > div,
|
|
div:-moz-native-anonymous.moz-selectioncaret-right > div {
|
|
background-image: url("resource://gre/res/text_caret@2.25x.png");
|
|
}
|
|
|
|
div:-moz-native-anonymous.moz-selectioncaret-left.tilt > div {
|
|
background-image: url("resource://gre/res/text_caret_tilt_left@2.25x.png");
|
|
}
|
|
|
|
div:-moz-native-anonymous.moz-selectioncaret-right.tilt > div {
|
|
background-image: url("resource://gre/res/text_caret_tilt_right@2.25x.png");
|
|
}
|
|
}
|
|
|
|
div:-moz-native-anonymous.moz-touchcaret.hidden,
|
|
div:-moz-native-anonymous.moz-selectioncaret-left.hidden,
|
|
div:-moz-native-anonymous.moz-selectioncaret-right.hidden,
|
|
div:-moz-native-anonymous.moz-selectioncaret-left.hidden > div,
|
|
div:-moz-native-anonymous.moz-selectioncaret-right.hidden > div {
|
|
width: 0px;
|
|
height: 0px;
|
|
margin: 0px;
|
|
visibility: hidden;
|
|
}
|
|
|
|
/* Custom content container in the CanvasFrame, fixed positioned on top of
|
|
everything else, not reacting to pointer events. */
|
|
div:-moz-native-anonymous.moz-custom-content-container {
|
|
pointer-events: none;
|
|
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
|
|
z-index: 2147483648;
|
|
}
|