7fd03a3524
Removing support for <outliner> tags Removing <tree> layout code and moving <tree> tags to outliner layout Convert all usage of <outliner> to tree tags Convert all usage of <tree> tags to new <tree> syntax or <listbox> r=cmanske,varga sr=hyatt,sspitzer a=asa Also includes fixes by Jan Varga (varga@utcruk.sk) for bugs 132020, 133451, 131393, 115894, and 129327 git-svn-id: svn://10.0.0.236/trunk@117710 18797224-902f-48f8-a5cc-f745e15eee43
333 lines
6.6 KiB
CSS
333 lines
6.6 KiB
CSS
/*
|
|
* The contents of this file are subject to the Netscape Public
|
|
* License Version 1.1 (the "License"); you may not use this file
|
|
* except in compliance with the License. You may obtain a copy of
|
|
* the License at http://www.mozilla.org/NPL/
|
|
*
|
|
* Software distributed under the License is distributed on an "AS
|
|
* IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
|
|
* implied. See the License for the specific language governing
|
|
* rights and limitations under the License.
|
|
*
|
|
* The Original Code is Mozilla Communicator client code, released
|
|
* March 31, 1998.
|
|
*
|
|
* The Initial Developer of the Original Code is Netscape
|
|
* Communications Corporation. Portions created by Netscape are
|
|
* Copyright (C) 1998-1999 Netscape Communications Corporation. All
|
|
* Rights Reserved.
|
|
*
|
|
* Contributor(s):
|
|
* Pete Collins, Ben Goodger
|
|
*/
|
|
|
|
/*
|
|
THIS FILE IS LOCKED DOWN. YOU ARE NOT ALLOWED TO MODIFY IT WITHOUT FIRST HAVING YOUR
|
|
CHANGES REVIEWED BY cmanske@netscape.com.
|
|
*/
|
|
|
|
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
|
|
|
|
/* The defaults are WAY to big! */
|
|
groupbox {
|
|
margin: 2px 5px /* 4px 5px */;
|
|
padding-top: 2px;
|
|
padding-bottom: 4px;
|
|
}
|
|
|
|
.MinWidth5em {
|
|
min-width: 5em;
|
|
}
|
|
|
|
.MinWidth10em {
|
|
min-width: 10em;
|
|
}
|
|
|
|
.MinWidth15em {
|
|
min-width: 15em;
|
|
}
|
|
|
|
.MinWidth20em {
|
|
min-width: 20em;
|
|
}
|
|
|
|
.big-left-margin {
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.bold {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.italic {
|
|
font-style: italic;
|
|
}
|
|
|
|
.larger {
|
|
font-size: 120%;
|
|
}
|
|
|
|
.narrow {
|
|
width: 3em;
|
|
}
|
|
|
|
.wrap {
|
|
width: 1em;
|
|
}
|
|
|
|
.menuitem-highlight-1 {
|
|
font-weight : bold;
|
|
}
|
|
|
|
/* Use this with groove-thin in dialogs
|
|
to add margins to top and bottom
|
|
*/
|
|
.tb-margin {
|
|
margin-top : 6px;
|
|
margin-bottom : 6px;
|
|
}
|
|
|
|
.color-well {
|
|
width: 20px;
|
|
height: 12px;
|
|
border: 1px inset #CCCCCC;
|
|
}
|
|
|
|
.color-well[default="true"] {
|
|
border: 1px solid transparent;
|
|
background-color: inherit;
|
|
}
|
|
|
|
.color-button {
|
|
/* override large default min-width */
|
|
min-width : 0px;
|
|
margin: 2px;
|
|
}
|
|
|
|
.menu-list[focused="true"] {
|
|
color: white;
|
|
}
|
|
|
|
#ColorPicker {
|
|
-moz-user-focus: normal;
|
|
}
|
|
|
|
#ColorPickerSwatch {
|
|
border : 2px outset #CCCCCC;
|
|
width: 25px;
|
|
height: 20px;
|
|
margin: 0px 3px 0px 0px;
|
|
}
|
|
|
|
#ColorPickerSwatch[default="true"] {
|
|
border : 2px solid transparent;
|
|
background-color: inherit;
|
|
}
|
|
|
|
#LastPickedColor {
|
|
width: 17px;
|
|
height: 13px;
|
|
border: 1px inset #CCCCCC;
|
|
margin: 1px 2px 2px 4px;
|
|
}
|
|
|
|
/* temporary -- we need a simple box-based list defined in XBL */
|
|
tree.list {
|
|
border: 1px inset #CCCCCC;
|
|
/* same as in menulist.css */
|
|
margin: 1px 5px 2px 5px;
|
|
/* use rows="#" in XUL to define height */
|
|
}
|
|
|
|
#ColorPreview {
|
|
border: 1px inset #CCCCCC;
|
|
margin-left: 10px;
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
min-width: 100px;
|
|
min-height: 50px;
|
|
}
|
|
|
|
#alignTypeSelect,label#alignLabel {
|
|
margin-left: 5px;
|
|
}
|
|
|
|
/* ::::: table properties dialog ::::: */
|
|
|
|
#MoreFewerButton[more="0"] {
|
|
list-style-image: url("chrome://global/skin/arrow/arrow-dn.gif");
|
|
min-width: 12em;
|
|
}
|
|
|
|
#MoreFewerButton[more="1"] {
|
|
list-style-image: url("chrome://global/skin/arrow/arrow-up.gif");
|
|
min-width: 12em;
|
|
}
|
|
|
|
#PreviousButton {
|
|
list-style-image: url("chrome://global/skin/arrow/arrow-lft.gif");
|
|
}
|
|
|
|
#NextButton {
|
|
list-style-image: url("chrome://global/skin/arrow/arrow-rit.gif");
|
|
}
|
|
|
|
#PreviousButton[type="row"] {
|
|
list-style-image: url("chrome://global/skin/arrow/arrow-up.gif");
|
|
}
|
|
|
|
#NextButton[type="row"] {
|
|
list-style-image: url("chrome://global/skin/arrow/arrow-down.gif");
|
|
}
|
|
|
|
/* ::::: spelling dialog ::::: */
|
|
|
|
#MisspelledWord {
|
|
font-weight: bold;
|
|
}
|
|
|
|
#ReplaceWordInput {
|
|
min-width: 16em;
|
|
width: 16em;
|
|
}
|
|
|
|
.spell-check {
|
|
min-width: 8em;
|
|
}
|
|
|
|
/* ::::: color picker ::::: */
|
|
|
|
/* use outset shape for a button look */
|
|
.colorpicker {
|
|
border: 1px outset #CCCCCC;
|
|
/* This should be the same as for textbox */
|
|
margin-left: 4px;
|
|
/* For a little extra space between buttons */
|
|
margin-bottom: 2px;
|
|
}
|
|
|
|
|
|
.colorpicker:active {
|
|
border: 1px inset #CCCCCC;
|
|
}
|
|
|
|
.smallspacer {
|
|
width: 3px;
|
|
height: 3px;
|
|
min-width: 3px;
|
|
min-height: 3px;
|
|
}
|
|
|
|
.spacer {
|
|
width: 5px;
|
|
height: 5px;
|
|
min-width: 5px;
|
|
min-height: 5px;
|
|
}
|
|
|
|
.bigspacer {
|
|
width: 10px;
|
|
height: 10px;
|
|
min-width: 10px;
|
|
min-height: 10px;
|
|
}
|
|
|
|
/* These should be the width of the checkbox and radio button images + margin + padding
|
|
Used to indent below those to the level of the text label next to image
|
|
*/
|
|
.checkbox-spacer {
|
|
width: 2em;
|
|
min-width: 2em;
|
|
}
|
|
|
|
.radio-spacer {
|
|
width: 2em;
|
|
min-width: 2em;
|
|
}
|
|
|
|
#alignTypeSelect {
|
|
height: 34px;
|
|
}
|
|
|
|
.align-menu[value="top"] {
|
|
list-style-image:url("chrome://editor/skin/icons/img-align-top.gif");
|
|
}
|
|
|
|
.align-menu[value="middle"] {
|
|
list-style-image:url("chrome://editor/skin/icons/img-align-middle.gif");
|
|
}
|
|
|
|
.align-menu[value="bottom"] {
|
|
list-style-image:url("chrome://editor/skin/icons/img-align-bottom.gif");
|
|
}
|
|
|
|
.align-menu[value="right"] {
|
|
list-style-image:url("chrome://editor/skin/icons/img-align-right.gif");
|
|
}
|
|
|
|
.align-menu[value="left"] {
|
|
list-style-image:url("chrome://editor/skin/icons/img-align-left.gif");
|
|
}
|
|
|
|
/* Don't change width/height of these without changing values in
|
|
GetOriginalWidth(), EdImageProps.js
|
|
*/
|
|
#preview-image-box {
|
|
border: 1px inset #CCCCCC;
|
|
width : 82px;
|
|
max-width : 82px;
|
|
min-width : 82px;
|
|
height : 52px;
|
|
max-height : 52px;
|
|
min-height : 52px;
|
|
margin : 6px 5px 6px 5px;
|
|
overflow : hidden;
|
|
}
|
|
|
|
#preview-image-holder {
|
|
padding : 0px;
|
|
margin : 0px;
|
|
}
|
|
|
|
/* Rest are from Ben Goodger for Advanced Edit dialog
|
|
These need reviewing and eliminate all but essential attributes */
|
|
/* Have made some mods and eliminated some unnecessary portions.
|
|
hope to merge most of the treecell formatting into global as some of
|
|
this "property list" style treecell formatting is used by cookie/signon
|
|
viewers. */
|
|
|
|
|
|
#tagLabel {
|
|
font-weight: bold;
|
|
}
|
|
|
|
/* styles for an attribute tree-table */
|
|
tree.AttributesTree {
|
|
min-width : 200px;
|
|
min-height: 200px;
|
|
}
|
|
|
|
/* ::::: select edit dialog ::::: */
|
|
|
|
#SelectTreeChildren:-moz-tree-cell(SelectSelCol, checked-false) {
|
|
background: url("chrome://global/skin/checkbox/cbox.gif") 50% 50% no-repeat;
|
|
}
|
|
|
|
#SelectTreeChildren:-moz-tree-cell(SelectSelCol, checked-true) {
|
|
background: url("chrome://global/skin/checkbox/cbox-check.gif") 50% 50% no-repeat;
|
|
}
|
|
|
|
/* ::::: Publishing Progress ::::: */
|
|
|
|
.progressitem[progress="busy"] {
|
|
list-style-image: url("chrome://editor/skin/icons/progress-busy.gif");
|
|
}
|
|
|
|
.progressitem[progress="done"] {
|
|
list-style-image: url("chrome://editor/skin/icons/progress-done.gif");
|
|
}
|
|
|
|
.progressitem[progress="failed"] {
|
|
list-style-image: url("chrome://editor/skin/icons/progress-failed.gif");
|
|
}
|