X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fbrowser.css;h=6e02f342a2f19632a8e9e2aeec39a020ee18a468;hp=f8543d8cbdec6753b715daaf99a0389bcaa7f9c5;hb=6dc70335b2a0bf287f39b81011cb275c8158622c;hpb=6568957a6c8bab01b38e271cec8661f148805538 diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css index f8543d8c..6e02f342 100644 --- a/LCARStrek/browser/browser.css +++ b/LCARStrek/browser/browser.css @@ -89,16 +89,16 @@ menubar { #navigator-toolbox > toolbar:not(:-moz-lwtheme) { } -#main-window[tabsintitlebar]:not([inFullscreen]) #toolbar-menubar[inactive] ~ #TabsToolbar:not(:-moz-lwtheme) { +#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[inactive] ~ #TabsToolbar:not(:-moz-lwtheme) { /* like menubar */ background-color: #6000CF; color: #FF9F00; } -#main-window[tabsintitlebar]:not([inFullscreen]) #toolbar-menubar[inactive] ~ #TabsToolbar:not(:-moz-lwtheme):-moz-window-inactive { +#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[inactive] ~ #TabsToolbar:not(:-moz-lwtheme):-moz-window-inactive { background-color: #8050B0; color: #FF9F00; } -#main-window[tabsintitlebar]:not([inFullscreen]) #toolbar-menubar[inactive] ~ #TabsToolbar > .tabbrowser-tabs > .tabbrowser-tab { +#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[inactive] ~ #TabsToolbar > .tabbrowser-tabs > .tabbrowser-tab { padding-top: 3px; } @@ -114,6 +114,9 @@ menubar { #nav-bar[tabsontop="true"][collapsed="true"]:not([customizing]) + toolbar, #nav-bar[tabsontop="true"][collapsed="true"]:not([customizing]) + #customToolbars + #PersonalToolbar { /* background-image: linear-gradient(@toolbarHighlight@, rgba(255,255,255,0)); */ + /* Position the toolbar above the bottom of background tabs */ + position: relative; + z-index: 1; } #personal-bookmarks { @@ -126,6 +129,16 @@ menubar { /* ::::: app menu button ::::: */ +/* The app menu button must appear on top of the navigator-toolbox in order + * for click and hover mouse events to work properly for the button in the + * restored window state. Otherwise, elements in the navigator-toolbox, like the + * menubar can swallow these events. It will also place the button above the + * fog on themes with Aero Glass. + */ +#main-window[tabsintitlebar] #appmenu-button-container { + z-index: 1; +} + #appmenu-button { background-color: #FF9F00; background-clip: padding-box; @@ -599,6 +612,12 @@ menuitem.bookmark-item { -moz-image-region: rect(18px, 144px, 36px, 126px); } +/* When "new tab" page shows up, the menubutton-button (star button) is disabled */ +#navigator-toolbox:not([iconsize]) #bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-button[disabled="true"] { + -moz-image-region: rect(36px, 144px, 54px, 126px) !important; + background-color: transparent !important; +} + #navigator-toolbox:not([iconsize]) #bookmarks-menu-button[cui-areatype="toolbar"][starred] { -moz-image-region: rect(0, 162px, 18px, 144px); } @@ -2493,6 +2512,13 @@ richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url- max-height: 16px; } +toolbarbutton[type="socialmark"] > .toolbarbutton-icon { + width: auto; + height: auto; + max-width: 32px; + max-height: 24px; +} + /* fixup corners for share panel */ .social-panel > .social-panel-frame { border-radius: inherit; @@ -2692,12 +2718,15 @@ richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url- border-bottom: 1px solid #008484; } +/* === BEGIN tabs.inc.css === */ + .tabbrowser-tab, -.tabs-newtab-button { +.tabs-newtab-button, +#TabsToolbar > #new-tab-button { margin-top: 0px; } -.tabbrowser-tab{ +.tabbrowser-tab { padding: 1px 4px 2px; } @@ -2705,12 +2734,14 @@ richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url- -moz-margin-start: 2px; } -.tabs-newtab-button { +.tabs-newtab-button, +#TabsToolbar > #new-tab-button { border-radius: 8px 8px 0px 0px; -moz-margin-start: 0; } -.tabs-newtab-button:not(:hover) { +.tabs-newtab-button:not(:hover), +#TabsToolbar > #new-tab-button:not(:hover) { background-color: #C09070; } @@ -2718,45 +2749,34 @@ richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url- text-decoration: underline; } -.tabbrowser-tab:hover, -.tabs-newtab-button:hover { -} +/* Selected tab */ .tabbrowser-tab[selected="true"] { } -#main-window[tabsontop=false]:not([disablechrome]) .tabbrowser-tab[selected=true]:not(:-moz-lwtheme) { -} +/* End selected tab */ -.tabbrowser-tab:-moz-lwtheme { -} +/* Pinned tabs */ -.tabbrowser-tab[selected="true"]:-moz-lwtheme { +.tabbrowser-tab[pinned][titlechanged]:not([selected="true"]) { + background-color: #E7ADE7; } - -.tabbrowser-tab:-moz-lwtheme-brighttext:not([selected="true"]), -.tabs-newtab-button:-moz-lwtheme-brighttext { +.tabbrowser-tab[pinned][titlechanged]:not([selected="true"]):hover { + background-color: #3333FF; + color: #000000; } -.tabbrowser-tab:-moz-lwtheme-brighttext:not([selected="true"]):hover, -.tabs-newtab-button:-moz-lwtheme-brighttext:hover { -} +/* New tab button */ -.tabbrowser-tab:-moz-lwtheme-darktext:not([selected="true"]), -.tabs-newtab-button:-moz-lwtheme-darktext { +.tabs-newtab-button { + width: 28px; } -.tabbrowser-tab:-moz-lwtheme-darktext:not([selected="true"]):hover, -.tabs-newtab-button:-moz-lwtheme-darktext:hover { +#TabsToolbar > #new-tab-button { + width: 26px; } -.tabbrowser-tab[pinned][titlechanged]:not([selected="true"]) { - background-color: #E7ADE7; -} -.tabbrowser-tab[pinned][titlechanged]:not([selected="true"]):hover { - background-color: #3333FF; - color: #000000; -} +/* === END tabs.inc.css === */ .tab-throbber, .tab-icon-image { @@ -2835,16 +2855,11 @@ richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url- -moz-image-region: rect(0, 16px, 18px, 0); } -.tabs-newtab-button { - width: 28px; -} - -#TabsToolbar > #new-tab-button { - width: 26px; -} - +/* Remove |#navigator-toolbox:not([iconsize])| selector when Australis lands - this makes it only apply post-Australis as iconsize doesn't exist there */ .tabs-newtab-button, .tabs-newtab-button:hover, +#navigator-toolbox:not([iconsize]) #TabsToolbar > #new-tab-button, +#navigator-toolbox:not([iconsize]) #TabsToolbar > #new-tab-button:hover, #TabsToolbar > #new-tab-button:hover { -moz-image-region: rect(0, 32px, 18px, 16px); } @@ -3045,11 +3060,6 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] { width: 16px; } -#identity-popup-help-icon:-moz-focusring { - outline: 1px dotted; - outline-offset: 1px; -} - #identity-popup-more-info-button { margin-top: 6px; margin-bottom: 0; @@ -3482,7 +3492,7 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon .highlighter-outline { box-shadow: 0 0 0 1px black; - outline: 1px dashed white; + outline: 1px dashed #A09090; } .highlighter-outline[locked] { @@ -3497,6 +3507,11 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon border-radius: 3px; background-color: #000000; background-clip: padding-box; + border: 1px solid #008484; + padding: 5px; + /* Avoid cases where the infobar is smaller than the arrow, when the text is + short */ + min-width: 75px; } /* Highlighter - Node Infobar - text */ @@ -3522,7 +3537,6 @@ html|*.highlighter-nodeinfobar-pseudo-classes { /* Highlighter - Node Infobar - buttons */ .highlighter-nodeinfobar-button { - border-width: 0; padding: 0; width: 26px; min-height: 26px; @@ -4281,8 +4295,6 @@ notification.pluginVulnerable .messageImage { list-style-image: url("chrome://browser/skin/notification-pluginBlocked.png"); } -/* Customization mode */ - /* === END plugin-doorhanger.inc.css === */ #main-window[privatebrowsingmode=temporary] #toolbar-menubar { @@ -4464,8 +4476,6 @@ toolbarpaletteitem[place="toolbar"] { background-clip: padding-box; } -/* End customization mode */ - #main-window[privatebrowsingmode=temporary] #TabsToolbar::after { content: ""; display: -moz-box; @@ -4482,6 +4492,13 @@ html|div#UITourHighlight { border: 2px #9C9CFF solid; min-height: 32px; min-width: 32px; + /* HACK for pre-Australis */ + display: none; +} + +html|div#UITourHighlight[active] { + /* HACK for pre-Australis */ + display: none; } #UITourTooltip {