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