X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fbrowser.css;h=6e02f342a2f19632a8e9e2aeec39a020ee18a468;hp=e554ef5973b7a4a0aaf2b1b6d4d91825f9e7a8be;hb=6dc70335b2a0bf287f39b81011cb275c8158622c;hpb=9847cbdd4241685689b0eb95b26f05888c368e12 diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css index e554ef59..6e02f342 100644 --- a/LCARStrek/browser/browser.css +++ b/LCARStrek/browser/browser.css @@ -67,15 +67,9 @@ menubar { -moz-binding: url("chrome://global/skin/globalBindings.xml#toolbar-drag-browsercustom"); } -#main-window[tabsintitlebar] #main-menubar > menu:not(:-moz-lwtheme) { - /* like menubar */ - background-color: #6000CF; - color: #FF9F00; -} - -#main-window[tabsintitlebar] #main-menubar > menu:not(:-moz-lwtheme):-moz-window-inactive { - background-color: #8050B0; - color: #FF9F00; +#main-window[tabsintitlebar] #toolbar-menubar .toolbar-endcap { + /* the titlebar buttons are shown right over the endcap but we have no power over the buttonbox position just for this case, so hide the endcap */ + display: none; } #navigator-toolbox { @@ -95,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; } @@ -120,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 { @@ -132,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; @@ -605,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); } @@ -948,13 +961,11 @@ menuitem.bookmark-item { } #downloads-button[cui-areatype="menu-panel"], -#downloads-indicator[cui-areatype="menu-panel"], :-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #downloads-button { -moz-image-region: rect(0px, 256px, 32px, 224px); } #downloads-button[cui-areatype="menu-panel"]:hover, -#downloads-indicator[cui-areatype="menu-panel"]:hover, :-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #downloads-button:hover { -moz-image-region: rect(32px, 256px, 64px, 224px); } @@ -2501,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; @@ -2700,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; } @@ -2713,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; } @@ -2726,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 { @@ -2843,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); } @@ -3035,6 +3042,24 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] { list-style-image: url("chrome://browser/skin/Secure24.png"); } +#identity-popup-help-icon { + border: none; + margin: 7px 0 0 -3px; + background: none; + min-width: 0; + list-style-image: url("chrome://global/skin/icons/question-16.png"); + cursor: pointer; +} + +#identity-popup-help-icon > .button-box > .button-text { + display: none; +} + +#identity-popup-help-icon > .button-box > .button-icon { + height: 16px; + width: 16px; +} + #identity-popup-more-info-button { margin-top: 6px; margin-bottom: 0; @@ -3461,11 +3486,13 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon background-color: transparent !important; } +/* === BEGIN highlighter.inc.css === */ + /* Highlighter */ .highlighter-outline { box-shadow: 0 0 0 1px black; - outline: 1px dashed white; + outline: 1px dashed #A09090; } .highlighter-outline[locked] { @@ -3477,10 +3504,14 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon .highlighter-nodeinfobar { color: #FF9F00; - border: 1px solid rgba(156, 156, 255, .5); 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 */ @@ -3518,9 +3549,6 @@ html|*.highlighter-nodeinfobar-pseudo-classes { -moz-margin-end: 2px; } -.highlighter-nodeinfobar-inspectbutton:-moz-locale-dir(rtl) { -} - .highlighter-nodeinfobar-inspectbutton:hover, .highlighter-nodeinfobar-inspectbutton:hover:active/*, .highlighter-nodeinfobar-container:not([locked]) > .highlighter-nodeinfobar > .highlighter-nodeinfobar-inspectbutton*/ { @@ -3530,9 +3558,6 @@ html|*.highlighter-nodeinfobar-pseudo-classes { .highlighter-nodeinfobar-menu { } -.highlighter-nodeinfobar-menu:-moz-locale-dir(rtl) { -} - .highlighter-nodeinfobar-menu > .toolbarbutton-menu-dropmarker { -moz-box-align: center; -moz-margin-start: -1px; @@ -3545,7 +3570,6 @@ html|*.highlighter-nodeinfobar-pseudo-classes { height: 14px; -moz-margin-start: calc(50% - 7px); transform: rotate(-45deg); - border: 1px solid transparent; background-clip: padding-box; background-repeat: no-repeat; } @@ -3553,28 +3577,21 @@ html|*.highlighter-nodeinfobar-pseudo-classes { .highlighter-nodeinfobar-arrow-top { margin-bottom: -8px; margin-top: 8px; - border-right-color: rgba(0, 132, 132, .5); - border-top-color: rgba(0, 132, 132, .5); background-image: linear-gradient(to bottom left, transparent 50%, rgb(0, 132, 132) 50%); } .highlighter-nodeinfobar-arrow-bottom { margin-top: -8px; margin-bottom: 8px; - border-left-color: rgba(0, 132, 132, .5); - border-bottom-color: rgba(0, 132, 132, .5); background-image: linear-gradient(to top right, transparent 50%, rgb(0, 132, 132) 50%); } -.highlighter-nodeinfobar-container[position="top"] > .highlighter-nodeinfobar, -.highlighter-nodeinfobar-container[position="overlap"] > .highlighter-nodeinfobar { - box-shadow: 0 1px 0 hsla(0, 0%, 100%, .1) inset; -} - .highlighter-nodeinfobar-container[hide-arrow] > .highlighter-nodeinfobar { margin: 7px 0; } +/* === END highlighter.inc.css === */ + #full-screen-warning-message { background-color: #000000; color: #FF9F00; @@ -4266,7 +4283,17 @@ window > chatbox { margin: 0; } -/* Customization mode */ +.messageImage[value="plugin-hidden"] { + list-style-image: url("chrome://browser/skin/notification-pluginNormal.png"); +} + +/* Keep any changes to this style in sync with pluginProblem.css */ +notification.pluginVulnerable { +} + +notification.pluginVulnerable .messageImage { + list-style-image: url("chrome://browser/skin/notification-pluginBlocked.png"); +} /* === END plugin-doorhanger.inc.css === */ @@ -4449,8 +4476,6 @@ toolbarpaletteitem[place="toolbar"] { background-clip: padding-box; } -/* End customization mode */ - #main-window[privatebrowsingmode=temporary] #TabsToolbar::after { content: ""; display: -moz-box; @@ -4467,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 {