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 .bold {
  65   font-weight: bold;
  66 }
  67
  68 .italic {
  69   font-style: italic;
  70 }
  71
  72 .larger {
  73   font-size: 120%;
  74 }
  75
  76 .narrow {
  77   width: 3em;
  78 }
  79
  80 .wrap {
  81  width: 1em;
  82 }
  83
  84 .menuitem-highlight-1 {
  85   font-weight: bold;
  86 }
  87
  88 /* Use this with groove-thin in dialogs
  89    to add margins to top and bottom
  90 */
  91 .tb-margin {
  92   margin-top: 6px;
  93   margin-bottom: 6px;
  94 }
  95
  96 .color-well {
  97   width: 20px;
  98   height: 12px;
  99   border: 1px inset #CCD0DD;
 100 }
 101
 102 .color-well[default="true"] {
 103   border: 1px solid transparent;
 104   background-color: inherit;
 105 }
 106
 107 .color-button {
 108   /* override large default min-width */
 109   min-width : 0px;
 110   margin: 2px;
 111 }
 112
 113 .menu-list[focused="true"] {
 114   color: white;
 115 }
 116
 117 #ColorPicker {
 118   -moz-user-focus: normal;
 119 }
 120
 121 #ColorPickerSwatch {
 122   border: 2px outset #CCD0DD;
 123   width: 25px;
 124   height: 20px;
 125   margin: 0px 3px 0px 0px;
 126 }
 127
 128 #ColorPickerSwatch[default="true"] {
 129   border: 2px solid transparent;
 130   background-color: inherit;
 131 }
 132
 133 #LastPickedColor {
 134   width: 17px;
 135   height: 13px;
 136   border: 1px inset #CCD0DD;
 137   margin: 1px 2px 2px 4px;
 138 }
 139
 140 /* temporary -- we need a simple box-based list defined in XBL */
 141 tree.list {
 142   border: 1px inset #CCD0DD;
 143   /* same as in menulist.css */
 144   margin: 1px 5px 2px 5px;
 145   /* use rows="#" in XUL to define height */
 146 }
 147
 148 #ColorPreview {
 149   border: 1px inset #CCD0DD;
 150   margin-left: 10px;
 151   padding-left: 5px;
 152   padding-right: 5px;
 153   min-width: 100px;
 154   min-height: 50px;
 155 }
 156
 157 #alignTypeSelect,
 158 label#alignLabel {
 159   margin-left: 5px;
 160 }
 161
 162 /* ::::: table properties dialog ::::: */
 163
 164 #MoreFewerButton[more="0"] {
 165   list-style-image: url(chrome://global/skin/arrow/arrow-down.gif);
 166   min-width: 12em;
 167 }
 168
 169 #MoreFewerButton[more="1"] {
 170   list-style-image: url(chrome://global/skin/arrow/arrow-up.gif);
 171   min-width: 12em;
 172 }
 173
 174 #PreviousButton {
 175   list-style-image: url(chrome://global/skin/arrow/arrow-left.gif);
 176 }
 177
 178 #NextButton {
 179   list-style-image: url(chrome://global/skin/arrow/arrow-right.gif);
 180 }
 181
 182 #PreviousButton[type="row"] {
 183   list-style-image: url(chrome://global/skin/arrow/arrow-up.gif);
 184 }
 185
 186 #NextButton[type="row"] {
 187   list-style-image: url(chrome://global/skin/arrow/arrow-down.gif);
 188 }
 189
 190 /* ::::: spelling dialog ::::: */
 191
 192 #MisspelledWord {
 193   font-weight: bold;
 194 }
 195
 196 #ReplaceWordInput {
 197   min-width: 16em;
 198   width: 16em;
 199 }
 200
 201 .spell-check {
 202   min-width: 8em;
 203 }
 204
 205 /* ::::: color picker ::::: */
 206
 207 /* use outset shape for a button look */
 208 .colorpicker {
 209   border: 1px outset #CCD0DD;
 210   /* This should be the same as for textbox */
 211   margin-left: 4px;
 212   /* For a little extra space between buttons */
 213   margin-bottom: 2px;
 214 }
 215
 216
 217 .colorpicker:active {
 218   border: 1px inset #CCD0DD;
 219 }
 220
 221 .smallspacer {
 222   width: 3px;
 223   height: 3px;
 224   min-width: 3px;
 225   min-height: 3px;
 226 }
 227
 228 .spacer {
 229   width: 5px;
 230   height: 5px;
 231   min-width: 5px;
 232   min-height: 5px;
 233 }
 234
 235 .bigspacer {
 236   width: 10px;
 237   height: 10px;
 238   min-width: 10px;
 239   min-height: 10px;
 240 }
 241
 242 /* These two should be the width of the checkbox and radio button images + margin + padding
 243    Used to indent below those to the level of the text label next to image
 244 */
 245
 246 .checkbox-spacer {
 247   width: 16px;
 248   min-width: 16px;
 249 }
 250
 251 .radio-spacer {
 252   width: 16px;
 253   min-width: 16px;
 254 }
 255
 256 #alignTypeSelect {
 257   height: 34px;
 258 }
 259
 260 .align-menu[value="top"] {
 261   list-style-image:url("chrome://editor/skin/icons/img-align-top.gif");
 262 }
 263
 264 .align-menu[value="center"] {
 265   list-style-image:url("chrome://editor/skin/icons/img-align-middle.gif");
 266 }
 267
 268 .align-menu[value="bottom"] {
 269   list-style-image:url("chrome://editor/skin/icons/img-align-bottom.gif");
 270 }
 271
 272 .align-menu[value="right"] {
 273   list-style-image:url("chrome://editor/skin/icons/img-align-right.gif");
 274 }
 275
 276 .align-menu[value="left"] {
 277   list-style-image:url("chrome://editor/skin/icons/img-align-left.gif");
 278 }
 279
 280 /* Don't change width/height of these without changing values in
 281   GetOriginalWidth(), EdImageProps.js
 282 */
 283 #preview-image-box {
 284   border: 1px inset #CCD0DD;
 285   width: 82px;
 286   max-width: 82px;
 287   min-width: 82px;
 288   height: 52px;
 289   max-height: 52px;
 290   min-height: 52px;
 291   margin: 6px 5px 6px 5px;
 292   overflow: hidden;
 293 }
 294
 295 #preview-image-holder {
 296   padding: 0px;
 297   margin: 0px;
 298 }
 299
 300 /* Rest are from Ben Goodger for Advanced Edit dialog
 301    These need reviewing and eliminate all but essential attributes */
 302 /* Have made some mods and eliminated some unnecessary portions.
 303    hope to merge most of the treecell formatting into global as some of
 304    this "property list" style treecell formatting is used by cookie/signon
 305    viewers. */
 306
 307
 308 #tagLabel {
 309   font-weight: bold;
 310 }
 311
 312 /* styles for an attribute tree-table */
 313 tree.AttributesTree {
 314   min-width: 200px;
 315   min-height: 200px;
 316 }
 317
 318 /* ::::: select edit dialog ::::: */
 319
 320 #SelectTreeChildren::-moz-tree-cell(SelectSelCol, checked-false) {
 321   background: url("chrome://global/skin/checkbox/cbox.gif") 50% 50% no-repeat;
 322 }
 323
 324 #SelectTreeChildren::-moz-tree-cell(SelectSelCol, checked-true) {
 325   background: url("chrome://global/skin/checkbox/cbox-check.gif") 50% 50% no-repeat;
 326 }
 327
 328 /* ::::: Publishing Progress ::::: */
 329
 330 .progressitem[progress="busy"] {
 331   list-style-image: url("chrome://editor/skin/icons/progress-busy.gif");
 332 }
 333
 334 .progressitem[progress="done"] {
 335   list-style-image: url("chrome://editor/skin/icons/progress-done.gif");
 336 }
 337
 338 .progressitem[progress="failed"] {
 339   list-style-image: url("chrome://editor/skin/icons/progress-failed.gif");
 340 }