adding new EarlyBlue skin, cleanup remains

[themes.git] / EarlyBlue / skin / EarlyBlue / global / outliner.css

diff --git a/EarlyBlue/skin/EarlyBlue/global/outliner.css b/EarlyBlue/skin/EarlyBlue/global/outliner.css
new file mode 100644 (file)
index 0000000..e49e4fa
--- /dev/null
+++ b/EarlyBlue/skin/EarlyBlue/global/outliner.css
@@ -0,0 +1,180 @@
+
+/******** Outliner widget **********/
+
+/** basic outliner ****************************************************
+ *  basic outliner widget for use in main windows where no decoration
+ *  is required.
+ **/
+
+outliner {
+  border-spacing        : 0px;     
+  border                : none;
+  background-color      : #FFFFFF;
+  color                 : #000000;   
+}
+
+outliner.inset {
+  border: 1px inset #CCD0DD;
+}
+
+outlinerbody {
+  -moz-user-select: none;
+}
+
+outlinerbody:-moz-outliner-row {
+  height: 18px;
+  border: 1px solid transparent;
+}
+
+outlinerbody:-moz-outliner-row(selected) {
+  background-color: #808080;
+}
+
+outliner:focus > outlinerbody:-moz-outliner-row(selected, focus) {
+  background-color: #336699;
+}
+
+outlinerbody:-moz-outliner-row(current, focus) {
+  border: 1px dotted #9999CC;
+}
+
+outlinerbody:-moz-outliner-cell {
+  padding: 0px 0px 1px 2px;
+}
+
+outlinerbody:-moz-outliner-cell-text {
+  color: inherit;
+}
+
+/*
+outlinerbody:-moz-outliner-cell-text(selected) {
+  color: #000000;
+}
+
+outlinerbody:-moz-outliner-cell-text(selected, focus) {
+  color: #000000;
+}
+*/
+
+outlinerbody:-moz-outliner-line {
+  border: 1px dotted grey;
+}
+
+outlinerbody:-moz-outliner-line(selected) {
+  border: 1px dotted black;
+}
+
+outlinerbody:-moz-outliner-separator {
+  border: 1px outset #CCD0DD;
+}
+
+outlinercol { 
+/*  border: 1px solid #666699; */
+  background-color: #CCD0DD;
+  color: black;
+}
+
+.outlinercol-box,
+.outlinercol-image-box {
+  border: 1px outset #CCD0DD;
+}  
+
+.outlinercol-box {
+  padding: 0px 4px;
+}
+
+.outlinercol-image-box {
+  padding: 0px 1px;
+}
+  
+outlinercol:hover:active {
+  border: 1px solid #666699;
+}
+
+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;
+}
+
+/* column drag and drop styles */
+
+outlinercol[dragging="true"] {
+/*  border: 1px solid ThreeDDarkShadow; */
+  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) {
+  border-left: 1px solid #000000;
+}
+
+outlinerbody:-moz-outliner-column(insertafter) {
+  border-right: 1px solid #000000;
+}
+
+/* outliner header with sort direction indicators */
+
+.outlinercol-sortdirection {
+  list-style-image: none;
+}
+
+.sortDirectionIndicator[sortDirection="ascending"] > .outlinercol-box > .outlinercol-sortdirection {
+  list-style-image: url("chrome://global/skin/sortAscending.gif");
+}
+
+.sortDirectionIndicator[sortDirection="descending"] > .outlinercol-box > .outlinercol-sortdirection {
+  list-style-image: url("chrome://global/skin/sortDescending.gif");
+}
+
+.outliner-colpicker-icon
+{
+  list-style-image: url("chrome://global/skin/columnselect.gif");
+}
+
+/* twisty rules */
+outlinerbody:-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");
+}
+  
+outlinerbody:-moz-outliner-twisty(open) {
+  width: 12px; /* The image's width is 12 pixels */
+  list-style-image: url("chrome://global/skin/twisty-open.gif");
+}
+
+outlinerbody:-moz-outliner-indentation {
+  width: 16px;
+}
+