X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fbrowser.css;h=acff1bc704f75f6e662e92806d9de9155b72a57b;hp=ac032a459deff05c6f9cdf41e93fbb0383d68712;hb=9168a62c02f1b9fe7953f2fba5f32305980ac1a3;hpb=0bcd55874801a7433d9e74c9377f866abf9d3d1a diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css index ac032a45..acff1bc7 100644 --- a/LCARStrek/browser/browser.css +++ b/LCARStrek/browser/browser.css @@ -116,6 +116,18 @@ menubar { #navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar):not(:-moz-lwtheme) { } +#navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar):not(#nav-bar):not(#addon-bar) { + overflow: -moz-hidden-unscrollable; + max-height: 4em; + transition: min-height 170ms ease-out, max-height 170ms ease-out; +} + +#navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar):not(#nav-bar):not(#addon-bar)[collapsed=true] { + min-height: 0.1px; + max-height: 0; + transition: min-height 170ms ease-out, max-height 170ms ease-out, visibility 170ms linear; +} + @media (-moz-mac-graphite-theme: 0) and (-moz-mac-lion-theme: 0) { /* This is a hackish workaround to exclude most of Mac OS until bug 1060941 gets fixed. */ /* Indent also due to non-applicable aero rule in original Windows theme. */ @@ -1611,7 +1623,7 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper:not(:hover) > #forward-but margin: 0; } -/* tabview button & menu item */ +/* tabview menu item */ #menu_tabview { list-style-image: url("chrome://browser/skin/tabview/tabview.png"); @@ -1634,6 +1646,20 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper:not(:hover) > #forward-but -moz-image-region: rect(1px, 71px, 17px, 55px); } +/* undo close tab menu item */ +#alltabs_undoCloseTab { + list-style-image: url(chrome://browser/skin/undoCloseTab.png); +} + +@media (min-resolution: 1.25dppx) { + #alltabs_undoCloseTab { + list-style-image: url(chrome://browser/skin/undoCloseTab@2x.png); + } + #alltabs_undoCloseTab > .toolbarbutton-icon { + width: 16px; + } +} + /* zoom control text (reset) button special case: */ #nav-bar #zoom-reset-button > .toolbarbutton-text { @@ -2400,7 +2426,6 @@ toolbarbutton[type="socialmark"] > .toolbarbutton-icon { .panel-promo-closebutton > .toolbarbutton-text { padding: 0; - margin: 0; } /* ::::: content area ::::: */ @@ -2546,6 +2571,29 @@ toolbarbutton[type="socialmark"] > .toolbarbutton-icon { .tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox { } +/* Tab Overflow */ +.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator:not([collapsed]), +.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator:not([collapsed]) { +} + +.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator:-moz-locale-dir(rtl), +.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator:-moz-locale-dir(ltr) { +} + +.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator:not([collapsed]) { +} + +.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator:not([collapsed]) { +} + +.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator[collapsed], +.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator[collapsed] { +} + +.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator, +.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator { +} + .tab-background-start[selected=true]::after, .tab-background-start[selected=true]::before, .tab-background-start, @@ -2986,8 +3034,14 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] { list-style-image: url("chrome://global/skin/icons/webapps-64.png"); } -.popup-notification-icon[popupid="mixed-content-blocked"] { - list-style-image: url("chrome://browser/skin/mixed-content-blocked-64.png"); +.popup-notification-icon[popupid="mixed-content-blocked"], +.popup-notification-icon[popupid="bad-content"] { + list-style-image: url("chrome://browser/skin/bad-content-blocked-64.png"); +} + +.popup-notification-icon[popupid="bad-content"][mixedblockdisabled], +.popup-notification-icon[popupid="bad-content"][trackingblockdisabled] { + list-style-image: url(chrome://browser/skin/bad-content-unblocked-64.png); } .popup-notification-icon[popupid="webRTC-sharingDevices"], @@ -3000,6 +3054,11 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] { list-style-image: url("chrome://browser/skin/webRTC-shareMicrophone-64.png"); } +.popup-notification-icon[popupid="webRTC-sharingScreen"], +.popup-notification-icon[popupid="webRTC-shareScreen"] { + list-style-image: url(chrome://browser/skin/webRTC-shareScreen-64.png); +} + .popup-notification-icon[popupid="pointerLock"] { list-style-image: url("chrome://browser/skin/pointerLock-64.png"); } @@ -3117,8 +3176,15 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #forward-button[disabled } .mixed-content-blocked-notification-icon, -#mixed-content-blocked-notification-icon { - list-style-image: url("chrome://browser/skin/mixed-content-blocked-16.png"); +#mixed-content-blocked-notification-icon, +.bad-content-blocked-notification-icon, +#bad-content-blocked-notification-icon { + list-style-image: url("chrome://browser/skin/bad-content-blocked-16.png"); +} + +.bad-content-unblocked-notification-icon, +#bad-content-unblocked-notification-icon { + list-style-image: url(chrome://browser/skin/bad-content-unblocked-16.png); } .webRTC-shareDevices-notification-icon, @@ -3141,6 +3207,16 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #forward-button[disabled list-style-image: url("chrome://browser/skin/webRTC-sharingMicrophone-16.png"); } +.webRTC-shareScreen-notification-icon, +#webRTC-shareScreen-notification-icon { + list-style-image: url(chrome://browser/skin/webRTC-shareScreen-16.png); +} + +.webRTC-sharingScreen-notification-icon, +#webRTC-sharingScreen-notification-icon { + list-style-image: url(chrome://browser/skin/webRTC-sharingScreen-16.png); +} + .web-notifications-notification-icon, #web-notifications-notification-icon { list-style-image: url("chrome://browser/skin/notification-16.png"); @@ -3158,17 +3234,28 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #forward-button[disabled /* === BEGIN infobar.inc.css === */ notification[value="translation"] .messageImage { - list-style-image: url(chrome://browser/skin/translation-16.png); + list-style-image: url("chrome://browser/skin/translation-16.png"); -moz-image-region: rect(0, 32px, 16px, 16px); } @media (min-resolution: 1.25dppx) { notification[value="translation"] .messageImage { - list-style-image: url(chrome://browser/skin/translation-16@2x.png); + list-style-image: url("chrome://browser/skin/translation-16@2x.png"); -moz-image-region: rect(0, 64px, 32px, 32px); } } +notification[value="translation"][state="translating"] .messageImage { + list-style-image: url("chrome://browser/skin/translating-16.png"); + -moz-image-region: auto; +} + +@media (min-resolution: 1.25dppx) { + notification[value="translation"][state="translating"] .messageImage { + list-style-image: url("chrome://browser/skin/translating-16@2x.png"); + } +} + notification[value="translation"] button, notification[value="translation"] menulist { min-width: 0; @@ -3177,6 +3264,24 @@ notification[value="translation"] menulist { notification[value="translation"] menulist > .menulist-dropmarker { } +.translation-menupopup arrowscrollbox { + padding-bottom: 0; +} + +.translation-attribution { + cursor: pointer; + -moz-box-align: end; + font-size: small; +} + +.translation-attribution > label { + margin-bottom: 0; +} + +.translation-attribution > image { + width: 70px; +} + /* === END infobar.inc.css === */ notification[value="translation"] { @@ -3377,6 +3482,7 @@ svg|line.box-model-guide-bottom, svg|line.box-model-guide-left { stroke: #E7ADE7; stroke-dasharray: 5 3; + shape-rendering: crispEdges; } /* Highlighter - Node Infobar */ @@ -3414,6 +3520,13 @@ html|*.highlighter-nodeinfobar-pseudo-classes { color: #FF9F00; } +html|*.highlighter-nodeinfobar-dimensions { + color: #A09090; + -moz-border-start: 1px solid #9C9CFF; + -moz-margin-start: 6px; + -moz-padding-start: 6px; +} + /* Highlighter - Node Infobar - box & arrow */ .highlighter-nodeinfobar-arrow { @@ -3441,6 +3554,26 @@ html|*.highlighter-nodeinfobar-pseudo-classes { margin: 7px 0; } +/* Css transform highlighter */ + +svg|polygon.css-transform-transformed { + fill: #9C9CFF; + opacity: 0.8; +} + +svg|polygon.css-transform-untransformed { + fill: #A09090; + opacity: 0.8; +} + +svg|polygon.css-transform-transformed, +svg|polygon.css-transform-untransformed, +svg|line.css-transform-line { + stroke: #E7ADE7; + stroke-dasharray: 5 3; + stroke-width: 2; +} + /* === END highlighter.inc.css === */ #full-screen-warning-message { @@ -4428,6 +4561,27 @@ notification.pluginVulnerable .messageImage { /* === END plugin-doorhanger.inc.css === */ +/* === BEGIN badcontent-doorhanger.inc.css === */ + +.popup-notification-item-title[popupid="bad-content"] { + font-weight: bold; +} + +.popup-notification-item-message[popupid="bad-content"] { + width: 17em; +} + +.popup-notification-item-message-critical[popupid="bad-content"] { + color: #FF0000; + font-style: italic; +} + +.popup-notification-footer[popupid="bad-content"] { + padding-top: 1em; +} + +/* === END badcontent-doorhanger.inc.css === */ + /* === BEGIN customizeMode.inc.css === */ /* Customization mode */ @@ -4516,6 +4670,7 @@ notification.pluginVulnerable .messageImage { #customization-container { background-color: #000000; + color: #FF9F00; } #customization-palette, @@ -4543,11 +4698,11 @@ notification.pluginVulnerable .messageImage { #customization-footer { border-top: 1px solid #9C9CFF; - padding: 15px; + padding: 10px; } .customizationmode-button { - margin: 0; + margin: 5px; } .customizationmode-button:hover { @@ -4556,11 +4711,15 @@ notification.pluginVulnerable .messageImage { .customizationmode-button[disabled="true"] { } +.customizationmode-button > .box-inherit > .box-inherit > .button-icon, +.customizationmode-button > .button-box > .button-icon { +/* height: 24px;*/ +} + #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; - -moz-margin-end: 10px; } #customization-titlebar-visibility-button:hover { @@ -4582,6 +4741,10 @@ notification.pluginVulnerable .messageImage { -moz-margin-start: 5px !important; } +#customization-titlebar-visibility-button > .button-box > .button-icon { + vertical-align: middle; +} + #customization-titlebar-visibility-button[checked] { -moz-image-region: rect(0, 32px, 16px, 16px); background-color: #008484; @@ -4596,10 +4759,6 @@ notification.pluginVulnerable .messageImage { background-color: #FF9F00; } -#customization-undo-reset-button { - -moz-margin-end: 10px; -} - #main-window[customize-entered] #customization-panel-container { background-image: url("chrome://browser/skin/customizableui/customizeMode-gridTexture.png"); background-position: left top; @@ -4800,11 +4959,27 @@ toolbarpaletteitem[place="toolbar"] { transform: perspective(0.01px); } -#main-window[customize-entered] { +#main-window[customize-entered] > #tab-view-deck { background-image: url("chrome://browser/skin/customizableui/customizeMode-gridTexture.png"); background-attachment: fixed; } +#main-window[customization-lwtheme] > #tab-view-deck:-moz-lwtheme { + background-repeat: no-repeat; + background-position: right top; + background-attachment: fixed; + /* The image will get set from CustomizeMode.jsm */ + background-image: none; + background-color: transparent; +} + +#main-window[customization-lwtheme]:-moz-lwtheme { + background-image: url("chrome://browser/skin/customizableui/customizeMode-gridTexture.png"); + background-repeat: repeat; + background-attachment: fixed; + background-position: left top; +} + #main-window[customize-entered] #browser-bottombox, #main-window[customize-entered] #customization-container { border-left: 1px solid #9C9CFF; @@ -5051,68 +5226,83 @@ menugroup > .menuitem-iconic[disabled="true"] > .menu-iconic-left { -moz-appearance: none; } -#context-navigation > #context-back > .menu-iconic-left { +#context-back > .menu-iconic-left { + /* list-style-image: url("chrome://browser/skin/content-contextmenu.svg#back"); */ list-style-image: url("chrome://browser/skin/ToolbarFx.png"); -moz-image-region: rect(0, 54px, 18px, 36px); } -#context-navigation > #context-back:not([disabled="true"]):hover > .menu-iconic-left { +#context-back:not([disabled="true"]):hover > .menu-iconic-left { + /* list-style-image: url("chrome://browser/skin/content-contextmenu.svg#back-active"); */ -moz-image-region: rect(18px, 54px, 36px, 36px); } -#context-navigation > #context-back[disabled="true"] > .menu-iconic-left { +#context-back[disabled="true"] > .menu-iconic-left { + /* list-style-image: url("chrome://browser/skin/content-contextmenu.svg#back-disabled"); */ -moz-image-region: rect(36px, 54px, 54px, 36px); } -#context-navigation > #context-forward > .menu-iconic-left { +#context-forward > .menu-iconic-left { + /* list-style-image: url("chrome://browser/skin/content-contextmenu.svg#forward"); */ list-style-image: url("chrome://browser/skin/ToolbarFx.png"); -moz-image-region: rect(0, 72px, 18px, 54px); } -#context-navigation > #context-forward:not([disabled="true"]):hover > .menu-iconic-left { +#context-forward:not([disabled="true"]):hover > .menu-iconic-left { + /* list-style-image: url("chrome://browser/skin/content-contextmenu.svg#forward-active"); */ -moz-image-region: rect(18px, 72px, 36px, 54px); } -#context-navigation > #context-forward[disabled="true"] > .menu-iconic-left { +#context-forward[disabled="true"] > .menu-iconic-left { + /* list-style-image: url("chrome://browser/skin/content-contextmenu.svg#forward-disabled"); */ -moz-image-region: rect(36px, 72px, 54px, 54px); } -#context-navigation > #context-reload > .menu-iconic-left { +#context-reload > .menu-iconic-left { + /* list-style-image: url("chrome://browser/skin/content-contextmenu.svg#reload"); */ list-style-image: url("chrome://browser/skin/reload-stop-go.png"); -moz-image-region: rect(0, 14px, 14px, 0); } -#context-navigation > #context-reload:not([disabled="true"]):hover > .menu-iconic-left { +#context-reload:not([disabled="true"]):hover > .menu-iconic-left { + /* list-style-image: url("chrome://browser/skin/content-contextmenu.svg#reload-active"); */ -moz-image-region: rect(14px, 14px, 28px, 0); } -#context-navigation > #context-reload[disabled="true"] > .menu-iconic-left { +#context-reload[disabled="true"] > .menu-iconic-left { + /* list-style-image: url("chrome://browser/skin/content-contextmenu.svg#reload-disabled"); */ -moz-image-region: rect(28px, 14px, 42px, 0); } -#context-navigation > #context-stop > .menu-iconic-left { +#context-stop > .menu-iconic-left { + /* list-style-image: url("chrome://browser/skin/content-contextmenu.svg#stop"); */ list-style-image: url("chrome://browser/skin/reload-stop-go.png"); -moz-image-region: rect(0, 28px, 14px, 14px); } -#context-navigation > #context-stop:not([disabled="true"]):hover > .menu-iconic-left { +#context-stop:not([disabled="true"]):hover > .menu-iconic-left { + /* list-style-image: url("chrome://browser/skin/content-contextmenu.svg#stop-active"); */ -moz-image-region: rect(14px, 28px, 28px, 14px); } -#context-navigation > #context-stop[disabled="true"] > .menu-iconic-left { +#context-stop[disabled="true"] > .menu-iconic-left { + /* list-style-image: url("chrome://browser/skin/content-contextmenu.svg#stop-disabled"); */ -moz-image-region: rect(28px, 28px, 42px, 14px); } -#context-navigation > #context-bookmarkpage > .menu-iconic-left { +#context-bookmarkpage > .menu-iconic-left { + /* list-style-image: url("chrome://browser/skin/content-contextmenu.svg#bookmark"); */ list-style-image: url("chrome://browser/skin/ToolbarFx.png"); -moz-image-region: rect(0, 144px, 18px, 126px); } -#context-navigation > #context-bookmarkpage:not([disabled="true"]):hover > .menu-iconic-left { +#context-bookmarkpage:not([disabled="true"]):hover > .menu-iconic-left { + /* list-style-image: url("chrome://browser/skin/content-contextmenu.svg#bookmark-active"); */ -moz-image-region: rect(18px, 144px, 36px, 126px); } -#context-navigation > #context-bookmarkpage[disabled="true"] > .menu-iconic-left { +#context-bookmarkpage[disabled="true"] > .menu-iconic-left { + /* list-style-image: url("chrome://browser/skin/content-contextmenu.svg#bookmark-disabled"); */ -moz-image-region: rect(36px, 144px, 54px, 126px); } @@ -5123,8 +5313,8 @@ menugroup > .menuitem-iconic[disabled="true"] > .menu-iconic-left { } #context-navigation > .menuitem-iconic > .menu-iconic-left > .menu-iconic-icon { - width: 18px; - height: 18px; + width: 18px; /*16px;*/ + height: 18px; /*16px;*/ margin: 7px; }