From 082dab25719127d46897f2e2c04316d72284c8bc Mon Sep 17 00:00:00 2001 From: robert Date: Tue, 20 Mar 2001 14:37:47 +0000 Subject: [PATCH] changes to enable outliner! whoo-hoo! --- EarlyBlue/global/skin/colorpicker.css | 46 ++++++++ EarlyBlue/global/skin/global.css | 52 ++++----- EarlyBlue/global/skin/linkTree.css | 28 +++++ EarlyBlue/global/skin/outliner.css | 147 ++++++++++++++++++++++++ EarlyBlue/messenger/skin/threadPane.css | 68 +++++++++++ 5 files changed, 309 insertions(+), 32 deletions(-) create mode 100644 EarlyBlue/global/skin/colorpicker.css create mode 100644 EarlyBlue/global/skin/linkTree.css create mode 100644 EarlyBlue/global/skin/outliner.css diff --git a/EarlyBlue/global/skin/colorpicker.css b/EarlyBlue/global/skin/colorpicker.css new file mode 100644 index 00000000..54200954 --- /dev/null +++ b/EarlyBlue/global/skin/colorpicker.css @@ -0,0 +1,46 @@ +/* colorpicker tiles */ + +.colorpickertile { + width : 20px; + height : 20px; + margin : 1px; + border : 1px inset #CCCCDD; +} + +.colorpickertile[hover="true"] { + border : 1px solid #FFFFFF; +} + +.colorpickertile[selected="true"] { + border : 1px solid #000000; +} + +/* colorpicker button */ + +colorpicker[type="button"] { + width: 35px; + height: 20px; + border: 1px outset #CCCCDD; +} + +.colorpicker-button-internal-box { + padding: 3px; +} + +.colorpicker-button-colorbox { + border: 1px solid #000000; +} + +colorpicker[type="button"]:focus { +} + +colorpicker[type="button"]:focus > .colorpicker-button-internal-box { +} + +colorpicker[type="button"][open="true"] { + border: 1px inset #CCCCDD; +} + +colorpicker[type="button"][open="true"] > .colorpicker-button-internal-box { +} + diff --git a/EarlyBlue/global/skin/global.css b/EarlyBlue/global/skin/global.css index 4486996d..57bd9d92 100755 --- a/EarlyBlue/global/skin/global.css +++ b/EarlyBlue/global/skin/global.css @@ -16,6 +16,7 @@ @import url(chrome://global/skin/checkbox.css); @import url(chrome://global/skin/radio.css); @import url(chrome://global/skin/tree.css); +@import url(chrome://global/skin/outliner.css); @import url(chrome://global/skin/splitter.css); @import url(chrome://global/skin/radio.css); @import url(chrome://global/skin/menubutton.css); @@ -24,6 +25,8 @@ @import url(chrome://global/skin/formatting.css); @import url(chrome://global/skin/textfield.css); @import url(chrome://global/skin/tabcontrol.css); +@import url(chrome://global/skin/toolbar.css); +@import url(chrome://global/skin/colorpicker.css); @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); @namespace html url("http://www.w3.org/1999/xhtml"); @@ -31,6 +34,8 @@ /** * XXX-DEBUG: HTML namespace/titledbutton striping. **/ + +/* html|* { border : 1px solid green !important; @@ -45,6 +50,7 @@ { border : 1px solid purple !important; } +*/ /** * XUL element @@ -52,8 +58,10 @@ window { background-color : #CCD0DD; + color : black; font : 3mm helvetica,arial,tahoma,sans-serif; padding : 0px; + -moz-user-focus : ignore; } window[wait-cursor] @@ -111,17 +119,6 @@ list-style-image : url("chrome://global/skin/question-icon.gif"); } - statusbarpanel - { - padding : 0px 1px 0px 1px; - vertical-align : middle; - } - - .statusbar-panel-icon - { - margin : 0px 2px 0px 0px; - } - /** * status-bar */ @@ -147,6 +144,18 @@ background-position : bottom right; } + statusbarpanel + { + padding : 0px 1px 0px 1px; + vertical-align : middle; + } + + .statusbar-panel-icon + { + margin : 0px 2px 0px 0px; + } + + /** * html|iframe default sizing **/ @@ -229,24 +238,3 @@ user-focus : ignore; } - -/* XUL pieces */ -.colorpickertile - { - width : 20px; - height : 20px; - margin : 1px; - border : 1px inset #CCD0DD; - } - -.colorpickertile:hover - { - border : 1px solid #FFFFFF; - } - -.colorpickertile[selected="true"] - { - border : 1px solid #000000; - } - - diff --git a/EarlyBlue/global/skin/linkTree.css b/EarlyBlue/global/skin/linkTree.css new file mode 100644 index 00000000..6284e168 --- /dev/null +++ b/EarlyBlue/global/skin/linkTree.css @@ -0,0 +1,28 @@ + + +/** + * All the properties in this rule are important to avoid having to create + * a special type of tree. This stylesheet can be loaded into a document with + * a single tree that is a link tree. Hardly elegant but it's efficient. + */ +treeitem[selected="true"] > treerow + { + background : transparent !important; + border : none !important; + color : WindowText !important; + } + +treecell:hover + { + text-decoration : underline !important; + color : #000080 !important; + cursor : pointer; + } + +treecell:hover:active + { + text-decoration : underline !important; + color : red !important; + } + + \ No newline at end of file diff --git a/EarlyBlue/global/skin/outliner.css b/EarlyBlue/global/skin/outliner.css new file mode 100644 index 00000000..c4802231 --- /dev/null +++ b/EarlyBlue/global/skin/outliner.css @@ -0,0 +1,147 @@ + +/******** Outliner widget **********/ + +/** basic outliner **************************************************** + * basic outliner widget for use in main windows where no decoration + * is required. + **/ + +outliner { + background-color: -moz-field; + border: none; + border-spacing: 0px; + color: black; +} + +outlinerbody { + background-color: white; + color: black; + -moz-user-select: none; +} + +outlinerbody:-moz-outliner-row +{ + height: 17px; +/* border: 1px solid transparent; */ +} + +outlinerbody:-moz-outliner-row(current) +{ +/* border: 1px dotted #F5DB95; */ +} + +outlinerbody:-moz-outliner-row(selected) +{ + background-color: #336699; + color: white; +} + +/* +outliner > outlinerbody:-moz-outliner-row(selected) +{ + background-color: ThreeDFace; + color: ButtonText; +} + +outliner:focus > outlinerbody:-moz-outliner-row(selected) +{ + background-color: Highlight; + color: HighlightText; +} +*/ + +outlinerbody:-moz-outliner-cell +{ + padding: 0px 0px 1px 2px; + white-space: nowrap; + vertical-align: middle; +} + +outlinerbody:-moz-outliner-cell(selected) +{ +} + +outlinerbody:-moz-outliner-cell-text +{ + color: inherit; + padding-left: 2px; + padding-right: 2px; +} + +outlinerbody:-moz-outliner-cell-text(selected) +{ + color: white; +} + +/* +outlinerbody:-moz-outliner-line +{ + border: 1px dotted grey; +} + +outlinerbody:-moz-outliner-line(selected) +{ + border: 1px dotted black; +} +*/ + +outlinercol +{ + border: #666699; + padding: 0px; + background-color: #CCCCDD; + color: black; +} + +.outlinercol-box, +.outlinercol-image-box { + border: 1px outset #CCCCDD; +} + +.outlinercol-box { + padding: 0px 4px 0px 4px; +} + +.outlinercol-image-box { + padding: 0px 1px 0px 1px; +} + +outlinercol:hover:active +{ + border: 1px solid #666699 !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, +outlinercol:hover:active > .outlinercol-image-box +{ + padding: 1px 4px 0px 5px; +} + +/* 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"); +} + diff --git a/EarlyBlue/messenger/skin/threadPane.css b/EarlyBlue/messenger/skin/threadPane.css index 6c76babd..a1b19064 100755 --- a/EarlyBlue/messenger/skin/threadPane.css +++ b/EarlyBlue/messenger/skin/threadPane.css @@ -18,6 +18,73 @@ * Rights Reserved. */ + +outliner:focus > outliner-bodybox +{ + border: 1px solid black; +} + +outliner > outliner-bodybox +{ + border: 1px solid transparent; +} + +outlinercol.threadColumnHeader { + list-style-image: url("chrome://messenger/skin/unthreadcol.gif"); +} + +outlinercol.threadColumnHeader[sortDirection="ascending"] { + list-style-image: url("chrome://messenger/skin/threadcol.gif"); +} + +outlinercol.threadColumnHeader[sortDirection="descending"] { + list-style-image: url("chrome://messenger/skin/threadcol.gif"); +} + +outlinercol.readColumnHeader { + list-style-image: url("chrome://messenger/skin/unreadmail.gif"); +} + +outlinercol.flagColumnHeader { + list-style-image: url("chrome://messenger/skin/flaggedmail.gif"); +} + +outlinerbody:-moz-outliner-cell-text(unread) +{ + font-weight: bold; +} + +outlinerbody:-moz-outliner-cell-text(offline) +{ + font-style: italic; +} + +outlinerbody:-moz-outliner-cell-text(priority-highest) +{ + color:red; +} + +outlinerbody:-moz-outliner-cell-text(priority-high) +{ + color: rgb(128, 0, 0); +} + +outlinerbody:-moz-outliner-cell-text(priority-lowest) +{ + color: rgb(170, 170, 170); +} + +outlinerbody:-moz-outliner-cell-text(priority-low) +{ + color: rgb(85, 85, 85); +} + + + +/* + + + .tree-thread-row.unread-true { font-weight: bold; } @@ -136,3 +203,4 @@ treeitem[empty="true"] > treerow > .tree-cell-threadpane-icon > .tree-cell-twist } +*/ -- 2.43.0