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