layout/style/contenteditable.css

Wed, 31 Dec 2014 06:55:50 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Wed, 31 Dec 2014 06:55:50 +0100
changeset 2
7e26c7da4463
permissions
-rw-r--r--

Added tag UPSTREAM_283F7C6 for changeset ca08bd8f51b2

michael@0 1 /* -*- Mode: C++; tab-width: 2; indent-tabs-mode: nil; c-basic-offset: 2 -*- */
michael@0 2 /* This Source Code Form is subject to the terms of the Mozilla Public
michael@0 3 * License, v. 2.0. If a copy of the MPL was not distributed with this
michael@0 4 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
michael@0 5
michael@0 6 @namespace url(http://www.w3.org/1999/xhtml); /* set default namespace to HTML */
michael@0 7
michael@0 8 *|*::-moz-canvas {
michael@0 9 cursor: text;
michael@0 10 }
michael@0 11
michael@0 12 *|*:focus:-moz-read-write :-moz-read-only {
michael@0 13 -moz-user-select: all !important;
michael@0 14 }
michael@0 15
michael@0 16 input:-moz-read-write > .anonymous-div:-moz-read-only,
michael@0 17 textarea:-moz-read-write > .anonymous-div:-moz-read-only {
michael@0 18 -moz-user-select: text !important;
michael@0 19 }
michael@0 20
michael@0 21 /* Use default arrow over objects with size that
michael@0 22 are selected when clicked on.
michael@0 23 Override the browser's pointer cursor over links
michael@0 24 */
michael@0 25
michael@0 26 img:-moz-read-write, img:-moz-read-write[usemap], area:-moz-read-write,
michael@0 27 object:-moz-read-write, object:-moz-read-write[usemap],
michael@0 28 applet:-moz-read-write, hr:-moz-read-write, button:-moz-read-write,
michael@0 29 select:-moz-read-write,
michael@0 30 a:-moz-read-write:link img, a:-moz-read-write:visited img,
michael@0 31 a:-moz-read-write:active img, a:-moz-read-write:-moz-only-whitespace[name] {
michael@0 32 cursor: default;
michael@0 33 }
michael@0 34
michael@0 35 *|*:-moz-any-link:-moz-read-write {
michael@0 36 cursor: text;
michael@0 37 }
michael@0 38
michael@0 39 /* Prevent clicking on links from going to link */
michael@0 40 a:link:-moz-read-write img, a:visited:-moz-read-write img,
michael@0 41 a:active:-moz-read-write img {
michael@0 42 -moz-user-input: none;
michael@0 43 }
michael@0 44
michael@0 45 /* We suppress user/author's prefs for link underline,
michael@0 46 so we must set explicitly. This isn't good!
michael@0 47 */
michael@0 48 a:link:-moz-read-write {
michael@0 49 text-decoration: underline -moz-anchor-decoration;
michael@0 50 color: -moz-hyperlinktext;
michael@0 51 }
michael@0 52
michael@0 53 /* Allow double-clicks on these widgets to open properties dialogs
michael@0 54 XXX except when the widget has disabled attribute */
michael@0 55 *|*:-moz-read-write > input:-moz-read-only,
michael@0 56 *|*:-moz-read-write > button:-moz-read-only,
michael@0 57 *|*:-moz-read-write > textarea:-moz-read-only {
michael@0 58 -moz-user-select: all !important;
michael@0 59 -moz-user-input: auto !important;
michael@0 60 -moz-user-focus: none !important;
michael@0 61 }
michael@0 62
michael@0 63 /* XXX Still need a better way of blocking other events to these widgets */
michael@0 64 select:-moz-read-write,
michael@0 65 *|*:-moz-read-write > input:disabled,
michael@0 66 *|*:-moz-read-write > input[type="checkbox"],
michael@0 67 *|*:-moz-read-write > input[type="radio"],
michael@0 68 *|*:-moz-read-write > input[type="file"],
michael@0 69 input[contenteditable="true"]:disabled,
michael@0 70 input[contenteditable="true"][type="checkbox"],
michael@0 71 input[contenteditable="true"][type="radio"],
michael@0 72 input[contenteditable="true"][type="file"] {
michael@0 73 -moz-user-select: all !important;
michael@0 74 -moz-user-input: none !important;
michael@0 75 -moz-user-focus: none !important;
michael@0 76 }
michael@0 77
michael@0 78 /* emulation of non-standard HTML <marquee> tag */
michael@0 79 marquee:-moz-read-write {
michael@0 80 -moz-binding: url('chrome://xbl-marquee/content/xbl-marquee.xml#marquee-horizontal-editable');
michael@0 81 }
michael@0 82
michael@0 83 marquee[direction="up"]:-moz-read-write, marquee[direction="down"]:-moz-read-write {
michael@0 84 -moz-binding: url('chrome://xbl-marquee/content/xbl-marquee.xml#marquee-vertical-editable');
michael@0 85 }
michael@0 86
michael@0 87 *|*:-moz-read-write > input[type="hidden"],
michael@0 88 input[contenteditable="true"][type="hidden"] {
michael@0 89 border: 1px solid black !important;
michael@0 90 visibility: visible !important;
michael@0 91 }
michael@0 92
michael@0 93 label:-moz-read-write {
michael@0 94 -moz-user-select: all !important;
michael@0 95 }
michael@0 96
michael@0 97 *|*::-moz-display-comboboxcontrol-frame {
michael@0 98 -moz-user-select: text !important;
michael@0 99 }
michael@0 100
michael@0 101 option:-moz-read-write {
michael@0 102 -moz-user-select: text !important;
michael@0 103 }
michael@0 104
michael@0 105 /* the following rules are for Image Resizing */
michael@0 106
michael@0 107 span[\_moz_anonclass="mozResizer"] {
michael@0 108 width: 5px;
michael@0 109 height: 5px;
michael@0 110 position: absolute;
michael@0 111 border: 1px black solid;
michael@0 112 background-color: white;
michael@0 113 -moz-user-select: none;
michael@0 114 z-index: 2147483646; /* max value -1 for this property */
michael@0 115 }
michael@0 116
michael@0 117 /* we can't use :active below */
michael@0 118 span[\_moz_anonclass="mozResizer"][\_moz_activated],
michael@0 119 span[\_moz_anonclass="mozResizer"]:hover {
michael@0 120 background-color: black;
michael@0 121 }
michael@0 122
michael@0 123 span[\_moz_anonclass="mozResizer"].hidden,
michael@0 124 span[\_moz_anonclass="mozResizingShadow"].hidden,
michael@0 125 img[\_moz_anonclass="mozResizingShadow"].hidden,
michael@0 126 span[\_moz_anonclass="mozGrabber"].hidden,
michael@0 127 span[\_moz_anonclass="mozResizingInfo"].hidden,
michael@0 128 a[\_moz_anonclass="mozTableRemoveRow"].hidden,
michael@0 129 a[\_moz_anonclass="mozTableRemoveColumn"].hidden {
michael@0 130 display: none !important;
michael@0 131 }
michael@0 132
michael@0 133 span[\_moz_anonclass="mozResizer"][anonlocation="nw"] {
michael@0 134 cursor: nw-resize;
michael@0 135 }
michael@0 136 span[\_moz_anonclass="mozResizer"][anonlocation="n"] {
michael@0 137 cursor: n-resize;
michael@0 138 }
michael@0 139 span[\_moz_anonclass="mozResizer"][anonlocation="ne"] {
michael@0 140 cursor: ne-resize;
michael@0 141 }
michael@0 142 span[\_moz_anonclass="mozResizer"][anonlocation="w"] {
michael@0 143 cursor: w-resize;
michael@0 144 }
michael@0 145 span[\_moz_anonclass="mozResizer"][anonlocation="e"] {
michael@0 146 cursor: e-resize;
michael@0 147 }
michael@0 148 span[\_moz_anonclass="mozResizer"][anonlocation="sw"] {
michael@0 149 cursor: sw-resize;
michael@0 150 }
michael@0 151 span[\_moz_anonclass="mozResizer"][anonlocation="s"] {
michael@0 152 cursor: s-resize;
michael@0 153 }
michael@0 154 span[\_moz_anonclass="mozResizer"][anonlocation="se"] {
michael@0 155 cursor: se-resize;
michael@0 156 }
michael@0 157
michael@0 158 span[\_moz_anonclass="mozResizingShadow"],
michael@0 159 img[\_moz_anonclass="mozResizingShadow"] {
michael@0 160 outline: thin dashed black;
michael@0 161 -moz-user-select: none;
michael@0 162 opacity: 0.5;
michael@0 163 position: absolute;
michael@0 164 z-index: 2147483647; /* max value for this property */
michael@0 165 }
michael@0 166
michael@0 167 span[\_moz_anonclass="mozResizingInfo"] {
michael@0 168 font-family: sans-serif;
michael@0 169 font-size: x-small;
michael@0 170 color: black;
michael@0 171 background-color: #d0d0d0;
michael@0 172 border: ridge 2px #d0d0d0;
michael@0 173 padding: 2px;
michael@0 174 position: absolute;
michael@0 175 z-index: 2147483647; /* max value for this property */
michael@0 176 }
michael@0 177
michael@0 178 img[\_moz_resizing] {
michael@0 179 outline: thin solid black;
michael@0 180 }
michael@0 181
michael@0 182 *[\_moz_abspos] {
michael@0 183 outline: silver ridge 2px;
michael@0 184 z-index: 2147483645 !important; /* max value -2 for this property */
michael@0 185 }
michael@0 186 *[\_moz_abspos="white"] {
michael@0 187 background-color: white !important;
michael@0 188 }
michael@0 189 *[\_moz_abspos="black"] {
michael@0 190 background-color: black !important;
michael@0 191 }
michael@0 192
michael@0 193 span[\_moz_anonclass="mozGrabber"] {
michael@0 194 outline: ridge 2px silver;
michael@0 195 padding: 2px;
michael@0 196 position: absolute;
michael@0 197 width: 12px;
michael@0 198 height: 12px;
michael@0 199 background-image: url("resource://gre/res/grabber.gif");
michael@0 200 background-repeat: no-repeat;
michael@0 201 background-position: center center;
michael@0 202 -moz-user-select: none;
michael@0 203 cursor: move;
michael@0 204 }
michael@0 205
michael@0 206 /* INLINE TABLE EDITING */
michael@0 207
michael@0 208 a[\_moz_anonclass="mozTableAddColumnBefore"] {
michael@0 209 position: absolute;
michael@0 210 z-index: 2147483647; /* max value for this property */
michael@0 211 text-decoration: none !important;
michael@0 212 border: none 0px !important;
michael@0 213 width: 4px;
michael@0 214 height: 8px;
michael@0 215 background-image: url("resource://gre/res/table-add-column-before.gif");
michael@0 216 background-repeat: no-repeat;
michael@0 217 background-position: center center;
michael@0 218 -moz-user-select: none !important;
michael@0 219 -moz-user-focus: none !important;
michael@0 220 }
michael@0 221
michael@0 222 a[\_moz_anonclass="mozTableAddColumnBefore"]:hover {
michael@0 223 background-image: url("resource://gre/res/table-add-column-before-hover.gif");
michael@0 224 }
michael@0 225
michael@0 226 a[\_moz_anonclass="mozTableAddColumnBefore"]:active {
michael@0 227 background-image: url("resource://gre/res/table-add-column-before-active.gif");
michael@0 228 }
michael@0 229
michael@0 230 a[\_moz_anonclass="mozTableAddColumnAfter"] {
michael@0 231 position: absolute;
michael@0 232 z-index: 2147483647; /* max value for this property */
michael@0 233 text-decoration: none !important;
michael@0 234 border: none 0px !important;
michael@0 235 width: 4px;
michael@0 236 height: 8px;
michael@0 237 background-image: url("resource://gre/res/table-add-column-after.gif");
michael@0 238 background-repeat: no-repeat;
michael@0 239 background-position: center center;
michael@0 240 -moz-user-select: none !important;
michael@0 241 -moz-user-focus: none !important;
michael@0 242 }
michael@0 243
michael@0 244 a[\_moz_anonclass="mozTableAddColumnAfter"]:hover {
michael@0 245 background-image: url("resource://gre/res/table-add-column-after-hover.gif");
michael@0 246 }
michael@0 247
michael@0 248 a[\_moz_anonclass="mozTableAddColumnAfter"]:active {
michael@0 249 background-image: url("resource://gre/res/table-add-column-after-active.gif");
michael@0 250 }
michael@0 251
michael@0 252 a[\_moz_anonclass="mozTableRemoveColumn"] {
michael@0 253 position: absolute;
michael@0 254 z-index: 2147483647; /* max value for this property */
michael@0 255 text-decoration: none !important;
michael@0 256 border: none 0px !important;
michael@0 257 width: 8px;
michael@0 258 height: 8px;
michael@0 259 background-image: url("resource://gre/res/table-remove-column.gif");
michael@0 260 background-repeat: no-repeat;
michael@0 261 background-position: center center;
michael@0 262 -moz-user-select: none !important;
michael@0 263 -moz-user-focus: none !important;
michael@0 264 }
michael@0 265
michael@0 266 a[\_moz_anonclass="mozTableRemoveColumn"]:hover {
michael@0 267 background-image: url("resource://gre/res/table-remove-column-hover.gif");
michael@0 268 }
michael@0 269
michael@0 270 a[\_moz_anonclass="mozTableRemoveColumn"]:active {
michael@0 271 background-image: url("resource://gre/res/table-remove-column-active.gif");
michael@0 272 }
michael@0 273
michael@0 274 a[\_moz_anonclass="mozTableAddRowBefore"] {
michael@0 275 position: absolute;
michael@0 276 z-index: 2147483647; /* max value for this property */
michael@0 277 text-decoration: none !important;
michael@0 278 border: none 0px !important;
michael@0 279 width: 8px;
michael@0 280 height: 4px;
michael@0 281 background-image: url("resource://gre/res/table-add-row-before.gif");
michael@0 282 background-repeat: no-repeat;
michael@0 283 background-position: center center;
michael@0 284 -moz-user-select: none !important;
michael@0 285 -moz-user-focus: none !important;
michael@0 286 }
michael@0 287
michael@0 288 a[\_moz_anonclass="mozTableAddRowBefore"]:hover {
michael@0 289 background-image: url("resource://gre/res/table-add-row-before-hover.gif");
michael@0 290 }
michael@0 291
michael@0 292 a[\_moz_anonclass="mozTableAddRowBefore"]:active {
michael@0 293 background-image: url("resource://gre/res/table-add-row-before-active.gif");
michael@0 294 }
michael@0 295
michael@0 296 a[\_moz_anonclass="mozTableAddRowAfter"] {
michael@0 297 position: absolute;
michael@0 298 z-index: 2147483647; /* max value for this property */
michael@0 299 text-decoration: none !important;
michael@0 300 border: none 0px !important;
michael@0 301 width: 8px;
michael@0 302 height: 4px;
michael@0 303 background-image: url("resource://gre/res/table-add-row-after.gif");
michael@0 304 background-repeat: no-repeat;
michael@0 305 background-position: center center;
michael@0 306 -moz-user-select: none !important;
michael@0 307 -moz-user-focus: none !important;
michael@0 308 }
michael@0 309
michael@0 310 a[\_moz_anonclass="mozTableAddRowAfter"]:hover {
michael@0 311 background-image: url("resource://gre/res/table-add-row-after-hover.gif");
michael@0 312 }
michael@0 313
michael@0 314 a[\_moz_anonclass="mozTableAddRowAfter"]:active {
michael@0 315 background-image: url("resource://gre/res/table-add-row-after-active.gif");
michael@0 316 }
michael@0 317
michael@0 318 a[\_moz_anonclass="mozTableRemoveRow"] {
michael@0 319 position: absolute;
michael@0 320 z-index: 2147483647; /* max value for this property */
michael@0 321 text-decoration: none !important;
michael@0 322 border: none 0px !important;
michael@0 323 width: 8px;
michael@0 324 height: 8px;
michael@0 325 background-image: url("resource://gre/res/table-remove-row.gif");
michael@0 326 background-repeat: no-repeat;
michael@0 327 background-position: center center;
michael@0 328 -moz-user-select: none !important;
michael@0 329 -moz-user-focus: none !important;
michael@0 330 }
michael@0 331
michael@0 332 a[\_moz_anonclass="mozTableRemoveRow"]:hover {
michael@0 333 background-image: url("resource://gre/res/table-remove-row-hover.gif");
michael@0 334 }
michael@0 335
michael@0 336 a[\_moz_anonclass="mozTableRemoveRow"]:active {
michael@0 337 background-image: url("resource://gre/res/table-remove-row-active.gif");
michael@0 338 }

mercurial