diff --git a/browser/themes/gnomestripe/browser.css b/browser/themes/gnomestripe/browser.css index ab849c52cf7e..564344361949 100644 --- a/browser/themes/gnomestripe/browser.css +++ b/browser/themes/gnomestripe/browser.css @@ -2004,6 +2004,7 @@ toolbar[mode="text"] toolbarbutton.chevron > .toolbarbutton-icon { border-top: 1px solid hsla(210, 8%, 5%, .65); } +%include ../shared/devtools/responsivedesign.inc.css %include ../shared/devtools/highlighter.inc.css %include ../shared/devtools/commandline.inc.css @@ -2026,51 +2027,6 @@ toolbar[mode="text"] toolbarbutton.chevron > .toolbarbutton-icon { background-color: hsl(210,11%,16%); } -/* Responsive Mode */ - -.browserContainer[responsivemode] { - background: #222 url("chrome://browser/skin/devtools/responsive-background.png"); - padding: 0 20px 20px 20px; -} - -.browserStack[responsivemode] { - box-shadow: 0 0 7px black; -} - -.devtools-responsiveui-toolbar { - background: transparent; - margin: 10px 0; - padding: 0; - box-shadow: none; -} - -.devtools-responsiveui-toolbar > menulist, -.devtools-responsiveui-toolbar > toolbarbutton { - min-width: 22px; - border-radius: 0; -} - -.devtools-responsiveui-toolbar:-moz-locale-dir(ltr) > *:first-child, -.devtools-responsiveui-toolbar:-moz-locale-dir(rtl) > *:last-child { - margin-left: 0; -} - -.devtools-responsiveui-resizebar { - width: 7px; - height: 24px; - cursor: ew-resize; - transform: translate(12px, -12px); - background-image: url("chrome://browser/skin/devtools/responsive-vertical-resizer.png"); -} - -.devtools-responsiveui-resizehandle { - width: 16px; - height: 16px; - cursor: se-resize; - transform: translate(12px, 12px); - background-image: url("chrome://browser/skin/devtools/responsive-se-resizer.png"); -} - /* Web Console */ .web-console-frame { diff --git a/browser/themes/pinstripe/browser.css b/browser/themes/pinstripe/browser.css index 7714d44d2e46..d4e7563c9e74 100644 --- a/browser/themes/pinstripe/browser.css +++ b/browser/themes/pinstripe/browser.css @@ -3463,6 +3463,7 @@ toolbarbutton.chevron > .toolbarbutton-menu-dropmarker { padding-right: 18px; /* use -moz-padding-end when/if bug 631729 gets fixed */ } +%include ../shared/devtools/responsivedesign.inc.css %include ../shared/devtools/highlighter.inc.css %include ../shared/devtools/commandline.inc.css @@ -3487,51 +3488,6 @@ toolbarbutton.chevron > .toolbarbutton-menu-dropmarker { background-color: hsl(210,11%,16%); } -/* Responsive Mode */ - -.browserContainer[responsivemode] { - background: #222 url("chrome://browser/skin/devtools/responsive-background.png"); - padding: 0 20px 20px 20px; -} - -.browserStack[responsivemode] { - box-shadow: 0 0 7px black; -} - -.devtools-responsiveui-toolbar { - background: transparent; - margin: 10px 0; - padding: 0; - box-shadow: none; -} - -.devtools-responsiveui-toolbar > menulist, -.devtools-responsiveui-toolbar > toolbarbutton { - min-width: 22px; - border-radius: 0; -} - -.devtools-responsiveui-toolbar:-moz-locale-dir(ltr) > *:first-child, -.devtools-responsiveui-toolbar:-moz-locale-dir(rtl) > *:last-child { - margin-left: 0; -} - -.devtools-responsiveui-resizebar { - width: 7px; - height: 24px; - cursor: ew-resize; - transform: translate(12px, -12px); - background-image: url("chrome://browser/skin/devtools/responsive-vertical-resizer.png"); -} - -.devtools-responsiveui-resizehandle { - width: 16px; - height: 16px; - cursor: se-resize; - transform: translate(12px, 12px); - background-image: url("chrome://browser/skin/devtools/responsive-se-resizer.png"); -} - /* Web Console */ .web-console-frame { diff --git a/browser/themes/shared/devtools/responsivedesign.inc.css b/browser/themes/shared/devtools/responsivedesign.inc.css new file mode 100644 index 000000000000..6933f09f769f --- /dev/null +++ b/browser/themes/shared/devtools/responsivedesign.inc.css @@ -0,0 +1,53 @@ +%if 0 +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ +%endif + +/* Responsive Mode */ + +.browserContainer[responsivemode] { + background: #222 url("chrome://browser/skin/devtools/responsive-background.png"); + padding: 0 20px 20px 20px; +} + +.browserStack[responsivemode] { + box-shadow: 0 0 7px black; +} + +.devtools-responsiveui-toolbar { + background: transparent; + margin: 10px 0; + padding: 0; + box-shadow: none; +%ifdef XP_WIN + border-bottom-width: 0; +%endif +} + +.devtools-responsiveui-toolbar > menulist, +.devtools-responsiveui-toolbar > toolbarbutton { + min-width: 22px; + border-radius: 0; +} + +.devtools-responsiveui-toolbar:-moz-locale-dir(ltr) > *:first-child, +.devtools-responsiveui-toolbar:-moz-locale-dir(rtl) > *:last-child { + margin-left: 0; +} + +.devtools-responsiveui-resizebar { + width: 7px; + height: 24px; + cursor: ew-resize; + transform: translate(12px, -12px); + background-image: url("chrome://browser/skin/devtools/responsive-vertical-resizer.png"); +} + +.devtools-responsiveui-resizehandle { + width: 16px; + height: 16px; + cursor: se-resize; + transform: translate(12px, 12px); + background-image: url("chrome://browser/skin/devtools/responsive-se-resizer.png"); +} diff --git a/browser/themes/winstripe/browser.css b/browser/themes/winstripe/browser.css index 25c4b41f48e1..340e8bcb1e87 100644 --- a/browser/themes/winstripe/browser.css +++ b/browser/themes/winstripe/browser.css @@ -2580,6 +2580,7 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] { border-top: 1px solid hsla(211,68%,6%,.65) !important; } +%include ../shared/devtools/responsivedesign.inc.css %include ../shared/devtools/highlighter.inc.css %include ../shared/devtools/commandline.inc.css @@ -2589,52 +2590,6 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] { 0 0 0 1px hsla(210,40%,83%,.1); } -/* Responsive Mode */ - -.browserContainer[responsivemode] { - background: #222 url("chrome://browser/skin/devtools/responsive-background.png"); - padding: 0 20px 20px 20px; -} - -.browserStack[responsivemode] { - box-shadow: 0 0 7px black; -} - -.devtools-responsiveui-toolbar { - background: transparent; - margin: 10px 0; - padding: 0; - box-shadow: none; - border-bottom-width: 0; -} - -.devtools-responsiveui-toolbar > menulist, -.devtools-responsiveui-toolbar > toolbarbutton { - min-width: 22px; - border-radius: 0; -} - -.devtools-responsiveui-toolbar:-moz-locale-dir(ltr) > *:first-child, -.devtools-responsiveui-toolbar:-moz-locale-dir(rtl) > *:last-child { - margin-left: 0; -} - -.devtools-responsiveui-resizebar { - width: 7px; - height: 24px; - cursor: ew-resize; - transform: translate(12px, -12px); - background-image: url("chrome://browser/skin/devtools/responsive-vertical-resizer.png"); -} - -.devtools-responsiveui-resizehandle { - width: 16px; - height: 16px; - cursor: se-resize; - transform: translate(12px, 12px); - background-image: url("chrome://browser/skin/devtools/responsive-se-resizer.png"); -} - /* Web Console */ .web-console-frame {