EarlyBlue/editor/EditorDialog.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 .MinWidth5em {
   8   min-width: 5em;
   9 }
  10
  11 .MinWidth10em {
  12   min-width: 10em;
  13 }
  14
  15 .MinWidth15em {
  16   min-width: 15em;
  17 }
  18
  19 .MinWidth20em {
  20   min-width: 20em;
  21 }
  22
  23 .bold {
  24   font-weight: bold;
  25 }
  26
  27 .italic {
  28   font-style: italic;
  29 }
  30
  31 .larger {
  32   font-size: 120%;
  33 }
  34
  35 .narrow {
  36   width: 3em;
  37 }
  38
  39 .wrap {
  40  width: 1em;
  41 }
  42
  43 .menuitem-highlight-1 {
  44   font-weight: bold;
  45 }
  46
  47 .color-well {
  48   width: 20px;
  49   height: 12px;
  50   border: 1px inset #CCD0DD;
  51 }
  52
  53 .color-well[default="true"] {
  54   border: 1px solid transparent !important;
  55   background-color: inherit !important;
  56 }
  57
  58 .color-button {
  59   /* override large default min-width */
  60   min-width : 0px;
  61   margin: 2px;
  62 }
  63
  64 #ColorPicker {
  65   -moz-user-focus: normal;
  66 }
  67
  68 #ColorPickerSwatch {
  69   border: 2px outset #CCD0DD;
  70   width: 25px;
  71   height: 20px;
  72   margin: 0;
  73   -moz-margin-end: 3px;
  74 }
  75
  76 #ColorPickerSwatch[default="true"] {
  77   border: 2px solid transparent;
  78   background-color: inherit;
  79 }
  80
  81 #LastPickedColor {
  82   width: 17px;
  83   height: 13px;
  84   border: 1px inset #CCD0DD;
  85   margin-top: 1px;
  86   margin-bottom: 2px;
  87   -moz-margin-start: 4px;
  88   -moz-margin-end: 2px;
  89 }
  90
  91 #ColorPreview {
  92   border: 1px inset #CCD0DD;
  93   -moz-margin-start: 10px;
  94   -moz-padding-start: 5px;
  95   -moz-padding-end: 5px;
  96   min-width: 100px;
  97   min-height: 50px;
  98 }
  99
 100 /* ::::: table properties dialog ::::: */
 101
 102 #MoreFewerButton[more="0"] {
 103   list-style-image: url(chrome://global/skin/arrow/arrow-down.gif);
 104   min-width: 12em;
 105 }
 106
 107 #MoreFewerButton[more="1"] {
 108   list-style-image: url(chrome://global/skin/arrow/arrow-up.gif);
 109   min-width: 12em;
 110 }
 111
 112 #PreviousButton {
 113   list-style-image: url(chrome://global/skin/arrow/arrow-left.gif);
 114 }
 115
 116 #NextButton {
 117   list-style-image: url(chrome://global/skin/arrow/arrow-right.gif);
 118 }
 119
 120 #PreviousButton[type="row"] {
 121   list-style-image: url(chrome://global/skin/arrow/arrow-up.gif);
 122 }
 123
 124 #NextButton[type="row"] {
 125   list-style-image: url(chrome://global/skin/arrow/arrow-down.gif);
 126 }
 127
 128 /* ::::: spelling dialog ::::: */
 129
 130 #ReplaceWordInput {
 131   min-width: 16em;
 132   width: 16em;
 133 }
 134
 135 .spell-check {
 136   min-width: 8em;
 137 }
 138
 139 /* ::::: color picker ::::: */
 140
 141 /* use outset shape for a button look */
 142 .colorpicker {
 143   border: 1px outset #CCD0DD;
 144   /* This should be the same as for textbox */
 145   -moz-margin-start: 4px;
 146   /* For a little extra space between buttons */
 147   margin-bottom: 2px;
 148 }
 149
 150
 151 .colorpicker:active {
 152   border: 1px inset #CCD0DD;
 153 }
 154
 155 .smallspacer {
 156   width: 3px;
 157   height: 3px;
 158   min-width: 3px;
 159   min-height: 3px;
 160 }
 161
 162 .spacer {
 163   width: 5px;
 164   height: 5px;
 165   min-width: 5px;
 166   min-height: 5px;
 167 }
 168
 169 .bigspacer {
 170   width: 10px;
 171   height: 10px;
 172   min-width: 10px;
 173   min-height: 10px;
 174 }
 175
 176 /* These two should be the width of the checkbox and radio button images + margin + padding
 177    Used to indent below those to the level of the text label next to image
 178 */
 179
 180 .checkbox-spacer {
 181   width: 16px;
 182   min-width: 16px;
 183 }
 184
 185 .radio-spacer {
 186   width: 16px;
 187   min-width: 16px;
 188 }
 189
 190 .align-menu > .menu-iconic-left > .menu-iconic-icon {
 191   height: auto;
 192   width: auto;
 193 }
 194
 195 .align-menu[value="top"] {
 196   list-style-image:url("chrome://editor/skin/icons/img-align-top.gif") !important;
 197 }
 198
 199 .align-menu[value="center"] {
 200   list-style-image:url("chrome://editor/skin/icons/img-align-middle.gif") !important;
 201 }
 202
 203 .align-menu[value="bottom"] {
 204   list-style-image:url("chrome://editor/skin/icons/img-align-bottom.gif") !important;
 205 }
 206
 207 .align-menu[value="right"] {
 208   list-style-image:url("chrome://editor/skin/icons/img-align-right.gif") !important;
 209 }
 210
 211 .align-menu[value="left"] {
 212   list-style-image:url("chrome://editor/skin/icons/img-align-left.gif") !important;
 213 }
 214
 215 /* Don't change width/height of these without changing values in
 216   GetOriginalWidth(), EdImageProps.js
 217 */
 218 #preview-image-box {
 219   border: 1px inset #CCD0DD;
 220   width: 82px;
 221   max-width: 82px;
 222   min-width: 82px;
 223   height: 52px;
 224   max-height: 52px;
 225   min-height: 52px;
 226   margin: 6px 5px;
 227   overflow: -moz-hidden-unscrollable;
 228 }
 229
 230 #preview-image-holder {
 231   padding: 0px;
 232   margin: 0px;
 233 }
 234
 235 /* Rest are from Ben Goodger for Advanced Edit dialog
 236    These need reviewing and eliminate all but essential attributes */
 237 /* Have made some mods and eliminated some unnecessary portions.
 238    hope to merge most of the treecell formatting into global as some of
 239    this "property list" style treecell formatting is used by cookie/signon
 240    viewers. */
 241
 242
 243 #tagLabel {
 244   font-weight: bold;
 245 }
 246
 247 /* styles for an attribute tree-table */
 248 tree.AttributesTree {
 249   min-width: 200px;
 250   min-height: 200px;
 251 }
 252
 253 /* ::::: select edit dialog ::::: */
 254
 255 #SelectTreeChildren::-moz-tree-cell(SelectSelCol, checked-true) {
 256   background: url("chrome://global/skin/checkbox/cbox-check.gif") 50% 50% no-repeat;
 257 }
 258
 259 /* ::::: Publishing Progress ::::: */
 260
 261 .progressitem[progress="busy"] {
 262   list-style-image: url("chrome://editor/skin/icons/progress-busy.gif");
 263 }
 264
 265 .progressitem[progress="done"] {
 266   list-style-image: url("chrome://editor/skin/icons/progress-done.gif");
 267 }
 268
 269 .progressitem[progress="failed"] {
 270   list-style-image: url("chrome://editor/skin/icons/progress-failed.gif");
 271 }