adding new LCARStrek skin
[themes.git] / LCARStrek / skin / LCARStrek / global / outliner.css
diff --git a/LCARStrek/skin/LCARStrek/global/outliner.css b/LCARStrek/skin/LCARStrek/global/outliner.css
new file mode 100644 (file)
index 0000000..1fae4cf
--- /dev/null
@@ -0,0 +1,183 @@
+
+/******** Outliner widget **********/
+
+/** basic outliner ****************************************************
+ *  basic outliner widget for use in main windows where no decoration
+ *  is required.
+ **/
+
+outliner {
+  -moz-border-radius    : 5px;
+  border-spacing        : 0px;     
+  border                : 1px solid #9C9CFF;
+  background-color      : #000000;
+  color                 : #FF9F00;
+}
+
+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: #008484;
+  color: #FFCF00;
+}
+
+outliner:focus > outlinerbody:-moz-outliner-row(selected, focus) {
+  background-color: #008484;
+  color: #FFCF00;
+}
+
+outlinerbody:-moz-outliner-row(current, focus) {
+  border: 1px dotted #008484;
+}
+
+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 solid #9C9CFF;
+}
+
+outlinercol { 
+  border: 1px solid #FFCF00;
+  padding: 0px;
+  background-color: #9C9CFF;
+  color: black;
+}
+
+.outlinercol-box,
+.outlinercol-image-box {
+/*  border: 1px solid #9C9CFF; */
+}  
+
+.outlinercol-box {
+  padding: 0px 4px;
+}
+
+.outlinercol-image-box {
+  padding: 0px 1px;
+}
+  
+outlinercol:hover:active {
+  border: 1px solid #FFCF00;
+}
+
+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: #008484;
+  color: #000000;
+}
+
+outlinercol[dragging="true"] > .outlinercol-box {
+  border: 1px solid transparent;
+}
+
+outlinercol[insertafter="true"] {
+/*  border-right: 1px solid #FFCF00; */
+}
+
+outlinercol[insertafter="true"] > .outlinercol-box {
+  border-right: 1px solid #FFCF00;
+}
+
+outlinercol[insertbefore="true"] {
+/*  border-left: 1px solid #FFCF00; */
+}
+
+outlinercol[insertbefore="true"] > .outlinercol-box {
+  border-left: 1px solid #FFCF00;
+}
+
+outlinerbody:-moz-outliner-column(insertbefore) {
+  border-left: 1px solid #FFCF00;
+}
+
+outlinerbody:-moz-outliner-column(insertafter) {
+  border-right: 1px solid #FFCF00;
+}
+
+/* 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: 8px;
+}