From db10b15c77816f9f0270b42fedeec3f613ad3252 Mon Sep 17 00:00:00 2001 From: robert Date: Tue, 20 Mar 2001 14:15:13 +0000 Subject: [PATCH] fixes for new styles, esp. hbox/vbox --- .../communicator/skin/sidebar/sidebar.css | 5 +- EarlyBlue/communicator/skin/splitter.css | 270 +++++----- EarlyBlue/global/skin/splitter.css | 16 +- .../skin/addressbook/addressbook.css | 498 ++++++++++-------- EarlyBlue/messenger/skin/messenger.css | 127 ++++- EarlyBlue/navigator/skin/navigator.css | 389 +++++++------- 6 files changed, 740 insertions(+), 565 deletions(-) diff --git a/EarlyBlue/communicator/skin/sidebar/sidebar.css b/EarlyBlue/communicator/skin/sidebar/sidebar.css index aed8e56a..ff612930 100755 --- a/EarlyBlue/communicator/skin/sidebar/sidebar.css +++ b/EarlyBlue/communicator/skin/sidebar/sidebar.css @@ -19,6 +19,8 @@ * Contributor(s): Stephen Lamm */ +@import url(chrome://global/skin/splitter.css); + /* #sidebar-splitter { margin-right: 0px; @@ -29,7 +31,7 @@ border-left: 1px solid #9999CC; border-right: 1px solid #9999CC; background-color: #CCD0DD; - -moz-binding: url("chrome://communicator/skin/sidebar/sidebarSplitterBindings.xml#sidebar-splitter"); +/* -moz-binding: url("chrome://communicator/skin/sidebar/sidebarSplitterBindings.xml#sidebar-splitter"); */ } */ @@ -163,3 +165,4 @@ font-weight : bold; } + diff --git a/EarlyBlue/communicator/skin/splitter.css b/EarlyBlue/communicator/skin/splitter.css index 22788bb2..52683399 100755 --- a/EarlyBlue/communicator/skin/splitter.css +++ b/EarlyBlue/communicator/skin/splitter.css @@ -1,133 +1,137 @@ -/******* Splitters *******/ - -splitter { - border: none; - cursor: e-resize; - min-width: 10px; - min-height: 10px; -} - -splitter[state="dragging"] -{ - background-color: gray; -} - -grippy { - margin: 0px; - border: 1px outset #CCD0DD; - padding: 0px; - background-color: #CCCCCC; - background-image: url("chrome://global/skin/grippy-vertical-before.gif"); - background-repeat: no-repeat; - background-position: 50% 50%; - cursor: pointer; -} - -splitter[state="collapsed"] > grippy - { - background-image : url("chrome://global/skin/grippy-vertical-after.gif"); - } - -grippy:hover - { - background-color : #99CCFF; - } - -grippy:hover:active{ - background-color: #99CCFF; -} - -box[orient="vertical"] > splitter > grippy, -window[orient="vertical"] > splitter > grippy { - /* a horizontal splitter */ - background-image: url("chrome://global/skin/grippy-horizontal-after.gif"); - width: 120px; - height:8px; - } - -box[orient="vertical"] > splitter[state="collapsed"] > grippy -window[orient="vertical"] > splitter[state="collapsed"] > grippy { - background-image: url("chrome://global/skin/grippy-horizontal-before.gif"); - } - -window > splitter > grippy, -box > splitter > grippy { - /* a vertical splitter */ - width: 8px; - height: 120px; -} - -box[orient="vertical"] > splitter, -window[orient="vertical"] > splitter, -rows > splitter { - /* a vertical splitter */ - cursor: n-resize; -} - -/* for backwards compatibility */ -box[align="vertical"]>splitter > grippy, -window[align="vertical"]>splitter > grippy { - /* a horizontal splitter */ - background-image: url("chrome://global/skin/grippy-horizontal-after.gif"); - width: 120px; - height: 8px; -} - -box[align="vertical"]>splitter[state="collapsed"] > grippy, -window[align="vertical"]>splitter[state="collapsed"] > grippy { - background-image: url("chrome://global/skin/grippy-horizontal-before.gif"); -} - -box[align="vertical"]>splitter, -window[align="vertical"]>splitter { - /* a vertical splitter */ - cursor: n-resize; -} - -/** - * gray horizontal splitter for pane views - */ -splitter.gray-horizontal-splitter { - min-height: 8px; - background-color: #CCD0DD; - border: none; - border-top: 1px solid #9999CC; - border-bottom: 1px solid #9999CC; - padding: 0px; -} - -splitter.gray-horizontal-splitter > grippy { - margin: 0px; - border: 1px outset #CCD0DD; - padding: 0px; - background-color: #CCCCCC; - background-image: url("chrome://global/skin/grippy-horizontal-after.gif"); -} - -splitter.gray-horizontal-splitter[state="collapsed"] > grippy { - background-image: url("chrome://global/skin/grippy-horizontal-before.gif"); -} - -splitter.gray-horizontal-splitter > grippy:hover { - background-color: #99CCFF; -} - -splitter.gray-horizontal-splitter > grippy:active { - border: 1px inset #CCD0DD; - background-color: #99CCFF; -} - -/* -splitter.gray-horizontal-splitter > #begincap { - min-width: 8px; - width: 8px; - background-image: url("chrome://global/skin/gray-bottomleft.gif"); - background-repeat: no-repeat; - background-position: 0% 100%; -} - -splitter.gray-horizontal-splitter > #endcap { - min-width: 8px; - width: 8px; -} -*/ \ No newline at end of file +/******* Splitters *******/ + +splitter { + border: none; + cursor: e-resize; + min-width: 10px; + min-height: 10px; +} + +splitter[state="dragging"] +{ + background-color: gray; +} + +grippy { + margin: 0px; + border: 1px outset #CCD0DD; + padding: 0px; + background-color: #CCCCCC; + background-image: url("chrome://global/skin/grippy-vertical-before.gif"); + background-repeat: no-repeat; + background-position: 50% 50%; + cursor: pointer; +} + +splitter[state="collapsed"] > grippy + { + background-image : url("chrome://global/skin/grippy-vertical-after.gif"); + } + +grippy:hover + { + background-color : #99CCFF; + } + +grippy:hover:active{ + background-color: #99CCFF; +} + +vbox > splitter > grippy, +box[orient="vertical"] > splitter > grippy, +window[orient="vertical"] > splitter > grippy { + /* a horizontal splitter */ + background-image: url("chrome://global/skin/grippy-horizontal-after.gif"); + width: 120px; + height:8px; + } + +vbox > splitter[state="collapsed"] > grippy +box[orient="vertical"] > splitter[state="collapsed"] > grippy +window[orient="vertical"] > splitter[state="collapsed"] > grippy { + background-image: url("chrome://global/skin/grippy-horizontal-before.gif"); + } + +window > splitter > grippy, +hbox > splitter > grippy, +box > splitter > grippy { + /* a vertical splitter */ + width: 8px; + height: 120px; +} + +vbox > splitter, +box[orient="vertical"] > splitter, +window[orient="vertical"] > splitter, +rows > splitter { + /* a vertical splitter */ + cursor: n-resize; +} + +/* for backwards compatibility */ +box[align="vertical"]>splitter > grippy, +window[align="vertical"]>splitter > grippy { + /* a horizontal splitter */ + background-image: url("chrome://global/skin/grippy-horizontal-after.gif"); + width: 120px; + height: 8px; +} + +box[align="vertical"]>splitter[state="collapsed"] > grippy, +window[align="vertical"]>splitter[state="collapsed"] > grippy { + background-image: url("chrome://global/skin/grippy-horizontal-before.gif"); +} + +box[align="vertical"]>splitter, +window[align="vertical"]>splitter { + /* a vertical splitter */ + cursor: n-resize; +} + +/** + * gray horizontal splitter for pane views + */ +splitter.gray-horizontal-splitter { + min-height: 8px; + background-color: #CCD0DD; + border: none; + border-top: 1px solid #9999CC; + border-bottom: 1px solid #9999CC; + padding: 0px; +} + +splitter.gray-horizontal-splitter > grippy { + margin: 0px; + border: 1px outset #CCD0DD; + padding: 0px; + background-color: #CCCCCC; + background-image: url("chrome://global/skin/grippy-horizontal-after.gif"); +} + +splitter.gray-horizontal-splitter[state="collapsed"] > grippy { + background-image: url("chrome://global/skin/grippy-horizontal-before.gif"); +} + +splitter.gray-horizontal-splitter > grippy:hover { + background-color: #99CCFF; +} + +splitter.gray-horizontal-splitter > grippy:active { + border: 1px inset #CCD0DD; + background-color: #99CCFF; +} + +/* +splitter.gray-horizontal-splitter > #begincap { + min-width: 8px; + width: 8px; + background-image: url("chrome://global/skin/gray-bottomleft.gif"); + background-repeat: no-repeat; + background-position: 0% 100%; +} + +splitter.gray-horizontal-splitter > #endcap { + min-width: 8px; + width: 8px; +} +*/ diff --git a/EarlyBlue/global/skin/splitter.css b/EarlyBlue/global/skin/splitter.css index b1583933..31d7c7e1 100755 --- a/EarlyBlue/global/skin/splitter.css +++ b/EarlyBlue/global/skin/splitter.css @@ -39,7 +39,7 @@ grippy:hover:active } /* vertical splitters */ - window > splitter, box > splitter + window > splitter, box > splitter, hbox > splitter { width : 8px; border-left : 1px solid #9999CC; @@ -51,6 +51,7 @@ grippy:hover:active to 'orient' */ rows > splitter, window[orient="vertical"] > splitter, + vbox > splitter, box[orient="vertical"] > splitter, window[align="vertical"] > splitter, box[align="vertical"] > splitter @@ -61,10 +62,13 @@ grippy:hover:active } rows > splitter > grippy, - window[orient="vertical"] > splitter grippy, - box[orient="vertical"] > splitter grippy, - window[align="vertical"] > splitter grippy, - box[align="vertical"] > splitter grippy + window[orient="vertical"] > splitter > grippy, + vbox > splitter > grippy, + box[orient="vertical"] > splitter > grippy, + window[align="vertical"] > splitter > grippy, + box[align="vertical"] > splitter > grippy { - list-style-image : url("chrome://global/skin/grippy-vertical-before.gif"); + list-style-image : url("chrome://global/skin/grippy-horizontal-before.gif"); } + + diff --git a/EarlyBlue/messenger/skin/addressbook/addressbook.css b/EarlyBlue/messenger/skin/addressbook/addressbook.css index 890c11b6..d91cd968 100755 --- a/EarlyBlue/messenger/skin/addressbook/addressbook.css +++ b/EarlyBlue/messenger/skin/addressbook/addressbook.css @@ -1,210 +1,288 @@ -/* -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-1999 Netscape Communications Corporation. All -Rights Reserved. -*/ - -@import url(chrome://communicator/skin/); - -@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to HTML */ -@namespace html url("http://www.w3.org/1999/xhtml"); /* namespace for XUL elements */ - -/* CardView styles - used in the Card View Pane*/ - -#CardViewBox { -/* overflow: auto;*/ - background-color: #CCD0DD; - min-width: 150px; - user-focus: ignore; -} - -#CardViewInnerBox { - margin-top: 2px; - margin-bottom: 2px; - padding-left: 8px; - padding-right: 8px; -} - -#CardTitle { - font-size: 150%; - font-weight: bold; - border-bottom: 2px solid black; - min-width: 120px; - margin: 0px; -} - -.cardViewGroup { - margin-top: 8px; - padding-bottom: 5px; - min-width: 50px; -} - -[class="CardViewHeading"] { - padding: 1px; - padding-left: 5px; - margin: 0px 0px 1px 0px; - background-color: #9999CC; - color: white; - font-weight: bold; - min-width: 30px; -} - -[class="CardViewText"] { - padding-left: 20px; - padding-right: 2px; - min-width: 30px; - margin: 0px; -} - -html|a[class="CardViewText"] { - padding-left: 20px; - padding-right: 2px; - min-width: 30px; -} - - -/* CardEdit styles - used in the Card Edit Dialog */ - -[class="CardEditWidth"] { - width: 25em; -} - -[class="CardEditLabel"] { - padding: 0px; - margin-top: 3px; -} - -[class="alignBoxWithFieldset"] { - margin-left: 6px; - margin-right: 5px; -} - -.stateZipSpacer { width: 3em; } - - -/* Custom Trees */ - -tree { - border-left: 1px solid transparent; -} - -#headRow > treecell { - background-color: #CCD0DD; - border: 1px outset #CCD0DD; -} - -treeitem[selected="true"] > treerow { -/* color: black; - background-color: #CCD0DD; */ -} - -tree[class="abDirectory"] treeitem > treerow > treecell > .tree-icon { - list-style-image: url("chrome://messenger/skin/addressbook/myaddrbk.gif"); -} - -tree[class="abResults"] treeitem > treerow > treecell.cardicon { - list-style-image: url("chrome://messenger/skin/addressbook/person.gif"); - height: 14px; - min-height: 14px; -} - - -/* Address Book specific style */ - -#results_box { - border-left: 8px solid #CCD0DD; -} - -[hide] { - visibility: collapse; -} - -#button-newcard { - list-style-image:url("chrome://messenger/skin/addressbook/newcard.gif"); -} - -#button-newcard[disabled="true"] { - list-style-image:url("chrome://messenger/skin/addressbook/newcard_dis.gif"); -} - -#button-newlist { - list-style-image:url("chrome://messenger/skin/addressbook/newlist.gif"); -} - -#button-newlist[disabled="true"] { - list-style-image:url("chrome://messenger/skin/addressbook/newlist_dis.gif"); -} - -#button-editcard { - list-style-image:url("chrome://messenger/skin/addressbook/edit.gif"); -} - -#button-editcard[disabled="true"] { - list-style-image:url("chrome://messenger/skin/addressbook/edit_dis.gif"); -} - -#button-newmessage { - list-style-image:url("chrome://messenger/skin/addressbook/newmsgab.gif"); -} - -#button-newmessage[disabled="true"] { - list-style-image:url("chrome://messenger/skin/addressbook/newmsgab_dis.gif"); -} - -#button-delete { - list-style-image:url("chrome://messenger/skin/addressbook/trash.gif") !important; -} - -#button-delete[disabled="true"] { - list-style-image:url("chrome://messenger/skin/addressbook/trash_dis.gif") !important; -} - -#button-stop { - list-style-image:url("chrome://global/skin/stop.gif"); -} - -#button-stop[disabled="true"] { - list-style-image:url("chrome://global/skin/stop_dis.gif"); -} - -#button-search { - list-style-image:url("chrome://global/skin/search.gif"); -} - -#button-search[disabled="true"] { - list-style-image:url("chrome://global/skin/search_dis.gif"); -} - -#searchlabel { - padding: 0px; - padding-left: 5px; - padding-bottom:2px; - white-space: nowrap; - font-size: smaller; - min-width: 20px; -} - -#searchtext { - min-width: 20px; - padding: 0px; -} - -treeitem[empty="true"] > treerow > treecell > .tree-cell-twisty { - - list-style-image: none !important; - -} +/* +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-1999 Netscape Communications Corporation. All +Rights Reserved. +*/ + +@import url(chrome://communicator/skin/); + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to HTML */ +@namespace html url("http://www.w3.org/1999/xhtml"); /* namespace for XUL elements */ + +/* CardView styles - used in the Card View Pane*/ + +#CardViewBox { +/* overflow: auto;*/ + background-color: #CCD0DD; + min-width: 150px; + user-focus: ignore; +} + +#CardViewInnerBox { + margin-top: 2px; + margin-bottom: 2px; + padding-left: 8px; + padding-right: 8px; +} + +#CardTitle { + font-size: 150%; + font-weight: bold; + border-bottom: 2px solid black; + min-width: 120px; + margin: 0px; +} + +.cardViewGroup { + margin-top: 8px; + padding-bottom: 5px; + min-width: 50px; +} + +[class="CardViewHeading"] { + padding: 1px; + padding-left: 5px; + margin: 0px 0px 1px 0px; + background-color: #9999CC; + color: white; + font-weight: bold; + min-width: 30px; +} + +[class="CardViewText"] { + padding-left: 20px; + padding-right: 2px; + min-width: 30px; + margin: 0px; +} + +html|a[class="CardViewText"] { + padding-left: 20px; + padding-right: 2px; + min-width: 30px; +} + +html|p { + border: none !important; +} + +[hide] { + visibility: collapse; +} + +/* CardEdit styles - used in the Card Edit Dialog */ + +[class="CardEditWidth"] { + width: 25em; +} + +[class="CardEditLabel"] { + padding: 0px; + margin-top: 3px; +} + +[class="alignBoxWithFieldset"] { + margin-left: 6px; + margin-right: 5px; +} + +.stateZipSpacer { width: 3em; } + + +/* Custom Trees */ + +tree { + border-left: 1px solid transparent; +} + +#headRow > treecell { + background-color: #CCD0DD; + border: 1px outset #CCD0DD; +} + +treeitem[selected="true"] > treerow { +/* color: black; + background-color: #CCD0DD; */ +} + +tree[class="abDirectory"] treeitem > treerow > treecell > .tree-cell-primary-icon { + list-style-image: url("chrome://messenger/skin/addressbook/myaddrbk.gif"); +} + +tree[class="abResults"] treeitem > treerow > treecell.cardicon { + list-style-image: url("chrome://messenger/skin/addressbook/person.gif"); + height: 14px; + min-height: 14px; +} + +treeitem[empty="true"] > treerow > treecell > .tree-cell-twisty { + list-style-image: none !important; + padding-left: 12px; +} + +/* Address Book specific style */ + +#results_box { + border-left: 8px solid #CCD0DD; +} + +/* Toolbar buttons */ + +#button-newcard { + list-style-image:url("chrome://messenger/skin/addressbook/newcard.gif"); +} + +#button-newcard[disabled="true"] { + list-style-image:url("chrome://messenger/skin/addressbook/newcard_dis.gif"); +} + +#button-newlist { + list-style-image:url("chrome://messenger/skin/addressbook/newlist.gif"); +} + +#button-newlist[disabled="true"] { + list-style-image:url("chrome://messenger/skin/addressbook/newlist_dis.gif"); +} + +#button-editcard { + list-style-image:url("chrome://messenger/skin/addressbook/edit.gif"); +} + +#button-editcard[disabled="true"] { + list-style-image:url("chrome://messenger/skin/addressbook/edit_dis.gif"); +} + +#button-newmessage { + list-style-image:url("chrome://messenger/skin/addressbook/newmsgab.gif"); +} + +#button-newmessage[disabled="true"] { + list-style-image:url("chrome://messenger/skin/addressbook/newmsgab_dis.gif"); +} + +#button-delete { + list-style-image:url("chrome://messenger/skin/addressbook/trash.gif") !important; +} + +#button-delete[disabled="true"] { + list-style-image:url("chrome://messenger/skin/addressbook/trash_dis.gif") !important; +} + +#searchlabel { + padding: 0px; + padding-left: 5px; + padding-bottom:2px; + white-space: nowrap; + font-size: smaller; + min-width: 20px; +} + +#searchtext { + min-width: 20px; + padding: 0px; +} + +/* ==FOR abSelectAddressesDialog.xul =======*/ + +#3PaneBox { +} + +#dirTreeBox { + width : 180px; + height : 100%; +/* background-color : window; */ + border : none; +} + +/* -note- #dirTree#resultsTree is shared with addressbook.xul */ + +#sidebar-box { + border: none; +} + +tree > treehead > treerow { + border: none; +} + +#dirTree { // Tree that lists different Address Books + min-width : 10px; + border : none; +} + +#dirTreeBox { + border : none; +} + +#dirTree[type="dialog"] { +} + +#resultsTree { + border-top : none; + border-bottom : none; +} + +#results-bucket-tree-box { +} + +#resultsTreeBox { + background-color: window; +} + +#vertical-splitter { + min-width : 4px; +} + +#addToBucketButtonBox { // Row of "To" "CC" and "Bcc" buttons + padding : 0.3em; + min-width : 10px; + border-top: 1px solid ThreeDHighlight; +} + +#bucketBox { + height : 170px; +} + +#addressBucket { + height : 100px; + min-width : 10px; +} + +#rightColumnButtonBox { // Column with "New", "Edit" and "Remove" buttons + padding : .5em; + padding-right : 0px; +} + +.3rd-column-spring { // Vertical Springs between 3rd column buttons + height : 10px; +} + +.middle-button-spring { // Springs between To, CC, and BCC buttons + width : 10px; +} + +#bucket-splitter { + border: none; + min-height: 4px; +} + +#sidebar-panels-splitter { + border-top : none; +} + + + + diff --git a/EarlyBlue/messenger/skin/messenger.css b/EarlyBlue/messenger/skin/messenger.css index c489b557..fcc3a096 100755 --- a/EarlyBlue/messenger/skin/messenger.css +++ b/EarlyBlue/messenger/skin/messenger.css @@ -310,43 +310,128 @@ menu.push[disabled="true"]:active { } /** - * Make sure the min height is small so we can - * resize the pane vertically -EDV + * this belongs in the mail filter window */ -box#messagepanebox -{ - min-height: 10px; - height: 0px; -} +.enabledcol + { + list-style-image : url("chrome://messenger/skin/readmail.gif"); + } -/** - * this belongs in the mail filter window +.enabledcol[value="true"] + { + list-style-image : url("chrome://messenger/skin/unreadmail.gif"); + } + +.usesMailWidgets + { + -moz-binding : url(chrome://messenger/content/mailWidgets.xml#dummy); + } + +searchattribute + { + -moz-binding : url(chrome://messenger/content/mailWidgets.xml#searchattribute); + } + +searchoperator + { + -moz-binding : url(chrome://messenger/content/mailWidgets.xml#searchoperator); + } + +searchvalue + { + -moz-binding : url(chrome://messenger/content/mailWidgets.xml#searchvalue); + } + +searchterm + { + -moz-binding : url(chrome://messenger/content/mailWidgets.xml#searchterm); + } + +/* addressing widget trees */ +.treecell-mailcardicon + { + border-bottom : 1px solid #CACAFF !important; + padding : 0px; + } + +.textfield-mailcardicon + { + list-style-image : url("chrome://messenger/skin/abcard.gif"); + } + +/* for the main standard mail window ONLY */ +.mailwindow-statusbar + { + border-left : none; + } + +/** + *Focus rings on 3 pane view */ -.enabledcol { - list-style-image: url("chrome://messenger/skin/readmail.gif"); +/* +#threadpane-splitter +{ + border-left : none; + border-top : none; } +*/ -.enabledcol[value="true"] { - list-style-image: url("chrome://messenger/skin/unreadmail.gif"); +#threadTree +{ + border-top : none; } -searchattribute { - -moz-binding: url(chrome://messenger/content/mailWidgets.xml#searchattribute); +#folderTree> treechildren, +#threadTree > treechildren +{ + border : none; } -searchoperator { - -moz-binding: url(chrome://messenger/content/mailWidgets.xml#searchoperator); +#folderTree:focus > treechildren, +#threadTree[focusring="true"] > treechildren +{ + border : none; } -searchvalue { - -moz-binding: url(chrome://messenger/content/mailWidgets.xml#searchvalue); +#messagepane +{ + border : none; } -searchterm { - -moz-binding: url(chrome://messenger/content/mailWidgets.xml#searchterm); +#messagepanebox[focusring="true"] +{ + border : none; } +#messagepanebox + { + border : none; + } + +#msgHeaderView +{ + border-top : none; +} +#msgHeaderView > toolbar > toolbargrippy +{ + border-left : none; +} +.awIdentityLabel +{ + width: 8em; + margin-left: 5px; +} +/* +#accountCentralBox +{ + background-color:#FFFFFF; +} +*/ +#status-bar +{ + border-left : none; +} diff --git a/EarlyBlue/navigator/skin/navigator.css b/EarlyBlue/navigator/skin/navigator.css index 6938d800..5fbcda42 100755 --- a/EarlyBlue/navigator/skin/navigator.css +++ b/EarlyBlue/navigator/skin/navigator.css @@ -1,194 +1,195 @@ -/** Contains style definitions for the navigator application - **/ - -@import url(chrome://communicator/skin/); -@import url(chrome://communicator/skin/bookmarks/bookmarks.css); -@import url(chrome://communicator/skin/sidebar/sidebar.css); - -#sidebar-parent - { - margin-right : 2px; - } - -/* - * Rules for 'hiding' portions of the chrome for special - * kinds of browser windows. - */ -window[chromehidden~="menubar"] .chromeclass-menubar { - display: none; -} - -window[chromehidden~="toolbar"] .chromeclass-toolbar { - display: none; -} - -window[chromehidden~="location"] .chromeclass-location { - display: none; -} - -window[chromehidden~="directories"] .chromeclass-directories { - display: none; -} - -window[chromehidden~="status"] .chromeclass-status { - display: none; -} - -window[chromehidden~="extrachrome"] .chromeclass-extrachrome { - display: none; -} - -/* - * Images for the main buttons - */ -.menubutton-dual-button > .button-internal-box > .button-text-container - { - display : none; - } - -.menubutton-dual-button - { - min-width : 32px; - min-height : 32px; - } - -#back-button - { - list-style-image : url("chrome://navigator/skin/back.gif"); - margin : 0px; - } - -#back-button[disabled="true"] - { - list-style-image : url("chrome://navigator/skin/back_dis.gif"); - } - -#forward-button - { - list-style-image : url("chrome://navigator/skin/forward.gif"); - margin : 0px; - } - -#forward-button[disabled="true"] - { - list-style-image : url("chrome://navigator/skin/forward_dis.gif"); - } - -#stop-button - { - list-style-image : url("chrome://navigator/skin/stop.gif"); - } - - -#stop-button[disabled="true"] - { - list-style-image : url("chrome://navigator/skin/stop_dis.gif"); - } - -#reload-button - { - list-style-image : url("chrome://navigator/skin/reload.gif"); - } - -/*all the urlbar stuff*/ -#page-proxy-button - { - list-style-image : url("chrome://communicator/skin/bookmarks/bookmark-item.gif"); - cursor : grab; - margin-right : 3px; - margin-left : 2px; - } - -#ubhist-keyword-popup - { - margin : 0px 1px 0px 0px; - width : 10px; - list-style-image : url("chrome://global/skin/scroll-down.gif"); - } - -#ubhist - { - background-color : #9999CC; - list-style-image : url("chrome://global/skin/scroll-down.gif"); - padding : 0px 0px 0px 0px; - margin : 0px 3px 0px 0px; - } - -#ubhist > .menubutton-icon-internal-box - { - border : 1px outset #CCD0DD; - } - -#ubhist:hover:active > .menubutton-icon-internal-box, -#ubhist[open="true"] > .menubutton-icon-internal-box - { - border : 1px inset #CCD0DD; - } - - -#action-popup - { - list-style-image : url("chrome://global/skin/scroll-down.gif"); - margin : 0px; -/* -moz-border-radius : 4px; */ - } - -#content-frame - { - min-width : 0px; - min-height : 0px; - } - -#statusbar-icon - { - width : 100px; - } - -#statusbar-display - { - list-style-image : url("chrome://communicator/skin/document.gif"): - } - -#statusbar-display[error="true"] - { - list-style-image : url("chrome://communicator/skin/document-error.gif"); - } - -#nav-bar-inner - { - padding-left : 0px; - padding-top : 10px; - padding-bottom : 10px; - } - - -#search-button - { - margin : 0px 3px 0px 0px; - } - -#go-button - { - margin : 0px 3px 0px 0px; - } - -#homebutton - { - list-style-image : url("chrome://communicator/skin/bookmarks/home.gif"); - } - -.menuitem-iconic - { - padding : 2px; - } - -#print-button - { - list-style-image : url("chrome://global/skin/print.gif"); - margin : 0px 3px 0px 0px; - } - -#print-button > .menubutton-dual-button - { - padding : 0px; - } \ No newline at end of file +/** Contains style definitions for the navigator application + **/ + +@import url(chrome://communicator/skin/); +/* @import url(chrome://communicator/skin/bookmarks/bookmarks.css); */ +@import url(chrome://navigator/skin/personalToolbar.css); +@import url(chrome://communicator/skin/sidebar/sidebar.css); + +#sidebar-parent + { + margin-right : 2px; + } + +/* + * Rules for 'hiding' portions of the chrome for special + * kinds of browser windows. + */ +window[chromehidden~="menubar"] .chromeclass-menubar { + display: none; +} + +window[chromehidden~="toolbar"] .chromeclass-toolbar { + display: none; +} + +window[chromehidden~="location"] .chromeclass-location { + display: none; +} + +window[chromehidden~="directories"] .chromeclass-directories { + display: none; +} + +window[chromehidden~="status"] .chromeclass-status { + display: none; +} + +window[chromehidden~="extrachrome"] .chromeclass-extrachrome { + display: none; +} + +/* + * Images for the main buttons + */ +.menubutton-dual-button > .button-internal-box > .button-text-container + { + display : none; + } + +.menubutton-dual-button + { + min-width : 32px; + min-height : 32px; + } + +#back-button + { + list-style-image : url("chrome://navigator/skin/back.gif"); + margin : 0px; + } + +#back-button[disabled="true"] + { + list-style-image : url("chrome://navigator/skin/back_dis.gif"); + } + +#forward-button + { + list-style-image : url("chrome://navigator/skin/forward.gif"); + margin : 0px; + } + +#forward-button[disabled="true"] + { + list-style-image : url("chrome://navigator/skin/forward_dis.gif"); + } + +#stop-button + { + list-style-image : url("chrome://navigator/skin/stop.gif"); + } + + +#stop-button[disabled="true"] + { + list-style-image : url("chrome://navigator/skin/stop_dis.gif"); + } + +#reload-button + { + list-style-image : url("chrome://navigator/skin/reload.gif"); + } + +/*all the urlbar stuff*/ +#page-proxy-button + { + list-style-image : url("chrome://communicator/skin/bookmarks/bookmark-item.gif"); + cursor : grab; + margin-right : 3px; + margin-left : 2px; + } + +#ubhist-keyword-popup + { + margin : 0px 1px 0px 0px; + width : 10px; + list-style-image : url("chrome://global/skin/scroll-down.gif"); + } + +#ubhist + { + background-color : #9999CC; + list-style-image : url("chrome://global/skin/scroll-down.gif"); + padding : 0px 0px 0px 0px; + margin : 0px 3px 0px 0px; + } + +#ubhist > .menubutton-icon-internal-box + { + border : 1px outset #CCD0DD; + } + +#ubhist:hover:active > .menubutton-icon-internal-box, +#ubhist[open="true"] > .menubutton-icon-internal-box + { + border : 1px inset #CCD0DD; + } + + +#action-popup + { + list-style-image : url("chrome://global/skin/scroll-down.gif"); + margin : 0px; +/* -moz-border-radius : 4px; */ + } + +#content-frame + { + min-width : 0px; + min-height : 0px; + } + +#statusbar-icon + { + width : 100px; + } + +#statusbar-display + { + list-style-image : url("chrome://communicator/skin/document.gif"): + } + +#statusbar-display[error="true"] + { + list-style-image : url("chrome://communicator/skin/document-error.gif"); + } + +#nav-bar-inner + { + padding-left : 0px; + padding-top : 10px; + padding-bottom : 10px; + } + + +#search-button + { + margin : 0px 3px 0px 0px; + } + +#go-button + { + margin : 0px 3px 0px 0px; + } + +#homebutton + { + list-style-image : url("chrome://communicator/skin/bookmarks/home.gif"); + } + +.menuitem-iconic + { + padding : 2px; + } + +#print-button + { + list-style-image : url("chrome://global/skin/print.gif"); + margin : 0px 3px 0px 0px; + } + +#print-button > .menubutton-dual-button + { + padding : 0px; + } -- 2.35.3