mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-11-08 20:47:44 +00:00
1e0e99191d
huge thanks jan varga and hwaara for doing the lion's share of the work to convert the folder pane to use the outliner. reviewed by waterson, andreww, ben, hewitt, pinkerton, attinasi, hwaara, varga, sspitzer, bienvenu. super reviewed by hyatt and sspitzer for the end user: unread and total columns are back in folder pane (like 4.x) also includes fixes for #80844 #85376 #89072 #90075 #93011 #93963 #95298 #54171 #78768 #85088
173 lines
4.0 KiB
CSS
173 lines
4.0 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-2001 Netscape Communications Corporation. All
|
|
* Rights Reserved.
|
|
*
|
|
* Contributor(s):
|
|
* Joe Hewitt (hewitt@netscape.com)
|
|
*/
|
|
|
|
/* ===== outliner.css ===================================================
|
|
== Styles used by the XUL outline element.
|
|
======================================================================= */
|
|
|
|
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
|
|
|
|
/* ::::: outliner ::::: */
|
|
|
|
outliner {
|
|
background-color: #FFFFFF;
|
|
color: #000000;
|
|
}
|
|
|
|
outlinerbody {
|
|
-moz-user-select: none;
|
|
}
|
|
|
|
/* ::::: outliner rows ::::: */
|
|
|
|
outlinerbody:-moz-outliner-row {
|
|
border: 1px solid transparent;
|
|
height: 18px;
|
|
}
|
|
|
|
outlinerbody:-moz-outliner-row(selected) {
|
|
background-color: #C7D0D9;
|
|
}
|
|
|
|
outlinerbody:-moz-outliner-row(selected, focus) {
|
|
background-color: #424F63;
|
|
}
|
|
|
|
outlinerbody:-moz-outliner-row(current, focus) {
|
|
border-top-color: #000000;
|
|
border-bottom-color: #000000;
|
|
}
|
|
|
|
/* ::::: outliner cells ::::: */
|
|
|
|
outlinerbody:-moz-outliner-cell {
|
|
padding: 0px 0px 0px 2px;
|
|
}
|
|
|
|
outlinerbody:-moz-outliner-cell-text {
|
|
color: inherit;
|
|
}
|
|
|
|
outlinerbody:-moz-outliner-cell-text(selected) {
|
|
color: #000000;
|
|
}
|
|
|
|
outlinerbody:-moz-outliner-cell-text(selected, focus) {
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
/* ::::: outliner columns ::::: */
|
|
|
|
outlinercol {
|
|
border-left: 1px solid #EEF0F3;
|
|
border-top: 1px solid #EEF0F3;
|
|
border-right: 1px solid #63676B;
|
|
border-bottom: 1px solid #63676B;
|
|
background-color: #C7D0D9;
|
|
color: #000000;
|
|
}
|
|
|
|
outlinerbody:-moz-outliner-line {
|
|
border: 1px dotted #808080;
|
|
}
|
|
|
|
outlinerbody:-moz-outliner-line(selected, focus) {
|
|
border: 1px dotted #FFFFFF;
|
|
}
|
|
|
|
/* ..... internal box ..... */
|
|
|
|
.outlinercol-box,
|
|
.outlinercol-image-box {
|
|
border-left: 1px solid #C7D0D9;
|
|
border-top: 1px solid #C7D0D9;
|
|
border-right: 1px solid #A5ABB0;
|
|
border-bottom: 1px solid #A5ABB0;
|
|
}
|
|
|
|
.outlinercol-box {
|
|
padding: 0px 4px;
|
|
}
|
|
|
|
.outlinercol-image-box {
|
|
padding: 0px 1px;
|
|
}
|
|
|
|
outlinercol:hover:active {
|
|
border: 1px solid #A5ABB0 !important;
|
|
}
|
|
|
|
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;
|
|
}
|
|
|
|
outlinercol:hover:active > .outlinercol-image-box {
|
|
padding: 1px 1px 0px 2px;
|
|
}
|
|
|
|
/* ::::: sort direction indicator ::::: */
|
|
|
|
.outlinercol-sortdirection {
|
|
list-style-image: none;
|
|
}
|
|
|
|
.sortDirectionIndicator[sortDirection="ascending"] > .outlinercol-box > .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/tree/sort-dsc.gif");
|
|
}
|
|
|
|
/* ::::: column picker ::::: */
|
|
|
|
.outliner-colpicker-icon {
|
|
list-style-image : url("chrome://global/skin/tree/columnpicker.gif");
|
|
}
|
|
|
|
/* ::::: column picker ::::: */
|
|
|
|
outlinerbody:-moz-outliner-twisty {
|
|
padding-right: 2px;
|
|
width: 10px; /* The image's width is 10 pixels */
|
|
list-style-image: url("chrome://global/skin/tree/twisty-clsd.gif");
|
|
}
|
|
|
|
outlinerbody:-moz-outliner-twisty(open) {
|
|
width: 10px; /* The image's width is 10 pixels */
|
|
list-style-image: url("chrome://global/skin/tree/twisty-open.gif");
|
|
}
|
|
|
|
outlinerbody:-moz-outliner-indentation {
|
|
width: 16px;
|
|
}
|