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