From d06746d562ef7137ed2308ec6ec4abc608780ad0 Mon Sep 17 00:00:00 2001 From: robert Date: Wed, 16 May 2001 22:18:33 +0000 Subject: [PATCH] some additional changes to make it look _really_ good again --- EarlyBlue/communicator/skin/box.css | 10 --- EarlyBlue/communicator/skin/button.css | 3 +- EarlyBlue/global/skin/autocomplete.css | 33 +++++---- EarlyBlue/global/skin/formatting.css | 3 +- EarlyBlue/global/skin/global.css | 90 +------------------------ EarlyBlue/global/skin/menu.css | 87 ++++++++++++++---------- EarlyBlue/global/skin/progressmeter.css | 7 +- EarlyBlue/global/skin/textbox.css | 66 +++++++++--------- EarlyBlue/navigator/skin/navigator.css | 83 +++++++++++------------ 9 files changed, 148 insertions(+), 234 deletions(-) diff --git a/EarlyBlue/communicator/skin/box.css b/EarlyBlue/communicator/skin/box.css index 6697118f..8b137891 100755 --- a/EarlyBlue/communicator/skin/box.css +++ b/EarlyBlue/communicator/skin/box.css @@ -1,11 +1 @@ -/* hmm, could this box (hbox) be in any other component than navigator? */ - -#urlbar-container - { - border : 1px inset #CCD0DD; - background-color : #FFFFFF; - padding : 1px; - margin : 0px 0px 0px 3px; - } - diff --git a/EarlyBlue/communicator/skin/button.css b/EarlyBlue/communicator/skin/button.css index a0df0b6a..f83f8493 100755 --- a/EarlyBlue/communicator/skin/button.css +++ b/EarlyBlue/communicator/skin/button.css @@ -177,7 +177,7 @@ .button-toolbar-3 { - margin : 0px 0px 0px 0px; + margin : 0px; font-weight : bold; background-color : #9999CC; border : none @@ -288,3 +288,4 @@ menubutton.button-toolbar-4 padding-left : 2px; } + diff --git a/EarlyBlue/global/skin/autocomplete.css b/EarlyBlue/global/skin/autocomplete.css index 580a66b3..9cdebbec 100644 --- a/EarlyBlue/global/skin/autocomplete.css +++ b/EarlyBlue/global/skin/autocomplete.css @@ -19,39 +19,33 @@ textbox[type="autocomplete"] .autocomplete-textbox-container { - padding : 1px 2px 1px 2px; + padding : 1px 2px 1px 2px; } + /* ::::: history button ::::: */ .autocomplete-history-button { -moz-binding : url("chrome://global/skin/classicBindings.xml#autocomplete-history-button"); - border-top : 1px solid -moz-Dialog; - border-right : 1px solid ThreeDDarkShadow; - border-bottom : 1px solid ThreeDDarkShadow; - border-left : 1px solid ThreeDFace; - background-color : ThreeDFace; + width : 15px; + min-height : 19px; + border : none; + background-color : #9999CC; list-style-image : url("chrome://global/skin/scroll-down.gif"); + padding : 0px; + margin : 0px; } .autocomplete-history-button > .autocomplete-history-button-internal-box { - border-top : 1px solid ThreeDHighlight; - border-right : 1px solid ThreeDShadow; - border-bottom : 1px solid ThreeDShadow; - border-left : 1px solid ThreeDHighlight; + border : 1px outset #CCD0DD; padding : 1px; } -.autocomplete-history-button[open="true"] - { - border : 1px solid ThreeDDarkShadow; - } - .autocomplete-history-button[open="true"] > .autocomplete-history-button-internal-box { - border : 1px solid ThreeDFace; + border : 1px inset #CCD0DD; padding : 2px 0px 0px 2px; } @@ -60,8 +54,8 @@ textbox[type="autocomplete"] .autocomplete-result-popup, .autocomplete-history-popup { - border : 1px solid ThreeDDarkShadow !important; - background-color : -moz-Field !important; + border : 1px solid #9999CC !important; + background-color : white !important; } .autocomplete-history-popup @@ -92,3 +86,6 @@ textbox[type="autocomplete"] { color : HighlightText !important; } + + + diff --git a/EarlyBlue/global/skin/formatting.css b/EarlyBlue/global/skin/formatting.css index f800932c..4eb7063d 100755 --- a/EarlyBlue/global/skin/formatting.css +++ b/EarlyBlue/global/skin/formatting.css @@ -111,7 +111,7 @@ html { - margin : 1px 5px 4px 5px; +/* margin : 1px 5px 4px 5px; */ cursor : default; } @@ -148,3 +148,4 @@ text-decoration : underline; } + diff --git a/EarlyBlue/global/skin/global.css b/EarlyBlue/global/skin/global.css index 78a0bc91..bd9c194d 100755 --- a/EarlyBlue/global/skin/global.css +++ b/EarlyBlue/global/skin/global.css @@ -11,27 +11,6 @@ /* all localizable skin settings shall live here */ @import url(chrome://global/locale/intl.css); -/* this seems to be excluded now! let's see what happens... - -@import url(chrome://global/skin/box.css); -@import url(chrome://global/skin/button.css); -@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); -@import url(chrome://global/skin/menulist.css); -@import url(chrome://global/skin/menu.css); -@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); -*/ - - @import url("chrome://global/skin/formatting.css"); /* @import url("chrome://global/content/bindings/outliner.css"); @@ -64,73 +43,7 @@ * bindings **/ -/* - - button, button.left - { - -moz-binding : url("chrome://global/skin/buttonBindings.xml#buttonleft"); - } - - checkbox - { - -moz-binding : url("chrome://global/skin/classicBindings.xml#checkbox"); - } - - menulist - { - -moz-binding : url("chrome://global/skin/menulistBindings.xml#menulist"); - } - - menulist[editable="true"] - { - -moz-binding : url("chrome://global/skin/menulistBindings.xml#menulist-editable") !important; - } - - menulist > menupopup, - .menulist-menupopup - { - -moz-binding : url("chrome://global/skin/menulistBindings.xml#menulistpopup"); - } - - .menulist-compact - { - -moz-binding : url("chrome://global/skin/menulistBindings.xml#menulist-compact"); - } - - radio - { - -moz-binding : url("chrome://global/skin/classicBindings.xml#radio"); - } - - grippy, grippy[collapse="before"] - { - -moz-binding : url("chrome://global/skin/classicBindings.xml#grippy"); - } - - window[orient="vertical"] > splitter, - box[orient="vertical"] > splitter, - window[align="vertical"] > splitter, - box[align="vertical"] > splitter, - vbox > splitter - { - -moz-binding : url("chrome://global/skin/classicBindings.xml#splitter-hack"); - } - - tabs - { - -moz-binding: url("chrome://global/skin/tabBindings.xml#tabs"); - } - - toolbargrippy - { - -moz-binding : url("chrome://global/skin/classicBindings.xml#toolbargrippy"); - } - - toolbargrippy[tbgrippy-collapsed="true"] - { - -moz-binding : url("chrome://global/skin/classicBindings.xml#toolbargrippy-collapsed"); - } -*/ +/* EarlyBlue does currently not need any bindings here, if we once do, see sample in Classic */ /** @@ -279,3 +192,4 @@ + diff --git a/EarlyBlue/global/skin/menu.css b/EarlyBlue/global/skin/menu.css index b7a1ff82..de49393a 100755 --- a/EarlyBlue/global/skin/menu.css +++ b/EarlyBlue/global/skin/menu.css @@ -16,6 +16,15 @@ menuitem[menuactive="true"][disabled="true"] color : #999999; } +menupopup > menu, +menupopup > menuitem, +popup > menu, +popup > menuitem + { + max-width : 42em; /* should move to content */ + margin : 0px; + } + menuseparator { border : 1px inset #CCD0DD; @@ -29,13 +38,6 @@ menubar > menu margin : 0px 2px 1px 0px; } -menupopup > menu, menupopup > menuitem, -popup > menu, popup > menuitem - { - padding : 2px; - max-width : 42em; /* should move to content */ - } - menubar > menu[menuactive="true"] { border : 1px outset #CCD0DD; @@ -55,7 +57,6 @@ popup > menuitem[menuactive="true"] color : #FFFFFF; } - /** * Atomic sub-parts of standard menus **/ @@ -85,24 +86,26 @@ popup > menuitem[menuactive="true"] .menu-iconic-text, .menu-iconic-accel, .menu-text, .menu-accel { color : inherit; - margin : 0px 2px 0px 0px; + } + +.menu-iconic-text + { + margin : 2px 2px 2px 0px; } .menu-text { - padding-left : 15px; - font-weight : inherit; + margin : 2px 2px 2px 23px; } .menu-accel { - margin-left : 4px; - padding-right : 14px; + margin : 2px 14px 2px 6px; } .menu-iconic-accel { - margin-left : 4px; + margin : 2px 14px 2px 4px; } .menubar-text @@ -116,14 +119,29 @@ menuitem[checked="true"] list-style-image : url("chrome://global/skin/menu-check.gif"); } +menuitem[checked="true"][menuactive="true"] + { + list-style-image : url("chrome://global/skin/menu-check-hover.gif"); + } + menuitem[checked="true"][disabled="true"] { list-style-image : url("chrome://global/skin/menu-check-disabled.gif"); } -menuitem[checked="true"][menuactive="true"] +menuitem[checked="true"][type="radio"] + { + list-style-image : url("chrome://global/skin/menu-radio.gif"); + } + +menuitem[checked="true"][type="radio"][disabled="true"] { - list-style-image : url("chrome://global/skin/menu-check-hover.gif"); + list-style-image : url("chrome://global/skin/menu-radio-disabled.gif"); + } + +menuitem[checked="true"][type="radio"][menuactive="true"] + { + list-style-image : url("chrome://global/skin/menu-radio-hover.gif"); } .menu-right[disabled="true"] @@ -141,14 +159,23 @@ menuitem[checked="true"][menuactive="true"] list-style-image : url("chrome://global/skin/menu-arrow-hover.gif"); } +/* ::::: autocomplete menuitems ::::: */ + +.autocomplete-history-popup > menuitem + { + max-width : none !important; + font-size : smaller; + } + /* ::::: menu/menuitems in a menulist popup ::::: */ - menulist > menupopup > menuitem - { - min-width: 0px; - max-width: none; - padding: 0px 4px !important; - } + menulist > menupopup > menuitem, + menulist > menupopup > menu + { + padding : 0px 4px !important; + min-width : 0px; /* should be in content*/ + max-width : none; /* should be in content*/ + } menulist > menupopup > menuitem > .menu-iconic-accel, menulist > menupopup > menuitem > .menu-accel, @@ -163,6 +190,10 @@ menuitem[checked="true"][menuactive="true"] margin-bottom : 0px; } + menulist > menupopup > menuitem[selected="true"] + { + border : 1px dotted #F5DB95; + } menulist > menupopup > menuitem > .menu-iconic-left, menulist > menupopup > menuitem > .menu-iconic-left[menuactive="true"] @@ -172,16 +203,4 @@ menuitem[checked="true"][menuactive="true"] border : none; } - menulist > menupopup > menuitem[menuactive="true"][selected="true"] - { - list-style-image : url(chrome://global/skin/menulist-select-dot-active.gif); - margin-right : 3px; - } - - menulist > menupopup > menuitem[selected="true"] - { - list-style-image : url(chrome://global/skin/menulist-select-dot.gif); - margin-right : 3px; - } - diff --git a/EarlyBlue/global/skin/progressmeter.css b/EarlyBlue/global/skin/progressmeter.css index 5999770d..7d991199 100644 --- a/EarlyBlue/global/skin/progressmeter.css +++ b/EarlyBlue/global/skin/progressmeter.css @@ -24,6 +24,7 @@ border : 1px solid #9999CC; margin : 1px 4px 1px 4px; background-color : #CCD0DD; + padding : 1px; } .progress-text @@ -33,8 +34,8 @@ .progressmeter-internal-box { - border : 1px solid #CCD0DD; - padding : 1px; +/* border : 1px solid #CCD0DD; + padding : 1px; */ } .progressmeter-inset @@ -73,3 +74,5 @@ } */ + + diff --git a/EarlyBlue/global/skin/textbox.css b/EarlyBlue/global/skin/textbox.css index 14965dad..d3d37134 100755 --- a/EarlyBlue/global/skin/textbox.css +++ b/EarlyBlue/global/skin/textbox.css @@ -8,7 +8,6 @@ textbox { border : 1px inset #CCD0DD; - font : inherit; color : #000000; padding : 0px; margin : 1px 3px 2px 4px; @@ -34,41 +33,32 @@ } /* internal frame */ - .textbox-internal-box + .textbox-internal-box, .textarea-internal-box { margin : 0px; padding : 1px 2px 1px 2px; - cursor : text; - border : none; - background-color : inherit; - color : inherit; - } - - textbox[disabled="true"] > .textbox-internal-box - { border : none; } - .textarea-internal-box - { - padding : 0px 0px 0px 2px; - } - /* internal text widget */ .textbox-input, .textbox-textarea { border : none !important; margin : 0px; + padding : 0px; font : inherit; background-color : inherit; + color : inherit; } textbox[disabled="true"] { - cursor : default ! important; + cursor : default !important; + background-color : white; + color : #CCCCCC; } -/** plain atomic textfields, class="plain" **/ +/** plain atomic textboxs, class="plain" **/ textbox.plain, textbox.plain > .textbox-internal-box, textbox.plain > .textarea-internal-box @@ -78,21 +68,27 @@ border : none !important; } - .scrollfield - { - border : none !important; - margin : 0px; - margin-top : 1px; - padding : 0px !important; - background : inherit; - } - - .scrollfield > .textbox-internal-box - { - border : none !important; - margin : 0px !important; - padding : 0px !important; - } - - - +/** inline edit textbox **/ + +.textbox-inline-edit + { + border : 1px solid #6699FF !important; + margin : 0px !important; + } + +.textbox-inline-edit > .textbox-internal-box > .textbox-input + { + border : none !important; + padding : 0px !important; + margin : 0px !important; + } + +.textbox-inline-edit > .textbox-internal-box + { + border : none !important; + padding : 1px !important; + margin : 0px !important; + } + + + diff --git a/EarlyBlue/navigator/skin/navigator.css b/EarlyBlue/navigator/skin/navigator.css index a88e9c68..42604330 100755 --- a/EarlyBlue/navigator/skin/navigator.css +++ b/EarlyBlue/navigator/skin/navigator.css @@ -92,48 +92,6 @@ window[chromehidden~="extrachrome"] .chromeclass-extrachrome { 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 { @@ -159,8 +117,7 @@ window[chromehidden~="extrachrome"] .chromeclass-extrachrome { #nav-bar-inner { padding-left : 0px; - padding-top : 10px; - padding-bottom : 10px; + vertical-align : middle; } #search-button @@ -185,7 +142,7 @@ window[chromehidden~="extrachrome"] .chromeclass-extrachrome { #print-button { - list-style-image : url("chrome://global/skin/print.gif"); + list-style-image : url("chrome://global/skin/print.gif"); margin : 0px 3px 0px 0px; } @@ -195,4 +152,40 @@ window[chromehidden~="extrachrome"] .chromeclass-extrachrome { } +/*all the urlbar stuff*/ +#page-proxy-button + { + border : 1px inset #CCD0DD; + border-right : none; + list-style-image : url("chrome://communicator/skin/bookmarks/bookmark-item.gif"); + cursor : grab; + padding : 2px 2px 3px 3px; + } + +#action-popup + { + list-style-image : url("chrome://global/skin/scroll-down.gif"); + margin : 0px; +/* -moz-border-radius : 4px; */ + } + + +.autocomplete-textbox-container + { + border : 1px inset #CCD0DD; + border-left : none; + background-color : #FFFFFF; + } + +#urlbar-container + { + border : none; + background-color : inherit; + padding : 0px; + } + +#urlbar-group + { + margin-right : 5px; + } -- 2.43.0