@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
-/******** Outliner widget **********/
+/* ===== outliner.css ===================================================
+ == Styles used by the XUL outline element.
+ ======================================================================= */
-/** basic outliner ****************************************************
- * basic outliner widget for use in main windows where no decoration
- * is required.
- **/
+/* ::::: outliner ::::: */
outliner {
- border-spacing : 0px;
- border : none;
- background-color : #FFFFFF;
- color : #000000;
+ border-spacing: 0px;
+ border: none;
+ background-color: #FFFFFF;
+ color: #000000;
}
-outliner.inset {
- border: 1px inset #CCD0DD;
-}
-
-outlinerbody {
- -moz-user-select: none;
-}
+/* ::::: outliner rows ::::: */
-outlinerbody:-moz-outliner-row {
- height: 18px;
+outlinerchildren:-moz-outliner-row {
border: 1px solid transparent;
+ height: 18px;
}
-outlinerbody:-moz-outliner-row(selected) {
+outlinerchildren:-moz-outliner-row(selected) {
background-color: #808080;
}
-outliner:focus > outlinerbody:-moz-outliner-row(selected, focus) {
+outlinerchildren:-moz-outliner-row(selected, focus) {
background-color: #336699;
}
-outlinerbody:-moz-outliner-row(current, focus) {
+outlinerchildren:-moz-outliner-row(current, focus) {
border: 1px dotted #9999CC;
}
-outlinerbody:-moz-outliner-cell {
- padding: 0px 0px 1px 2px;
+/* ::::: outliner cells ::::: */
+
+outlinerchildren:-moz-outliner-cell {
+ padding: 0px 2px 0px 2px;
}
-outlinerbody:-moz-outliner-cell-text {
+outlinerchildren:-moz-outliner-cell-text {
color: inherit;
+ border: 2px solid transparent;
}
-/*
-outlinerbody:-moz-outliner-cell-text(selected) {
- color: #000000;
+outlinerchildren:-moz-outliner-cell-text(selected) {
+ color: #FFFFFF;
}
-outlinerbody:-moz-outliner-cell-text(selected, focus) {
- color: #000000;
+outlinerchildren:-moz-outliner-cell-text(selected, focus) {
+ color: #FFFFFF;
+}
+
+outlinerchildren:-moz-outliner-cell-text(primary) {
+ border: 2px solid transparent;
+}
+
+outlinerchildren:-moz-outliner-cell-text(primary, drop) {
+ background-color: #336699;
+ color: #FFFFFF;
+}
+
+outlinerchildren:-moz-outliner-cell-text(primary, dropBefore) {
+ border-top: 2px solid #000000;
+}
+
+outlinerchildren:-moz-outliner-cell-text(selected, primary, dropBefore) {
+ border-top: 2px solid #000000;
+}
+
+outlinerchildren:-moz-outliner-cell-text(primary, dropAfter) {
+ border-bottom: 2px solid #000000;
}
-*/
-outlinerbody:-moz-outliner-line {
+outlinerchildren:-moz-outliner-cell-text(selected, primary, dropAfter) {
+ border-bottom: 2px solid #000000;
+}
+
+
+/* ::::: lines connecting cells ::::: */
+
+outlinerchildren:-moz-outliner-line {
+ visibility: hidden;
+}
+
+/*
+outlinerchildren:-moz-outliner-line {
border: 1px dotted grey;
}
-outlinerbody:-moz-outliner-line(selected) {
+outlinerchildren:-moz-outliner-line(selected, focus) {
border: 1px dotted black;
}
+*/
-outlinerbody:-moz-outliner-separator {
+outlinerchildren:-moz-outliner-separator {
border: 1px outset #CCD0DD;
}
+/* ::::: outliner columns ::::: */
+
outlinercol {
-/* border: 1px solid #666699; */
+ -moz-box-align: center;
+ -moz-box-pack: center;
+ border: 1px outset #CCD0DD;
background-color: #CCD0DD;
- color: black;
+ color: #000000;
+ padding: 1px 4px;
}
-.outlinercol-box,
-.outlinercol-image-box {
- border: 1px outset #CCD0DD;
-}
-
-.outlinercol-box {
- padding: 0px 4px;
+outlinercolpicker {
+ -moz-box-align: center;
+ -moz-box-pack: center;
+ border: 1px solid transparent;
+ background-color: #CCD0DD;
+ padding: 1px 0px;
}
-.outlinercol-image-box {
- padding: 0px 1px;
+.outlinercol-image {
+ padding: 1px;
}
+.outlinercol-text {
+ margin: 0px !important;
+ padding: 0px !important;
+}
+
+/* ..... internal box ..... */
+
outlinercol:hover:active {
border: 1px solid #666699;
+ padding: 2px 3px 0px 5px;
}
-outlinercol:hover:active > .outlinercol-box,
-outlinercol:hover:active > .outlinercol-image-box {
- border-top: 1px solid transparent;
- border-right: none;
- border-bottom: none;
- border-left: 1px solid transparent;
-}
-
-outlinercol:hover:active > .outlinercol-box {
- padding: 1px 4px 0px 5px;
+outlinercolpicker:hover:active {
+ border: 1px solid #666699;
}
-outlinercol:hover:active > .outlinercol-image-box {
- padding: 1px 1px 0px 2px;
+.outlinercol-image:hover:active {
+ padding: 2px 0px 0px 2px;
}
-/* column drag and drop styles */
+/* ::::: column drag and drop styles ::::: */
outlinercol[dragging="true"] {
-/* border: 1px solid ThreeDDarkShadow; */
+ border: 1px solid transparent;
background-color: #336699;
color: #000000;
}
-outlinercol[dragging="true"] > .outlinercol-box {
- border: 1px solid transparent;
-}
-
outlinercol[insertafter="true"] {
-/* border-right: 1px solid #000000; */
-}
-
-outlinercol[insertafter="true"] > .outlinercol-box {
border-right: 1px solid #000000;
}
outlinercol[insertbefore="true"] {
-/* border-left: 1px solid #000000; */
-}
-
-outlinercol[insertbefore="true"] > .outlinercol-box {
border-left: 1px solid #000000;
}
-outlinerbody:-moz-outliner-column(insertbefore) {
+outlinerchildren:-moz-outliner-column(insertbefore) {
border-left: 1px solid #000000;
}
-outlinerbody:-moz-outliner-column(insertafter) {
+outlinerchildren:-moz-outliner-column(insertafter) {
border-right: 1px solid #000000;
}
-/* outliner header with sort direction indicators */
+/* ::::: sort direction indicator ::::: */
.outlinercol-sortdirection {
list-style-image: none;
}
-.sortDirectionIndicator[sortDirection="ascending"] > .outlinercol-box > .outlinercol-sortdirection {
- list-style-image: url("chrome://global/skin/sortAscending.gif");
+.sortDirectionIndicator[sortDirection="ascending"] .outlinercol-sortdirection {
+ list-style-image: url("chrome://global/skin/tree/sort-asc.gif");
}
-.sortDirectionIndicator[sortDirection="descending"] > .outlinercol-box > .outlinercol-sortdirection {
- list-style-image: url("chrome://global/skin/sortDescending.gif");
+.sortDirectionIndicator[sortDirection="descending"] .outlinercol-sortdirection {
+ list-style-image: url("chrome://global/skin/tree/sort-desc.gif");
}
-.outliner-colpicker-icon
-{
- list-style-image: url("chrome://global/skin/columnselect.gif");
+/* ::::: column picker ::::: */
+
+.outliner-columnpicker-icon {
+ list-style-image: url("chrome://global/skin/tree/columnpicker.gif");
}
-/* twisty rules */
-outlinerbody:-moz-outliner-twisty {
+/* ::::: twisty ::::: */
+
+outlinerchildren:-moz-outliner-twisty {
padding-right: 2px;
width: 12px; /* The image's width is 12 pixels */
- list-style-image: url("chrome://global/skin/twisty-closed.gif");
+ list-style-image: url("chrome://global/skin/tree/twisty-closed.gif");
}
-outlinerbody:-moz-outliner-twisty(open) {
+outlinerchildren:-moz-outliner-twisty(open) {
width: 12px; /* The image's width is 12 pixels */
- list-style-image: url("chrome://global/skin/twisty-open.gif");
+ list-style-image: url("chrome://global/skin/tree/twisty-open.gif");
}
-outlinerbody:-moz-outliner-indentation {
- width: 16px;
-}
-
-.outlinercol-text {
- margin: 0px;
+outlinerchildren:-moz-outliner-indentation {
+ width: 10px;
}