LCARStrek/editor/EditorDialog.css

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