X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fbrowser.css;h=61ea7c6fc224f4f945fe04a38faacf52938778ac;hp=88d26e956f0a690811981b49f3e8c84c7fd2c88a;hb=dbad77eabc8467c637024bc9963f45310d15565c;hpb=38bd4bf13f45e40e78b09a90ad580a40d50d7a61 diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css index 88d26e95..61ea7c6f 100644 --- a/LCARStrek/browser/browser.css +++ b/LCARStrek/browser/browser.css @@ -38,6 +38,40 @@ menubar { /* === BEGIN browser.inc.css === */ +/* Go button */ +.urlbar-go-button { + padding: 0 3px; + list-style-image: url("chrome://browser/skin/reload-stop-goFx.png"); +} + +.urlbar-go-button { + -moz-image-region: rect(0, 42px, 14px, 28px); +} + +.urlbar-go-button:hover { + -moz-image-region: rect(14px, 42px, 28px, 28px); +} + +.urlbar-go-button:-moz-locale-dir(rtl) { + transform: scaleX(-1); +} + +@media (min-resolution: 1.1dppx) { + .urlbar-go-button { + list-style-image: url("chrome://browser/skin/reload-stop-go@2x.png"); + -moz-image-region: rect(0, 84px, 28px, 56px); + width: 14px; + } + + .urlbar-go-button:hover { + -moz-image-region: rect(28px, 84px, 56px, 56px); + } + + .urlbar-go-button:hover:active { + -moz-image-region: rect(56px, 84px, 84px, 56px); + } +} + /* Zoom button */ #urlbar-zoom-button { margin: 0 3px; @@ -69,6 +103,55 @@ menubar { display: none; } +/* Page action button */ +#urlbar-page-action-button { + list-style-image: url("chrome://browser/skin/page-action.svg"); +/* margin: 0; + padding: 0 6px;*/ + -moz-context-properties: fill; + fill: currentColor; +} + +#urlbar-page-action-button > .toolbarbutton-icon { + width: 16px; +} + +#page-action-copy-url-button { + list-style-image: url("chrome://browser/skin/copy-url.svg"); + -moz-context-properties: fill; + fill: currentColor; +} + +#page-action-email-link-button { + list-style-image: url("chrome://browser/skin/email-link.svg"); + -moz-context-properties: fill; + fill: currentColor; +} + +#page-action-send-to-device-button { + list-style-image: url("chrome://browser/skin/device-mobile.svg"); + -moz-context-properties: fill; + fill: currentColor; +} + +.page-action-sendToDevice-device[clientType=mobile] { + list-style-image: url("chrome://browser/skin/device-mobile.svg"); + -moz-context-properties: fill; + fill: currentColor; +} + +.page-action-sendToDevice-device[clientType=desktop] { + list-style-image: url("chrome://browser/skin/device-desktop.svg"); + -moz-context-properties: fill; + fill: currentColor; +} + +#page-action-sendToDevice-fxa-button { + list-style-image: url("chrome://browser/skin/sync.svg"); + -moz-context-properties: fill; + fill: currentColor; +} + /* === END browser.inc.css === */ :root { @@ -474,7 +557,7 @@ menuitem.bookmark-item { /* ::::: bookmark items ::::: */ .bookmark-item { - list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.svg"); -moz-image-region: auto; } @@ -895,6 +978,10 @@ menuitem.bookmark-item { transform: scaleX(-1); } +#nav-bar-overflow-button > .toolbarbutton-animatable-box > .toolbarbutton-animatable-image { + display: none; +} + #tabview-button { -moz-image-region: rect(0, 648px, 18px, 630px); } @@ -944,6 +1031,10 @@ menuitem.bookmark-item { -moz-image-region: rect(18px, 738px, 36px, 720px); } +#pocket-button { + fill: currentColor !important; +} + /* === END toolbarbuttons.inc.css === */ /* === BEGIN menupanel.inc.css === */ @@ -1478,6 +1569,12 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper:not(:hover) > #forward-but #back-button:-moz-locale-dir(rtl) > .toolbarbutton-icon { transform: scaleX(-1); } + +#forward-button > .toolbarbutton-menu-dropmarker, +#back-button > .toolbarbutton-menu-dropmarker { + display: none; +} + /* .unified-nav-back[_moz-menuactive]:-moz-locale-dir(ltr), .unified-nav-forward[_moz-menuactive]:-moz-locale-dir(rtl) { @@ -2346,6 +2443,12 @@ richlistitem[selected="true"][current="true"] > .ac-title-box > .ac-result-type- border-image-slice: 1; } +/* XXX: temporary for Photon preview changes */ +#reload-button, +#stop-button { + list-style-image: url("chrome://browser/skin/reload-stop-goFx.png"); +} + #urlbar:-moz-locale-dir(ltr) > toolbarbutton { border-top-left-radius: 0px; border-bottom-left-radius: 0px; @@ -2362,18 +2465,22 @@ richlistitem[selected="true"][current="true"] > .ac-title-box > .ac-result-type- padding-inline-start: 3px; } +#reload-button, #urlbar-reload-button { -moz-image-region: rect(0px, 14px, 14px, 0px); } +#reload-button[disabled=true], #urlbar-reload-button[disabled=true] { -moz-image-region: rect(28px, 14px, 42px, 0px); } +#reload-button:not([disabled=true]):hover, #urlbar-reload-button:not([disabled=true]):hover { -moz-image-region: rect(14px, 14px, 28px, 0px); } +#reload-button:-moz-locale-dir(rtl) > .toolbarbutton-icon, #urlbar-reload-button:-moz-locale-dir(rtl) > .toolbarbutton-icon { transform: scaleX(-1); } @@ -2390,21 +2497,27 @@ richlistitem[selected="true"][current="true"] > .ac-title-box > .ac-result-type- transform: scaleX(-1); } +#stop-button, #urlbar-stop-button { -moz-image-region: rect(0px, 28px, 14px, 14px); } +#stop-button:hover, #urlbar-stop-button:hover { -moz-image-region: rect(14px, 28px, 28px, 14px); } @media (min-resolution: 1.1dppx) { + #reload-button, + #stop-button, #urlbar-go-button, #urlbar-reload-button, #urlbar-stop-button { list-style-image: url("chrome://browser/skin/reload-stop-go@2x.png"); } + #reload-button > .toolbarbutton-icon, + #stop-button > .toolbarbutton-icon, #urlbar-go-button > .toolbarbutton-icon, #urlbar-reload-button > .toolbarbutton-icon, #urlbar-stop-button > .toolbarbutton-icon { @@ -2423,26 +2536,32 @@ richlistitem[selected="true"][current="true"] > .ac-title-box > .ac-result-type- -moz-image-region: rect(56px, 84px, 84px, 56px); } + #reload-button, #urlbar-reload-button { -moz-image-region: rect(0, 28px, 28px, 0); } + #reload-button:not([disabled]):hover, #urlbar-reload-button:not([disabled]):hover { -moz-image-region: rect(28px, 28px, 56px, 0); } + #reload-button:not([disabled]):hover:active, #urlbar-reload-button:not([disabled]):hover:active { -moz-image-region: rect(56px, 28px, 84px, 0); } + #stop-button, #urlbar-stop-button { -moz-image-region: rect(0, 56px, 28px, 28px); } + #stop-button:not([disabled]):hover, #urlbar-stop-button:not([disabled]):hover { -moz-image-region: rect(28px, 56px, 56px, 28px); } + #stop-button:hover:active, #urlbar-stop-button:hover:active { -moz-image-region: rect(56px, 56px, 84px, 28px); } @@ -2770,7 +2889,7 @@ richlistitem[selected="true"][current="true"] > .ac-title-box > .ac-result-type- } .tab-icon-image { - list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.svg"); } .tab-icon-image[sharing]:not([selected]), @@ -3069,10 +3188,6 @@ richlistitem[selected="true"][current="true"] > .ac-title-box > .ac-result-type- .tab-background-end[selected=true]:-moz-locale-dir(ltr)::after, .tab-background-start[selected=true]:-moz-locale-dir(rtl)::after { } - - .tab-icon-image { - list-style-image: url("chrome://mozapps/skin/places/defaultFavicon@2x.png"); - } } /* All tabs menupopup */ @@ -3199,6 +3314,7 @@ richlistitem[selected="true"][current="true"] > .ac-title-box > .ac-result-type- #TabsToolbar > #new-tab-button { width: 26px; + -moz-box-orient: horizontal; } #alltabs-button { @@ -3225,7 +3341,7 @@ richlistitem[selected="true"][current="true"] > .ac-title-box > .ac-result-type- /* All tabs menupopup */ .alltabs-item > .menu-iconic-left > .menu-iconic-icon { - list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.svg"); -moz-image-region: auto; } @@ -3336,7 +3452,7 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] { @media (min-resolution: 1.1dppx) { .notification-anchor-icon { - list-style-image: url(chrome://global/skin/icons/information-32.png); + list-style-image: url(chrome://global/skin/icons/info.svg); } } @@ -3611,7 +3727,7 @@ html|*#webRTC-previewVideo { .addon-toolbar-icon { width: 14px; height: 14px; - list-style-image: url("chrome://browser/skin/Toolbar.png"); + list-style-image: url("chrome://browser/skin/ToolbarFx.png"); -moz-image-region: rect(0, 486px, 18px, 468px); } @@ -3789,7 +3905,6 @@ html|*.pointerlockfswarning[data-identity="verifiedDomain"]::before { html|*.pointerlockfswarning[data-identity="unknownIdentity"]::before { content: url("chrome://browser/skin/fullscreen/insecure.svg"); } - html|*.pointerlockfswarning-domain-text, html|*.pointerlockfswarning-generic-text { font-size: 21px; @@ -3803,8 +3918,7 @@ html|*.pointerlockfswarning-domain { margin: 0; } -html|*#fullscreen-exit-button { - +html|*#fullscreen-exit-button, html|*.pointerlockfswarning-exit-button { margin: 0;