X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fbrowser.css;h=ab4d54d213c1a10fc48b1746d8c37a4a94688336;hp=d934d4380ee86a4761ed91ca5665c5a85df25c49;hb=ee49f520102b39e3559c8d4fda2f3487e5195038;hpb=589b5528220a57ff70809bd8ef0eeaf51a0c8b2f diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css index d934d438..ab4d54d2 100644 --- a/LCARStrek/browser/browser.css +++ b/LCARStrek/browser/browser.css @@ -17,6 +17,13 @@ toolbar[customizable="true"] { -moz-binding: url("chrome://global/skin/globalBindings.xml#toolbar-browsercustom"); } +@media (-moz-mac-graphite-theme), (-moz-mac-lion-theme), (-moz-mac-yosemite-theme) { + /* This is a hackish workaround to cover most of Mac OS until bug 1060941 gets fixed. */ + toolbar[customizable="true"]:not([nowindowdrag="true"]) { + -moz-binding: url("chrome://global/skin/globalBindings.xml#toolbar-drag-browsercustom"); + } +} + toolbar[type="menubar"][autohide="true"] { -moz-binding: url("chrome://global/skin/globalBindings.xml#toolbar-menubar-autohide"); } @@ -67,8 +74,18 @@ menubar { /* margin-top: 15px;*/ } -#toolbar-menubar:not([autohide="true"]) { - -moz-binding: url("chrome://global/skin/globalBindings.xml#toolbar-drag-browsercustom"); +@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. */ + #toolbar-menubar:not([autohide="true"]) { + -moz-binding: url("chrome://global/skin/globalBindings.xml#toolbar-drag-browsercustom"); + } +} + +@media (-moz-mac-graphite-theme), (-moz-mac-lion-theme) { + /* This is a hackish workaround to cover most of Mac OS until bug 1060941 gets fixed. */ + #main-window[tabsintitlebar]:not([inFullscreen="true"]) #TabsToolbar { + padding-left: 60px; + } } #main-window[tabsintitlebar] #toolbar-menubar .toolbar-endcap { @@ -96,7 +113,9 @@ menubar { #navigator-toolbox > toolbar:not(:-moz-lwtheme) { } -/* indent due to non-applicable aero rule */ +@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. */ #toolbar-menubar { background-color: transparent !important; } @@ -114,6 +133,10 @@ menubar { color: #FF9F00; } + #main-window[tabsintitlebar] #main-menubar > menu:not(:-moz-lwtheme) { + /*color: inherit;*/ + } + #TabsToolbar:-moz-lwtheme { /*background: linear-gradient(to top, @toolbarShadowColor@ 2px, transparent 2px);*/ } @@ -126,6 +149,14 @@ menubar { -moz-binding: url("chrome://global/content/bindings/general.xml#windowdragbox"); visibility: visible; } +} + +@media (-moz-mac-graphite-theme), (-moz-mac-lion-theme) { + /* This is a hackish workaround to cover most of Mac OS until bug 1060941 gets fixed. */ + #titlebar-buttonbox > .titlebar-button { + display: none; + } +} #nav-bar { /* Position the toolbar above the bottom of background tabs */ @@ -165,6 +196,15 @@ menubar { margin-top: 4px; } +@media (-moz-mac-graphite-theme), (-moz-mac-lion-theme) { + /* This is a hackish workaround to cover most of Mac OS until bug 1060941 gets fixed. */ + #main-window[sizemode="normal"] > #titlebar, + #main-window[sizemode="maximized"] > #titlebar { + margin-top: 19px; + /* There is a margin-bottom set to -23 by code. */ + } +} + /* The button box 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, @@ -221,6 +261,31 @@ menubar { list-style-image: url("chrome://navigator/skin/icons/win-close-hover.gif"); } +@media (-moz-mac-graphite-theme), (-moz-mac-lion-theme) { + /* This is a hackish workaround to cover most of Mac OS until bug 1060941 gets fixed. */ + #titlebar-fullscreen-button { + -moz-appearance: none; + list-style-image: url("chrome://browser/skin/icons/mac-fullscreen-icon.png"); + -moz-image-region: rect(0px, 16px, 16px, 0px); + } + + #titlebar-fullscreen-button:hover { + -moz-image-region: rect(0px, 32px, 16px, 16px); + } + + @media (min-resolution: 2dppx) { + #titlebar-fullscreen-button { + list-style-image: url("chrome://browser/skin/icons/mac-fullscreen-icon@2x.png"); + -moz-image-region: rect(0px, 32px, 32px, 0px); + } + + #titlebar-fullscreen-button:hover { + -moz-image-region: rect(0px, 64px, 32px, 32px); + } + } +} + + /* ::::: bookmark buttons ::::: */ toolbarbutton.bookmark-item:not(.subviewbutton), @@ -797,6 +862,35 @@ menuitem.bookmark-item { -moz-image-region: rect(18px, 684px, 36px, 666px); } +#loop-call-button > .toolbarbutton-badge-container { + list-style-image: url("chrome://browser/skin/loop/toolbarfx.png"); + -moz-image-region: rect(0, 18px, 18px, 0); +} + +#loop-call-button:not([disabled="true"]):-moz-any(:hover,:hover:active,[open]) > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 90px, 18px, 72px); +} + +#loop-call-button[disabled="true"] > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 36px, 18px, 18px); +} + +#loop-call-button[disabled="true"]:-moz-any(:hover,:hover:active,[open]) > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 126px, 18px, 108px); +} + +#loop-call-button:not([disabled="true"])[state="error"] > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 54px, 18px, 36px); +} + +#loop-call-button:not([disabled="true"])[state="action"] > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 72px, 18px, 54px); +} + +#loop-call-button:not([disabled="true"])[state="active"] > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 108px, 18px, 90px); +} + /* === END toolbarbuttons.inc.css === */ /* === BEGIN menupanel.inc.css === */ @@ -818,7 +912,7 @@ toolbarpaletteitem[place="palette"] > :-moz-any(#back-button, #forward-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) { - list-style-image: url("chrome://browser/skin/menuPanel.png"); + list-style-image: url("chrome://browser/skin/menuPanelFx.png"); /* avoid aero overrides with changed filename */ } #home-button[cui-areatype="menu-panel"], @@ -1090,13 +1184,48 @@ toolbaritem[sdkstylewidget="true"] > toolbarbutton { -moz-image-region: rect(0, 832px, 32px, 800px); } +#loop-call-button[cui-areatype="menu-panel"] > .toolbarbutton-badge-container, +toolbarpaletteitem[place="palette"] > #loop-call-button > .toolbarbutton-badge-container { + 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-call-button > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 32px, 32px, 0) !important; +} + +#loop-call-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-call-button[cui-areatype="menu-panel"][disabled="true"] > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 64px, 32px, 32px); +} + +#loop-call-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-call-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="error"] > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 96px, 32px, 64px); +} + +#loop-call-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="action"] > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 128px, 32px, 96px); +} + +#loop-call-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="active"] > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 192px, 32px, 160px); +} + /* Wide panel control icons */ #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton, #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton, toolbarpaletteitem[place="palette"] > #edit-controls > toolbarbutton, toolbarpaletteitem[place="palette"] > #zoom-controls > toolbarbutton { - list-style-image: url("chrome://browser/skin/menuPanel-small.png"); + list-style-image: url("chrome://browser/skin/menuPanelFx-small.png"); /* avoid aero overrides with changed filename */ } #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #cut-button, @@ -1589,8 +1718,8 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper:not(:hover) > #forward-but } window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar { - -moz-border-start: none; -/* margin-left: 0;*/ +/* -moz-border-start: none; + margin-left: 0;*/ } window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar:-moz-locale-dir(ltr) { @@ -4366,12 +4495,14 @@ toolbarpaletteitem[notransition][place="panel"] { } toolbarpaletteitem > toolbarbutton > .toolbarbutton-icon, +toolbarpaletteitem > toolbarbutton > .toolbarbutton-badge-container > .toolbarbutton-icon, toolbarpaletteitem > toolbaritem.panel-wide-item, toolbarpaletteitem > toolbarbutton[type="menu-button"] { transition: transform .3s cubic-bezier(.6, 2, .75, 1.5) !important; } -toolbarpaletteitem[mousedown] > toolbarbutton > .toolbarbutton-icon { +toolbarpaletteitem[mousedown] > toolbarbutton > .toolbarbutton-icon, +toolbarpaletteitem[mousedown] > toolbarbutton > .toolbarbutton-badge-container > .toolbarbutton-icon { transform: scale(1.3); }