}
window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box {
-/* border-radius: 0; */
- -moz-padding-start: 2px;
- -moz-padding-end: 2px;
- -moz-margin-end: 1px;
+/* border-radius: 0;
+ padding-inline-start: 2px; */
+ padding-inline-end: 2px;
+ margin-inline-end: 1px;
}
window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #forward-button[disabled] + #urlbar >
}
#developer-toolbar-toolbox-button {
- list-style-image: url("chrome://browser/skin/devtools/toggle-tools.png");
+ list-style-image: url("chrome://devtools/skin/toggle-tools.png");
-moz-image-region: rect(0px, 16px, 16px, 0px);
}
@media (min-resolution: 2dppx) {
#developer-toolbar-toolbox-button {
- list-style-image: url("chrome://browser/skin/devtools/toggle-tools@2x.png");
+ list-style-image: url("chrome://devtools/skin/toggle-tools@2x.png");
-moz-image-region: rect(0px, 32px, 32px, 0px);
}
}
#developer-toolbar-closebutton {
- list-style-image: url("chrome://browser/skin/devtools/close.png");
+ list-style-image: url("chrome://devtools/skin/close.png");
-moz-image-region: rect(0px, 16px, 16px, 0px);
min-width: 16px;
width: 16px;
@media (min-resolution: 2dppx) {
#developer-toolbar-closebutton {
- list-style-image: url("chrome://browser/skin/devtools/close@2x.png");
+ list-style-image: url("chrome://devtools/skin/close@2x.png");
-moz-image-region: rect(0px, 32px, 32px, 0px);
}
width: 16px;
height: 16px;
margin: 0 2px;
- background-image: url("chrome://browser/skin/devtools/commandline-icon.png");
+ background-image: url("chrome://devtools/skin/commandline-icon.png");
background-position: 0 center;
background-size: 32px 16px;
}
@media (min-resolution: 2dppx) {
.gclitoolbar-input-node::before {
- background-image: url("chrome://browser/skin/devtools/commandline-icon@2x.png");
+ background-image: url("chrome://devtools/skin/commandline-icon@2x.png");
}
}
.devtools-responsiveui-menulist > .menulist-dropmarker {
/* display: -moz-box;
background-color: transparent;
- list-style-image: url("chrome://browser/skin/devtools/dropmarker.svg");
+ list-style-image: url("chrome://devtools/skin/dropmarker.svg");
-moz-box-align: center;
border-width: 0;
min-width: 16px;*/
.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.svg");
+/* list-style-image: url("chrome://devtools/skin/dropmarker.svg");
-moz-box-align: center;
padding: 0 3px;*/
}
}
.devtools-responsiveui-close {
- list-style-image: url("chrome://browser/skin/devtools/close.png");
+ list-style-image: url("chrome://devtools/skin/close.png");
-moz-image-region: rect(0px,16px,16px,0px);
}
}
.devtools-responsiveui-rotate {
- list-style-image: url("chrome://browser/skin/devtools/responsiveui-rotate.png");
+ list-style-image: url("chrome://devtools/skin/responsiveui-rotate.png");
-moz-image-region: rect(0px,16px,16px,0px);
}
@media (min-resolution: 2dppx) {
.devtools-responsiveui-close {
- list-style-image: url("chrome://browser/skin/devtools/close@2x.png");
+ list-style-image: url("chrome://devtools/skin/close@2x.png");
}
.devtools-responsiveui-close:hover {
}
.devtools-responsiveui-rotate {
- list-style-image: url("chrome://browser/skin/devtools/responsiveui-rotate@2x.png");
+ list-style-image: url("chrome://devtools/skin/responsiveui-rotate@2x.png");
}
.devtools-responsiveui-rotate:hover {
}
.devtools-responsiveui-touch {
- list-style-image: url("chrome://browser/skin/devtools/responsiveui-touch.png");
+ list-style-image: url("chrome://devtools/skin/responsiveui-touch.png");
-moz-image-region: rect(0px,16px,16px,0px);
}
@media (min-resolution: 2dppx) {
.devtools-responsiveui-touch {
- list-style-image: url("chrome://browser/skin/devtools/responsiveui-touch@2x.png");
+ list-style-image: url("chrome://devtools/skin/responsiveui-touch@2x.png");
-moz-image-region: rect(0px,32px,32px,0px);
}
}
.devtools-responsiveui-screenshot {
- list-style-image: url("chrome://browser/skin/devtools/responsiveui-screenshot.png");
+ list-style-image: url("chrome://devtools/skin/responsiveui-screenshot.png");
-moz-image-region: rect(0px,16px,16px,0px);
}
@media (min-resolution: 2dppx) {
.devtools-responsiveui-screenshot {
- list-style-image: url("chrome://browser/skin/devtools/responsiveui-screenshot@2x.png");
+ list-style-image: url("chrome://devtools/skin/responsiveui-screenshot@2x.png");
}
.devtools-responsiveui-screenshot:hover {
cursor: ew-resize;
transform: translate(12px, -12px);
background-size: cover;
- background-image: url("chrome://browser/skin/devtools/responsive-vertical-resizer.png");
+ background-image: url("chrome://devtools/skin/responsive-vertical-resizer.png");
}
.devtools-responsiveui-resizebarH {
cursor: ns-resize;
transform: translate(-12px, 12px);
background-size: cover;
- background-image: url("chrome://browser/skin/devtools/responsive-horizontal-resizer.png");
+ background-image: url("chrome://devtools/skin/responsive-horizontal-resizer.png");
}
.devtools-responsiveui-resizehandle {
cursor: se-resize;
transform: translate(12px, 12px);
background-size: cover;
- background-image: url("chrome://browser/skin/devtools/responsive-se-resizer.png");
+ background-image: url("chrome://devtools/skin/responsive-se-resizer.png");
}
/* FxOS custom mode with additional buttons and phone look'n feel */
-moz-user-focus: ignore;
width: 40px;
height: 30px;
- list-style-image: url("chrome://browser/skin/devtools/responsiveui-home.png");
+ list-style-image: url("chrome://devtools/skin/responsiveui-home.png");
}
.devtools-responsiveui-sleep-button {
@media (min-resolution: 2dppx) {
.devtools-responsiveui-resizebarV {
- background-image: url("chrome://browser/skin/devtools/responsive-vertical-resizer@2x.png");
+ background-image: url("chrome://devtools/skin/responsive-vertical-resizer@2x.png");
}
.devtools-responsiveui-resizebarH {
- background-image: url("chrome://browser/skin/devtools/responsive-horizontal-resizer@2x.png");
+ background-image: url("chrome://devtools/skin/responsive-horizontal-resizer@2x.png");
}
.devtools-responsiveui-resizehandle {
- background-image: url("chrome://browser/skin/devtools/responsive-se-resizer@2x.png");
+ background-image: url("chrome://devtools/skin/responsive-se-resizer@2x.png");
}
}
+++ /dev/null
-<!-- 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/. -->
-<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
- <defs>
- <style>
- use[id^="add"]:not(:target) {
- display: none;
- }
- </style>
- <g id="add-shape" fill="currentColor">
- <rect x="3" y="7" width="10" height="2" />
- <rect x="7" y="3" width="2" height="10" />
- </g>
- </defs>
- <use xlink:href="#add-shape" id="add" color="#FFCF00"/>
- <use xlink:href="#add-shape" id="add-checked" color="#000000"/>
-</svg>
\ No newline at end of file
+++ /dev/null
-/* 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/. */
-
-window {
- padding: 0;
-}
-
-#inspector-toolbar {
- border-top: none;
-}
-
-/* Highlighter toolbar - breadcrumbs */
-
-#inspector-breadcrumbs {
- -moz-margin-end: 3px;
- /* A fake 1px-shadow is included in the border-images of the
- inspector-breadcrumbs-buttons, to match toolbar-buttons style.
- This negative margin compensate the extra row of pixels created
- by the shadow.*/
- /*margin: -1px 0;*/
-}
-
-#inspector-breadcrumbs > .scrollbutton-up,
-#inspector-breadcrumbs > .scrollbutton-down {
- min-height: 25px;
- margin-top: 0;
- margin-bottom: 0;
-}
-
-#inspector-breadcrumbs > .scrollbutton-up {
- -moz-margin-end: 1px;
-}
-
-#inspector-breadcrumbs > .scrollbutton-down {
- -moz-margin-end: 0;
-}
-
-#inspector-breadcrumbs > .scrollbutton-up:not([disabled]):active:hover,
-#inspector-breadcrumbs > .scrollbutton-down:not([disabled]):active:hover {
-}
-
-#inspector-breadcrumbs > .scrollbutton-up > .toolbarbutton-icon,
-#inspector-breadcrumbs > .scrollbutton-down > .toolbarbutton-icon {
- /* margin: 0 5px; */
-}
-
-#inspector-breadcrumbs > .scrollbutton-up[disabled] > .toolbarbutton-icon,
-#inspector-breadcrumbs > .scrollbutton-down[disabled] > .toolbarbutton-icon {
-}
-
-#inspector-breadcrumbs > .scrollbutton-up:not([disabled]):active:hover > .toolbarbutton-icon,
-#inspector-breadcrumbs > .scrollbutton-down:not([disabled]):active:hover > .toolbarbutton-icon {
-}
-
-#inspector-breadcrumbs > .scrollbutton-up:-moz-locale-dir(ltr) {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
-}
-
-#inspector-breadcrumbs > .scrollbutton-down:-moz-locale-dir(ltr) {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
-}
-
-#inspector-breadcrumbs > .scrollbutton-up:-moz-locale-dir(rtl) {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
-}
-
-#inspector-breadcrumbs > .scrollbutton-down:-moz-locale-dir(rtl) {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
-}
-
-#inspector-breadcrumbs > .scrollbutton-up > .toolbarbutton-icon:-moz-locale-dir(rtl),
-#inspector-breadcrumbs > .scrollbutton-down > .toolbarbutton-icon:-moz-locale-dir(ltr) {
-/* transform: scaleX(-1); */
-}
-
-.inspector-breadcrumbs-button {
- background-color: #000000;
- border-radius: 0;
- border-style: solid;
- border-width: 2px 13px;
- outline: none;
- color: #FF9F00;
- width: 85px; /* Can't use max-width. See bug 723132 */
- /* The content of the button can be larger than the button */
- overflow: hidden;
- min-height: 25px;
- margin: 0 -11px 0 0;
- padding: 0 9px;
-}
-
-.inspector-breadcrumbs-button:hover {
- background-color: #FFCF00;
- color: #000000;
-}
-
-.inspector-breadcrumbs-button[checked]:not(:hover) {
- background-color: #008484;
- color: #000000;
-}
-
-.inspector-breadcrumbs-button[siblings-menu-open],
-.inspector-breadcrumbs-button:active {
- background-color: #FF9F00;
- color: #000000;
-}
-
-.inspector-breadcrumbs-button:-moz-focusring > .button-box {
- border-width: 0;
-}
-
-.inspector-breadcrumbs-button:-moz-focusring > label {
- border-bottom: 1px dotted #008484;
-}
-
-.inspector-breadcrumbs-button[checked] > .inspector-breadcrumbs-tag {
- /*color: hsl(208,100%,60%); */
-}
-
-.inspector-breadcrumbs-button[checked] > .inspector-breadcrumbs-id {
- /*color: hsl(205,100%,70%); */
-}
-
-.inspector-breadcrumbs-button[checked] > .inspector-breadcrumbs-pseudo-classes {
- color: #FF9F00;
-}
-
-.inspector-breadcrumbs-id,
-.inspector-breadcrumbs-classes {
- /*color: #8d99a6; */
-}
-
-.inspector-breadcrumbs-pseudo-classes {
- color: #FFCF00;
-}
-
-/* fit height of other buttons to breadcrumbs */
-#inspector-toolbar .devtools-toolbarbutton,
-#highlighter-closebutton,
-#inspector-option-toolbarbutton {
- min-height: 25px;
-}
-
-/* Highlighter toolbar - breadcrumbs - LTR */
-
-.inspector-breadcrumbs-button:-moz-locale-dir(ltr):first-of-type {
-}
-
-.inspector-breadcrumbs-button {
- border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-middle.png") 2 13 2 13 fill stretch;
-}
-
-.inspector-breadcrumbs-button[siblings-menu-open]:not([checked]),
-.inspector-breadcrumbs-button:not([checked]):hover:active {
- border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-middle-pressed.png") 2 13 2 13 fill stretch;
-}
-
-.inspector-breadcrumbs-button[checked] {
- border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-middle-selected.png") 2 13 2 13 fill stretch;
-}
-
-.inspector-breadcrumbs-button[checked][siblings-menu-open],
-.inspector-breadcrumbs-button[checked]:hover:active {
- border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-middle-selected-pressed.png") 2 13 2 13 fill stretch;
-}
-
-.inspector-breadcrumbs-button:first-of-type {
- border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-start.png") 2 13 2 13 fill stretch;
-}
-
-.inspector-breadcrumbs-button[siblings-menu-open]:first-of-type:not([checked]),
-.inspector-breadcrumbs-button:first-of-type:not([checked]):hover:active {
- border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-start-pressed.png") 2 13 2 13 fill stretch;
-}
-
-.inspector-breadcrumbs-button:first-of-type[checked] {
- border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-start-selected.png") 2 13 2 13 fill stretch;
-}
-
-.inspector-breadcrumbs-button[siblings-menu-open]:first-of-type[checked],
-.inspector-breadcrumbs-button:first-of-type[checked]:hover:active {
- border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-start-selected-pressed.png") 2 13 2 13 fill stretch;
-}
-
-.inspector-breadcrumbs-button:last-of-type {
- border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-end.png") 2 13 2 13 fill stretch;
-}
-
-.inspector-breadcrumbs-button[siblings-menu-open]:last-of-type:not([checked]),
-.inspector-breadcrumbs-button:last-of-type:not([checked]):hover:active {
- border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-end-pressed.png") 2 13 2 13 fill stretch;
-}
-
-.inspector-breadcrumbs-button:last-of-type[checked] {
- border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-end-selected.png") 2 13 2 13 fill stretch;
-}
-
-.inspector-breadcrumbs-button[siblings-menu-open]:last-of-type[checked],
-.inspector-breadcrumbs-button:last-of-type[checked]:hover:active {
- border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-end-selected-pressed.png") 2 13 2 13 fill stretch;
-}
-
-/* Highlighter toolbar - breadcrumbs - RTL */
-
-.inspector-breadcrumbs-button:-moz-locale-dir(rtl):first-of-type {
-}
-
-.inspector-breadcrumbs-button:-moz-locale-dir(rtl) {
- border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-middle.png") 2 13 2 13 fill stretch;
-}
-
-.inspector-breadcrumbs-button[siblings-menu-open]:not([checked]):-moz-locale-dir(rtl),
-.inspector-breadcrumbs-button:not([checked]):hover:active:-moz-locale-dir(rtl) {
- border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-middle-pressed.png") 2 13 2 13 fill stretch;
-}
-
-.inspector-breadcrumbs-button[checked]:-moz-locale-dir(rtl) {
- border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-middle-selected.png") 2 13 2 13 fill stretch;
-}
-
-.inspector-breadcrumbs-button[checked][siblings-menu-open]:-moz-locale-dir(rtl),
-.inspector-breadcrumbs-button[checked]:hover:active:-moz-locale-dir(rtl) {
- border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-middle-selected-pressed.png") 2 13 2 13 fill stretch;
-}
-
-.inspector-breadcrumbs-button:first-of-type:-moz-locale-dir(rtl) {
- border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-start.png") 2 13 2 13 fill stretch;
-}
-
-.inspector-breadcrumbs-button[siblings-menu-open]:first-of-type:not([checked]):-moz-locale-dir(rtl),
-.inspector-breadcrumbs-button:first-of-type:not([checked]):hover:active:-moz-locale-dir(rtl) {
- border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-start-pressed.png") 2 13 2 13 fill stretch;
-}
-
-.inspector-breadcrumbs-button:first-of-type[checked]:-moz-locale-dir(rtl) {
- border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-start-selected.png") 2 13 2 13 fill stretch;
-}
-
-.inspector-breadcrumbs-button[siblings-menu-open]:first-of-type[checked]:-moz-locale-dir(rtl),
-.inspector-breadcrumbs-button:first-of-type[checked]:hover:active:-moz-locale-dir(rtl) {
- border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-start-selected-pressed.png") 2 13 2 13 fill stretch;
-}
-
-.inspector-breadcrumbs-button:last-of-type:-moz-locale-dir(rtl) {
- border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-end.png") 2 13 2 13 fill stretch;
-}
-
-#inspector-breadcrumbs[overflows] > .inspector-breadcrumbs-button:last-of-type:-moz-locale-dir(rtl) {
-}
-
-.inspector-breadcrumbs-button[siblings-menu-open]:last-of-type:not([checked]):-moz-locale-dir(rtl),
-.inspector-breadcrumbs-button:last-of-type:not([checked]):hover:active:-moz-locale-dir(rtl) {
- border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-end-pressed.png") 2 13 2 13 fill stretch;
-}
-
-.inspector-breadcrumbs-button:last-of-type[checked]:-moz-locale-dir(rtl) {
- border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-end-selected.png") 2 13 2 13 fill stretch;
-}
-
-.inspector-breadcrumbs-button[siblings-menu-open]:last-of-type[checked]:-moz-locale-dir(rtl),
-.inspector-breadcrumbs-button:last-of-type[checked]:hover:active:-moz-locale-dir(rtl) {
- border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-end-selected-pressed.png") 2 13 2 13 fill stretch;
-}
-
-#inspector-searchbox {
- transition-property: max-width, -moz-padding-end, -moz-padding-start;
- transition-duration: 250ms;
- transition-timing-function: ease;
-}
-
-#inspector-searchbox:not([focused]):not([filled]) > .textbox-input-box {
- overflow: hidden;
-}
-
-#inspector-searchbox:not([focused]):not([filled]) {
- max-width: 20px !important;
- -moz-padding-end: 6px;
- -moz-padding-start: 22px;
- background-position: 8px center, top left, top left;
-}
-
-#inspector-searchbox[focused],
-#inspector-searchbox[filled] {
- max-width: 200px !important;
-}
-
-/* Expand/collapse panel toolbar button */
-
-#inspector-pane-toggle {
- list-style-image: url("debugger-collapse.png");
- -moz-image-region: rect(0px,16px,16px,0px);
-}
-
-#inspector-pane-toggle > .toolbarbutton-icon {
- width: 16px;
- height: 16px;
-}
-
-#inspector-pane-toggle[pane-collapsed] {
- list-style-image: url("debugger-expand.png");
-}
-
-#inspector-pane-toggle:hover,
-#inspector-pane-toggle:active {
- -moz-image-region: rect(0px,32px,16px,16px);
-}
-
-@media (min-resolution: 1.1dppx) {
- #inspector-pane-toggle {
- list-style-image: url("debugger-collapse@2x.png");
- -moz-image-region: rect(0px,32px,32px,0px);
- }
-
- #inspector-pane-toggle[pane-collapsed] {
- list-style-image: url("debugger-expand@2x.png");
- }
-
- #inspector-pane-toggle:hover,
- #inspector-pane-toggle:active {
- -moz-image-region: rect(0px,64px,32px,32px);
- }
-}
-
-/* Tooltip: Events */
-
-#devtools-tooltip-events-container {
- margin: -4px; /* Compensate for the .panel-arrowcontent padding. */
- max-width: 590px;
- overflow-y: auto;
-}
-
-.event-header {
- display: flex;
- align-items: center;
- cursor: pointer;
-}
-
-.event-tooltip-event-type,
-.event-tooltip-filename,
-.event-tooltip-attributes {
- -moz-margin-start: 0;
- flex-shrink: 0;
- cursor: pointer;
-}
-
-.event-tooltip-event-type {
- font-weight: bold;
- font-size: 13px;
-}
-
-.event-tooltip-filename {
- -moz-margin-end: 0;
- font-size: 100%;
- flex-shrink: 1;
-}
-
-.event-tooltip-debugger-icon {
- width: 16px;
- height: 16px;
- -moz-margin-end: 4px;
- opacity: 0.6;
- flex-shrink: 0;
-}
-
-.event-tooltip-debugger-icon:hover {
- opacity: 1;
-}
-
-.event-tooltip-content-box {
- display: none;
- overflow: auto;
- -moz-margin-end: 0;
-}
-
-.event-tooltip-content-box[open] {
- display: block;
-}
-
-.event-tooltip-source-container {
- margin-top: 5px;
- margin-bottom: 10px;
- -moz-margin-start: 5px;
- -moz-margin-end: 0;
-}
-
-.event-tooltip-source {
- margin-bottom: 0;
-}
-
-.event-tooltip-attributes-container {
- display: flex;
- flex-shrink: 0;
- flex-grow: 1;
- justify-content: flex-end;
-}
-
-.event-tooltip-attributes-box {
- display: flex;
- flex-shrink: 0;
- align-items: center;
- border-radius: 3px;
- padding: 2px;
- -moz-margin-start: 5px;
- background-color: var(--theme-sidebar-background);
- color: var(--theme-highlight-blue);
-}
-
-.event-tooltip-attributes {
- margin: 0;
- font-size: 9px;
- padding-top: 2px;
-}
skin chatzilla LCARStrek chatzilla/
skin inspector LCARStrek inspector/
skin browser LCARStrek browser/
-skin devtools LCARStrek browser/devtools/
+skin devtools LCARStrek devtools/
}
#element-picker::before {
- background-image: url("chrome://browser/skin/devtools/command-pick.png");
+ background-image: url("chrome://devtools/skin/command-pick.png");
}
.pause-button::before {
@media (min-resolution: 1.1dppx) {
#element-picker::before {
- background-image: url("chrome://browser/skin/devtools/command-pick@2x.png");
+ background-image: url("chrome://devtools/skin/command-pick@2x.png");
background-size: 64px;
}
}
.animation-target .node-selector {
- background: url("chrome://browser/skin/devtools/vview-open-inspector.png") no-repeat 0 0;
+ background: url("chrome://devtools/skin/images/vview-open-inspector.png") no-repeat 0 0;
padding-left: 16px;
margin-right: 5px;
cursor: pointer;
}
.projects-button {
- background-image: url('chrome://browser/skin/devtools/app-manager/index-icons.svg');
+ background-image: url('chrome://devtools/skin/app-manager/index-icons.svg');
background-repeat: no-repeat;
background-position: left -5px;
}
}
.device-button {
- background-image: url('chrome://browser/skin/devtools/app-manager/index-icons.svg');
+ background-image: url('chrome://devtools/skin/app-manager/index-icons.svg');
background-position: left -85px, top left;
background-repeat: no-repeat, no-repeat;
background-size: 160px 240px, 2px 80px;
.help-button {
border-bottom: 0;
- background-image: url('chrome://browser/skin/devtools/app-manager/index-icons.svg');
+ background-image: url('chrome://devtools/skin/app-manager/index-icons.svg');
background-position: left -165px, top left;
background-repeat: no-repeat, no-repeat;
background-size: 160px 240px, 2px 80px;
}
#record-snapshot {
- list-style-image: url("chrome://browser/skin/devtools/profiler-stopwatch-tbutton.svg");
+ list-style-image: url("chrome://devtools/skin/profiler-stopwatch-tbutton.svg");
}
#record-snapshot:hover {
- list-style-image: url("chrome://browser/skin/devtools/profiler-stopwatch.svg");
+ list-style-image: url("chrome://devtools/skin/profiler-stopwatch.svg");
}
#record-snapshot[checked] {
- list-style-image: url("chrome://browser/skin/devtools/profiler-stopwatch-checked-tbutton.svg");
+ list-style-image: url("chrome://devtools/skin/profiler-stopwatch-checked-tbutton.svg");
}
#record-snapshot[checked]:hover {
- list-style-image: url("chrome://browser/skin/devtools/profiler-stopwatch-checked.svg");
+ list-style-image: url("chrome://devtools/skin/profiler-stopwatch-checked.svg");
}
/* Snapshots items */
:root {
font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
+ --proportional-font-family: "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
--monospace-font-family: "Liberation Mono", Consolas, "Courier New", monospace;
--monospace-font-size: 12px;
}
-/* Font for code */
.devtools-monospace {
font-family: var(--monospace-font-family);
font-size: var(--monospace-font-size);
--- /dev/null
+/* vim:set ts=2 sw=2 sts=2 et: */
+/* 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/. */
+
+#sidebar-panel-computedview {
+ margin: 0;
+ display : flex;
+ flex-direction: column;
+ width: 100%;
+ /* Bug 1243598 - Reduce the container height by the tab height to make room
+ for the tabs above. */
+ height: calc(100% - 24px);
+ position: absolute;
+}
+
+#sidebar-panel-computedview > .devtools-toolbar {
+ display: flex;
+}
+
+#browser-style-checkbox {
+ /* Bug 1200073 - extra space before the browser styles checkbox so
+ they aren't squished together in a small window. */
+ margin-inline-start: 5px;
+}
+
+#propertyContainer {
+ -moz-user-select: text;
+ overflow: auto;
+ flex: auto;
+}
+
+.row-striped {
+ background: var(--theme-body-background);
+}
+
+.property-view-hidden,
+.property-content-hidden {
+ display: none;
+}
+
+.property-view {
+ padding: 2px 0 2px 17px;
+ display: flex;
+ flex-wrap: wrap;
+}
+
+.property-name-container {
+ width: 202px;
+}
+
+.property-value-container {
+ width: 168px;
+}
+
+.property-name-container > *,
+.property-value-container > * {
+ display: inline-block;
+ vertical-align: middle;
+}
+
+.property-name {
+ overflow-x: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ outline: 0;
+}
+
+.property-value, .other-property-value {
+ background-image: url(images/arrow-e.png);
+ background-repeat: no-repeat;
+ background-size: 5px 8px;
+}
+
+@media (min-resolution: 1.1dppx) {
+ .property-value, .other-property-value {
+ background-image: url(images/arrow-e@2x.png);
+ }
+}
+
+.property-value {
+ overflow-x: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ background-position: 2px center;
+ padding-left: 10px;
+ outline: 0;
+}
+
+.other-property-value {
+ background-position: left center;
+ padding-left: 8px;
+}
+
+.property-content {
+ padding-left: 17px;
+}
+
+.theme-firebug .property-view,
+.theme-firebug .property-content {
+ font-family: var(--proportional-font-family);
+}
+
+.theme-firebug .property-view {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+}
+
+/* From skin */
+.expander {
+ visibility: hidden;
+ margin-left: -12px !important;
+}
+
+.expandable {
+ visibility: visible;
+}
+
+.match {
+ visibility: hidden;
+}
+
+.matchedselectors > p {
+ clear: both;
+ margin: 0 2px 0 0;
+ padding: 2px;
+ overflow-x: hidden;
+ border-style: dotted;
+ border-color: #A09090;
+ border-width: 1px 1px 0 1px;
+}
+
+.matchedselectors > p:last-of-type {
+ border-bottom-width: 1px;
+}
+
+.matched {
+ text-decoration: line-through;
+}
+
+.parentmatch {
+ opacity: 0.5;
+}
+
+#noResults {
+ font-size: 110%;
+ margin: 5px;
+ text-align: center;
+}
+
+.onlyuserstyles {
+ cursor: pointer;
+}
+
+.legendKey {
+ margin: 0 5px;
+}
+
+.link {
+ padding: 0 3px;
+ cursor: pointer;
+ float: right;
+}
+
+/* Take away these two :visited rules to get a core dumper */
+/* See https://bugzilla.mozilla.org/show_bug.cgi?id=575675#c30 */
+
+.link,
+.link:visited {
+ color: #336699;
+}
+
+.link,
+.helplink,
+.link:visited,
+.helplink:visited {
+ text-decoration: none;
+}
+
+.link:hover {
+ text-decoration: underline;
+}
+
+.computedview-colorswatch {
+ border-radius: 50%;
+ width: 0.9em;
+ height: 0.9em;
+ vertical-align: middle;
+ margin-inline-end: 5px;
+ display: inline-block;
+ position: relative;
+}
+
+.computedview-colorswatch::before {
+ content: '';
+ background-color: #9C9CFF;
+ background-image: linear-gradient(45deg, #A09090 25%, transparent 25%, transparent 75%, #A09090 75%, #A09090),
+ linear-gradient(45deg, #A09090 25%, transparent 25%, transparent 75%, #A09090 75%, #A09090);
+ background-size: 12px 12px;
+ background-position: 0 0, 6px 6px;
+ position: absolute;
+ border-radius: 50%;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ z-index: -1;
+}
}
.property-value, .other-property-value {
- background-image: url("arrow-e.png");
+ background-image: url("images/arrow-e.png");
background-repeat: no-repeat;
background-size: 5px 8px;
}
@media (min-resolution: 1.1dppx) {
.property-value, .other-property-value {
- background-image: url("arrow-e@2x.png");
+ background-image: url("images/arrow-e@2x.png");
}
}
--theme-graphs-yellow: #FFCF00;
--theme-graphs-red: #FF0000;
--theme-graphs-grey: #A09090;
+
+ /* Images */
+ --theme-pane-collapse-image: url(chrome://devtools/skin/images/pane-collapse.svg);
+ --theme-pane-expand-image: url(chrome://devtools/skin/images/pane-expand.svg);
+}
+
+body, html {
+ padding: 0;
+ margin: 0;
}
.theme-body {
width: 14px;
height: 14px;
background-repeat: no-repeat;
- background-image: url("chrome://browser/skin/devtools/controls.png");
+ background-image: url("chrome://devtools/skin/controls.png");
background-size: 28px 28px;
}
@media (min-resolution: 1.1dppx) {
.theme-twisty, .theme-checkbox {
- background-image: url("chrome://browser/skin/devtools/controls@2x.png");
+ background-image: url("chrome://devtools/skin/controls@2x.png");
}
}
/* Overring panel arrow images to fit with our light and dark themes */
/*
.theme-tooltip-panel .panel-arrow[side="top"] {
- list-style-image: url("chrome://browser/skin/devtools/tooltip/arrow-vertical-dark.png");
+ list-style-image: url("chrome://devtools/skin/tooltip/arrow-vertical-dark.png");
margin-bottom: -4px;
}
.theme-tooltip-panel .panel-arrow[side="bottom"] {
- list-style-image: url("chrome://browser/skin/devtools/tooltip/arrow-vertical-dark.png");
+ list-style-image: url("chrome://devtools/skin/tooltip/arrow-vertical-dark.png");
margin-top: -4px;
}
.theme-tooltip-panel .panel-arrow[side="left"] {
- list-style-image: url("chrome://browser/skin/devtools/tooltip/arrow-horizontal-dark.png");
+ list-style-image: url("chrome://devtools/skin/tooltip/arrow-horizontal-dark.png");
margin-right: -4px;
}
.theme-tooltip-panel .panel-arrow[side="right"] {
- list-style-image: url("chrome://browser/skin/devtools/tooltip/arrow-horizontal-dark.png");
+ list-style-image: url("chrome://devtools/skin/tooltip/arrow-horizontal-dark.png");
margin-left: -4px;
}
@media (min-resolution: 1.1dppx) {
.theme-tooltip-panel .panel-arrow[side="top"],
.theme-tooltip-panel .panel-arrow[side="bottom"] {
- list-style-image: url("chrome://browser/skin/devtools/tooltip/arrow-vertical-dark@2x.png");
+ list-style-image: url("chrome://devtools/skin/tooltip/arrow-vertical-dark@2x.png");
}
.theme-tooltip-panel .panel-arrow[side="left"],
.theme-tooltip-panel .panel-arrow[side="right"] {
- list-style-image: url("chrome://browser/skin/devtools/tooltip/arrow-horizontal-dark@2x.png");
+ list-style-image: url("chrome://devtools/skin/tooltip/arrow-horizontal-dark@2x.png");
}
}
*/
/* Command buttons with menupopups should be styled slightly differently -
no background color and a bit more narrow */
#toolbox-buttons .devtools-toolbarbutton:not([text-as-image]):not(:hover):not([open=true]) {
- background: transparent;
+/* background: transparent; */
}
#toolbox-buttons .devtools-toolbarbutton[type=menu] > .toolbarbutton-menu-dropmarker {
padding: 0 2px;
}
.devtools-option-toolbarbutton {
- list-style-image: url("chrome://browser/skin/devtools/tool-options-tbutton.svg");
+ list-style-image: url("chrome://devtools/skin/tool-options-tbutton.svg");
/* background: none;
border: none; */
}
.devtools-option-toolbarbutton:hover,
.devtools-option-toolbarbutton[open=true] {
- list-style-image: url("chrome://browser/skin/devtools/tool-options.svg");
+ list-style-image: url("chrome://devtools/skin/tool-options.svg");
}
/* Toolbar button groups */
}
.devtools-searchinput-clear {
- background-image: url("chrome://browser/skin/devtools/search-clear.svg");
+ background-image: url("chrome://devtools/skin/search-clear.svg");
}
.devtools-style-searchbox-no-match + .devtools-searchinput-clear {
- background-image: url("chrome://browser/skin/devtools/search-clear-failed.svg") !important;
+ background-image: url("chrome://devtools/skin/search-clear-failed.svg") !important;
}
.devtools-searchinput-clear:hover {
}
.devtools-searchinput > .textbox-input-box > .textbox-search-icons > .textbox-search-clear {
- list-style-image: url("chrome://browser/skin/devtools/search-clear.svg");
+ list-style-image: url("chrome://devtools/skin/search-clear.svg");
-moz-image-region: rect(0, 16px, 16px, 0);
}
height: 16px;
-moz-appearance: none;
background-size: 32px 16px;
- background-image: url("chrome://browser/skin/devtools/close@2x.png");
+ background-image: url("chrome://devtools/skin/close@2x.png");
background-position: 0 center;
background-repeat: no-repeat;
}
position: static;
}
+.devtools-sidebar-tabs tabs > tab:first-of-type {
+ -moz-margin-start: 0;
+}
+
.devtools-sidebar-tabs tabs > tab:last-of-type {
-moz-border-end-width: 0;
}
}
#toolbox-dock-bottom > image {
- background-image: url("chrome://browser/skin/devtools/dock-bottom@2x.png");
+ background-image: url("chrome://devtools/skin/dock-bottom@2x.png");
}
#toolbox-dock-side > image {
- background-image: url("chrome://browser/skin/devtools/dock-side@2x.png");
+ background-image: url("chrome://devtools/skin/dock-side@2x.png");
}
#toolbox-dock-window > image {
- background-image: url("chrome://browser/skin/devtools/undock@2x.png");
+ background-image: url("chrome://devtools/skin/undock@2x.png");
}
#toolbox-dock-bottom-minimize {
}
#toolbox-dock-bottom-minimize > image {
- background-image: url("chrome://browser/skin/devtools/dock-bottom-minimize@2x.png");
+ background-image: url("chrome://devtools/skin/dock-bottom-minimize@2x.png");
}
#toolbox-dock-bottom-minimize.minimized > image {
- background-image: url("chrome://browser/skin/devtools/dock-bottom-maximize@2x.png");
+ background-image: url("chrome://devtools/skin/dock-bottom-maximize@2x.png");
}
#toolbox-dock-window,
}
#command-button-paintflashing > image {
- background-image: url("chrome://browser/skin/devtools/command-paintflashing.png");
+ background-image: url("chrome://devtools/skin/command-paintflashing.png");
}
#command-button-screenshot > image {
- background-image: url("chrome://browser/skin/devtools/command-screenshot.png");
+ background-image: url("chrome://devtools/skin/command-screenshot.png");
}
#command-button-responsive > image {
- background-image: url("chrome://browser/skin/devtools/command-responsivemode.png");
+ background-image: url("chrome://devtools/skin/command-responsivemode.png");
}
#command-button-tilt > image {
- background-image: url("chrome://browser/skin/devtools/command-tilt.png");
+ background-image: url("chrome://devtools/skin/command-tilt.png");
}
#command-button-scratchpad > image {
- background-image: url("chrome://browser/skin/devtools/command-scratchpad.png");
+ background-image: url("chrome://devtools/skin/command-scratchpad.png");
}
#command-button-pick > image {
- background-image: url("chrome://browser/skin/devtools/command-pick.png");
+ background-image: url("chrome://devtools/skin/command-pick.png");
}
#command-button-frames > image {
- background-image: url("chrome://browser/skin/devtools/command-frames.png");
+ background-image: url("chrome://devtools/skin/command-frames.png");
}
#command-button-splitconsole > image {
- background-image: url("chrome://browser/skin/devtools/command-console.png");
+ background-image: url("chrome://devtools/skin/command-console.png");
}
#command-button-eyedropper > image {
- background-image: url("chrome://browser/skin/devtools/command-eyedropper.png");
+ background-image: url("chrome://devtools/skin/command-eyedropper.png");
}
#command-button-rulers > image {
- background-image: url("chrome://browser/skin/devtools/command-rulers.png");
+ background-image: url("chrome://devtools/skin/command-rulers.png");
+}
+
+#command-button-measure > image {
+ background-image: url("chrome://devtools/skin/images/command-measure.png");
}
@media (min-resolution: 1.1dppx) {
#command-button-paintflashing > image {
- background-image: url("chrome://browser/skin/devtools/command-paintflashing@2x.png");
+ background-image: url("chrome://devtools/skin/command-paintflashing@2x.png");
}
#command-button-screenshot > image {
- background-image: url("chrome://browser/skin/devtools/command-screenshot@2x.png");
+ background-image: url("chrome://devtools/skin/command-screenshot@2x.png");
}
#command-button-responsive > image {
- background-image: url("chrome://browser/skin/devtools/command-responsivemode@2x.png");
+ background-image: url("chrome://devtools/skin/command-responsivemode@2x.png");
}
#command-button-tilt > image {
- background-image: url("chrome://browser/skin/devtools/command-tilt@2x.png");
+ background-image: url("chrome://devtools/skin/command-tilt@2x.png");
}
#command-button-scratchpad > image {
- background-image: url("chrome://browser/skin/devtools/command-scratchpad@2x.png");
+ background-image: url("chrome://devtools/skin/command-scratchpad@2x.png");
}
#command-button-pick > image {
- background-image: url("chrome://browser/skin/devtools/command-pick@2x.png");
+ background-image: url("chrome://devtools/skin/command-pick@2x.png");
}
#command-button-frames > image {
- background-image: url("chrome://browser/skin/devtools/command-frames@2x.png");
+ background-image: url("chrome://devtools/skin/command-frames@2x.png");
}
#command-button-splitconsole > image {
- background-image: url("chrome://browser/skin/devtools/command-console@2x.png");
+ background-image: url("chrome://devtools/skin/command-console@2x.png");
}
#command-button-eyedropper > image {
- background-image: url("chrome://browser/skin/devtools/command-eyedropper@2x.png");
+ background-image: url("chrome://devtools/skin/command-eyedropper@2x.png");
}
#command-button-rulers > image {
- background-image: url("chrome://browser/skin/devtools/command-rulers@2x.png");
+ background-image: url("chrome://devtools/skin/command-rulers@2x.png");
+ }
+
+ #command-button-measure > image {
+ background-image: url("chrome://devtools/skin/images/command-measure@2x.png");
}
}
/* Toolbar controls */
#toggle-panes {
- list-style-image: url("chrome://browser/skin/devtools/debugger-expand.png");
+ list-style-image: url("chrome://devtools/skin/debugger-expand.png");
-moz-image-region: rect(0px, 16px, 16px, 0px);
}
#toggle-panes:not([panesHidden]) {
- list-style-image: url("chrome://browser/skin/devtools/debugger-collapse.png");
+ list-style-image: url("chrome://devtools/skin/debugger-collapse.png");
}
#toggle-panes:hover,
}
#resume {
- list-style-image: url("chrome://browser/skin/devtools/debugger-pause.png");
+ list-style-image: url("chrome://devtools/skin/debugger-pause.png");
-moz-image-region: rect(0px, 16px, 16px, 0px);
}
}
#resume[checked=true] {
- list-style-image: url("chrome://browser/skin/devtools/debugger-play.png");
+ list-style-image: url("chrome://devtools/skin/debugger-play.png");
}
@media (min-resolution: 1.1dppx) {
}
#step-over {
- list-style-image: url("chrome://browser/skin/devtools/debugger-step-over.png");
+ list-style-image: url("chrome://devtools/skin/debugger-step-over.png");
-moz-image-region: rect(0px, 16px, 16px, 0px);
}
#step-over:hover {
}
#step-in {
- list-style-image: url("chrome://browser/skin/devtools/debugger-step-in.png");
+ list-style-image: url("chrome://devtools/skin/debugger-step-in.png");
-moz-image-region: rect(0px, 16px, 16px, 0px);
}
#step-in:hover {
}
#step-out {
- list-style-image: url("chrome://browser/skin/devtools/debugger-step-out.png");
+ list-style-image: url("chrome://devtools/skin/debugger-step-out.png");
-moz-image-region: rect(0px, 16px, 16px, 0px);
}
#step-out:hover {
/* background: none;
box-shadow: none;
border: none; */
- list-style-image: url("chrome://browser/skin/devtools/debugger-collapse.png");
+ list-style-image: url("chrome://devtools/skin/debugger-collapse.png");
-moz-image-region: rect(0px,16px,16px,0px);
}
#instruments-pane-toggle[pane-collapsed] {
- list-style-image: url("chrome://browser/skin/devtools/debugger-expand.png");
+ list-style-image: url("chrome://devtools/skin/debugger-expand.png");
}
#instruments-pane-toggle:hover {
* 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/. */
-@import url("chrome://browser/skin/devtools/ffloating-scrollbars.css");
+@import url("chrome://devtools/skin/floating-scrollbars.css");
scrollbar thumb {
/*background-color: rgba(170,170,170,0.2) !important;*/
--- /dev/null
+/* 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/. */
+
+#sidebar-panel-fontinspector {
+ margin: 0;
+ display: flex;
+ flex-direction: column;
+ padding-bottom: 20px;
+ width: 100%;
+ /* Bug 1243598 - Reduce the container height by the tab height to make room
+ for the tabs above. */
+ height: calc(100% - 24px);
+ position: absolute;
+}
+
+#sidebar-panel-fontinspector > .devtools-toolbar {
+ display: flex;
+}
+
+#font-container {
+ overflow: auto;
+ flex: auto;
+}
+
+#all-fonts {
+ padding: 0;
+ margin: 0;
+}
+
+#showall,
+#font-showall {
+ border-radius: 300px;
+ border: none;
+ background-color: var(--in-content-button-background);
+ color: var(--in-content-selected-text);
+ margin: 3px;
+ cursor: pointer;
+ position: fixed;
+ bottom: 0;
+ right: 0;
+}
+
+.dim > #font-container,
+.font:not(.has-code) .font-css-code,
+.font-is-local,
+.font-is-remote,
+.font.is-local .font-format-url,
+#font-template {
+ display: none;
+}
+
+.font.is-remote .font-is-remote,
+.font.is-local .font-is-local {
+ display: inline;
+}
+
+.font-format::before {
+ content: "(";
+}
+
+.font-format::after {
+ content: ")";
+}
+
+.preview-input-toolbar {
+ display: flex;
+ width: 100%;
+}
+
+.font-preview-container {
+ overflow-x: auto;
+}
+
+#preview-text-input,
+#font-preview-text-input {
+ font: inherit;
+ margin-top: 1px;
+ margin-bottom: 1px;
+ padding-top: 0;
+ padding-bottom: 0;
+ flex: 1;
+}
+
+.font {
+ padding: 10px 10px;
+}
+
+.theme-dark .font,
+.theme-light .font {
+ border-bottom: 1px solid #A09090;
+}
+
+.font:last-of-type {
+ border-bottom: 0;
+}
+
+.font:nth-child(even) {
+ background: var(--theme-contrast-background);
+}
+
+.font-preview {
+ margin-left: -4px;
+ height: 60px;
+ display: block;
+}
+
+.font-info {
+ display: block;
+}
+
+.font-name {
+ display: inline;
+}
+
+.font-css-code {
+ max-width: 100%;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ padding: 5px;
+}
+
+.theme-light .font-css-code,
+.theme-light .font-url ,
+.theme-dark .font-css-code,
+.theme-dark .font-url {
+ border: 1px solid #A09090;
+ background: #000000;
+ color: #336699;
+}
--- /dev/null
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- 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/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" width="12px" height="12px">
+ <mask id="angle-mask">
+ <rect width="100%" height="100%" fill="#FFCF00"/>
+ <polygon points="6 6, 12 12, 0 12, 0 0, 6 0, 6 6"/>
+ </mask>
+ <mask id="circle-mask">
+ <circle cx="6" cy="6" r="6" fill="#FFCF00"/>
+ </mask>
+ <circle cx="6" cy="6" r="6" fill="#FFCF00"/>
+ <circle cx="6" cy="6" r="6" mask="url(#angle-mask)" fill="#A09090"/>
+ <line x1="6" y1="0" x2="6" y2="6" stroke-width="0.5" stroke="rgba(0,0,0,0.5)"></line>
+ <line x1="6" y1="6" x2="12" y2="12" stroke-width="0.5" stroke="rgba(0,0,0,0.5)" mask="url(#circle-mask)"></line>
+</svg>
--- /dev/null
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- 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/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" width="12px" height="12px">
+ <mask id="mask">
+ <rect width="100%" height="100%" fill="#FFCF00"/>
+ <polygon points="12,0 0,0 0,12"/>
+ </mask>
+ <circle cx="6" cy="6" r="6" fill="#FFCF00"/>
+ <circle cx="6" cy="6" r="6" mask="url(#mask)" fill="#A09090"/>
+</svg>
--- /dev/null
+<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="#FFCF00">
+ <path d="M14,8 L12,8 L12,11.25 L12,12 L11.5,12 L3.5,12 L3,12 L3,11.75 L3,11.5 L3,8 L1,8 L1,8 L1,8.5 L1,9 L0,9 L0,8.5 L0,6.5 L0,6 L1,6 L1,6.5 L1,7 L3,7 L3,3.5 L3,3 L3.72222222,3 L3.72222222,3 L10.5555556,3 L11,3 L11,4 L10.5555556,4 L4,4 L4,11 L11,11 L11,3.5 L11,3 L12,3 L12,3.5 L12,7 L14,7 L14,6.5 L14,6 L15,6 L15,6.5 L15,8.5 L15,9 L14,9 L14,8.5 L14,8 Z M8,14 L8.5,14 L9,14 L9,15 L8.5,15 L6.5,15 L6,15 L6,14 L6.5,14 L7,14 L7,11.5 L7,11 L8,11 L8,11.5 L8,14 Z M7,1 L6.5,1 L6,1 L6,0 L6.5,0 L8.5,0 L9,0 L9,1 L8.5,1 L8,1 L8,3.5 L8,4 L7,4 L7,3.5 L7,1 L7,1 Z"/>
+ <path d="M3.5,9 C4.32842712,9 5,8.32842712 5,7.5 C5,6.67157288 4.32842712,6 3.5,6 C2.67157288,6 2,6.67157288 2,7.5 C2,8.32842712 2.67157288,9 3.5,9 Z M7.5,13 C8.32842712,13 9,12.3284271 9,11.5 C9,10.6715729 8.32842712,10 7.5,10 C6.67157288,10 6,10.6715729 6,11.5 C6,12.3284271 6.67157288,13 7.5,13 Z M11.5,9 C12.3284271,9 13,8.32842712 13,7.5 C13,6.67157288 12.3284271,6 11.5,6 C10.6715729,6 10,6.67157288 10,7.5 C10,8.32842712 10.6715729,9 11.5,9 Z M7.5,5 C8.32842712,5 9,4.32842712 9,3.5 C9,2.67157288 8.32842712,2 7.5,2 C6.67157288,2 6,2.67157288 6,3.5 C6,4.32842712 6.67157288,5 7.5,5 Z"/>
+</svg>
--- /dev/null
+<!-- This Source Code Form is subject to the terms of the Mozilla Public\r
+ - License, v. 2.0. If a copy of the MPL was not distributed with this\r
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->\r
+<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="#FFCF00">\r
+ <path d="M2 2h12v12H2V2zm1 1h7v10H3V3zm6 5l-4 3V5l4 3z" fill-rule="evenodd"/>\r
+</svg>\r
--- /dev/null
+<!-- This Source Code Form is subject to the terms of the Mozilla Public\r
+ - License, v. 2.0. If a copy of the MPL was not distributed with this\r
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->\r
+<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="#FFCF00">\r
+ <path d="M2 2h12v12H2V2zm1 1h7v10H3V3zm1 5l4 3V5L4 8z" fill-rule="evenodd"/>\r
+</svg>\r
--- /dev/null
+/* 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/. */
+
+#inspector-toolbar {
+ border-top: none;
+}
+
+#inspector-searchlabel {
+ overflow: hidden;
+}
+
+#inspector-breadcrumbs-toolbar {
+ padding: 0px;
+ border-bottom-width: 0px;
+ border-top-width: 1px;
+}
+
+/* Expand/collapse panel toolbar button */
+
+#inspector-pane-toggle {
+ list-style-image: var(--theme-pane-collapse-image);
+}
+
+#inspector-pane-toggle[pane-collapsed] {
+ list-style-image: var(--theme-pane-expand-image);
+}
+
+@media (max-width: 700px) {
+ #inspector-pane-toggle > .toolbarbutton-icon {
+ transform: rotate(90deg);
+ }
+}
+
+/* Add element toolbar button */
+
+#inspector-element-add-button {
+ list-style-image: url("chrome://devtools/skin/images/add.svg");
+}
+
+/* Tooltip: Events */
+
+#devtools-tooltip-events-container {
+ margin: -4px; /* Compensate for the .panel-arrowcontent padding. */
+ max-width: 590px;
+ overflow-y: auto;
+}
+
+.event-header {
+ display: flex;
+ align-items: center;
+ cursor: pointer;
+}
+
+.event-header:first-child {
+ border-width: 0;
+}
+
+.event-header:not(:first-child) {
+ border-width: 1px 0 0 0;
+}
+
+.event-tooltip-event-type,
+.event-tooltip-filename,
+.event-tooltip-attributes {
+ margin-inline-start: 0;
+ flex-shrink: 0;
+ cursor: pointer;
+}
+
+.event-tooltip-event-type {
+ font-weight: bold;
+ font-size: 13px;
+}
+
+.event-tooltip-filename {
+ margin-inline-end: 0;
+ font-size: 100%;
+ flex-shrink: 1;
+}
+
+.event-tooltip-debugger-icon {
+ width: 16px;
+ height: 16px;
+ margin-inline-end: 4px;
+ opacity: 0.6;
+ flex-shrink: 0;
+}
+
+.event-tooltip-debugger-icon:hover {
+ opacity: 1;
+}
+
+.event-tooltip-content-box {
+ display: none;
+ height: 100px;
+ overflow: hidden;
+ margin-inline-end: 0;
+ border: 1px solid var(--theme-splitter-color);
+ border-width: 1px 0 0 0;
+}
+
+.event-toolbox-content-box iframe {
+ height: 100%;
+}
+
+.event-tooltip-content-box[open] {
+ display: block;
+}
+
+.event-tooltip-source-container {
+ margin-top: 5px;
+ margin-bottom: 10px;
+ margin-inline-start: 5px;
+ margin-inline-end: 0;
+}
+
+.event-tooltip-source {
+ margin-bottom: 0;
+}
+
+.event-tooltip-attributes-container {
+ display: flex;
+ flex-shrink: 0;
+ flex-grow: 1;
+ justify-content: flex-end;
+}
+
+.event-tooltip-attributes-box {
+ display: flex;
+ flex-shrink: 0;
+ align-items: center;
+ border-radius: 3px;
+ padding: 2px;
+ margin-inline-start: 5px;
+ background-color: var(--theme-body-color-alt);
+ color: var(--theme-toolbar-background);
+}
+
+.event-tooltip-attributes {
+ margin: 0;
+ font-size: 9px;
+ padding-top: 2px;
+}
--- /dev/null
+/* 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/ */
+
+.theme-sidebar {
+ box-sizing: border-box;
+}
+
+#sidebar-panel-layoutview {
+ display: block;
+ overflow: auto;
+}
+
+body.theme-sidebar,
+#layout-container {
+ /* The view will grow bigger as the window gets resized, until 400px */
+ max-width: 400px;
+ margin: 0px auto;
+ padding: 0;
+ /* "Contain" the absolutely positioned #layout-main element */
+ position: relative;
+}
+
+/* Header: contains the position and size of the element */
+
+#header,
+#layout-header {
+ box-sizing: border-box;
+ width: 100%;
+ padding: 4px 14px;
+ display: -moz-box;
+ vertical-align: top;
+}
+
+#header:dir(rtl),
+#layout-header:dir(rtl) {
+ -moz-box-direction: reverse;
+}
+
+#header > span,
+#layout-header > span {
+ display: -moz-box;
+}
+
+#element-size,
+#layout-element-size {
+ -moz-box-flex: 1;
+}
+
+#element-size:dir(rtl),
+#layout-element-size:dir(rtl) {
+ -moz-box-pack: end;
+}
+
+@media (max-height: 250px) {
+ #header,
+ #layout-header {
+ padding-top: 0;
+ padding-bottom: 0;
+ margin-top: 10px;
+ margin-bottom: 8px;
+ }
+}
+
+/* Main: contains the box-model regions */
+
+#main,
+#layout-main {
+ position: absolute;
+ box-sizing: border-box;
+ /* The regions are semi-transparent, so the white background is partly
+ visible */
+ background-color: #FF9F00;
+ color: var(--theme-selection-color);
+ /* Make sure there is some space between the window's edges and the regions */
+ margin: 0 14px 10px 14px;
+ width: calc(100% - 2 * 14px);
+}
+
+.margin,
+.size,
+.layout-margin,
+.layout-size {
+/* color: var(--theme-highlight-blue); */
+}
+
+/* Regions are 3 nested elements with wide borders and outlines */
+
+#content,
+#layout-content {
+ height: 25px;
+}
+
+#margins,
+#borders,
+#padding,
+#layout-margins,
+#layout-borders,
+#layout-padding {
+ border-color: var(-theme-splitter-color);
+ border-width: 25px;
+ border-style: solid;
+ outline: dotted 1px var(-theme-splitter-color);
+}
+
+#margins,
+#layout-margins {
+ /* This opacity applies to all of the regions, since they are nested */
+ opacity: .8;
+}
+
+/* Respond to window size change by changing the size of the regions */
+
+@media (max-height: 250px) {
+ #content,
+ #layout-content {
+ height: 18px;
+ }
+
+ #margins,
+ #borders,
+ #padding,
+ #layout-margins,
+ #layout-borders,
+ #layout-padding {
+ border-width: 18px;
+ }
+}
+
+/* Regions colors */
+
+#margins,
+#layout-margins {
+ border-color: #FFCF00;
+}
+
+#borders,
+#layout-borders {
+ border-color: #A09090;
+}
+
+#padding,
+#layout-padding {
+ border-color: #8050B0;
+}
+
+#content,
+#layout-content {
+ background-color: #008484;
+}
+/*
+.theme-firebug #layout-main,
+.theme-firebug #layout-borders,
+.theme-firebug #layout-content {
+ border-style: solid;
+}
+
+.theme-firebug #layout-main,
+.theme-firebug #layout-header {
+ font-family: var(--proportional-font-family);
+}
+
+.theme-firebug #layout-main {
+ color: var(--theme-body-color);
+ font-size: var(--theme-toolbar-font-size);
+}
+
+.theme-firebug #layout-header {
+ font-size: var(--theme-toolbar-font-size);
+}
+*/
+/* Editable region sizes are contained in absolutely positioned <p> */
+
+#main > p,
+#layout-main > p {
+ position: absolute;
+ pointer-events: none;
+ margin: 0;
+ text-align: center;
+}
+
+#main > p > span,
+#main > p > input,
+#layout-main > p > span,
+#layout-main > p > input {
+ vertical-align: middle;
+ pointer-events: auto;
+}
+
+/* Coordinates for the region sizes */
+
+.top,
+.bottom,
+.layout-top,
+.layout-bottom {
+ width: calc(100% - 2px);
+ text-align: center;
+}
+
+.padding.top,
+.layout-padding.layout-top {
+ top: 55px;
+}
+
+.padding.bottom,
+.layout-padding.layout-bottom {
+ bottom: 57px;
+}
+
+.border.top,
+.layout-border.layout-top {
+ top: 30px;
+}
+
+.border.bottom,
+.layout-border.layout-bottom {
+ bottom: 31px;
+}
+
+.margin.top,
+.layout-margin.layout-top {
+ top: 5px;
+}
+
+.margin.bottom,
+.layout-margin.layout-bottom {
+ bottom: 6px;
+}
+
+.size,
+.margin.left,
+.margin.right,
+.border.left,
+.border.right,
+.padding.left,
+.padding.right,
+.layout-size,
+.layout-margin.layout-left,
+.layout-margin.layout-right,
+.layout-border.layout-left,
+.layout-border.layout-right,
+.layout-padding.layout-left,
+.layout-padding.layout-right {
+ top: 22px;
+ line-height: 132px;
+}
+
+.size,
+.layout-size {
+ width: calc(100% - 2px);
+}
+
+.margin.right,
+.margin.left,
+.border.left,
+.border.right,
+.padding.right,
+.padding.left,
+.layout-margin.layout-right,
+.layout-margin.layout-left,
+.layout-border.layout-left,
+.layout-border.layout-right,
+.layout-padding.layout-right,
+.layout-padding.layout-left {
+ width: 25px;
+}
+
+.padding.left,
+.layout-padding.layout-left {
+ left: 52px;
+}
+
+.padding.right,
+.layout-padding.layout-right {
+ right: 51px;
+}
+
+.border.left,
+.layout-border.layout-left {
+ left: 26px;
+}
+
+.border.right,
+.layout-border.layout-right {
+ right: 26px;
+}
+
+.margin.right,
+.layout-margin.layout-right {
+ right: 0;
+}
+
+.margin.left,
+.layout-margin.layout-left {
+ left: 0;
+}
+
+.rotate.left:not(.editing),
+.layout-rotate.layout-left:not(.layout-editing) {
+ transform: rotate(-90deg);
+}
+
+.rotate.right:not(.editing),
+.layout-rotate.layout-right:not(.layout-editing) {
+ transform: rotate(90deg);
+}
+
+/* Coordinates should be different when the window is small, because we make
+ the regions smaller then */
+
+@media (max-height: 250px) {
+ .padding.top,
+ .layout-padding.layout-top {
+ top: 37px;
+ }
+
+ .padding.bottom,
+ .layout-padding.layout-bottom {
+ bottom: 38px;
+ }
+
+ .border.top,
+ .layout-border.layout-top {
+ top: 19px;
+ }
+
+ .border.bottom,
+ .layout-border.layout-bottom {
+ bottom: 20px;
+ }
+
+ .margin.top,
+ .layout-margin.layout-top {
+ top: 1px;
+ }
+
+ .margin.bottom,
+ .layout-margin.layout-bottom {
+ bottom: 2px;
+ }
+
+ .size,
+ .margin.left,
+ .margin.right,
+ .border.left,
+ .border.right,
+ .padding.left,
+ .padding.right,
+ .layout-size,
+ .layout-margin.layout-left,
+ .layout-margin.layout-right,
+ .layout-border.layout-left,
+ .layout-border.layout-right,
+ .layout-padding.layout-left,
+ .layout-padding.layout-right {
+ line-height: 80px;
+ }
+
+ .margin.right,
+ .margin.left,
+ .border.left,
+ .border.right,
+ .padding.right,
+ .padding.left,
+ .layout-margin.layout-right,
+ .layout-margin.layout-left,
+ .layout-border.layout-left,
+ .layout-border.layout-right,
+ .layout-padding.layout-right,
+ .layout-padding.layout-left {
+ width: 21px;
+ }
+
+ .padding.left,
+ .layout-padding.layout-left {
+ left: 35px;
+ }
+
+ .padding.right,
+ .layout-padding.layout-right {
+ right: 35px;
+ }
+
+ .border.left,
+ .layout-border.layout-left {
+ left: 16px;
+ }
+
+ .border.right,
+ .layout-border.layout-right {
+ right: 17px;
+ }
+}
+
+/* Legend, displayed inside regions */
+
+.legend,
+.layout-legend {
+ position: absolute;
+ margin: 5px 6px;
+ z-index: 1;
+}
+
+.legend[data-box="margin"],
+.layout-legend[data-box="margin"] {
+ color: #000000; /*var(--theme-highlight-blue);*/
+}
+
+@media (max-height: 250px) {
+ .legend,
+ .layout-legend {
+ margin: 2px 6px;
+ }
+}
+
+/* Editable fields */
+
+.editable,
+.layout-editable {
+ border: 1px dashed transparent;
+ -moz-user-select: text;
+}
+
+.editable:hover,
+.layout-editable:hover {
+ border-bottom-color: #E7ADE7;
+}
+
+.styleinspector-propertyeditor {
+ border: 1px solid #008484;
+ padding: 0;
+}
+
+/* Make sure the content size doesn't appear as editable like the other sizes */
+
+.size > span,
+.layout-size > span {
+ cursor: default;
+}
+
+/* Hide all values when the view is inactive */
+
+body.inactive > #header > #element-position,
+body.inactive > #header > #element-size,
+body.inactive > #main > p,
+#layout-container.inactive > #layout-header > #layout-element-position,
+#layout-container.inactive > #layout-header > #layout-element-size,
+#layout-container.inactive > #layout-main > p {
+ visibility: hidden;
+}
+
+#layout-position-group {
+ display: flex;
+ align-items: center;
+}
+
+#layout-geometry-editor {
+ visibility: hidden;
+}
+
+#layout-geometry-editor::before {
+ background: url(images/geometry-editor.svg) no-repeat center center / 16px 16px;
+}
/* Network request details */
#details-pane-toggle {
- list-style-image: url("chrome://browser/skin/devtools/debugger-collapse.png");
+ list-style-image: url("chrome://devtools/skin/debugger-collapse.png");
-moz-image-region: rect(0px,16px,16px,0px);
}
}
#details-pane-toggle[pane-collapsed] {
- list-style-image: url("chrome://browser/skin/devtools/debugger-expand.png");
+ list-style-image: url("chrome://devtools/skin/debugger-expand.png");
}
#details-pane-toggle:hover,
@media (min-resolution: 1.1dppx) {
#details-pane-toggle {
- list-style-image: url("chrome://browser/skin/devtools/debugger-collapse@2x.png");
+ list-style-image: url("chrome://devtools/skin/debugger-collapse@2x.png");
-moz-image-region: rect(0px,32px,32px,0px);
}
#details-pane-toggle[pane-collapsed] {
- list-style-image: url("chrome://browser/skin/devtools/debugger-expand@2x.png");
+ list-style-image: url("chrome://devtools/skin/debugger-expand@2x.png");
}
#details-pane-toggle:active {
}
.security-warning-icon {
- background-image: url("alerticon-warning.png");
+ background-image: url("images/alerticon-warning.png");
background-size: 13px 12px;
-moz-margin-start: 5px;
vertical-align: top;
@media (min-resolution: 1.1dppx) {
.security-warning-icon {
- background-image: url("alerticon-warning@2x.png");
+ background-image: url("images/alerticon-warning@2x.png");
}
}
.opt-icon::before {
content: "";
- background-image: url(chrome://browser/skin/devtools/webconsole.svg);
+ background-image: url(chrome://devtools/skin/webconsole.svg);
background-repeat: no-repeat;
background-size: 72px 60px;
/* show grey "i" bubble by default */
*/
menuitem.experimental-option::before {
content: "";
- background-image: url(chrome://browser/skin/devtools/webconsole.svg);
+ background-image: url(chrome://devtools/skin/webconsole.svg);
background-repeat: no-repeat;
background-size: 72px 60px;
width: 12px;
--- /dev/null
+/* 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/. */
+
+/* CSS Variables specific to this panel that aren't defined by the themes */
+.theme-light,
+.theme-dark,
+.theme-firebug {
+ --rule-highlight-background-color: #402000;
+ --rule-filter-icon: url(images/magnifying-glass.png);
+}
+
+/* Rule View Tabpanel */
+
+.theme-firebug .ruleview {
+/* font-family: monospace;
+ font-size: 11px;*/
+}
+
+#sidebar-panel-ruleview {
+ margin: 0;
+ display: flex;
+ flex-direction: column;
+ width: 100%;
+ /* Bug 1243598 - Reduce the container height by the tab height to make room
+ for the tabs above. */
+ height: calc(100% - 24px);
+ position: absolute;
+}
+
+/* Rule View Toolbar */
+
+#ruleview-toolbar-container {
+ display: flex;
+ flex-direction: column;
+ height: auto;
+}
+
+#ruleview-toolbar {
+ display: flex;
+ height: 23px;
+}
+
+#ruleview-toolbar > .devtools-searchbox:first-child {
+ padding-inline-start: 0px;
+}
+
+#ruleview-command-toolbar {
+ display: flex;
+}
+
+#pseudo-class-panel {
+ display: flex;
+ height: 24px;
+ overflow: hidden;
+ transition: height 150ms ease;
+}
+
+#pseudo-class-panel[hidden] {
+ height: 0px;
+}
+
+#pseudo-class-panel > label {
+ -moz-user-select: none;
+ flex-grow: 1;
+ display: flex;
+ align-items: center;
+}
+
+/* Rule View Container */
+
+#ruleview-container {
+ -moz-user-select: text;
+ overflow: auto;
+ flex: auto;
+}
+
+#ruleview-container.non-interactive {
+ pointer-events: none;
+ visibility: collapse;
+ transition: visibility 0.25s;
+}
+
+.ruleview-code {
+ direction: ltr;
+}
+
+.ruleview-property:not(:hover) > .ruleview-enableproperty {
+ pointer-events: none;
+}
+
+.ruleview-expandable-container[hidden] {
+ display: none;
+}
+
+.ruleview-expandable-container {
+ display: block;
+}
+
+.ruleview-namecontainer {
+ cursor: text;
+}
+
+.ruleview-propertyvaluecontainer {
+ cursor: text;
+ padding-right: 5px;
+}
+
+.ruleview-propertyvaluecontainer a {
+ cursor: pointer;
+}
+
+.ruleview-computedlist,
+.ruleview-overridden-rule-filter[hidden],
+.ruleview-warning[hidden] {
+ display: none;
+}
+
+.ruleview-computedlist[user-open],
+.ruleview-computedlist[filter-open] {
+ display: block;
+}
+
+.ruleview-rule-source {
+ text-align: end;
+ float: right;
+ -moz-user-select: none;
+ margin-bottom: 2px;
+}
+
+.ruleview-rule-source > label {
+ cursor: pointer;
+ margin: 0;
+}
+
+.ruleview-rule-source[unselectable],
+.ruleview-rule-source[unselectable] > label {
+ cursor: default;
+}
+
+.theme-firebug .ruleview-rule-source label {
+ font-family: var(--proportional-font-family);
+ font-weight: bold;
+ color: #0000FF;
+}
+
+.ruleview-rule-source:not([unselectable]):hover {
+ text-decoration: underline;
+}
+
+.ruleview-header {
+ border-top-width: 1px;
+ border-bottom-width: 1px;
+ border-top-style: solid;
+ border-bottom-style: solid;
+ padding: 1px 4px;
+ -moz-user-select: none;
+ word-wrap: break-word;
+ vertical-align: middle;
+ min-height: 1.5em;
+ line-height: 1.5em;
+ margin-top: -1px;
+}
+
+.theme-firebug .theme-gutter.ruleview-header {
+ font-family: var(--proportional-font-family);
+ font-weight: bold;
+ color: inherit;
+ border: none;
+ margin: 4px 0;
+ padding: 3px 4px 2px 4px;
+ line-height: inherit;
+ min-height: 0;
+ background: var(--theme-header-background);
+}
+
+:root[platform="win"] .ruleview-header,
+:root[platform="linux"] .ruleview-header {
+ margin-top: 4px;
+}
+
+.ruleview-header.ruleview-expandable-header {
+ cursor: pointer;
+}
+
+.ruleview-rule-pseudo-element {
+ padding-left:20px;
+ border-left: solid 10px;
+}
+
+.ruleview-rule,
+#noResults {
+ padding: 2px 4px;
+}
+
+/**
+ * Display rules that don't match the current selected element and uneditable
+ * user agent styles differently
+ */
+.ruleview-rule[unmatched=true],
+.ruleview-rule[uneditable=true] {
+ background: var(--theme-tab-toolbar-background);
+}
+
+.ruleview-rule[uneditable=true] :focus {
+ outline: none;
+}
+
+.ruleview-rule[uneditable=true] .theme-link {
+ color: var(--theme-highlight-bluegrey);
+}
+
+.ruleview-rule[uneditable=true] .ruleview-enableproperty {
+ visibility: hidden;
+}
+
+.ruleview-rule[uneditable=true] .ruleview-swatch {
+ cursor: default;
+}
+
+.ruleview-rule[uneditable=true] .ruleview-namecontainer > .ruleview-propertyname,
+.ruleview-rule[uneditable=true] .ruleview-propertyvaluecontainer >
+.ruleview-propertyvalue {
+ border-bottom-color: transparent;
+}
+
+.theme-firebug .ruleview-namecontainer > .ruleview-propertyname,
+.theme-firebug .ruleview-propertycontainer > .ruleview-propertyvalue {
+ border-bottom: none;
+}
+
+.theme-firebug .ruleview-namecontainer > .ruleview-propertyname {
+ color: var(--rule-property-name);
+}
+
+.theme-firebug .ruleview-propertycontainer > .ruleview-propertyvalue {
+ color: var(--rule-property-value);
+}
+
+.theme-firebug .ruleview-overridden .ruleview-propertyname,
+.theme-firebug .ruleview-overridden .ruleview-propertyvalue {
+ text-decoration: line-through;
+}
+
+.theme-firebug .ruleview-enableproperty:not([checked]) ~ .ruleview-namecontainer,
+.theme-firebug .ruleview-enableproperty:not([checked]) ~ .ruleview-namecontainer *,
+.theme-firebug .ruleview-enableproperty:not([checked]) ~ .ruleview-propertycontainer,
+.theme-firebug .ruleview-enableproperty:not([checked]) ~ .ruleview-propertycontainer * {
+ color: #A09090;
+}
+
+.theme-firebug .ruleview-enableproperty:not([checked]) ~ .ruleview-computedlist * {
+ color: #A09090;
+}
+
+#noResults {
+/* font: message-box;*/
+ color: #A09090;
+}
+
+.ruleview-rule + .ruleview-rule {
+ border-top-width: 1px;
+ border-top-style: dotted;
+}
+
+.theme-firebug .ruleview-rule + .ruleview-rule {
+ border-top: none;
+}
+
+.ruleview-warning {
+ background-image: url(images/alerticon-warning.png);
+ background-size: 13px 12px;
+ margin-inline-start: 5px;
+ display: inline-block;
+ width: 13px;
+ height: 12px;
+}
+
+@media (min-resolution: 1.1dppx) {
+ .ruleview-warning {
+ background-image: url(images/alerticon-warning@2x.png);
+ }
+}
+
+.ruleview-overridden-rule-filter {
+ background-image: var(--rule-filter-icon);
+ background-size: 11px 11px;
+ margin-inline-start: 5px;
+ display: inline-block;
+ width: 11px;
+ height: 11px;
+}
+
+.ruleview-ruleopen {
+ padding-inline-end: 5px;
+}
+
+.ruleview-ruleclose {
+ cursor: text;
+ padding-right: 20px;
+}
+
+.ruleview-propertylist {
+ list-style: none;
+ padding: 0;
+ margin: 0;
+}
+
+.ruleview-rule:not(:hover) .ruleview-enableproperty {
+ visibility: hidden;
+}
+
+.ruleview-expander {
+ vertical-align: middle;
+ display: inline-block;
+}
+
+.ruleview-newproperty {
+ /* (enable checkbox width: 12px) + (expander width: 15px) */
+ margin-inline-start: 27px;
+}
+
+.ruleview-namecontainer,
+.ruleview-propertyvaluecontainer,
+.ruleview-propertyname,
+.ruleview-propertyvalue {
+ text-decoration: inherit;
+}
+
+.ruleview-computedlist {
+ list-style: none;
+ padding: 0;
+}
+
+.ruleview-computed {
+ margin-inline-start: 35px;
+}
+
+.ruleview-swatch {
+ cursor: pointer;
+ border-radius: 50%;
+ width: 0.9em;
+ height: 0.9em;
+ vertical-align: middle;
+ /* align the swatch with its value */
+ margin-top: -1px;
+ margin-inline-end: 5px;
+ display: inline-block;
+ position: relative;
+}
+
+.ruleview-colorswatch::before {
+ content: '';
+ background-color: #9C9CFF;
+ background-image: linear-gradient(45deg, #A09090 25%, transparent 25%, transparent 75%, #A09090 75%, #A09090),
+ linear-gradient(45deg, #A09090 25%, transparent 25%, transparent 75%, #A09090 75%, #A09090);
+ background-size: 12px 12px;
+ background-position: 0 0, 6px 6px;
+ position: absolute;
+ border-radius: 50%;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ z-index: -1;
+}
+
+.ruleview-bezierswatch {
+ background: url("chrome://devtools/skin/images/cubic-bezier-swatch.png");
+ background-size: 1em;
+}
+
+.ruleview-filterswatch {
+ background: url("chrome://devtools/skin/images/filter-swatch.svg");
+ background-size: 1em;
+}
+
+.ruleview-angleswatch {
+ background: url("chrome://devtools/skin/images/angle-swatch.svg");
+ background-size: 1em;
+}
+
+@media (min-resolution: 1.1dppx) {
+ .ruleview-bezierswatch {
+ background: url("chrome://devtools/skin/images/cubic-bezier-swatch@2x.png");
+ background-size: 1em;
+ }
+}
+
+.ruleview-overridden {
+ text-decoration: line-through;
+}
+
+.theme-light .ruleview-overridden {
+ text-decoration-color: var(--theme-content-color3);
+}
+
+.styleinspector-propertyeditor {
+ border: 1px solid #CCC;
+ padding: 0;
+ margin: -1px -3px -1px -1px;
+}
+
+.theme-firebug .styleinspector-propertyeditor {
+ border: 1px solid var(--theme-splitter-color);
+ box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
+}
+
+.ruleview-property {
+ border-left: 3px solid transparent;
+ clear: right;
+}
+
+.ruleview-propertycontainer > * {
+ vertical-align: middle;
+}
+
+.ruleview-property[dirty] {
+ border-left-color: var(--theme-highlight-green);
+}
+
+.ruleview-highlight {
+ background-color: var(--rule-highlight-background-color);
+}
+
+.ruleview-namecontainer > .ruleview-propertyname,
+.ruleview-propertyvaluecontainer > .ruleview-propertyvalue {
+ border-bottom: 1px dashed transparent;
+}
+
+.ruleview-namecontainer:hover > .ruleview-propertyname,
+.ruleview-propertyvaluecontainer:hover > .ruleview-propertyvalue {
+ border-bottom-color: hsl(0,0%,50%);
+}
+
+.ruleview-selectorcontainer {
+ word-wrap: break-word;
+ cursor: text;
+}
+
+.ruleview-selector-separator, .ruleview-selector-unmatched {
+ color: #888;
+}
+
+.ruleview-selector-matched > .ruleview-selector-attribute {
+ /* TODO: Bug 1178535 Awaiting UX feedback on highlight colors */
+}
+
+.ruleview-selector-matched > .ruleview-selector-pseudo-class {
+ /* TODO: Bug 1178535 Awaiting UX feedback on highlight colors */
+}
+
+.ruleview-selector-matched > .ruleview-selector-pseudo-class-lock {
+ font-weight: bold;
+ color: var(--theme-highlight-orange);
+}
+
+.theme-firebug .ruleview-selector > .ruleview-selector-matched,
+.theme-firebug .ruleview-selector > .ruleview-selector-separator,
+.theme-firebug .ruleview-selector > .ruleview-selector-unmatched {
+ color: inherit;
+}
+
+.ruleview-selectorhighlighter {
+ background: url("chrome://devtools/skin/images/vview-open-inspector.png") no-repeat 0 0;
+ padding-left: 16px;
+ margin-left: 5px;
+ cursor: pointer;
+}
+
+.ruleview-selectorhighlighter:hover {
+ filter: url(images/filters.svg#checked-icon-state);
+}
+
+.ruleview-selectorhighlighter:active,
+.ruleview-selectorhighlighter.highlighted {
+ filter: url(images/filters.svg#checked-icon-state) brightness(0.9);
+}
+
+#ruleview-add-rule-button::before {
+ background-image: url("chrome://devtools/skin/images/add.svg");
+ background-size: cover;
+}
+
+#pseudo-class-panel-toggle::before {
+ background-image: url("chrome://devtools/skin/images/pseudo-class.svg");
+ background-size: cover;
+}
+
+.ruleview-overridden-rule-filter {
+ opacity: 0.8;
+}
+.ruleview-overridden-rule-filter:hover {
+ opacity: 1;
+}
+
+.theme-firebug .ruleview-overridden {
+ text-decoration: none;
+}
+
+/* Firebug theme disable/enable CSS rule. Firebug theme uses its own
+ icons to indicate when CSS rules can be disabled or enabled.
+
+.theme-firebug .ruleview-rule .theme-checkbox {
+ background-repeat: no-repeat;
+ background-size: 12px 12px;
+ background-image: url(chrome://devtools/skin/images/firebug/disable.svg);
+ background-position: 0 0;
+}
+
+.theme-firebug .ruleview-rule .theme-checkbox:not([checked]){
+ filter: grayscale(1);
+}
+
+.theme-firebug .ruleview-rule .theme-checkbox[checked] {
+ background-position: 0 0;
+}
+
+.theme-firebug .ruleview-property:not(:hover) .ruleview-enableproperty {
+ visibility: hidden;
+}
+ */
}
.ruleview-warning {
- background: url("alerticon-warning.png");
+ background: url("images/alerticon-warning.png");
-moz-margin-start: 5px;
display: inline-block;
width: 13px;
@media (min-resolution: 1.1dppx) {
.ruleview-warning {
- background-image: url("alerticon-warning@2x.png");
+ background-image: url("images/alerticon-warning@2x.png");
}
}
}
.ruleview-bezierswatch {
- background: url("chrome://browser/skin/devtools/cubic-bezier-swatch.png");
+ background: url("chrome://devtools/skin/images/cubic-bezier-swatch.png");
background-size: 1em;
}
@media (min-resolution: 1.1dppx) {
.ruleview-bezierswatch {
- background: url("chrome://browser/skin/devtools/cubic-bezier-swatch@2x.png");
+ background: url("chrome://devtools/skin/images/cubic-bezier-swatch@2x.png");
background-size: 1em;
}
}
}
.ruleview-selectorhighlighter {
- background: url("chrome://browser/skin/devtools/vview-open-inspector.png") no-repeat 0 0;
+ background: url("chrome://devtools/skin/images/vview-open-inspector.png") no-repeat 0 0;
padding-left: 16px;
margin-left: 5px;
cursor: pointer;
}
#ruleview-add-rule-button::before {
- background-image: url("chrome://browser/skin/devtools/add.svg#add");
+ background-image: url("chrome://devtools/skin/images/add.svg#add");
background-size: cover;
}
#ruleview-add-rule-button:hover::before {
- background-image: url("chrome://browser/skin/devtools/add.svg#add-checked");
+ background-image: url("chrome://devtools/skin/images/add.svg#add-checked");
}
#pseudo-class-panel-toggle::before {
- background-image: url("chrome://browser/skin/devtools/pseudo-class.svg#pseudo-class");
+ background-image: url("chrome://devtools/skin/pseudo-class.svg#pseudo-class");
background-size: cover;
}
#pseudo-class-panel-toggle:hover::before,
#pseudo-class-panel-toggle[checked]::before {
- background-image: url("chrome://browser/skin/devtools/pseudo-class.svg#pseudo-class-checked");
+ background-image: url("chrome://devtools/skin/pseudo-class.svg#pseudo-class-checked");
filter: none !important;
}
}
#storage-tree .tree-widget-item[type="store"]:after {
- background-image: url("chrome://browser/skin/devtools/filetype-store.svg");
+ background-image: url("chrome://devtools/skin/filetype-store.svg");
background-size: 18px 18px;
background-position: -1px 0;
}
*/
.theme-light .nodes g.bypassed rect {
- fill: url(chrome://browser/skin/devtools/filters.svg#bypass-light);
+ fill: url(chrome://devtools/skin/filters.svg#bypass-light);
}
.theme-dark .nodes g.bypassed rect {
- fill: url(chrome://browser/skin/devtools/filters.svg#bypass-dark);
+ fill: url(chrome://devtools/skin/filters.svg#bypass-dark);
}
.nodes g.bypassed.selected rect {
stroke: var(--theme-selection-background);
}
.web-audio-inspector .error {
- background-image: url("alerticon-warning.png");
+ background-image: url("images/alerticon-warning.png");
background-size: 13px 12px;
-moz-appearance: none;
opacity: 0;
}
.web-audio-inspector .error {
- background-image: url("alerticon-warning@2x.png");
+ background-image: url("images/alerticon-warning@2x.png");
}
}
.message > .icon::before {
content: "";
- background-image: url("chrome://browser/skin/devtools/webconsole.svg");
+ background-image: url("chrome://devtools/skin/webconsole.svg");
background-position: 12px 12px;
background-repeat: no-repeat;
background-size: 72px 60px;
}
.jsterm-input-node {
- background-image: -moz-image-rect(url("chrome://browser/skin/devtools/commandline-icon.png"), 0, 32, 16, 16);
+ background-image: -moz-image-rect(url("chrome://devtools/skin/commandline-icon.png"), 0, 32, 16, 16);
background-repeat: no-repeat;
background-size: 16px 16px;
}
@media (min-resolution: 1.1dppx) {
.jsterm-input-node {
- background-image: -moz-image-rect(url('chrome://browser/skin/devtools/commandline-icon@2x.png'), 0, 64, 32, 32);
+ background-image: -moz-image-rect(url('chrome://devtools/skin/commandline-icon@2x.png'), 0, 64, 32, 32);
}
}
/* Open DOMNode in inspector button */
.open-inspector {
- background: url("chrome://browser/skin/devtools/vview-open-inspector.png") no-repeat 0 0;
+ background: url("chrome://devtools/skin/images/vview-open-inspector.png") no-repeat 0 0;
padding-left: 16px;
margin-left: 5px;
cursor: pointer;
}
.variable-or-property-non-writable-icon {
- background: url("chrome://browser/skin/devtools/vview-lock.png") no-repeat;
+ background: url("chrome://devtools/skin/images/vview-lock.png") no-repeat;
background-size: cover;
width: 16px;
height: 16px;
@media (min-resolution: 1.1dppx) {
.variable-or-property-non-writable-icon > .title:after {
- background-image: url("chrome://browser/skin/devtools/vview-lock@2x.png");
+ background-image: url("chrome://devtools/skin/images/vview-lock@2x.png");
}
}
/* Variables and properties editing */
.variables-view-delete {
- background: url("chrome://browser/skin/devtools/vview-delete.png");
+ background: url("chrome://devtools/skin/images/vview-delete.png");
background-size: cover;
width: 16px;
height: 16px;
@media (min-resolution: 1.1dppx) {
.variables-view-delete {
- background-image: url("chrome://browser/skin/devtools/vview-delete@2x.png");
+ background-image: url("chrome://devtools/skin/images/vview-delete@2x.png");
}
}
}
.variables-view-edit {
- background: url("chrome://browser/skin/devtools/vview-edit.png");
+ background: url("chrome://devtools/skin/images/vview-edit.png");
background-size: cover;
width: 16px;
height: 16px;
@media (min-resolution: 1.1dppx) {
.variables-view-edit {
- background-image: url("chrome://browser/skin/devtools/vview-edit@2x.png");
+ background-image: url("chrome://devtools/skin/images/vview-edit@2x.png");
}
}
}
.variables-view-open-inspector {
- background: url("chrome://browser/skin/devtools/vview-open-inspector.png");
+ background: url("chrome://devtools/skin/images/vview-open-inspector.png");
background-size: cover;
width: 16px;
height: 16px;
float: left;
margin: 3px 2px -3px;
background-repeat: no-repeat;
- background-image: url("chrome://browser/skin/devtools/controls.png");
+ background-image: url("chrome://devtools/skin/controls.png");
background-size: 56px 28px;
cursor: pointer;
background-position: -28px -14px;
@media (min-resolution: 1.1dppx) {
.tree-widget-item:before {
- background-image: url("chrome://browser/skin/devtools/controls@2x.png");
+ background-image: url("chrome://devtools/skin/controls@2x.png");
}
}
}
.tree-widget-item[type="dir"]::after {
- background-image: url("chrome://browser/skin/devtools/filetype-dir-close.svg");
+ background-image: url("chrome://devtools/skin/filetype-dir-close.svg");
background-position: 2px 0;
background-size: auto 16px;
width: 20px;
}
.tree-widget-item[type="dir"][expanded]:not([empty])::after {
- background-image: url("chrome://browser/skin/devtools/filetype-dir-open.svg");
+ background-image: url("chrome://devtools/skin/filetype-dir-open.svg");
}
.tree-widget-item[type="url"]::after {
- background-image: url("chrome://browser/skin/devtools/filetype-globe.svg");
+ background-image: url("chrome://devtools/skin/filetype-globe.svg");
background-size: auto 18px;
width: 18px;
}
projects / themes.git / commitdiff
