X-Git-Url: https://git-public.kairo.at/?a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fbrowser.css;h=01ae429bd565f7e981e2f3a6df95e6645a6c0a3e;hb=63ada306d8a7effd55882843f51cc053346a73cf;hp=8d1e33de058a7f09ca756230ca1ef2c1e72e0980;hpb=9abeb12c5fc3c4fccd5a3b2c4ea13b84c5bed66f;p=themes.git diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css index 8d1e33de..01ae429b 100644 --- a/LCARStrek/browser/browser.css +++ b/LCARStrek/browser/browser.css @@ -52,6 +52,10 @@ toolbar { -moz-binding: url("chrome://global/skin/globalBindings.xml#toolbar"); } +toolbar[type="menubar"][autohide="true"] { + -moz-binding: url("chrome://global/skin/globalBindings.xml#toolbar-menubar-autohide"); +} + menubar { -moz-binding: url("chrome://global/skin/globalBindings.xml#menubar"); } @@ -64,6 +68,18 @@ menubar { -moz-box-flex: 1; /* make menu items expand to fill toolbar height */ } +/* ::::: primary toolbar ::::: */ + +.toolbar-primary > .toolbar-box > .toolbar-holder { + background-color: #FF9F00; +} + +.toolbar-primary > .toolbar-box > .toolbar-startcap, +.toolbar-primary > .toolbar-box > .toolbar-endcap { + background-color: #9C9CFF; +} + + #navigator-toolbox { } @@ -81,14 +97,12 @@ menubar { #navigator-toolbox > toolbar:not(:-moz-lwtheme) { } -#main-window[tabsintitlebar] #titlebar-content:not(:-moz-lwtheme), -#main-window[tabsintitlebar]:not([inFullscreen]) #TabsToolbar:not(:-moz-lwtheme) { +#main-window[tabsintitlebar]:not([inFullscreen]) #toolbar-menubar[inactive] ~ #TabsToolbar:not(:-moz-lwtheme) { /* like menubar */ background-color: #6000CF; color: #FF9F00; } -#main-window[tabsintitlebar] #titlebar-content:not(:-moz-lwtheme):-moz-window-inactive, -#main-window[tabsintitlebar]:not([inFullscreen]) #TabsToolbar:not(:-moz-lwtheme):-moz-window-inactive { +#main-window[tabsintitlebar]:not([inFullscreen]) #toolbar-menubar[inactive] ~ #TabsToolbar:not(:-moz-lwtheme):-moz-window-inactive { background-color: #8050B0; color: #FF9F00; } @@ -101,25 +115,12 @@ menubar { visibility: visible; } -#navigator-toolbox[iconsize="small"] > #nav-bar, -#navigator-toolbox > toolbar:not(#nav-bar):not(#toolbar-menubar):not(#TabsToolbar)[iconsize="small"] { - padding-top: 1px; - padding-bottom: 1px; -} - -#nav-bar:not(:-moz-lwtheme), -#nav-bar[collapsed="true"] + toolbar:not(:-moz-lwtheme), -#nav-bar[collapsed="true"] + #customToolbars + #PersonalToolbar:not(:-moz-lwtheme), #navigator-toolbox[tabsontop="true"] > #nav-bar, #navigator-toolbox[tabsontop="true"]:not([customizing]) > #nav-bar[collapsed="true"] + toolbar, #navigator-toolbox[tabsontop="true"]:not([customizing]) > #nav-bar[collapsed="true"] + #customToolbars + #PersonalToolbar { /* background-image: -moz-linear-gradient(@toolbarHighlight@, rgba(255,255,255,0)); */ } -#navigator-toolbox[tabsontop="false"] > #toolbar-menubar:not(:-moz-lwtheme) { - /* background-image: -moz-linear-gradient(@toolbarHighlight@, @toolbarHighlight@); */ -} - #personal-bookmarks { min-height: 24px; } @@ -148,6 +149,12 @@ menubar { color: #FFCF00; } +#appmenu-button:hover:not(:active):not([open]) { +} + +#main-window[privatebrowsingmode=temporary] #appmenu-button:hover:not(:active):not([open]) { +} + #appmenu-button:hover, #appmenu-button:hover:active, #appmenu-button[open] { @@ -164,6 +171,10 @@ menubar { -moz-margin-start: .5em; } +.splitmenu-menuitem { + -moz-margin-end: 1px; +} + .splitmenu-menu { -moz-box-pack: end; } @@ -405,7 +416,13 @@ menuitem.bookmark-item { /* ::::: primary toolbar buttons ::::: */ -/* ::::: large toolbar buttons ::::: */ +.toolbarbutton-1 { + list-style-image: url("chrome://browser/skin/Toolbar.png"); +} + +.toolbarbutton-1:not([type="menu-button"]) { + -moz-box-orient: vertical; +} .toolbarbutton-1, .toolbarbutton-1 > .toolbarbutton-menubutton-button { @@ -433,10 +450,6 @@ menuitem.bookmark-item { -moz-padding-end: 1px; } -.toolbarbutton-1[type="menu"] { - -moz-binding: url("chrome://global/content/bindings/toolbarbutton.xml#menu-vertical"); -} - /* ::::: small primary toolbar buttons ::::: */ #nav-bar { @@ -526,6 +539,13 @@ toolbar[mode="full"] .toolbarbutton-1 > .toolbarbutton-menubutton-button { min-width: 30px; } +#navigator-toolbox[iconsize=small] > #nav-bar { +} + +#navigator-toolbox[iconsize=large][mode=icons] > #nav-bar { +} + + /* unified back/forward button */ #back-button { @@ -539,19 +559,32 @@ toolbar[mode="full"] .toolbarbutton-1 > .toolbarbutton-menubutton-button { -moz-margin-start: 0; } +#navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar #back-button { + -moz-image-region: rect(18px, 20px, 38px, 0); +} + #back-button:-moz-locale-dir(rtl) > .toolbarbutton-icon, #forward-button:-moz-locale-dir(rtl), #forward-button:-moz-locale-dir(rtl) > .toolbarbutton-text { -moz-transform: scaleX(-1); } -#back-button:-moz-locale-dir(ltr) { +#nav-bar #back-button { + -moz-margin-end: 0 !important; +} + +#nav-bar #forward-button { + border-left-style: none; + -moz-margin-start: 0 !important; +} + +#nav-bar #back-button:-moz-locale-dir(ltr) { border-top-right-radius: 0; border-bottom-right-radius: 0; } -#back-button:-moz-locale-dir(rtl), -#forward-button { +#nav-bar #back-button:-moz-locale-dir(rtl), +#nav-bar #forward-button { border-top-left-radius: 0; border-bottom-left-radius: 0; } @@ -632,8 +665,12 @@ toolbar[mode="full"] .toolbarbutton-1 > .toolbarbutton-menubutton-button { /* tabview button */ -#tabview-button { +#tabview-button, +#menu_tabview { list-style-image: url("chrome://browser/skin/tabview/tabview.png"); +} + +#tabview-button { -moz-image-region: rect(0, 90px, 18px, 72px); } @@ -653,6 +690,26 @@ toolbar[mode="full"] .toolbarbutton-1 > .toolbarbutton-menubutton-button { -moz-image-region: rect(0, 72px, 18px, 54px); } +#menu_tabview { + -moz-image-region: rect(1px, 89px, 17px, 73px); +} + +#menu_tabview[groups="0"] { + -moz-image-region: rect(1px, 17px, 17px, 1px); +} + +#menu_tabview[groups="1"] { + -moz-image-region: rect(1px, 35px, 17px, 19px); +} + +#menu_tabview[groups="2"] { + -moz-image-region: rect(1px, 53px, 17px, 37px); +} + +#menu_tabview[groups="3"] { + -moz-image-region: rect(1px, 71px, 17px, 55px); +} + /* download manager button */ #downloads-button { @@ -731,18 +788,25 @@ toolbar[mode="full"] .toolbarbutton-1 > .toolbarbutton-menubutton-button { #zoom-in-button { -moz-image-region: rect(0, 306px, 18px, 288px); +} + +#nav-bar #zoom-out-button { + -moz-margin-end: 0; +} + +#nav-bar #zoom-in-button { -moz-border-start: none; -moz-margin-start: 0; } -#zoom-out-button:-moz-locale-dir(ltr), -#zoom-in-button:-moz-locale-dir(rtl) { +#nav-bar #zoom-out-button:-moz-locale-dir(ltr), +#nav-bar #zoom-in-button:-moz-locale-dir(rtl) { border-top-right-radius: 0; border-bottom-right-radius: 0; } -#zoom-out-button:-moz-locale-dir(rtl), -#zoom-in-button:-moz-locale-dir(ltr) { +#nav-bar #zoom-out-button:-moz-locale-dir(rtl), +#nav-bar #zoom-in-button:-moz-locale-dir(ltr) { border-top-left-radius: 0; border-bottom-left-radius: 0; } @@ -974,19 +1038,6 @@ html|*.urlbar-input:-moz-lwtheme:-moz-placeholder, /* autocomplete */ -#PopupAutoComplete, -#PopupAutoCompleteRichResult { - direction: ltr !important; -} - -#PopupAutoComplete:-moz-locale-dir(rtl) > tree > treerows { - direction: rtl; -} - -#PopupAutoComplete .autocomplete-treebody { - direction: ltr; -} - #treecolAutoCompleteImage { max-width: 36px; } @@ -1208,11 +1259,18 @@ richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action- } /* Tabstrip */ + #TabsToolbar { min-height: 0; padding: 0; + -moz-binding: url("chrome://global/content/bindings/toolbar.xml#toolbar"); +} + +#TabsToolbar .toolbar-holder { + background-color: #000000; /* correct effect of being an actal toolbar */ } +#main-window[disablechrome] #TabsToolbar, #TabsToolbar[tabsontop="false"] { border-bottom: 1px solid #FF9F00; } @@ -1279,7 +1337,7 @@ richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action- list-style-image: url("chrome://browser/skin/tabbrowser/loading.png"); } -.tabbrowser-tab[pinned] { +#tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] { min-height: 16px; /* corresponds to the max. height of non-textual tab contents, i.e. the favicon */ } @@ -1362,8 +1420,8 @@ richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action- -moz-image-region: rect(0, 30px, 17px, 15px); } -.tabbrowser-arrowscrollbox > .scrollbutton-up:-moz-locale-dir(rtl) > .toolbarbutton-icon, -.tabbrowser-arrowscrollbox > .scrollbutton-down:-moz-locale-dir(ltr) > .toolbarbutton-icon { +.tabbrowser-arrowscrollbox > .scrollbutton-up:-moz-locale-dir(rtl), +.tabbrowser-arrowscrollbox > .scrollbutton-down:-moz-locale-dir(ltr) { -moz-transform: scaleX(-1); } @@ -1374,32 +1432,9 @@ richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action- background-color: #008484; } -.tabbrowser-arrowscrollbox > .scrollbutton-up:not([disabled]):not(:hover):-moz-locale-dir(ltr), -.tabbrowser-arrowscrollbox > .scrollbutton-down:not([disabled]):not(:hover):-moz-locale-dir(rtl) { - -moz-appearance: none; +.tabbrowser-arrowscrollbox > .scrollbutton-up:not([disabled]), +.tabbrowser-arrowscrollbox > .scrollbutton-down:not([disabled]) { -moz-border-image: url("chrome://browser/skin/tabbrowser/tab-overflow-border.png") 0 2 0 2 / 0 2px 0 0; - padding-right: 1px; -} - -.tabbrowser-arrowscrollbox > .scrollbutton-down:not([disabled]):not(:hover):-moz-locale-dir(ltr), -.tabbrowser-arrowscrollbox > .scrollbutton-up:not([disabled]):not(:hover):-moz-locale-dir(rtl) { - -moz-appearance: none; - -moz-border-image: url("chrome://browser/skin/tabbrowser/tab-overflow-border.png") 0 2 0 2 / 0 0 0 2px; - padding-left: 1px; -} - -@media all and (-moz-windows-classic) { - .tabbrowser-arrowscrollbox > .scrollbutton-up:not([disabled]):not(:hover):-moz-locale-dir(ltr), - .tabbrowser-arrowscrollbox > .scrollbutton-down:not([disabled]):not(:hover):-moz-locale-dir(rtl) { - padding-left: 4px; - padding-right: 2px; - } - - .tabbrowser-arrowscrollbox > .scrollbutton-down:not([disabled]):not(:hover):-moz-locale-dir(ltr), - .tabbrowser-arrowscrollbox > .scrollbutton-up:not([disabled]):not(:hover):-moz-locale-dir(rtl) { - padding-left: 2px; - padding-right: 4px; - } } .tabs-newtab-button > .toolbarbutton-icon { @@ -1472,6 +1507,9 @@ richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action- list-style-image: url("chrome://global/skin/icons/close-button.gif"); } +.tabs-closebutton > .toolbarbutton-icon { +} + .tabs-closebutton:hover, .tabs-closebutton:hover:active { list-style-image: url("chrome://global/skin/icons/close-button-hover.gif"); @@ -1882,12 +1920,34 @@ panel[dimmed="true"] { opacity: 0.5; } -/* Vertically-center the statusbar compatibility shim, because - toolbars, even in small-icon mode, are a bit taller than - statusbars. Also turn off the statusbar border. On Windows - we have to disable borders on statusbar *and* child statusbar - elements. */ +/* Add-on bar */ + +#addon-bar { + min-height: 20px; + border-top: 3px solid #000000; +} + +#addon-bar:not(:-moz-lwtheme) { + -moz-appearance: statusbar; +} + +#addon-bar .toolbar-holder { + background-color: #8050B0; + color: #FFCF00; +} + +#addon-bar .toolbar-holder { + background-color: #8050B0; + color: #FFCF00; +} + +#addon-bar .toolbar-startcap, +#addon-bar .toolbar-endcap{ + background-color: #6000CF; +} + #status-bar { + -moz-binding: url("chrome://global/content/bindings/general.xml#statusbar"); margin-top: .3em; border-width: 0; } @@ -1898,7 +1958,6 @@ panel[dimmed="true"] { border-width: 0; } */ -/* Add-on bar close button */ #addonbar-closebutton { border: none; padding: 3px 5px;