X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fbrowser.css;h=ac032a459deff05c6f9cdf41e93fbb0383d68712;hp=ab4d54d213c1a10fc48b1746d8c37a4a94688336;hb=0bcd55874801a7433d9e74c9377f866abf9d3d1a;hpb=ee49f520102b39e3559c8d4fda2f3487e5195038 diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css index ab4d54d2..ac032a45 100644 --- a/LCARStrek/browser/browser.css +++ b/LCARStrek/browser/browser.css @@ -113,13 +113,12 @@ menubar { #navigator-toolbox > toolbar:not(:-moz-lwtheme) { } +#navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar):not(:-moz-lwtheme) { +} + @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; - } - #main-window[tabsintitlebar]:not([inFullscreen]) #toolbar-menubar:not(:-moz-lwtheme), #main-window[tabsintitlebar]:not([inFullscreen]) #TabsToolbar:not(:-moz-lwtheme) { /* like menubar */ @@ -137,10 +136,6 @@ menubar { /*color: inherit;*/ } - #TabsToolbar:-moz-lwtheme { - /*background: linear-gradient(to top, @toolbarShadowColor@ 2px, transparent 2px);*/ - } - #main-window[tabsintitlebar] #titlebar:-moz-lwtheme { visibility: hidden; } @@ -2454,13 +2449,6 @@ toolbarbutton[type="socialmark"] > .toolbarbutton-icon { border-bottom: 1px solid #008484; } -#main-window:not([customizing]) #TabsToolbar:not(:-moz-lwtheme) { -} - -#main-window[tabsintitlebar] #TabsToolbar { - background-color: transparent; -} - /* === BEGIN tabs.inc.css === */ .tabbrowser-tab, @@ -2519,7 +2507,7 @@ toolbarbutton[type="socialmark"] > .toolbarbutton-icon { list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); } -.tab-throbber { +.tab-throbber[busy] { list-style-image: url("chrome://communicator/skin/brand/throbber16-anim-connect.png"); } @@ -3050,7 +3038,6 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #forward-button[disabled .notification-anchor-icon:-moz-focusring { outline: 1px dotted #008484; -/* outline-offset: -3px; */ } .default-notification-icon, @@ -3166,6 +3153,52 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #forward-button[disabled margin: 0px; } +/* Translation infobar */ + +/* === BEGIN infobar.inc.css === */ + +notification[value="translation"] .messageImage { + 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); + -moz-image-region: rect(0, 64px, 32px, 32px); + } +} + +notification[value="translation"] button, +notification[value="translation"] menulist { + min-width: 0; +} + +notification[value="translation"] menulist > .menulist-dropmarker { +} + +/* === END infobar.inc.css === */ + +notification[value="translation"] { + min-height: 40px; +} + +.translate-notification-icon, +#translate-notification-icon { + list-style-image: url("chrome://browser/skin/translation-16.png"); + -moz-image-region: rect(0px, 16px, 16px, 0px); +} + +.translated-notification-icon, +#translated-notification-icon { + list-style-image: url("chrome://browser/skin/translation-16.png"); + -moz-image-region: rect(0px, 32px, 16px, 16px); +} + +.translation-menupopup { + -moz-appearance: none; +} + /* Bookmarks roots menu-items */ #subscribeToPageMenuitem:not([disabled]), #subscribeToPageMenupopup, @@ -3479,6 +3512,12 @@ html|*.highlighter-nodeinfobar-pseudo-classes { display: none; } +.developer-toolbar-button > .toolbarbutton-icon, +#developer-toolbar-closebutton > .toolbarbutton-icon { + width: 16px; + height: 16px; +} + #developer-toolbar-toolbox-button { list-style-image: url("chrome://browser/skin/devtools/toggle-tools.png"); -moz-image-region: rect(0px, 16px, 16px, 0px); @@ -3494,6 +3533,19 @@ html|*.highlighter-nodeinfobar-pseudo-classes { -moz-image-region: rect(0px, 32px, 16px, 16px); } +@media (min-resolution: 2dppx) { + #developer-toolbar-toolbox-button { + list-style-image: url("chrome://browser/skin/devtools/toggle-tools@2x.png"); + -moz-image-region: rect(0px, 32px, 32px, 0px); + } + + #developer-toolbar-toolbox-button:hover, + #developer-toolbar-toolbox-button:hover:active, + #developer-toolbar-toolbox-button[checked=true] { + -moz-image-region: rect(0px, 64px, 32px, 32px); + } +} + #developer-toolbar-closebutton { list-style-image: url("chrome://browser/skin/devtools/close.png"); -moz-image-region: rect(0px, 16px, 16px, 0px); @@ -3513,6 +3565,18 @@ html|*.highlighter-nodeinfobar-pseudo-classes { -moz-image-region: rect(0px, 32px, 16px, 16px); } +@media (min-resolution: 2dppx) { + #developer-toolbar-closebutton { + list-style-image: url("chrome://browser/skin/devtools/close@2x.png"); + -moz-image-region: rect(0px, 32px, 32px, 0px); + } + + #developer-toolbar-closebutton:hover, + #developer-toolbar-closebutton:hover:active { + -moz-image-region: rect(0px, 64px, 32px, 32px); + } +} + /* GCLI */ html|*#gcli-tooltip-frame, @@ -3539,19 +3603,38 @@ html|*#gcli-output-frame { } .gclitoolbar-input-node { - padding-left: 20px; /* line-height: 32px; outline-style: none; */ - background-image: -moz-image-rect(url("chrome://browser/skin/devtools/commandline-icon.png"), 0, 16, 16, 0); background-repeat: no-repeat; background-color: rgba(0, 0, 0, .75); } .gclitoolbar-input-node[focused="true"] { - background-image: -moz-image-rect(url("chrome://browser/skin/devtools/commandline-icon.png"), 0, 32, 16, 16); background-color: #000000; } +.gclitoolbar-input-node::before { + content: ""; + display: inline-block; + -moz-box-ordinal-group: 0; + width: 16px; + height: 16px; + margin: 0 2px; + background-image: url("chrome://browser/skin/devtools/commandline-icon.png"); + background-position: 0 center; + background-size: 32px 16px; +} + +.gclitoolbar-input-node[focused="true"]::before { + background-position: -16px center; +} + +@media (min-resolution: 2dppx) { + .gclitoolbar-input-node::before { + background-image: url("chrome://browser/skin/devtools/commandline-icon@2x.png"); + } +} + .gclitoolbar-input-node:not([focused="true"]) { border-color: transparent; } @@ -3608,7 +3691,7 @@ html|*#gcli-output-frame { /* Responsive Mode */ .browserContainer[responsivemode] { - background: #221500 url("chrome://browser/skin/devtools/responsive-background.png"); + background-color: #221500; padding: 0 20px 20px 20px; } @@ -3636,6 +3719,11 @@ html|*#gcli-output-frame { /* margin: 0 3px; */ } +.devtools-responsiveui-toolbarbutton > .toolbarbutton-icon { + width: 16px; + height: 16px; +} + .devtools-responsiveui-toolbarbutton > .toolbarbutton-menubutton-button { -moz-box-orient: horizontal; } @@ -3683,7 +3771,7 @@ html|*#gcli-output-frame { .devtools-responsiveui-menulist > .menulist-dropmarker { /* display: -moz-box; background-color: transparent; - list-style-image: url("chrome://browser/skin/devtools/dropmarker.png"); + list-style-image: url("chrome://browser/skin/devtools/dropmarker.svg"); -moz-box-align: center; border-width: 0; min-width: 16px;*/ @@ -3707,7 +3795,7 @@ html|*#gcli-output-frame { .devtools-responsiveui-toolbarbutton[type=menu] > .toolbarbutton-menu-dropmarker, .devtools-responsiveui-toolbarbutton[type=menu-button] > .toolbarbutton-menubutton-dropmarker { -/* list-style-image: url("chrome://browser/skin/devtools/dropmarker.png"); +/* list-style-image: url("chrome://browser/skin/devtools/dropmarker.svg"); -moz-box-align: center; padding: 0 3px;*/ } @@ -3735,6 +3823,24 @@ html|*#gcli-output-frame { -moz-image-region: rect(0px,32px,16px,16px); } +@media (min-resolution: 2dppx) { + .devtools-responsiveui-close { + list-style-image: url("chrome://browser/skin/devtools/close@2x.png"); + } + + .devtools-responsiveui-close:hover { + -moz-image-region: rect(0px,64px,32px,32px); + } + + .devtools-responsiveui-rotate { + list-style-image: url("chrome://browser/skin/devtools/responsiveui-rotate@2x.png"); + } + + .devtools-responsiveui-rotate:hover { + -moz-image-region: rect(0px,64px,32px,32px); + } +} + .devtools-responsiveui-touch { list-style-image: url("chrome://browser/skin/devtools/responsiveui-touch.png"); -moz-image-region: rect(0px,16px,16px,0px); @@ -3746,6 +3852,19 @@ html|*#gcli-output-frame { -moz-image-region: rect(0px,32px,16px,16px); } +@media (min-resolution: 2dppx) { + .devtools-responsiveui-touch { + list-style-image: url("chrome://browser/skin/devtools/responsiveui-touch@2x.png"); + -moz-image-region: rect(0px,32px,32px,0px); + } + + .devtools-responsiveui-touch:hover, + .devtools-responsiveui-touch[checked], + .devtools-responsiveui-touch[checked]:hover { + -moz-image-region: rect(0px,64px,32px,32px); + } +} + .devtools-responsiveui-screenshot { list-style-image: url("chrome://browser/skin/devtools/responsiveui-screenshot.png"); -moz-image-region: rect(0px,16px,16px,0px); @@ -3755,11 +3874,22 @@ html|*#gcli-output-frame { -moz-image-region: rect(0px,32px,16px,16px); } +@media (min-resolution: 2dppx) { + .devtools-responsiveui-screenshot { + list-style-image: url("chrome://browser/skin/devtools/responsiveui-screenshot@2x.png"); + } + + .devtools-responsiveui-screenshot:hover { + -moz-image-region: rect(0px,64px,32px,32px); + } +} + .devtools-responsiveui-resizebarV { width: 7px; height: 24px; cursor: ew-resize; transform: translate(12px, -12px); + background-size: cover; background-image: url("chrome://browser/skin/devtools/responsive-vertical-resizer.png"); } @@ -3768,6 +3898,7 @@ html|*#gcli-output-frame { height: 7px; cursor: ns-resize; transform: translate(-12px, 12px); + background-size: cover; background-image: url("chrome://browser/skin/devtools/responsive-horizontal-resizer.png"); } @@ -3776,9 +3907,24 @@ html|*#gcli-output-frame { height: 16px; cursor: se-resize; transform: translate(12px, 12px); + background-size: cover; background-image: url("chrome://browser/skin/devtools/responsive-se-resizer.png"); } +@media (min-resolution: 2dppx) { + .devtools-responsiveui-resizebarV { + background-image: url("chrome://browser/skin/devtools/responsive-vertical-resizer@2x.png"); + } + + .devtools-responsiveui-resizebarH { + background-image: url("chrome://browser/skin/devtools/responsive-horizontal-resizer@2x.png"); + } + + .devtools-responsiveui-resizehandle { + background-image: url("chrome://browser/skin/devtools/responsive-se-resizer@2x.png"); + } +} + /* === END responsivedesign.inc.css === */ /* === including indicator.css is done at the start of the file === */ @@ -4990,3 +5136,10 @@ menugroup > .menuitem-iconic[disabled="true"] > .menu-iconic-left { } /* === END contextmenu.inc.css === */ + +#context-navigation { +} + +#context-sep-navigation { +/* margin-top: -4px; */ +}