X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=EarlyBlue%2Fnavigator%2Fnavigator.css;h=e147bc9ae066238e09d7bc2365f4b5f4c2dc4873;hp=6c9a13ff3e472657004f6f6e31eedc24b44eb7f0;hb=6aedf6e2422bcff0c878b51e8202beb7cf00cba1;hpb=6082be9443900156de6457a2839c8a66fdecc420 diff --git a/EarlyBlue/navigator/navigator.css b/EarlyBlue/navigator/navigator.css index 6c9a13ff..e147bc9a 100644 --- a/EarlyBlue/navigator/navigator.css +++ b/EarlyBlue/navigator/navigator.css @@ -52,7 +52,7 @@ } #back-button[disabled="true"] { - -moz-image-region: rect(42px 50px 63px 25px) !important; + -moz-image-region: rect(42px 50px 63px 25px); } #forward-button { @@ -61,15 +61,16 @@ } #forward-button[disabled="true"] { - -moz-image-region: rect(63px 50px 84px 25px) !important; + -moz-image-region: rect(63px 50px 84px 25px); } #reload-button { - list-style-image: url("chrome://navigator/skin/icons/reload.gif"); + list-style-image: url("chrome://navigator/skin/icons/navigatoricons.png"); + -moz-image-region: rect(0px 25px 21px 0px); } - + #reload-button[disabled="true"] { - list-style-image: url("chrome://navigator/skin/icons/reload-disabled.gif") !important; + -moz-image-region: rect(0px 50px 21px 25px); } #stop-button { @@ -78,7 +79,7 @@ } #stop-button[disabled="true"] { - -moz-image-region: rect(21px 50px 42px 25px) !important; + -moz-image-region: rect(21px 50px 42px 25px); } #print-button { @@ -87,59 +88,99 @@ } #print-button[disabled="true"] { - -moz-image-region: rect(0px 50px 21px 25px) !important; + -moz-image-region: rect(0px 50px 21px 25px); +} + +#home-button { + list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png"); + -moz-image-region: rect(84px 25px 105px 0px); +} + +#home-button[disabled="true"] { + -moz-image-region: rect(84px 50px 105px 25px); } #clear-button { list-style-image: url("chrome://global/skin/icons/close-button.gif"); } -/* Hides text below the above buttons - should now be configurable */ -/* -.toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-text, -.toolbarbutton-1 > .toolbarbutton-text { - display: none; +/* ::::: small primary toolbar buttons ::::: */ + +#nav-bar[inFullscreen="true"] .toolbar-grippy { + /* display: none; */ } -*/ -#fullscreen-exit-button { - list-style-image: none; +toolbar[iconsize="small"] > #back-button { + list-style-image: url("chrome://communicator/skin/icons/communicatoricons-small.png"); + -moz-image-region: rect(32px 16px 48px 0); } -#fullscreen-exit-button > .toolbarbutton-text { -/* display: normal; */ +toolbar[iconsize="small"] > #back-button[disabled="true"] { + -moz-image-region: rect(32px 32px 48px 16px) !important; } -/* ::::: small primary toolbar buttons ::::: */ +toolbar[iconsize="small"] > #forward-button { + list-style-image: url("chrome://communicator/skin/icons/communicatoricons-small.png"); + -moz-image-region: rect(48px 16px 64px 0); +} -.toolbarbutton-text[toolbarmode="small"] { - display: none; +toolbar[iconsize="small"] > #forward-button[disabled="true"] { + -moz-image-region: rect(48px 32px 64px 16px) !important; } -.toolbarbutton-icon[toolbarmode="small"] { - display: inline; +toolbar[iconsize="small"] > #reload-button { + list-style-image: url("chrome://navigator/skin/icons/navigatoricons-small.png"); + -moz-image-region: rect(0 16px 16px 0); } -#nav-bar[mode="text"] > #nav-bar-inner, -#nav-bar[mode="icons"] > #nav-bar-inner, -#nav-bar[toolbarmode="small"] > #nav-bar-inner { - margin: 2px 0px 2px 4px; +toolbar[iconsize="small"] > #reload-button[disabled="true"] { + -moz-image-region: rect(0 32px 16px 16px) !important; } -toolbar[toolbarmode="small"] > toolbargrippy { - display: none; +toolbar[iconsize="small"] > #stop-button { + list-style-image: url("chrome://communicator/skin/icons/communicatoricons-small.png"); + -moz-image-region: rect(16px 16px 32px 0); +} + +toolbar[iconsize="small"] > #stop-button[disabled="true"] { + -moz-image-region: rect(16px 32px 32px 16px) !important; +} + +toolbar[iconsize="small"] > #print-button { + list-style-image: url("chrome://communicator/skin/icons/communicatoricons-small.png"); + -moz-image-region: rect(0 16px 16px 0); +} + +toolbar[iconsize="small"] > #print-button[disabled="true"] { + -moz-image-region: rect(0 32px 16px 16px) !important; +} + +toolbar[iconsize="small"] > #home-button { + list-style-image: url("chrome://communicator/skin/icons/communicatoricons-small.png"); + -moz-image-region: rect(64px 16px 80px 0); +} + +toolbar[iconsize="small"] > #home-button[disabled="true"] { + -moz-image-region: rect(64px 32px 80px 16px) !important; } /* ::::: fullscreen window controls ::::: */ #window-controls { -moz-box-align: center; - padding: 0 2px 0 4px; + padding: 0 2px; border-left: 1px solid #9999CC; + -moz-margin-start: 2px; } #window-controls > toolbarbutton { - padding: 2px 0px 2px 2px; + padding: 3px; + -moz-padding-start: 2px; + -moz-padding-end: 1px; +} + +toolbar[mode="text"] > #window-controls > toolbarbutton > .toolbarbutton-icon { + display: -moz-box; } #minimize-button { @@ -157,18 +198,20 @@ toolbar[toolbarmode="small"] > toolbargrippy { /* ::::: nav-bar-inner ::::: */ #nav-bar-inner { - padding-left: 0px; + -moz-padding-start: 1px; + -moz-padding-end: 1px; min-width: 0px; - margin: 7px 4px 8px 4px; + -moz-box-align: center; } #urlbar { - border: 1px solid; - -moz-border-top-colors: #71737A; - -moz-border-right-colors: #EFF0F4; - -moz-border-bottom-colors: #EFF0F4; - -moz-border-left-colors: #71737A; - margin: 0px 7px 0px 0px; + margin: 0; + -moz-margin-start: 3px; +} + +#urlbar > .autocomplete-textbox-container { + -moz-border-radius: 3px 0 0 3px; + padding: 2px; } #urlbar[level="high"] > .autocomplete-textbox-container, @@ -187,7 +230,7 @@ toolbar[toolbarmode="small"] > toolbargrippy { #page-proxy-deck { cursor: -moz-grab; - margin: 1px 1px 1px 2px; + margin: 0; } #page-proxy-button { @@ -238,17 +281,32 @@ toolbar[toolbarmode="small"] > toolbargrippy { #search-button, #go-button { - margin: 0px 3px 0px 0px; -/* min-height: 25px; */ + margin: 0; + padding: 1px 0; + -moz-margin-start: 2px; font-weight: bold; background-color: #9999CC; } +/* care that those buttons base on the same min height of 16px that the urlbar + autocomplete box gets through site icon and urlbar icons at the right */ +#search-button > .button-box , +#go-button > .button-box { + min-height: 16px; +} + #search-button { /* list-style-image: url("chrome://communicator/skin/icons/search.gif"); */ font-weight: bold; } +/* +toolbar[mode="text"] #search-button > .button-box > .button-icon, +toolbar[mode="icons"] #search-button > .button-box > .button-text { + display: none; +} +*/ + /* ::::: security button ::::: */ #security-button { @@ -280,18 +338,41 @@ toolbar[toolbarmode="small"] > toolbargrippy { list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-open.gif"); } -#home-button { - list-style-image: url("chrome://communicator/skin/bookmarks/home.gif"); -} - -#bookmarks-chevron { +#toolbarbutton.chevron { list-style-image: url("chrome://navigator/skin/icons/chevron.gif") !important; } -#bookmarks-chevron > .toolbarbutton-menu-dropmarker { +#toolbarbutton.chevron > .toolbarbutton-menu-dropmarker { display: none; } +toolbarbutton.chevron > .toolbarbutton-text { + display: none; /* hide chevron label which has a width even if blank */ +} + +toolbar[mode="text"] toolbarbutton.chevron > .toolbarbutton-icon { + display: -moz-box; /* display chevron icon in text mode */ +} + +/* Prevent [mode="icons"|"text"] from hiding the label and icon */ +#bookmarks-ptf .bookmark-item > .toolbarbutton-text, +#bookmarks-ptf .bookmark-item > .toolbarbutton-icon { + display: -moz-box !important; +} + +#PersonalToolbar[iconsize="small"] > #home-button > .toolbarbutton-icon { + /* width: 16px; + height: 16px; */ +} + +#PersonalToolbar > #home-button { + cursor: pointer; +} + +#PersonalToolbar > #home-button[disabled="true"] { + cursor: default !important; +} + /* ::::: feeds ::::: */ #feedsMenu {