X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=EarlyBlue%2Fglobal%2Fbrowser.css;h=5a0f83b4e4d64857482e5e2b01a0e630dc44f6c8;hp=aa1d1c380bdabacd554d790a83ed09d63f920925;hb=df8c26c46020f7b778d46e6ceedc93e4d4cb6202;hpb=1232bf8ee7be1454f55e0c111f364f18e5e871eb diff --git a/EarlyBlue/global/browser.css b/EarlyBlue/global/browser.css index aa1d1c38..5a0f83b4 100644 --- a/EarlyBlue/global/browser.css +++ b/EarlyBlue/global/browser.css @@ -37,56 +37,160 @@ @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); -.tabbrowser-strip { - padding-bottom: 1px; - border-bottom: 1px solid #666699; +/** + * Tabbrowser Tabs + */ + +.tabbrowser-tabs { + /* XXX: Firefox rules - look into those when we support FF + -moz-binding: url("chrome://global/skin/globalBindings.xml#tabbrowser-tabs") !important; + padding-top: 0px; + background: -moz-dialog url("chrome://global/skin/icons/tabbrowser-tabs-bkgnd.png") !important; + -moz-padding-start: 0px; + */ } -tabpanels { - -moz-appearance: none; +.tabbrowser-tabs[overflow="true"] { + -moz-padding-start: 0px; } -.tabbrowser-tabs { - padding-top: 1px; +/** + * Tab + */ + +.tabbrowser-tab { + /* XXX: Firefox rules - look into those when we support FF + -moz-binding: url("chrome://global/skin/globalBindings.xml#tabbrowser-tab") !important; + background: transparent !important; + margin: 0px !important; + padding: 0px !important; + border: none !important; + height: 22px !important; + margin-bottom: 1px; + */ } -.tabs-left, -.tabs-right { - width: 0px; +.tabbrowser-tab[busy] > .tab-image-middle > .tab-icon > .tab-icon-image { + list-style-image: url("chrome://global/skin/icons/loading.gif") !important; } -.tab-icon { +.tabbrowser-tab[selected="true"] { + font-weight: bold; +} + +.tab-icon-image { margin-top: 1px; - margin-right: 3px; + -moz-margin-end: 3px; width: 16px; height: 16px; - list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-item16.gif"); + /* XXX: Firefox rules - look into those when we support FF + list-style-image: url("chrome://global/skin/icons/folder-item.png"); + -moz-image-region: rect(0px, 16px, 16px, 0px); + */ } -tab[busy] > .tab-icon { - list-style-image: url("chrome://global/skin/icons/loading.gif"); +.tabs-bottom { } -tabbrowser > tabbox > tabpanels { - border: none; - padding: 0px; - margin: 0px; +tabpanels { } -/* ::::: close & new tab buttons ::::: */ +.tabs-left, +.tabs-right { + width: 3px; + border-bottom-width: 0px; +} -.tabs-closebutton { - margin-bottom: 3px; - margin-right: 2px; - list-style-image: url("chrome://global/skin/icons/close-button.gif"); +/* tabbrowser-tab focus ring */ +.tabbrowser-tab > .tab-image-middle > .tab-text { + border: 1px dotted transparent; +} + +.tabbrowser-tab:focus > .tab-image-middle > .tab-text { + border: 1px dotted #666699; +} + +/** + * Tab Drag and Drop + */ + +.tab-drop-indicator-bar { + display:none; + height: 9px; + margin-top: -9px; + position: relative; +} + +.tab-drop-indicator { + height: 11px; + width: 11px; + margin-bottom: -5px; + position: relative; + background: url('chrome://global/skin/icons/tab-drag-indicator.gif') 50% 50% no-repeat; +} + +.tab-drop-indicator-bar[dragging="true"] { + display: -moz-box; } -.tabs-closebutton > .toolbarbutton-icon { - margin: 0; +/** + * In-tab close button + */ +.tab-close-button > .toolbarbutton-icon { + -moz-margin-end: 0px !important; + margin-top: 1px; } -.tabs-newbutton { - margin: 0px; +.tab-close-button { + border: none !important; padding: 0px; - list-style-image: url("chrome://global/skin/icons/tab-new.gif"); -} \ No newline at end of file + cursor: default; + list-style-image: url("chrome://global/skin/icons/close-button.gif"); +} + + +.tab-close-button:focus { + outline: none !important; +} + +/** + * Tab Scrollbox Arrow Buttons + */ + +/* XXX: Firefox rules - look into those when we support FF */ + +/** + * All Tabs Button + */ + +/* XXX: Firefox rules - look into those when we support FF +.tabs-alltabs-box { +} + +.tabs-alltabs-button { +} + +.tabs-alltabs-box-animate { +} +*/ + +/** + * All Tabs Menupopup + */ + +.alltabs-item > .menu-iconic-left > .menu-iconic-icon { + width: 16px; + height: 16px; + /* XXX: Firefox rules - look into those when we support FF + list-style-image: url("chrome://global/skin/icons/folder-item.png"); + -moz-image-region: rect(0px, 16px, 16px, 0px); + */ +} + +.alltabs-item[selected="true"] { + font-weight: bold; +} + +.alltabs-item[busy] > .menu-iconic-left > .menu-iconic-icon { + list-style-image: url("chrome://global/skin/icons/loading.gif"); +}