X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=EarlyBlue%2Fnavigator%2Fnavigator.css;h=6c9a13ff3e472657004f6f6e31eedc24b44eb7f0;hp=1beb16849a814da52ac1a6f331a04b84c11ee7f8;hb=6082be9443900156de6457a2839c8a66fdecc420;hpb=c8120ee9d3c6865cb0511b3b455dd5b64fd93e97 diff --git a/EarlyBlue/navigator/navigator.css b/EarlyBlue/navigator/navigator.css index 1beb1684..6c9a13ff 100644 --- a/EarlyBlue/navigator/navigator.css +++ b/EarlyBlue/navigator/navigator.css @@ -35,12 +35,11 @@ * * ***** END LICENSE BLOCK ***** */ -/** Contains style definitions for the navigator application +/** Contains style definitions for the navigator application **/ @import url("chrome://navigator/content/navigator.css"); @import url("chrome://communicator/skin/"); -@import url("chrome://communicator/skin/sidebar/sidebar.css"); @import url("chrome://communicator/skin/bookmarks/bookmarksToolbar.css"); @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); @@ -48,19 +47,21 @@ /* ::::: primary toolbar buttons ::::: */ #back-button { - list-style-image: url("chrome://navigator/skin/icons/back.gif"); + list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png"); + -moz-image-region: rect(42px 25px 63px 0px); } #back-button[disabled="true"] { - list-style-image: url("chrome://navigator/skin/icons/back-disabled.gif") !important; + -moz-image-region: rect(42px 50px 63px 25px) !important; } #forward-button { - list-style-image: url("chrome://navigator/skin/icons/forward.gif"); + list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png"); + -moz-image-region: rect(63px 25px 84px 0px); } #forward-button[disabled="true"] { - list-style-image: url("chrome://navigator/skin/icons/forward-disabled.gif") !important; + -moz-image-region: rect(63px 50px 84px 25px) !important; } #reload-button { @@ -72,56 +73,60 @@ } #stop-button { - list-style-image: url("chrome://global/skin/icons/stop.gif"); + list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png"); + -moz-image-region: rect(21px 25px 42px 0px); } #stop-button[disabled="true"] { - list-style-image: url("chrome://global/skin/icons/stop-disabled.gif") !important; -} + -moz-image-region: rect(21px 50px 42px 25px) !important; +} #print-button { - list-style-image: url("chrome://global/skin/icons/print.gif"); + list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png"); + -moz-image-region: rect(0px 25px 21px 0px); } #print-button[disabled="true"] { - list-style-image: url("chrome://global/skin/icons/print-disabled.gif") !important; + -moz-image-region: rect(0px 50px 21px 25px) !important; +} + +#clear-button { + list-style-image: url("chrome://global/skin/icons/close-button.gif"); } -/* Hides text below the above buttons */ +/* Hides text below the above buttons - should now be configurable */ +/* .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-text, .toolbarbutton-1 > .toolbarbutton-text { display: none; } +*/ #fullscreen-exit-button { list-style-image: none; } #fullscreen-exit-button > .toolbarbutton-text { - display: normal; +/* display: normal; */ } /* ::::: small primary toolbar buttons ::::: */ -.toolbarbutton-1[toolbarmode="small"] { - min-width: 0; -} - -.toolbarbutton-1[toolbarmode="small"] > .toolbarbutton-menubutton-button > .toolbarbutton-text, -.toolbarbutton-1[toolbarmode="small"] > .toolbarbutton-text { +.toolbarbutton-text[toolbarmode="small"] { display: none; } -#search-button[toolbarmode="small"] > .button-box > .button-text { - display: none; +.toolbarbutton-icon[toolbarmode="small"] { + display: inline; } +#nav-bar[mode="text"] > #nav-bar-inner, +#nav-bar[mode="icons"] > #nav-bar-inner, #nav-bar[toolbarmode="small"] > #nav-bar-inner { - margin: 0; - border: none; + margin: 2px 0px 2px 4px; } -#nav-bar[toolbarmode="small"] > .toolbar-primary-grippy { +toolbar[toolbarmode="small"] > toolbargrippy { display: none; } @@ -130,8 +135,11 @@ #window-controls { -moz-box-align: center; padding: 0 2px 0 4px; - border-left: 2px solid; - -moz-border-left-colors: ThreeDHighlight ThreeDShadow; + border-left: 1px solid #9999CC; +} + +#window-controls > toolbarbutton { + padding: 2px 0px 2px 2px; } #minimize-button { @@ -151,16 +159,25 @@ #nav-bar-inner { padding-left: 0px; min-width: 0px; - margin: 7px 4px 8px 4px; + margin: 7px 4px 8px 4px; } - + #urlbar { - border: 1px inset #CCD0DD; + 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; -} +} + +#urlbar[level="high"] > .autocomplete-textbox-container, +#urlbar[level="low"] > .autocomplete-textbox-container { + background-color: #FFFFCC; +} /* ::::: page proxy icon ::::: */ - + #page-proxy-deck, #page-proxy-favicon, #page-proxy-button { @@ -169,51 +186,27 @@ } #page-proxy-deck { - cursor: grab; + cursor: -moz-grab; margin: 1px 1px 1px 2px; } #page-proxy-button { - list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-item.gif"); + list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-item.gif"); padding-top: 2px; padding-bottom: 2px; -} +} #page-proxy-favicon { list-style-image: none; -} - -/* -#page-proxy-button[pageproxystate="valid"]:hover { - list-style-image: url("chrome://communicator/skin/bookmarks/location-hover.gif"); } - -#page-proxy-button[pageproxystate="valid"]:hover:active { - list-style-image: url("chrome://communicator/skin/bookmarks/location-act.gif"); -} - -#page-proxy-button[pageproxystate="invalid"] { - cursor: default; - list-style-image: url("chrome://communicator/skin/bookmarks/location-dis.gif"); -} -*/ /* ::::: autocomplete ::::: */ -/* -.autocomplete-history-dropmarker { - border-right-width: 1px; - border-bottom-width: 1px; - -moz-border-right-colors: ThreeDShadow; - -moz-border-bottom-colors: ThreeDShadow; -} -*/ - -.autocomplete-outlinerbody:-moz-outliner-cell-text(value) { +.autocomplete-treebody::-moz-tree-cell-text(value) { padding-left: 13px; } -.autocomplete-outlinerbody:-moz-outliner-cell-text(comment) { +.autocomplete-treebody::-moz-tree-cell-text(comment) { color: #808080; /* font-style: italic; */ } @@ -243,7 +236,7 @@ /* ::::: go and searchbuttons ::::: */ -#search-button, +#search-button, #go-button { margin: 0px 3px 0px 0px; /* min-height: 25px; */ @@ -256,6 +249,27 @@ font-weight: bold; } +/* ::::: security button ::::: */ + +#security-button { + list-style-image:url("chrome://communicator/skin/icons/lock-insecure.gif"); + margin-left: 2px; +} + +/* |high| and |low| styles could be different, to better reflect the secure level... */ +#security-button[level="high"], +#security-button[level="low"] { + list-style-image:url("chrome://communicator/skin/icons/lock-secure.gif"); +} + +#security-button[level="broken"] { + list-style-image:url("chrome://communicator/skin/icons/lock-broken.gif"); +} + +#popupIcon { + list-style-image:url("chrome://navigator/skin/icons/popup-blocked.gif"); +} + /* ::::: personal toolbar ::::: */ #bookmarks-button { @@ -270,27 +284,34 @@ list-style-image: url("chrome://communicator/skin/bookmarks/home.gif"); } -/* ::::: sidebar splitter ::::: */ +#bookmarks-chevron { + list-style-image: url("chrome://navigator/skin/icons/chevron.gif") !important; +} -/* -#sidebar-splitter { - border-left: none; - border-right: none; - min-width: 5px; +#bookmarks-chevron > .toolbarbutton-menu-dropmarker { + display: none; } -*/ -/* ::::: content area ::::: */ +/* ::::: feeds ::::: */ -/* -#content { - border-top: 1px solid ThreeDDarkShadow; - border-bottom: 1px solid ThreeDLightShadow; - border-left: 2px solid; - -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow; +#feedsMenu { + list-style-image: url("chrome://navigator/skin/linkButtons/feeds.png") !important; + -moz-image-region: rect(0px 16px 16px 0px); } -#status-bar { - border-top: none; +#feedsMenu[disabled="true"] { + -moz-image-region: rect(32px 16px 48px 0px); +} + +#feedsButton { + list-style-image: url("chrome://navigator/skin/linkButtons/feeds.png"); + -moz-image-region: rect(0px 32px 16px 16px); +} + +#feedsButton:hover { + -moz-image-region: rect(16px 32px 32px 16px); +} + +#feedsButton:hover:active { + -moz-image-region: rect(48px 32px 64px 16px); } -*/