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 .MinWidth20em {
  62   min-width: 20em;
  63 }
  64
  65 .big-left-margin {
  66   margin-left:    10px;
  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
  82 .narrow {
  83   width: 3em;
  84 }
  85
  86 .wrap {
  87  width: 1em;
  88 }
  89
  90 .menuitem-highlight-1 {
  91   font-weight : bold;
  92 }
  93
  94 /* Use this with groove-thin in dialogs
  95    to add margins to top and bottom
  96 */
  97 .tb-margin {
  98   margin-top    : 6px;
  99   margin-bottom : 6px;
 100 }
 101
 102 .color-well {
 103   width: 20px;
 104   height: 12px;
 105   border: 1px inset #9C9CFF;
 106 }
 107
 108 .color-well[default="true"] {
 109   border: 1px solid transparent;
 110   background-color: inherit;
 111 }
 112
 113 .color-button {
 114   /* override large default min-width */
 115   min-width : 0px;
 116   margin: 2px;
 117 }
 118
 119 .menu-list[focused="true"] {
 120   color: white;
 121 }
 122
 123 #ColorPicker {
 124   -moz-user-focus: normal;
 125 }
 126
 127 #ColorPickerSwatch {
 128   border : 2px outset #9C9CFF;
 129   width: 25px;
 130   height: 20px;
 131   margin: 0px 3px 0px 0px;
 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: 1px 2px 2px 4px;
 144 }
 145
 146 .popup-trigger {
 147   list-style-image: url(chrome://global/skin/scroll-down.gif);
 148 }
 149
 150 /* temporary -- we need a simple box-based list defined in XBL */
 151 tree.list {
 152   border: 1px inset #9C9CFF;
 153   /* same as in menulist.css */
 154   margin: 1px 5px 2px 5px;
 155   width: 10em;
 156   height: 3em;
 157   /* use rows="#" in XUL to define height */
 158 }
 159
 160 #ColorPreview {
 161   border: 1px inset #9C9CFF;
 162   margin-left:    10px;
 163   padding-left:    5px;
 164   padding-right:   5px;
 165   min-width:     100px;
 166   min-height:     50px;
 167 }
 168
 169 #alignTypeSelect,label#alignLabel {
 170   margin-left: 5px;
 171 }
 172
 173 #MoreFewerButton[more="0"] {
 174   list-style-image: url(chrome://global/skin/scroll-down.gif);
 175   /* bug 9459 - changing button text doesn't resize width.
 176      This covers that problem, but we want this size anyway */
 177   min-width: 12em;
 178 }
 179
 180 /* ::::: table properties dialog ::::: */
 181
 182 #MoreFewerButton[more="1"] {
 183   list-style-image: url(chrome://global/skin/scroll-up.gif);
 184   min-width: 12em;
 185 }
 186
 187 #PreviousButton {
 188   list-style-image: url(chrome://global/skin/arrow-left.gif);
 189 }
 190
 191 #NextButton {
 192   list-style-image: url(chrome://global/skin/arrow-right.gif);
 193 }
 194
 195 #PreviousButton[type="row"] {
 196   list-style-image: url(chrome://global/skin/arrow-up.gif);
 197 }
 198
 199 #NextButton[type="row"] {
 200   list-style-image: url(chrome://global/skin/arrow-down.gif);
 201 }
 202
 203 /* ::::: spelling dialog ::::: */
 204
 205 #MisspelledWord {
 206   font-weight: bold;
 207 }
 208
 209 #ReplaceWordInput {
 210   min-width: 16em;
 211   width: 16em;
 212 }
 213
 214 .spell-check {
 215   min-width: 8em;
 216 }
 217
 218 /* ::::: color picker ::::: */
 219
 220 /* use outset shape for a button look */
 221 .colorpicker {
 222   border: 1px outset #9C9CFF;
 223   /* This should be the same as for textbox */
 224   margin-left: 4px;
 225   /* For a little extra space between buttons */
 226   margin-bottom: 2px;
 227 }
 228
 229
 230 .colorpicker:active {
 231   border: 1px inset #9C9CFF;
 232 }
 233
 234 .smallspacer {
 235   width:  3px;
 236   height: 3px;
 237   min-width:  3px;
 238   min-height: 3px;
 239 }
 240
 241 .spacer {
 242   width:  5px;
 243   height: 5px;
 244   min-width:  5px;
 245   min-height: 5px;
 246 }
 247
 248 .bigspacer {
 249   width:  10px;
 250   height: 10px;
 251   min-width:  10px;
 252   min-height: 10px;
 253 }
 254
 255 .align-menu[value="top"] {
 256         list-style-image:url("chrome://editor/skin/images/img-align-top.gif");
 257 }
 258
 259 .align-menu[value="center"] {
 260         list-style-image:url("chrome://editor/skin/images/img-align-middle.gif");
 261 }
 262
 263 .align-menu[value="bottom"] {
 264         list-style-image:url("chrome://editor/skin/images/img-align-bottom.gif");
 265 }
 266
 267 .align-menu[value="right"] {
 268         list-style-image:url("chrome://editor/skin/images/img-align-right.gif");
 269 }
 270
 271 .align-menu[value="left"] {
 272         list-style-image:url("chrome://editor/skin/images/img-align-left.gif");
 273 }
 274
 275 /* Don't change width/height of these without changing values in
 276   GetOriginalWidth(), EdImageProps.js
 277 */
 278 #preview-image-box {
 279   border: 1px inset #9C9CFF;
 280   width      : 82px;
 281   max-width  : 82px;
 282   min-width  : 82px;
 283   height     : 52px;
 284   max-height : 52px;
 285   min-height : 52px;
 286   margin     : 6px 5px 6px 5px;
 287   overflow   : hidden;
 288 }
 289
 290 #preview-image-holder {
 291   padding : 0px;
 292   margin  : 0px;
 293 }
 294
 295 /* Rest are from Ben Goodger for Advanced Edit dialog
 296    These need reviewing and eliminate all but essential attributes */
 297 /* Have made some mods and eliminated some unnecessary portions.
 298    hope to merge most of the treecell formatting into global as some of
 299    this "property list" style treecell formatting is used by cookie/signon
 300    viewers. */
 301
 302
 303 #tagLabel {
 304   font-weight: bold;
 305 }
 306
 307 /* styles for an attribute tree-table */
 308 tree.AttributesTree {
 309   min-width : 200px;
 310   min-height: 200px;
 311 }