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