X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fbrowser.css;h=c5768c515504cba688b025e9cde5c70ca69bec29;hp=d02e29b3c73c649af7a2a4449fc14a92534ba271;hb=8ab9ca8a251b25fb4a6ba8744a1c75ec9bcc4990;hpb=dc9d5d64a3f915cb832f43050545b432f33504f7 diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css index d02e29b3..c5768c51 100644 --- a/LCARStrek/browser/browser.css +++ b/LCARStrek/browser/browser.css @@ -512,15 +512,10 @@ menuitem.bookmark-item { #preferences-button, #privatebrowsing-button, #save-page-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, #webide-button, #loop-button, - #pocket-button), + #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button), #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon { list-style-image: url("chrome://browser/skin/ToolbarFx.png"); } -toolbar[brighttext] #pocket-button, -#pocket-button { - list-style-image: url("chrome://browser/skin/ToolbarFx.png") !important; /* override pocket.css */ -} #back-button { -moz-image-region: rect(0, 36px, 18px, 18px); @@ -651,25 +646,12 @@ toolbar[brighttext] #pocket-button, } #sync-button[cui-areatype="toolbar"] { - -moz-image-region: rect(0, 270px, 18px, 252px); + -moz-image-region: rect(0, 792px, 18px, 774px); } #sync-button[cui-areatype="toolbar"]:hover { - -moz-image-region: rect(18px, 270px, 36px, 252px); -} - -#sync-button[cui-areatype="toolbar"][status="active"], -#sync-button[cui-areatype="toolbar"][status="active"]:hover:active:not([disabled="true"]) { - list-style-image: url("chrome://browser/skin/syncProgress-toolbar.png"); - -moz-image-region: rect(0, 18px, 18px, 0px); -} - -/* -#sync-button[cui-areatype="toolbar"][status="active"]:-moz-lwtheme-brighttext, -#sync-button[cui-areatype="toolbar"][status="active"]:-moz-lwtheme-brighttext:hover:active:not([disabled="true"]) { - list-style-image: url("chrome://browser/skin/syncProgress-toolbar-inverted.png"); + -moz-image-region: rect(18px, 792px, 36px, 774px); } -*/ #feed-button[cui-areatype="toolbar"] { -moz-image-region: rect(0, 288px, 18px, 270px); @@ -910,44 +892,6 @@ toolbar[brighttext] #pocket-button, transform: scaleX(-1); } -#loop-button, -#loop-button > .toolbarbutton-badge-stack { - list-style-image: url("chrome://browser/skin/loop/toolbarfx.png"); - -moz-image-region: rect(0, 18px, 18px, 0); -} - -#loop-button:not([disabled="true"]):-moz-any(:hover,:hover:active,[open]), -#loop-button:not([disabled="true"]):-moz-any(:hover,:hover:active,[open]) > .toolbarbutton-badge-stack { - -moz-image-region: rect(0, 90px, 18px, 72px); -} - -#loop-button[state="disabled"], -#loop-button[disabled="true"], -#loop-button[state="disabled"] > .toolbarbutton-badge-stack, -#loop-button[disabled="true"] > .toolbarbutton-badge-stack { - -moz-image-region: rect(0, 36px, 18px, 18px); -} - -#loop-button[disabled="true"]:-moz-any(:hover,:hover:active,[open]), -#loop-button[disabled="true"]:-moz-any(:hover,:hover:active,[open]) > .toolbarbutton-badge-stack { - -moz-image-region: rect(0, 126px, 18px, 108px); -} - -#loop-button:not([disabled="true"])[state="error"], -#loop-button:not([disabled="true"])[state="error"] > .toolbarbutton-badge-stack { - -moz-image-region: rect(0, 54px, 18px, 36px); -} - -#loop-button:not([disabled="true"])[state="action"], -#loop-button:not([disabled="true"])[state="action"] > .toolbarbutton-badge-stack { - -moz-image-region: rect(0, 72px, 18px, 54px); -} - -#loop-button:not([disabled="true"])[state="active"], -#loop-button:not([disabled="true"])[state="active"] > .toolbarbutton-badge-stack { - -moz-image-region: rect(0, 108px, 18px, 90px); -} - #webide-button[cui-areatype="toolbar"] { -moz-image-region: rect(0, 738px, 18px, 720px); } @@ -956,15 +900,6 @@ toolbar[brighttext] #pocket-button, -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 === */ @@ -984,16 +919,14 @@ toolbaritem[sdkstylewidget="true"] > toolbarbutton, #preferences-button, #privatebrowsing-button, #save-page-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, #webide-button, #loop-button, - #pocket-button)[cui-areatype="menu-panel"], + #copy-button, #paste-button, #e10s-button, #panic-button, #webide-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, #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, #webide-button, #loop-button, - #pocket-button) { + #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button) { list-style-image: var(--menupanel-list-style-image); } @@ -1077,17 +1010,12 @@ toolbarpaletteitem[place="palette"] > #save-page-button:hover { #sync-button[cui-areatype="menu-panel"], toolbarpaletteitem[place="palette"] > #sync-button { - -moz-image-region: rect(0px, 384px, 32px, 352px); + -moz-image-region: rect(0, 792px, 18px, 774px); } #sync-button[cui-areatype="menu-panel"]:hover, toolbarpaletteitem[place="palette"] > #sync-button:hover { - -moz-image-region: rect(32px, 384px, 64px, 352px); -} - -#sync-button[cui-areatype="menu-panel"][status="active"] { - list-style-image: url("chrome://browser/skin/syncProgress-menuPanel.png"); - -moz-image-region: rect(0px, 32px, 32px, 0px); + -moz-image-region: rect(32px, 792px, 64px, 774px); } #feed-button[cui-areatype="menu-panel"], @@ -1290,55 +1218,10 @@ 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[cui-areatype="menu-panel"], -toolbarpaletteitem[place="palette"] > #loop-button { - list-style-image: url("chrome://browser/skin/loop/menuPanel.png"); - -moz-image-region: rect(0, 32px, 32px, 0); -} - -/* Make sure that the state icons are not shown in the customization palette. */ -toolbarpaletteitem[place="palette"] > #loop-button { - -moz-image-region: rect(0, 32px, 32px, 0) !important; -} - -#loop-button[cui-areatype="menu-panel"]:not([disabled="true"]):-moz-any(:hover,:hover:active,[open]) { - -moz-image-region: rect(0, 160px, 32px, 128px); -} - -#loop-button[cui-areatype="menu-panel"][state="disabled"], -#loop-button[cui-areatype="menu-panel"][disabled="true"] { - -moz-image-region: rect(0, 64px, 32px, 32px); -} - -#loop-button[cui-areatype="menu-panel"][disabled="true"]:-moz-any(:hover,:hover:active,[open]) { - -moz-image-region: rect(0, 224px, 32px, 192px); -} - -#loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="error"] { - -moz-image-region: rect(0, 96px, 32px, 64px); -} - -#loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="action"] { - -moz-image-region: rect(0, 128px, 32px, 96px); -} - -#loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="active"] { - -moz-image-region: rect(0, 192px, 32px, 160px); -} - /* Wide panel control icons */ #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton, @@ -2038,7 +1921,7 @@ html|*.urlbar-input:-moz-lwtheme::-moz-placeholder, /* identity box */ #identity-box.verifiedIdentity:not(:-moz-lwtheme):not(:hover):not([open=true]) { - var(--identity-box-verified-background-color); + background-color: var(--identity-box-verified-background-color); } #identity-box:-moz-focusring { @@ -2081,11 +1964,13 @@ html|*.urlbar-input:-moz-lwtheme::-moz-placeholder, /* === BEGIN identity-block.inc.css === */ #identity-box { +/* --identity-box-hover-background-color: #FFCF00; + --identity-box-selected-background-color: #FF9F00; */ --identity-box-verified-color: #008484; /* Default theme does different color per channel, we can't as they do it build-time. */ --identity-box-chrome-color: #9C9CFF; - border-inline-end: 1px solid --urlbar-separator-color); + border-inline-end: 1px solid var(--urlbar-separator-color); font-size: .9em; border-radius: 2px; padding: 3px 5px; @@ -2341,7 +2226,7 @@ richlistitem[type~="action"][actiontype="searchengine"] > .ac-title-box > .ac-si color: #9C9CFF; } -richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action-icon { +richlistitem[type~="action"][actiontype="tab"] > .ac-url-box > .ac-action-icon { list-style-image: url("chrome://browser/skin/actionicon-tab.png"); -moz-image-region: rect(0, 16px, 16px, 0); padding: 0 3px; @@ -2350,13 +2235,13 @@ richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action- } @media (min-resolution: 1.1dppx) { - richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action-icon { + richlistitem[type~="action"][actiontype="tab"] > .ac-url-box > .ac-action-icon { list-style-image: url("chrome://browser/skin/actionicon-tab@2x.png"); -moz-image-region: rect(0, 32px, 32px, 0); } } -richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url-box > .ac-action-icon { +richlistitem[type~="action"][actiontype="tab"][selected="true"] > .ac-url-box > .ac-action-icon { -moz-image-region: rect(16px, 16px, 32px, 0); } @@ -2794,13 +2679,17 @@ richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url- } .tabs-newtab-button, -#TabsToolbar > #new-tab-button { +#TabsToolbar > #new-tab-button, +#TabsToolbar > toolbarpaletteitem > #new-tab-button, +#TabsToolbar > toolbarpaletteitem > #new-tab-button[cui-areatype="toolbar"] { border-radius: 8px 8px 0px 0px; -moz-margin-start: 0; } .tabs-newtab-button:not(:hover), -#TabsToolbar > #new-tab-button:not(:hover) { +#TabsToolbar > #new-tab-button:not(:hover), +#TabsToolbar > toolbarpaletteitem > #new-tab-button, +#TabsToolbar > toolbarpaletteitem > #new-tab-button[cui-areatype="toolbar"] { background-color: #C09070; } @@ -2884,6 +2773,16 @@ richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url- list-style-image: url("chrome://communicator/skin/brand/throbber16-anim.png"); } +@media (min-resolution: 1.1dppx) { + .tab-throbber[busy] { + list-style-image: url("chrome://communicator/skin/brand/throbber-anim-connect.png"); + } + + .tab-throbber[progress] { + list-style-image: url("chrome://communicator/skin/brand/throbber-anim.png"); + } +} + .tab-throbber[pinned], .tab-icon-image[pinned] { -moz-margin-start: 2px; @@ -3223,15 +3122,14 @@ richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url- #TabsToolbar > #new-tab-button, #TabsToolbar > toolbarpaletteitem > #new-tab-button, #TabsToolbar > toolbarpaletteitem > #new-tab-button[cui-areatype="toolbar"] { - list-style-image: url("chrome://browser/skin/tabbrowser/newtabFx.png"); - -moz-image-region: rect(0, 16px, 18px, 0); + list-style-image: url("chrome://browser/skin/tabbrowser/newtab.svg"); + -moz-image-region: auto; } .tabs-newtab-button, .tabs-newtab-button:hover, #TabsToolbar > #new-tab-button, #TabsToolbar > #new-tab-button:hover { - -moz-image-region: rect(0, 32px, 18px, 16px); } #main-window[tabsintitlebar]:not([inFullscreen]) .tabs-newtab-button:-moz-system-metric(windows-classic):not(:-moz-lwtheme), @@ -3809,18 +3707,6 @@ notification[value="translation"] { -moz-appearance: none; } -/* Loop/ Hello browser styles */ - -notification[value="loop-sharing-notification"] .button-menubutton-button { - min-width: 0; - border: 0; - margin: 0; -} - -notification[value="loop-sharing-notification"] .messageImage { - list-style-image: url(chrome://browser/skin/webRTC-shareScreen-16.png); -} - /* Bookmarks roots menu-items */ #subscribeToPageMenuitem:not([disabled]), #subscribeToPageMenupopup, @@ -3842,12 +3728,6 @@ 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 { @@ -4008,7 +3888,7 @@ html|*#fullscreen-domain { html|*#fullscreen-exit-button { padding: 5px 30px; - font: "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif; + font-family: "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif; font-size: 14px; font-weight: lighter; margin: 0; @@ -4810,42 +4690,12 @@ chatbar > chatbox > .chat-titlebar > .chat-swap-button { transform: none; } -chatbox[src^="about:loopconversation#"] .chat-minimize-button { - list-style-image: url("chrome://browser/skin/social/chat-icons.svg#minimize-white"); -} - -chatbox[src^="about:loopconversation#"] .chat-swap-button { - list-style-image: url("chrome://browser/skin/social/chat-icons.svg#expand-white"); -} - -.chat-loop-hangup { - list-style-image: url("chrome://browser/skin/social/chat-icons.svg#exit-white"); - background-color: #FF0000; - border: 1px solid #FFC000; - border-top-right-radius: 4px; - width: 32px; - height: 26px; - margin-top: -6px; - margin-bottom: -5px; - -moz-margin-start: 6px; - -moz-margin-end: -5px; -} - -.chat-toolbarbutton.chat-loop-hangup:-moz-any(:hover,:hover:active) { - background-color: #FFCF00; - border-color: #FF0000; -} - .chat-title { color: #000000; text-shadow: none; cursor: inherit; } -chatbox[src^="about:loopconversation#"] .chat-title { -/* color: white;*/ -} - .chat-titlebar { background-color: #9C9CFF; color: #000000; @@ -4866,11 +4716,6 @@ chatbox[src^="about:loopconversation#"] .chat-title { background-color: #008484; } -chatbox[src^="about:loopconversation#"] > .chat-titlebar { - background-color: #008484; - border-color: #008484; -} - .chat-titlebar > .notification-anchor-icon { margin-left: 2px; margin-right: 2px;