X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fbrowser.css;h=ac032a459deff05c6f9cdf41e93fbb0383d68712;hp=f0055864e5aa0d0c9dad2bd38b4cd08cb5977091;hb=0bcd55874801a7433d9e74c9377f866abf9d3d1a;hpb=ed88669caec874222dbeeb427afef95fbd787acb diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css index f0055864..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, @@ -3182,32 +3169,9 @@ notification[value="translation"] .messageImage { } } -notification[value="translation"] { - min-height: 40px; -} - notification[value="translation"] button, notification[value="translation"] menulist { min-width: 0; -/* min-height: 30px; - -moz-padding-end: 1ch; */ -} - -notification[value="translation"] button > .button-box, -notification[value="translation"] button[type="menu"] > .button-box > .button-menu-dropmarker { - padding: 0; -/* -moz-margin-start: 3ch; */ -} - -notification[value="translation"] button:not([type="menu"]) > .button-box { -/* -moz-margin-end: 3ch; */ -} - -notification[value="translation"] button, -notification[value="translation"] menulist, -notification[value="translation"] menulist > .menulist-label-box { -/* -moz-margin-start: 1ch; - -moz-margin-end: 1ch; */ } notification[value="translation"] menulist > .menulist-dropmarker { @@ -3215,6 +3179,10 @@ 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"); @@ -3544,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); @@ -3559,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); @@ -3578,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, @@ -3604,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; } @@ -3673,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; } @@ -3701,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; } @@ -3748,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;*/ @@ -3772,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;*/ } @@ -3800,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); @@ -3811,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); @@ -3820,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"); } @@ -3833,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"); } @@ -3841,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 === */ @@ -5055,3 +5136,10 @@ menugroup > .menuitem-iconic[disabled="true"] > .menu-iconic-left { } /* === END contextmenu.inc.css === */ + +#context-navigation { +} + +#context-sep-navigation { +/* margin-top: -4px; */ +}