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