From d36c7ec407cc272dc85e6bfba54df0961303877c Mon Sep 17 00:00:00 2001 From: robert Date: Thu, 21 Mar 2002 18:59:40 +0000 Subject: [PATCH] keeping up with classic; make labels do better & clean up margins of some elements --- .../communicator/bookmarks/bookmarks.css | 8 + .../bookmarks/bookmarksToolbar.css | 20 +- EarlyBlue/communicator/communicator.css | 8 +- EarlyBlue/contents.rdf | 32 +-- EarlyBlue/global/button.css | 3 +- EarlyBlue/global/checkbox.css | 3 +- EarlyBlue/global/formatting.css | 225 ++++++++---------- EarlyBlue/global/global.css | 4 + EarlyBlue/global/groupbox.css | 4 +- EarlyBlue/global/outliner.css | 2 +- EarlyBlue/global/radio.css | 6 +- .../messenger/addressbook/addressbook.css | 11 +- EarlyBlue/messenger/mailWindow1.css | 2 + .../messengercompose/messengercompose.css | 10 + EarlyBlue/navigator/pageInfo.css | 4 + 15 files changed, 178 insertions(+), 164 deletions(-) diff --git a/EarlyBlue/communicator/bookmarks/bookmarks.css b/EarlyBlue/communicator/bookmarks/bookmarks.css index 8a65166f..641ae5ba 100644 --- a/EarlyBlue/communicator/bookmarks/bookmarks.css +++ b/EarlyBlue/communicator/bookmarks/bookmarks.css @@ -86,3 +86,11 @@ toolbarbutton.bookmark-item > .toolbarbutton-menu-dropmarker { max-width: 16px; max-height: 16px; } + +outlinerchildren:-moz-outliner-twisty(group,hidetwisty) { + list-style-image: none; +} + +outlinerchildren:-moz-outliner-image(Name, container, group) { + list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-group.gif"); +} diff --git a/EarlyBlue/communicator/bookmarks/bookmarksToolbar.css b/EarlyBlue/communicator/bookmarks/bookmarksToolbar.css index ff277561..4d929f67 100644 --- a/EarlyBlue/communicator/bookmarks/bookmarksToolbar.css +++ b/EarlyBlue/communicator/bookmarks/bookmarksToolbar.css @@ -60,10 +60,13 @@ toolbarbutton.bookmark-item > .toolbarbutton-menu-dropmarker { display: none; } +.bookmark-group { + list-style-image: url(chrome://communicator/skin/bookmarks/bookmark-group.gif) !important; +} + toolbarbutton.bookmark-item[disabled="true"], toolbarbutton.bookmark-item[disabled="true"]:hover, -toolbarbutton.bookmark-item[disabled="true"]:hover:active -{ +toolbarbutton.bookmark-item[disabled="true"]:hover:active { color: #999999; text-decoration: none; list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-item-disabled.gif"); @@ -72,18 +75,15 @@ toolbarbutton.bookmark-item[disabled="true"]:hover:active toolbarbutton.bookmark-item[disabled="true"][container="true"], toolbarbutton.bookmark-item[disabled="true"][container="true"]:hover, -toolbarbutton.bookmark-item[disabled="true"][container="true"]:hover:active -{ +toolbarbutton.bookmark-item[disabled="true"][container="true"]:hover:active { list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-disabled.gif"); } -.menuitem-iconic.bookmark-item[disabled="true"] -{ +.menuitem-iconic.bookmark-item[disabled="true"] { list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-item-disabled.gif"); } -.menu-iconic.bookmark-item[disabled="true"][container="true"] -{ +.menu-iconic.bookmark-item[disabled="true"][container="true"] { list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-disabled.gif"); } @@ -97,6 +97,10 @@ toolbarbutton.bookmark-item[dragover-right="true"] { border-right-color: #336699; } +toolbarbutton.bookmark-item[dragover-top="true"] { + border-color: #336699; +} + /* ::::: bookmark menus ::::: */ menu.bookmark-item, diff --git a/EarlyBlue/communicator/communicator.css b/EarlyBlue/communicator/communicator.css index b218aa94..b1ee604a 100644 --- a/EarlyBlue/communicator/communicator.css +++ b/EarlyBlue/communicator/communicator.css @@ -39,11 +39,11 @@ == Styles shared everywhere throughout the Communicator suite. ========================================================================== */ -@import url(chrome://global/skin/); +@import url("chrome://global/skin/"); @import url("chrome://communicator/content/communicator.css"); -@import url(chrome://communicator/skin/brand.css); -@import url(chrome://communicator/skin/button.css); -@import url(chrome://communicator/skin/formatting.css); +@import url("chrome://communicator/skin/brand.css"); +@import url("chrome://communicator/skin/button.css"); +@import url("chrome://communicator/skin/formatting.css"); @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); diff --git a/EarlyBlue/contents.rdf b/EarlyBlue/contents.rdf index c6701a4a..cae82f0d 100644 --- a/EarlyBlue/contents.rdf +++ b/EarlyBlue/contents.rdf @@ -5,34 +5,34 @@ - + - - - - - - - - + + + + + + + - - - - - - + + + + + + diff --git a/EarlyBlue/global/button.css b/EarlyBlue/global/button.css index b74c7a82..55dafd28 100644 --- a/EarlyBlue/global/button.css +++ b/EarlyBlue/global/button.css @@ -46,7 +46,7 @@ /* outer frame */ button { - margin: 1px 5px 2px 5px; + margin: 2px 3px; min-width: 6.3em; border: 1px outset #CCD0DD; background-color: #CCD0DD; @@ -143,3 +143,4 @@ button.plain { margin: 0px !important; padding: 0px !important; } + diff --git a/EarlyBlue/global/checkbox.css b/EarlyBlue/global/checkbox.css index 4183c42c..14dec25b 100644 --- a/EarlyBlue/global/checkbox.css +++ b/EarlyBlue/global/checkbox.css @@ -43,12 +43,11 @@ /* outer frame */ checkbox { -moz-box-align: center; - margin: 2px 4px; + margin: 1px 2px; padding: 1px; } .checkbox-label-box { - margin-left: 2px; border: 1px solid transparent; padding: 0px 1px; } diff --git a/EarlyBlue/global/formatting.css b/EarlyBlue/global/formatting.css index 38c70e13..ec9732a6 100644 --- a/EarlyBlue/global/formatting.css +++ b/EarlyBlue/global/formatting.css @@ -38,159 +38,132 @@ @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* inset areas */ -.inset - { - border : 1px inset #CCD0DD; - margin : 0px 5px 5px 5px; - } +.inset { + border: 1px inset #CCD0DD; + margin: 0px 5px 5px 5px; +} /* formatting */ -.groove-top - { - border-top : 2px groove #CCD0DD; - } +.groove-top { + border-top: 2px groove #CCD0DD; +} -.groove-right - { - border-right : 2px groove #CCD0DD; - } +.groove-right { + border-right: 2px groove #CCD0DD; +} -.groove-left - { - border-left : 2px groove #CCD0DD; - } +.groove-left { + border-left: 2px groove #CCD0DD; +} -.groove-bottom - { - border-bottom : 2px groove #CCD0DD; - } +.groove-bottom { + border-bottom: 2px groove #CCD0DD; +} -.outset - { - border : 1px outset #CCD0DD; - } +.outset { + border: 1px outset #CCD0DD; +} /** separator rules **/ /* standard separators */ - separator, separator[orient="horizontal"] - { - height: 1.5em; - } +separator, separator[orient="horizontal"] { + height: 1.5em; +} - separator[orient="vertical"] - { - width: 1.5em; - } +separator[orient="vertical"] { + width: 1.5em; +} /* thinner separators (50% size) */ - separator.thin, separator.thin[orient="horizontal"] - { - height: 0.5em; - } +separator.thin, separator.thin[orient="horizontal"] { + height: 0.5em; +} - separator.thin[orient="vertical"] - { - width: 0.5em; - } +separator.thin[orient="vertical"] { + width: 0.5em; +} /* groove separators (50% size) */ - separator.groove, - separator.groove[orient="horizontal"] - { - border-top: 2px groove #CCD0DD; - height: 0px; - margin-top: 0.4em; - margin-bottom: 0.4em; - } +separator.groove, +separator.groove[orient="horizontal"] { + border-top: 2px groove #CCD0DD; + height: 0px; + margin-top: 0.4em; + margin-bottom: 0.4em; +} - separator.groove[orient="vertical"] - { - border-left: 2px groove #CCD0DD; - margin-left: 0.4em; - margin-right: 0.4em; - } +separator.groove[orient="vertical"] { + border-left: 2px groove #CCD0DD; + margin-left: 0.4em; + margin-right: 0.4em; +} /* groove separators (0 padding, for dividing effects) */ - separator.groove-thin - { - border-top: 2px groove #CCD0DD; - height: 0px; - } +separator.groove-thin { + border-top: 2px groove #CCD0DD; + height: 0px; +} - separator[orient="vertical"].groove-thin - { - border-left: 2px groove #CCCCCC; - } +separator[orient="vertical"].groove-thin { + border-left: 2px groove #CCCCCC; +} /** text formatting rules **/ /** Reduced Margin for some UI **/ - .small-margin - { -/* margin : 1px 2px 1px 2px; */ - } +.small-margin { + margin: 0px 1px; +} - label[disabled="true"] - { - color : #9999CC; - } - - description, label - { - cursor : default; - } +label[disabled="true"] { + color: #9999CC; +} + +description, label { + cursor: default; + margin: 1px 3px; +} - description - { -/* margin : 1px 5px 4px 5px; */ - } +description { +/* margin: 1px 5px 4px 5px; */ +} - label - { -/* margin : 1px 5px 2px 6px; */ - } +label { +/* margin: 1px 5px 2px 6px; */ +} - .header - { - font-weight : bold; - } +.header { + font-weight: bold; +} - .larger-text - { - font-size : larger; - } +.larger-text { + font-size: larger; +} - .smaller-text - { - font-size : smaller; - } +.smaller-text { + font-size: smaller; +} - .monospace - { - font-family : monospace; - } +.monospace { + font-family: monospace; +} - .indent - { - margin-left : 23px; - } - - .box-padded - { - padding : 5px; - } - - .spaced - { - margin : 3px 5px 4px 5px; - } - - .wizard-box - { - padding : 20px 44px 10px 44px; - } - - .caption-text - { - margin: 0px 2px 0px 1px !important; - } - +.indent { +/* margin-left: 23px; */ + margin-left: 15px; +} + +.box-padded { + padding: 5px; +} + +.spaced { + margin: 1px 3px; +} + +.wizard-box { + padding: 15px 35px 10px 35px; +} + +.caption-text { + margin: 0px 2px 0px 1px !important; +} diff --git a/EarlyBlue/global/global.css b/EarlyBlue/global/global.css index a31941b3..160e163e 100644 --- a/EarlyBlue/global/global.css +++ b/EarlyBlue/global/global.css @@ -71,6 +71,10 @@ wizard { color: #000000; font: 11px helvetica,arial,tahoma,sans-serif; } + +page { + padding: 3px; +} /* deprecated */ window.dialog { diff --git a/EarlyBlue/global/groupbox.css b/EarlyBlue/global/groupbox.css index 6e82b2dd..581dd167 100644 --- a/EarlyBlue/global/groupbox.css +++ b/EarlyBlue/global/groupbox.css @@ -44,9 +44,9 @@ /* ::::: groupbox ::::: */ groupbox { - margin: 5px; + margin: 3px 2px; border: 2px groove #CCD0DD; - padding: 5px; + padding: 3px 3px 5px 5px; } .groupbox-body { diff --git a/EarlyBlue/global/outliner.css b/EarlyBlue/global/outliner.css index 09128f32..8c918767 100644 --- a/EarlyBlue/global/outliner.css +++ b/EarlyBlue/global/outliner.css @@ -45,7 +45,7 @@ outliner { border-spacing: 0px; - border: none; + border: 1px inset #CCD0DD; background-color: #FFFFFF; color: #000000; } diff --git a/EarlyBlue/global/radio.css b/EarlyBlue/global/radio.css index 53675303..a8a7066e 100644 --- a/EarlyBlue/global/radio.css +++ b/EarlyBlue/global/radio.css @@ -45,12 +45,11 @@ radio { -moz-box-align: center; - margin: 2px 4px; - padding: 1px 2px 1px 4px; + margin: 1px 2px; + padding: 1px; } .radio-label-box { - margin-left: 2px; border: 1px solid transparent; padding: 0px 0px 1px 1px; } @@ -112,3 +111,4 @@ radio[selected="true"] > .radio-check-box1 > .radio-check-box2 { radio[selected="true"][disabled="true"] > .radio-check-box2 { list-style-image: url("chrome://global/skin/radio/radio-check-disabled.gif") !important } + diff --git a/EarlyBlue/messenger/addressbook/addressbook.css b/EarlyBlue/messenger/addressbook/addressbook.css index c52d7a73..584f9a38 100644 --- a/EarlyBlue/messenger/addressbook/addressbook.css +++ b/EarlyBlue/messenger/addressbook/addressbook.css @@ -180,7 +180,7 @@ html|p { border-left: 1px solid ThreeDShadow; */ } -#dirTree, #resultsTree { +#dirTree, #abResultsOutliner { border: none; margin: 0px; } @@ -188,3 +188,12 @@ html|p { #resultsTree { /* border-left: 1px solid ThreeDShadow; */ } + +/* ::::: Search Bar ::::: */ + +#searchBox { +/* + border-top: 1px solid ThreeDHighlight; + border-bottom: 1px solid ThreeDShadow; +*/ +} diff --git a/EarlyBlue/messenger/mailWindow1.css b/EarlyBlue/messenger/mailWindow1.css index e58161d7..194e9794 100644 --- a/EarlyBlue/messenger/mailWindow1.css +++ b/EarlyBlue/messenger/mailWindow1.css @@ -59,9 +59,11 @@ /* ..... outliner adjustments ..... */ #folderOutliner { + border: none; min-width: 1px; } #threadOutliner { + border: none; min-width: 1px; } diff --git a/EarlyBlue/messenger/messengercompose/messengercompose.css b/EarlyBlue/messenger/messengercompose/messengercompose.css index e4cf8c0d..1fa67279 100644 --- a/EarlyBlue/messenger/messengercompose/messengercompose.css +++ b/EarlyBlue/messenger/messengercompose/messengercompose.css @@ -139,6 +139,11 @@ outlinerbody:-moz-outliner-image(remote-err) { -moz-binding: url("chrome://messenger/content/messengercompose/mailComposeBindings.xml#fromMenuitem"); } +.composemenu-text-2 { + font-style: italic; + color: #C0C0C0; +} + /* ::::: EarlyBlue layout corrections ::::: */ #addresses-box, @@ -146,6 +151,11 @@ outlinerbody:-moz-outliner-image(remote-err) { padding: 1px 5px; } +#addresses-box > hbox > label, +#attachments-box > label { + margin-left: 0px; +} + #msgIdentity, #msgSubject { margin-right: 0px; diff --git a/EarlyBlue/navigator/pageInfo.css b/EarlyBlue/navigator/pageInfo.css index 50acfb45..be8934c7 100644 --- a/EarlyBlue/navigator/pageInfo.css +++ b/EarlyBlue/navigator/pageInfo.css @@ -62,3 +62,7 @@ textbox.header { margin: 1em; border: 2px solid black; } + +.fixedsize { + height: 14.5em; +} -- 2.35.3