layout/style/contenteditable.css

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