EarlyBlue/editor/EditorDialog.css

   1 /* ***** BEGIN LICENSE BLOCK *****
   2  * Version: NPL 1.1/GPL 2.0/LGPL 2.1
   3  *
   4  * The contents of this file are subject to the Netscape Public License
   5  * Version 1.1 (the "License"); you may not use this file except in
   6  * compliance with the License. You may obtain a copy of the License at
   7  * http://www.mozilla.org/NPL/
   8  *
   9  * Software distributed under the License is distributed on an "AS IS" basis,
  10  * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
  11  * for the specific language governing rights and limitations under the
  12  * License.
  13  *
  14  * The Original Code is mozilla.org code.
  15  *
  16  * The Initial Developer of the Original Code is
  17  * Netscape Communications Corporation.
  18  * Portions created by the Initial Developer are Copyright (C) 1998
  19  * the Initial Developer. All Rights Reserved.
  20  *
  21  * Contributor(s):
  22  *   Pete Collins, Ben Goodger
  23  *   Robert Kaiser <KaiRo@KaiRo.at>
  24  *
  25  * Alternatively, the contents of this file may be used under the terms of
  26  * either the GNU General Public License Version 2 or later (the "GPL"), or
  27  * 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 NPL, 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 NPL, the GPL or the LGPL.
  36  *
  37  * ***** END LICENSE BLOCK ***** */
  38
  39 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  40
  41 /* The defaults are WAY to big! */
  42 groupbox {
  43   margin: 2px 5px /* 4px 5px */;
  44   padding-top: 2px;
  45   padding-bottom: 4px;
  46 }
  47
  48 .MinWidth5em {
  49   min-width: 5em;
  50 }
  51
  52 .MinWidth10em {
  53   min-width: 10em;
  54 }
  55
  56 .MinWidth15em {
  57   min-width: 15em;
  58 }
  59
  60 .MinWidth20em {
  61   min-width: 20em;
  62 }
  63
  64 .big-left-margin {
  65   margin-left: 10px;
  66 }
  67
  68 .bold {
  69   font-weight: bold;
  70 }
  71
  72 .italic {
  73   font-style: italic;
  74 }
  75
  76 .larger {
  77   font-size: 120%;
  78 }
  79
  80 .narrow {
  81   width: 3em;
  82 }
  83
  84 .wrap {
  85  width: 1em;
  86 }
  87
  88 .menuitem-highlight-1 {
  89   font-weight: bold;
  90 }
  91
  92 /* Use this with groove-thin in dialogs
  93    to add margins to top and bottom
  94 */
  95 .tb-margin {
  96   margin-top: 6px;
  97   margin-bottom: 6px;
  98 }
  99
 100 .color-well {
 101   width: 20px;
 102   height: 12px;
 103   border: 1px inset #CCD0DD;
 104 }
 105
 106 .color-well[default="true"] {
 107   border: 1px solid transparent;
 108   background-color: inherit;
 109 }
 110
 111 .color-button {
 112   /* override large default min-width */
 113   min-width : 0px;
 114   margin: 2px;
 115 }
 116
 117 .menu-list[focused="true"] {
 118   color: white;
 119 }
 120
 121 #ColorPicker {
 122   -moz-user-focus: normal;
 123 }
 124
 125 #ColorPickerSwatch {
 126   border: 2px outset #CCD0DD;
 127   width: 25px;
 128   height: 20px;
 129   margin: 0px 3px 0px 0px;
 130 }
 131
 132 #ColorPickerSwatch[default="true"] {
 133   border: 2px solid transparent;
 134   background-color: inherit;
 135 }
 136
 137 #LastPickedColor {
 138   width: 17px;
 139   height: 13px;
 140   border: 1px inset #CCD0DD;
 141   margin: 1px 2px 2px 4px;
 142 }
 143
 144 /* temporary -- we need a simple box-based list defined in XBL */
 145 tree.list {
 146   border: 1px inset #CCD0DD;
 147   /* same as in menulist.css */
 148   margin: 1px 5px 2px 5px;
 149   /* use rows="#" in XUL to define height */
 150 }
 151
 152 #ColorPreview {
 153   border: 1px inset #CCD0DD;
 154   margin-left: 10px;
 155   padding-left: 5px;
 156   padding-right: 5px;
 157   min-width: 100px;
 158   min-height: 50px;
 159 }
 160
 161 #alignTypeSelect,
 162 label#alignLabel {
 163   margin-left: 5px;
 164 }
 165
 166 /* ::::: table properties dialog ::::: */
 167
 168 #MoreFewerButton[more="0"] {
 169   list-style-image: url(chrome://global/skin/arrow/arrow-down.gif);
 170   min-width: 12em;
 171 }
 172
 173 #MoreFewerButton[more="1"] {
 174   list-style-image: url(chrome://global/skin/arrow/arrow-up.gif);
 175   min-width: 12em;
 176 }
 177
 178 #PreviousButton {
 179   list-style-image: url(chrome://global/skin/arrow/arrow-left.gif);
 180 }
 181
 182 #NextButton {
 183   list-style-image: url(chrome://global/skin/arrow/arrow-right.gif);
 184 }
 185
 186 #PreviousButton[type="row"] {
 187   list-style-image: url(chrome://global/skin/arrow/arrow-up.gif);
 188 }
 189
 190 #NextButton[type="row"] {
 191   list-style-image: url(chrome://global/skin/arrow/arrow-down.gif);
 192 }
 193
 194 /* ::::: spelling dialog ::::: */
 195
 196 #MisspelledWord {
 197   font-weight: bold;
 198 }
 199
 200 #ReplaceWordInput {
 201   min-width: 16em;
 202   width: 16em;
 203 }
 204
 205 .spell-check {
 206   min-width: 8em;
 207 }
 208
 209 /* ::::: color picker ::::: */
 210
 211 /* use outset shape for a button look */
 212 .colorpicker {
 213   border: 1px outset #CCD0DD;
 214   /* This should be the same as for textbox */
 215   margin-left: 4px;
 216   /* For a little extra space between buttons */
 217   margin-bottom: 2px;
 218 }
 219
 220
 221 .colorpicker:active {
 222   border: 1px inset #CCD0DD;
 223 }
 224
 225 .smallspacer {
 226   width: 3px;
 227   height: 3px;
 228   min-width: 3px;
 229   min-height: 3px;
 230 }
 231
 232 .spacer {
 233   width: 5px;
 234   height: 5px;
 235   min-width: 5px;
 236   min-height: 5px;
 237 }
 238
 239 .bigspacer {
 240   width: 10px;
 241   height: 10px;
 242   min-width: 10px;
 243   min-height: 10px;
 244 }
 245
 246 /* These two should be the width of the checkbox and radio button images + margin + padding
 247    Used to indent below those to the level of the text label next to image
 248 */
 249
 250 .checkbox-spacer {
 251   width: 16px;
 252   min-width: 16px;
 253 }
 254
 255 .radio-spacer {
 256   width: 16px;
 257   min-width: 16px;
 258 }
 259
 260 #alignTypeSelect {
 261   height: 34px;
 262 }
 263
 264 .align-menu[value="top"] {
 265   list-style-image:url("chrome://editor/skin/icons/img-align-top.gif");
 266 }
 267
 268 .align-menu[value="center"] {
 269   list-style-image:url("chrome://editor/skin/icons/img-align-middle.gif");
 270 }
 271
 272 .align-menu[value="bottom"] {
 273   list-style-image:url("chrome://editor/skin/icons/img-align-bottom.gif");
 274 }
 275
 276 .align-menu[value="right"] {
 277   list-style-image:url("chrome://editor/skin/icons/img-align-right.gif");
 278 }
 279
 280 .align-menu[value="left"] {
 281   list-style-image:url("chrome://editor/skin/icons/img-align-left.gif");
 282 }
 283
 284 /* Don't change width/height of these without changing values in
 285   GetOriginalWidth(), EdImageProps.js
 286 */
 287 #preview-image-box {
 288   border: 1px inset #CCD0DD;
 289   width: 82px;
 290   max-width: 82px;
 291   min-width: 82px;
 292   height: 52px;
 293   max-height: 52px;
 294   min-height: 52px;
 295   margin: 6px 5px 6px 5px;
 296   overflow: hidden;
 297 }
 298
 299 #preview-image-holder {
 300   padding: 0px;
 301   margin: 0px;
 302 }
 303
 304 /* Rest are from Ben Goodger for Advanced Edit dialog
 305    These need reviewing and eliminate all but essential attributes */
 306 /* Have made some mods and eliminated some unnecessary portions.
 307    hope to merge most of the treecell formatting into global as some of
 308    this "property list" style treecell formatting is used by cookie/signon
 309    viewers. */
 310
 311
 312 #tagLabel {
 313   font-weight: bold;
 314 }
 315
 316 /* styles for an attribute tree-table */
 317 tree.AttributesTree {
 318   min-width: 200px;
 319   min-height: 200px;
 320 }
 321
 322 /* ::::: select edit dialog ::::: */
 323
 324 #SelectTreeChildren:-moz-tree-cell(SelectSelCol, checked-false) {
 325   background: url("chrome://global/skin/checkbox/cbox.gif") 50% 50% no-repeat;
 326 }
 327
 328 #SelectTreeChildren:-moz-tree-cell(SelectSelCol, checked-true) {
 329   background: url("chrome://global/skin/checkbox/cbox-check.gif") 50% 50% no-repeat;
 330 }
 331
 332 /* ::::: Publishing Progress ::::: */
 333
 334 .progressitem[progress="busy"] {
 335   list-style-image: url("chrome://editor/skin/icons/progress-busy.gif");
 336 }
 337
 338 .progressitem[progress="done"] {
 339   list-style-image: url("chrome://editor/skin/icons/progress-done.gif");
 340 }
 341
 342 .progressitem[progress="failed"] {
 343   list-style-image: url("chrome://editor/skin/icons/progress-failed.gif");
 344 }