EarlyBlue/editor/editorFormatToolbar.css

   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/. */
   4
   5 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
   6
   7 /* ::::: formatting buttons ::::: */
   8
   9 #FormatToolbar > toolbarbutton > .toolbarbutton-text {
  10   display: none;
  11 }
  12
  13 toolbarbutton.formatting-button {
  14   min-width: 18px;
  15 }
  16
  17 #DecreaseFontSizeButton {
  18   list-style-image: url("chrome://editor/skin/icons/dec-font-size.gif");
  19 }
  20
  21 #DecreaseFontSizeButton[disabled="true"] {
  22   list-style-image: url("chrome://editor/skin/icons/dec-font-size-disabled.gif") !important;
  23 }
  24
  25 #IncreaseFontSizeButton {
  26   list-style-image: url("chrome://editor/skin/icons/inc-font-size.gif");
  27 }
  28
  29 #IncreaseFontSizeButton[disabled="true"] {
  30   list-style-image: url("chrome://editor/skin/icons/inc-font-size-disabled.gif") !important;
  31 }
  32
  33 #boldButton {
  34   list-style-image: url(chrome://editor/skin/icons/bold.gif);
  35 }
  36
  37 #boldButton[disabled="true"] {
  38   list-style-image: url("chrome://editor/skin/icons/bold-disabled.gif") !important;
  39 }
  40
  41 #italicButton {
  42   list-style-image: url("chrome://editor/skin/icons/italic.gif");
  43 }
  44
  45 #italicButton[disabled="true"] {
  46   list-style-image: url("chrome://editor/skin/icons/italic-disabled.gif") !important;
  47 }
  48
  49 #underlineButton {
  50   list-style-image: url("chrome://editor/skin/icons/underline.gif");
  51 }
  52
  53 #underlineButton[disabled="true"] {
  54   list-style-image: url("chrome://editor/skin/icons/underline-disabled.gif") !important;
  55 }
  56
  57 #ulButton {
  58   list-style-image:url("chrome://editor/skin/icons/bullets.gif");
  59 }
  60
  61 #ulButton[disabled="true"] {
  62   list-style-image: url("chrome://editor/skin/icons/bullets-disabled.gif") !important;
  63 }
  64
  65 #olButton {
  66   list-style-image: url("chrome://editor/skin/icons/numbers.gif");
  67 }
  68
  69 #olButton[disabled="true"] {
  70   list-style-image: url("chrome://editor/skin/icons/numbers-disabled.gif") !important;
  71 }
  72
  73 #outdentButton {
  74   list-style-image: url("chrome://editor/skin/icons/outdent.gif");
  75 }
  76
  77 #outdentButton[disabled="true"] {
  78   list-style-image: url("chrome://editor/skin/icons/outdent-disabled.gif") !important;
  79 }
  80
  81 #indentButton {
  82   list-style-image: url("chrome://editor/skin/icons/indent.gif");
  83 }
  84
  85 #indentButton[disabled="true"] {
  86   list-style-image: url("chrome://editor/skin/icons/indent-disabled.gif") !important;
  87 }
  88
  89 #align-left-button {
  90   list-style-image: url("chrome://editor/skin/icons/left.gif");
  91 }
  92
  93 #align-left-button[disabled="true"] {
  94   list-style-image: url("chrome://editor/skin/icons/left-disabled.gif") !important;
  95 }
  96
  97 #align-center-button {
  98   list-style-image: url("chrome://editor/skin/icons/center.gif");
  99 }
 100
 101 #align-center-button[disabled="true"] {
 102   list-style-image: url("chrome://editor/skin/icons/center-disabled.gif") !important;
 103 }
 104
 105 #align-right-button {
 106   list-style-image: url("chrome://editor/skin/icons/right.gif");
 107 }
 108
 109 #align-right-button[disabled="true"] {
 110   list-style-image: url("chrome://editor/skin/icons/right-disabled.gif") !important;
 111 }
 112
 113 #align-justify-button {
 114   list-style-image: url("chrome://editor/skin/icons/justify.gif");
 115 }
 116
 117 #align-justify-button[disabled="true"] {
 118   list-style-image: url("chrome://editor/skin/icons/justify-disabled.gif") !important;
 119 }
 120
 121 #AlignPopupButton {
 122   list-style-image: url("chrome://editor/skin/icons/align.gif");
 123 }
 124
 125 #AlignPopupButton[disabled="true"] {
 126   list-style-image: url("chrome://editor/skin/icons/align-disabled.gif") !important;
 127 }
 128
 129 #InsertPopupButton {
 130   list-style-image: url("chrome://editor/skin/icons/insert.gif");
 131 }
 132
 133 #InsertPopupButton[disabled="true"] {
 134   list-style-image: url("chrome://editor/skin/icons/insert-disabled.gif") !important;
 135 }
 136
 137 #smileButtonMenu {
 138   list-style-image: url("chrome://editor/skin/icons/smile.gif");
 139 }
 140
 141 #smileButtonMenu[disabled="true"] {
 142   list-style-image: url("chrome://editor/skin/icons/smile-disabled.gif") !important;
 143 }
 144
 145 /* ::::: menuitem icons ::::: */
 146
 147 /* ..... align menu ..... */
 148
 149 #AlignLeftItem {
 150   list-style-image: url("chrome://editor/skin/icons/left.gif");
 151 }
 152
 153 #AlignCenterItem {
 154   list-style-image: url("chrome://editor/skin/icons/center.gif");
 155 }
 156
 157 #AlignRightItem {
 158   list-style-image: url("chrome://editor/skin/icons/right.gif");
 159 }
 160
 161 #AlignJustifyItem {
 162   list-style-image: url("chrome://editor/skin/icons/justify.gif");
 163 }
 164
 165 /* ..... insert menu ..... */
 166
 167 #InsertPopup > menuitem {
 168   list-style-image: url("chrome://editor/skin/icons/editoricons-small.png");
 169 }
 170
 171 #InsertLinkItem {
 172   -moz-image-region: rect(48px 16px 64px 0);
 173 }
 174
 175 #InsertAnchorItem {
 176   -moz-image-region: rect(0px 16px 16px 0);
 177 }
 178
 179 #InsertImageItem {
 180   -moz-image-region: rect(32px 16px 48px 0);
 181 }
 182
 183 #InsertHRuleItem {
 184   -moz-image-region: rect(16px 16px 32px 0);
 185 }
 186
 187 #InsertTableItem {
 188   -moz-image-region: rect(144px 16px 160px 0);
 189 }
 190
 191 /* ..... smiley menu ..... */
 192
 193 .insert-smile {
 194   list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-smile.png");
 195 }
 196
 197 .insert-frown {
 198   list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-frown.png");
 199 }
 200
 201 .insert-wink {
 202   list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-wink.png");
 203 }
 204
 205 .insert-tongue {
 206   list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-tongue.png");
 207 }
 208
 209 .insert-laughing {
 210   list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-laughing.png");
 211 }
 212
 213 .insert-embarrassed {
 214   list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-embarrassed.png");
 215 }
 216
 217 .insert-undecided {
 218   list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-undecided.png");
 219 }
 220
 221 .insert-surprise {
 222   list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-surprise.png");
 223 }
 224
 225 .insert-kiss {
 226   list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-kiss.png");
 227 }
 228
 229 .insert-yell {
 230   list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-yell.png");
 231 }
 232
 233 .insert-cool {
 234   list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-cool.png");
 235 }
 236
 237 .insert-money {
 238   list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-money.png");
 239 }
 240
 241 .insert-foot {
 242   list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-foot.png");
 243 }
 244
 245 .insert-innocent {
 246   list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-innocent.png");
 247 }
 248
 249 .insert-cry {
 250   list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-cry.png");
 251 }
 252
 253 .insert-sealed {
 254   list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-sealed.png");
 255 }
 256
 257 /* ::::: fg/bg color picker ::::: */
 258
 259 .ColorPickerLabel {
 260   border: 1px inset #CCD0DD;
 261   margin: 0px;
 262   padding: 2px;
 263 }
 264
 265 .color-button {
 266   border: 1px inset #CCD0DD;
 267   padding: 0px;
 268   width: 14px;
 269   height: 12px;
 270   margin: 2px;
 271 }
 272
 273 .color-button:hover {
 274   border: 1px solid #666699;
 275 }
 276
 277 #TextColorButton {
 278   margin-top: 2px;
 279   margin-bottom: 9px;
 280   -moz-margin-start: 2px;
 281   -moz-margin-end: 9px;
 282 }
 283
 284 #TextColorButton[color="mixed"] {
 285   background-image: url("chrome://editor/skin/icons/multicolor.png");
 286   background-size: cover;
 287 }
 288
 289 #BackgroundColorButton {
 290   margin-top: 9px;
 291   margin-bottom: 2px;
 292   -moz-margin-start: 9px;
 293   -moz-margin-end: 2px;
 294 }
 295
 296 #HighlightColorButton {
 297   list-style-image: url("chrome://editor/skin/icons/highlight.gif");
 298   background-color: transparent;
 299 }
 300
 301 #HighlightColorButton[disabled="true"] {
 302   list-style-image: url("chrome://editor/skin/icons/highlight-disabled.gif") !important;
 303 }
 304
 305 #absolutePositionButton {
 306   list-style-image: url("chrome://editor/skin/icons/pinned.gif");
 307 }
 308
 309 #absolutePositionButton[disabled="true"] {
 310   list-style-image: url("chrome://editor/skin/icons/pinned-disabled.gif") !important;
 311 }
 312
 313 #absolutePositionButton[checked="true"] {
 314   list-style-image: url("chrome://editor/skin/icons/notpinned.gif");
 315 }
 316
 317 #increaseZIndexButton {
 318   list-style-image: url("chrome://editor/content/images/bringtofront.gif");
 319 }
 320
 321 #increaseZIndexButton[disabled="true"] {
 322   list-style-image: url("chrome://editor/content/images/bringtofront-disabled.gif");
 323 }
 324
 325 #decreaseZIndexButton {
 326   list-style-image: url("chrome://editor/content/images/sendtoback.gif");
 327 }
 328
 329 #decreaseZIndexButton[disabled="true"] {
 330   list-style-image: url("chrome://editor/content/images/sendtoback-disabled.gif");
 331 }