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