From: Robert Kaiser Date: Sun, 21 Sep 2014 16:47:28 +0000 (+0200) Subject: fourth part of syncing LCARStrek with Firefox 32 windows theme changes X-Git-Tag: LCARStrek-2.29~4 X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=commitdiff_plain;h=0bcd55874801a7433d9e74c9377f866abf9d3d1a fourth part of syncing LCARStrek with Firefox 32 windows theme changes --- diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css index dbec1f60..ac032a45 100644 --- a/LCARStrek/browser/browser.css +++ b/LCARStrek/browser/browser.css @@ -3169,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 { @@ -3202,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"); @@ -3531,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); @@ -3546,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); @@ -3565,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, @@ -3591,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; } @@ -3660,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; } @@ -3688,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; } @@ -3735,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;*/ @@ -3759,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;*/ } @@ -3787,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); @@ -3798,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); @@ -3807,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"); } @@ -3820,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"); } @@ -3828,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 === */ diff --git a/LCARStrek/browser/devtools/app-manager/device.css b/LCARStrek/browser/devtools/app-manager/device.css index 0921f8f4..5699c575 100644 --- a/LCARStrek/browser/devtools/app-manager/device.css +++ b/LCARStrek/browser/devtools/app-manager/device.css @@ -316,6 +316,9 @@ header { +.browser-tabs.hidden { + display: none; +} .apps, .browser-tabs { display: flex; diff --git a/LCARStrek/browser/devtools/commandline-icon@2x.png b/LCARStrek/browser/devtools/commandline-icon@2x.png new file mode 100644 index 00000000..cb9e5f7b Binary files /dev/null and b/LCARStrek/browser/devtools/commandline-icon@2x.png differ diff --git a/LCARStrek/browser/devtools/responsive-background.png b/LCARStrek/browser/devtools/responsive-background.png deleted file mode 100644 index 271dd5eb..00000000 Binary files a/LCARStrek/browser/devtools/responsive-background.png and /dev/null differ diff --git a/LCARStrek/browser/devtools/responsive-horizontal-resizer@2x.png b/LCARStrek/browser/devtools/responsive-horizontal-resizer@2x.png new file mode 100644 index 00000000..d27e78d6 Binary files /dev/null and b/LCARStrek/browser/devtools/responsive-horizontal-resizer@2x.png differ diff --git a/LCARStrek/browser/devtools/responsive-se-resizer@2x.png b/LCARStrek/browser/devtools/responsive-se-resizer@2x.png new file mode 100644 index 00000000..9d04d281 Binary files /dev/null and b/LCARStrek/browser/devtools/responsive-se-resizer@2x.png differ diff --git a/LCARStrek/browser/devtools/responsive-vertical-resizer@2x.png b/LCARStrek/browser/devtools/responsive-vertical-resizer@2x.png new file mode 100644 index 00000000..eae5e24c Binary files /dev/null and b/LCARStrek/browser/devtools/responsive-vertical-resizer@2x.png differ diff --git a/LCARStrek/browser/devtools/responsiveui-rotate@2x.png b/LCARStrek/browser/devtools/responsiveui-rotate@2x.png new file mode 100644 index 00000000..1f5434f1 Binary files /dev/null and b/LCARStrek/browser/devtools/responsiveui-rotate@2x.png differ diff --git a/LCARStrek/browser/devtools/responsiveui-screenshot@2x.png b/LCARStrek/browser/devtools/responsiveui-screenshot@2x.png new file mode 100644 index 00000000..87fab6e0 Binary files /dev/null and b/LCARStrek/browser/devtools/responsiveui-screenshot@2x.png differ diff --git a/LCARStrek/browser/devtools/responsiveui-touch@2x.png b/LCARStrek/browser/devtools/responsiveui-touch@2x.png new file mode 100644 index 00000000..dc1998a8 Binary files /dev/null and b/LCARStrek/browser/devtools/responsiveui-touch@2x.png differ diff --git a/LCARStrek/browser/devtools/styleeditor.css b/LCARStrek/browser/devtools/styleeditor.css index 91905ff6..d2ff074f 100644 --- a/LCARStrek/browser/devtools/styleeditor.css +++ b/LCARStrek/browser/devtools/styleeditor.css @@ -149,6 +149,11 @@ window:not([windowtype]) { background-position: -24px 8px; } +#style-editor-options { + width: 20px; + overflow: hidden; +} + .splitview-nav > li > .stylesheet-enabled:focus, .splitview-nav > li:hover > .stylesheet-enabled { outline: 0; diff --git a/LCARStrek/browser/devtools/toggle-tools@2x.png b/LCARStrek/browser/devtools/toggle-tools@2x.png new file mode 100644 index 00000000..2d165de9 Binary files /dev/null and b/LCARStrek/browser/devtools/toggle-tools@2x.png differ diff --git a/LCARStrek/browser/preferences/in-content/preferences.css b/LCARStrek/browser/preferences/in-content/preferences.css index cccf7d30..126c11fb 100644 --- a/LCARStrek/browser/preferences/in-content/preferences.css +++ b/LCARStrek/browser/preferences/in-content/preferences.css @@ -683,6 +683,9 @@ tree:not(#rejectsTree) { /* === END shared/in-content/preferences.css === */ +caption { +} + .indent-small { -moz-margin-start: 10px; }