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