X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fbrowser.css;h=91f87c8286961c84f4a26199f7bba6dbf7447935;hp=7dbd3dfcb06ac568df2f889a3e385f55955316bf;hb=58615cfe292868e20f34b3a8a218f703ac1cb0f1;hpb=0ef54c720436759577528cc97d0c4cc67eb1dc92 diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css index 7dbd3dfc..91f87c82 100644 --- a/LCARStrek/browser/browser.css +++ b/LCARStrek/browser/browser.css @@ -497,8 +497,8 @@ menuitem.bookmark-item { #preferences-button, #privatebrowsing-button, #save-page-button, #switch-to-metro-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, - #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button), - + #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, + #pocket-button), #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon { list-style-image: url("chrome://browser/skin/ToolbarFx.png"); } @@ -656,6 +656,7 @@ menuitem.bookmark-item { -moz-image-region: rect(0, 288px, 18px, 270px); } +#feed-button[cui-areatype="menu-panel"][panel-multiview-anchor=true], #feed-button[cui-areatype="toolbar"]:hover:not([disabled="true"]) { -moz-image-region: rect(18px, 288px, 36px, 270px); } @@ -898,40 +899,40 @@ menuitem.bookmark-item { -moz-image-region: rect(18px, 720px, 36px, 702px); } -#loop-button-throttled > .toolbarbutton-badge-container, +#loop-button, #loop-button > .toolbarbutton-badge-container { list-style-image: url("chrome://browser/skin/loop/toolbarfx.png"); -moz-image-region: rect(0, 18px, 18px, 0); } -#loop-button-throttled:not([disabled="true"]):-moz-any(:hover,:hover:active,[open]) > .toolbarbutton-badge-container, +#loop-button:not([disabled="true"]):-moz-any(:hover,:hover:active,[open]), #loop-button:not([disabled="true"]):-moz-any(:hover,:hover:active,[open]) > .toolbarbutton-badge-container { -moz-image-region: rect(0, 90px, 18px, 72px); } -#loop-button-throttled[state="disabled"] > .toolbarbutton-badge-container, -#loop-button-throttled[disabled="true"] > .toolbarbutton-badge-container, +#loop-button[state="disabled"], +#loop-button[disabled="true"], #loop-button[state="disabled"] > .toolbarbutton-badge-container, #loop-button[disabled="true"] > .toolbarbutton-badge-container { -moz-image-region: rect(0, 36px, 18px, 18px); } -#loop-button-throttled[disabled="true"]:-moz-any(:hover,:hover:active,[open]) > .toolbarbutton-badge-container, +#loop-button[disabled="true"]:-moz-any(:hover,:hover:active,[open]), #loop-button[disabled="true"]:-moz-any(:hover,:hover:active,[open]) > .toolbarbutton-badge-container { -moz-image-region: rect(0, 126px, 18px, 108px); } -#loop-button-throttled:not([disabled="true"])[state="error"] > .toolbarbutton-badge-container, +#loop-button:not([disabled="true"])[state="error"], #loop-button:not([disabled="true"])[state="error"] > .toolbarbutton-badge-container { -moz-image-region: rect(0, 54px, 18px, 36px); } -#loop-button-throttled:not([disabled="true"])[state="action"] > .toolbarbutton-badge-container, +#loop-button:not([disabled="true"])[state="action"], #loop-button:not([disabled="true"])[state="action"] > .toolbarbutton-badge-container { -moz-image-region: rect(0, 72px, 18px, 54px); } -#loop-button-throttled:not([disabled="true"])[state="active"] > .toolbarbutton-badge-container, +#loop-button:not([disabled="true"])[state="active"], #loop-button:not([disabled="true"])[state="active"] > .toolbarbutton-badge-container { -moz-image-region: rect(0, 108px, 18px, 90px); } @@ -944,6 +945,15 @@ menuitem.bookmark-item { -moz-image-region: rect(18px, 738px, 36px, 720px); } +#pocket-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 774px, 18px, 756px); +} + +#pocket-button[cui-areatype="toolbar"]:hover, +#pocket-button[cui-areatype="toolbar"][open] { + -moz-image-region: rect(18px, 774px, 36px, 756px); +} + /* === END toolbarbuttons.inc.css === */ /* === BEGIN menupanel.inc.css === */ @@ -963,14 +973,16 @@ toolbaritem[sdkstylewidget="true"] > toolbarbutton, #preferences-button, #privatebrowsing-button, #save-page-button, #switch-to-metro-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, - #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button)[cui-areatype="menu-panel"], + #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, + #pocket-button)[cui-areatype="menu-panel"], toolbarpaletteitem[place="palette"] > :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #switch-to-metro-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, - #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button) { + #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, + #pocket-button) { list-style-image: var(--menupanel-list-style-image); } @@ -1277,12 +1289,21 @@ toolbarpaletteitem[place="palette"] > #webide-button:hover { -moz-image-region: rect(32px, 960px, 64px, 928px); } +#pocket-button[cui-areatype="menu-panel"], +toolbarpaletteitem[place="palette"] > #pocket-button { + -moz-image-region: rect(0px, 992px, 32px, 960px); +} + +#pocket-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(32px, 992px, 64px, 960px); +} + toolbaritem[sdkstylewidget="true"] > toolbarbutton { -moz-image-region: rect(0, 832px, 32px, 800px); } -#loop-button-throttled[cui-areatype="menu-panel"] > .toolbarbutton-badge-container, -toolbarpaletteitem[place="palette"] > #loop-button-throttled > .toolbarbutton-badge-container, +#loop-button[cui-areatype="menu-panel"], +toolbarpaletteitem[place="palette"] > #loop-button, #loop-button[cui-areatype="menu-panel"] > .toolbarbutton-badge-container, toolbarpaletteitem[place="palette"] > #loop-button > .toolbarbutton-badge-container { list-style-image: url("chrome://browser/skin/loop/menuPanel.png"); @@ -1290,39 +1311,39 @@ toolbarpaletteitem[place="palette"] > #loop-button > .toolbarbutton-badge-contai } /* Make sure that the state icons are not shown in the customization palette. */ -toolbarpaletteitem[place="palette"] > #loop-button-throttled > .toolbarbutton-badge-container, +toolbarpaletteitem[place="palette"] > #loop-button, toolbarpaletteitem[place="palette"] > #loop-button > .toolbarbutton-badge-container { -moz-image-region: rect(0, 32px, 32px, 0) !important; } -#loop-button-throttled[cui-areatype="menu-panel"]:not([disabled="true"]):-moz-any(:hover,:hover:active,[open]) > .toolbarbutton-badge-container, +#loop-button[cui-areatype="menu-panel"]:not([disabled="true"]):-moz-any(:hover,:hover:active,[open]), #loop-button[cui-areatype="menu-panel"]:not([disabled="true"]):-moz-any(:hover,:hover:active,[open]) > .toolbarbutton-badge-container { -moz-image-region: rect(0, 160px, 32px, 128px); } -#loop-button-throttled[cui-areatype="menu-panel"][state="disabled"] > .toolbarbutton-badge-container, -#loop-button-throttled[cui-areatype="menu-panel"][disabled="true"] > .toolbarbutton-badge-container, +#loop-button[cui-areatype="menu-panel"][state="disabled"], +#loop-button[cui-areatype="menu-panel"][disabled="true"], #loop-button[cui-areatype="menu-panel"][state="disabled"] > .toolbarbutton-badge-container, #loop-button[cui-areatype="menu-panel"][disabled="true"] > .toolbarbutton-badge-container { -moz-image-region: rect(0, 64px, 32px, 32px); } -#loop-button-throttled[cui-areatype="menu-panel"][disabled="true"]:-moz-any(:hover,:hover:active,[open]) > .toolbarbutton-badge-container, +#loop-button[cui-areatype="menu-panel"][disabled="true"]:-moz-any(:hover,:hover:active,[open]), #loop-button[cui-areatype="menu-panel"][disabled="true"]:-moz-any(:hover,:hover:active,[open]) > .toolbarbutton-badge-container { -moz-image-region: rect(0, 224px, 32px, 192px); } -#loop-button-throttled[cui-areatype="menu-panel"]:not([disabled="true"])[state="error"] > .toolbarbutton-badge-container, +#loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="error"], #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="error"] > .toolbarbutton-badge-container { -moz-image-region: rect(0, 96px, 32px, 64px); } -#loop-button-throttled[cui-areatype="menu-panel"]:not([disabled="true"])[state="action"] > .toolbarbutton-badge-container, +#loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="action"], #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="action"] > .toolbarbutton-badge-container { -moz-image-region: rect(0, 128px, 32px, 96px); } -#loop-button-throttled[cui-areatype="menu-panel"]:not([disabled="true"])[state="active"] > .toolbarbutton-badge-container, +#loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="active"], #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="active"] > .toolbarbutton-badge-container { -moz-image-region: rect(0, 192px, 32px, 160px); } @@ -2692,7 +2713,7 @@ toolbarbutton[type="socialmark"] > .toolbarbutton-icon { } /* The selected tab should appear above adjacent tabs, .tabs-newtab-button and the highlight of #nav-bar */ -.tabbrowser-tab[selected=true] { +.tabbrowser-tab[visuallyselected=true] { /* position: relative; z-index: 2;*/ } @@ -2792,15 +2813,15 @@ toolbarbutton[type="socialmark"] > .toolbarbutton-icon { .tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator { } -.tab-background-start[selected=true]::after, -.tab-background-start[selected=true]::before, +.tab-background-start[visuallyselected=true]::after, +.tab-background-start[visuallyselected=true]::before, .tab-background-start, .tab-background-end, -.tab-background-end[selected=true]::after, -.tab-background-end[selected=true]::before { +.tab-background-end[visuallyselected=true]::after, +.tab-background-end[visuallyselected=true]::before { } -.tabbrowser-tab:not([selected=true]), +.tabbrowser-tab:not([visuallyselected=true]), .tabbrowser-tab:-moz-lwtheme { } @@ -2811,7 +2832,7 @@ toolbarbutton[type="socialmark"] > .toolbarbutton-icon { /* Selected tab */ -.tabbrowser-tab[selected="true"] { +.tabbrowser-tab[visuallyselected="true"] { } /* End selected tab */ @@ -2854,7 +2875,7 @@ toolbarbutton[type="socialmark"] > .toolbarbutton-icon { * of the window (e.g. no menubar, tabs in titlebar, etc.) to make it easier to drag the window by * the titlebar. We don't need this in fullscreen since window dragging is not an issue there. */ -#main-window[tabsintitlebar][sizemode=normal] #toolbar-menubar[autohide="true"][inactive] + #TabsToolbar .tab-background-middle:not([selected=true]) { +#main-window[tabsintitlebar][sizemode=normal] #toolbar-menubar[autohide="true"][inactive] + #TabsToolbar .tab-background-middle:not([visuallyselected=true]) { /* clip-path: url(chrome://browser/content/browser.xul#tab-hover-clip-path);*/ } @@ -3168,9 +3189,9 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] { .popup-notification-icon[popupid="xpinstall-disabled"], .popup-notification-icon[popupid="addon-progress"], -.popup-notification-icon[popupid="addon-install-cancelled"], .popup-notification-icon[popupid="addon-install-blocked"], .popup-notification-icon[popupid="addon-install-failed"], +.popup-notification-icon[popupid="addon-install-confirmation"], .popup-notification-icon[popupid="addon-install-complete"] { list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png"); width: 32px; @@ -3185,45 +3206,13 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] { list-style-image: url("chrome://browser/skin/notification-64.png"); } -.addon-progress-description { - width: 350px; - max-width: 350px; -} - -.popup-progress-label, -.popup-progress-meter { - -moz-margin-start: 0; - -moz-margin-end: 0; -} - -.popup-progress-cancel { - -moz-appearance: none; - background: transparent; - border: none; - padding: 0; - margin: 0; - min-height: 0; - min-width: 0; - list-style-image: url("chrome://mozapps/skin/downloads/downloadButtons.png"); - -moz-image-region: rect(0px, 32px, 16px, 16px); -} - -.popup-progress-cancel:hover { - -moz-image-region: rect(16px, 32px, 32px, 16px); -} - -.popup-progress-cancel:active { - -moz-image-region: rect(32px, 32px, 48px, 16px); -} - .popup-notification-icon[popupid="indexedDB-permissions-prompt"], .popup-notification-icon[popupid*="offline-app-requested"], .popup-notification-icon[popupid="offline-app-usage"] { list-style-image: url("chrome://global/skin/icons/alert-question.gif"); } -.popup-notification-icon[popupid="password-save"], -.popup-notification-icon[popupid="password-change"] { +.popup-notification-icon[popupid="password"] { list-style-image: url("chrome://mozapps/skin/passwordmgr/key-64.png"); } @@ -3559,6 +3548,12 @@ notification[value="loop-sharing-notification"] .messageImage { -moz-image-region: auto; } +#panelMenu_pocket, +#menu_pocket, +#BMB_pocket { + list-style-image: url("chrome://browser/content/pocket/panels/img/pocketmenuitem16.png"); +} + /* ::::: Keyboard UI Panel ::::: */ .KUI-panel { @@ -4928,13 +4923,17 @@ notification.pluginVulnerable .messageImage { #customization-titlebar-visibility-button { list-style-image: url("chrome://browser/skin/customizableui/customize-titleBar-toggle.png"); -moz-image-region: rect(0, 16px, 16px, 0); - padding: 0px 5px; } #customization-titlebar-visibility-button:hover { -moz-image-region: rect(16px, 16px, 32px, 0); } +#customization-lwtheme-button, +#customization-titlebar-visibility-button { + padding: 0px 5px; +} + #customization-titlebar-visibility-button > .button-box { padding-top: 0; padding-bottom: 1px; @@ -4945,11 +4944,19 @@ notification.pluginVulnerable .messageImage { padding-bottom: 0; } +#customization-lwtheme-button > .box-inherit > .box-inherit > .button-text, #customization-titlebar-visibility-button > .button-box > .button-text { /* Sadly, button.css thinks its margins are perfect for everyone. */ -moz-margin-start: 5px !important; } +#customization-lwtheme-button > .box-inherit > .box-inherit > .button-icon { + width: 20px; + height: 20px; + border-radius: 2px; + background-size: contain; +} + #customization-titlebar-visibility-button > .button-box > .button-icon { vertical-align: middle; }