}
#developer-toolbar > toolbarbutton {
-/* margin: 0;
+/* border: none;
+ background-color: transparent;
+ margin: 0;
padding: 0 10px;
width: 32px; */
}
display: none;
}
-.developer-toolbar-button > .toolbarbutton-icon,
-#developer-toolbar-closebutton > .toolbarbutton-icon {
+.developer-toolbar-button > .toolbarbutton-icon {
width: 16px;
height: 16px;
}
#developer-toolbar-toolbox-button {
- list-style-image: url("chrome://devtools/skin/toggle-tools.png");
+ list-style-image: url("chrome://devtools/skin/images/toggle-tools.png");
-moz-image-region: rect(0px, 16px, 16px, 0px);
}
@media (min-resolution: 2dppx) {
#developer-toolbar-toolbox-button {
- list-style-image: url("chrome://devtools/skin/toggle-tools@2x.png");
+ list-style-image: url("chrome://devtools/skin/images/toggle-tools@2x.png");
-moz-image-region: rect(0px, 32px, 32px, 0px);
}
}
}
-#developer-toolbar-closebutton {
- list-style-image: url("chrome://devtools/skin/close.png");
- -moz-image-region: rect(0px, 16px, 16px, 0px);
- min-width: 16px;
- width: 16px;
-}
-
-#developer-toolbar-closebutton > .toolbarbutton-icon {
-}
-
-#developer-toolbar-closebutton > .toolbarbutton-text {
- display: none;
-}
-
-#developer-toolbar-closebutton:hover,
-#developer-toolbar-closebutton:hover:active {
- -moz-image-region: rect(0px, 32px, 16px, 16px);
-}
-
-@media (min-resolution: 2dppx) {
- #developer-toolbar-closebutton {
- list-style-image: url("chrome://devtools/skin/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,
width: 16px;
height: 16px;
margin: 0 2px;
- background-image: url("chrome://devtools/skin/commandline-icon.png");
+ background-image: url("chrome://devtools/skin/images/commandline-icon.png");
background-position: 0 center;
background-size: 32px 16px;
}
@media (min-resolution: 2dppx) {
.gclitoolbar-input-node::before {
- background-image: url("chrome://devtools/skin/commandline-icon@2x.png");
+ background-image: url("chrome://devtools/skin/images/commandline-icon@2x.png");
}
}
border-bottom-width: 0;
}
+.devtools-responsiveui-textinput {
+/* -moz-appearance: none;
+ background: #333;
+ color: #fff;
+ border: 1px solid #111;
+ border-radius: 2px;
+ padding: 5px;*/
+ width: 200px;
+ margin: 0;
+}
+
+.devtools-responsiveui-textinput[attention] {
+/* border-color: #38ace6;
+ background: rgba(56,172,230,0.4);*/
+}
+
.devtools-responsiveui-menulist,
.devtools-responsiveui-toolbarbutton {
-moz-box-align: center;
}
.devtools-responsiveui-close {
- list-style-image: url("chrome://devtools/skin/close.png");
- -moz-image-region: rect(0px,16px,16px,0px);
+ list-style-image: url("chrome://devtools/skin/close.svg");
}
.devtools-responsiveui-close:hover {
- -moz-image-region: rect(0px,32px,16px,16px);
+ filter: url(images/filters.svg#checked-icon-state);
}
.devtools-responsiveui-rotate {
- list-style-image: url("chrome://devtools/skin/responsiveui-rotate.png");
+ list-style-image: url("chrome://devtools/skin/images/responsiveui-rotate.png");
-moz-image-region: rect(0px,16px,16px,0px);
}
}
@media (min-resolution: 2dppx) {
- .devtools-responsiveui-close {
- list-style-image: url("chrome://devtools/skin/close@2x.png");
- }
-
- .devtools-responsiveui-close:hover {
- -moz-image-region: rect(0px,64px,32px,32px);
- }
-
.devtools-responsiveui-rotate {
- list-style-image: url("chrome://devtools/skin/responsiveui-rotate@2x.png");
+ list-style-image: url("chrome://devtools/skin/images/responsiveui-rotate@2x.png");
}
.devtools-responsiveui-rotate:hover {
}
.devtools-responsiveui-touch {
- list-style-image: url("chrome://devtools/skin/responsiveui-touch.png");
+ list-style-image: url("chrome://devtools/skin/images/responsiveui-touch.png");
-moz-image-region: rect(0px,16px,16px,0px);
}
@media (min-resolution: 2dppx) {
.devtools-responsiveui-touch {
- list-style-image: url("chrome://devtools/skin/responsiveui-touch@2x.png");
+ list-style-image: url("chrome://devtools/skin/images/responsiveui-touch@2x.png");
-moz-image-region: rect(0px,32px,32px,0px);
}
}
.devtools-responsiveui-screenshot {
- list-style-image: url("chrome://devtools/skin/responsiveui-screenshot.png");
+ list-style-image: url("chrome://devtools/skin/images/responsiveui-screenshot.png");
-moz-image-region: rect(0px,16px,16px,0px);
}
@media (min-resolution: 2dppx) {
.devtools-responsiveui-screenshot {
- list-style-image: url("chrome://devtools/skin/responsiveui-screenshot@2x.png");
+ list-style-image: url("chrome://devtools/skin/images/responsiveui-screenshot@2x.png");
}
.devtools-responsiveui-screenshot:hover {
cursor: ew-resize;
transform: translate(12px, -12px);
background-size: cover;
- background-image: url("chrome://devtools/skin/responsive-vertical-resizer.png");
+ background-image: url("chrome://devtools/skin/images/responsive-vertical-resizer.png");
}
.devtools-responsiveui-resizebarH {
cursor: ns-resize;
transform: translate(-12px, 12px);
background-size: cover;
- background-image: url("chrome://devtools/skin/responsive-horizontal-resizer.png");
+ background-image: url("chrome://devtools/skin/images/responsive-horizontal-resizer.png");
}
.devtools-responsiveui-resizehandle {
cursor: se-resize;
transform: translate(12px, 12px);
background-size: cover;
- background-image: url("chrome://devtools/skin/responsive-se-resizer.png");
+ background-image: url("chrome://devtools/skin/images/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://devtools/skin/responsiveui-home.png");
+ list-style-image: url("chrome://devtools/skin/images/responsiveui-home.png");
}
.devtools-responsiveui-sleep-button {
@media (min-resolution: 2dppx) {
.devtools-responsiveui-resizebarV {
- background-image: url("chrome://devtools/skin/responsive-vertical-resizer@2x.png");
+ background-image: url("chrome://devtools/skin/images/responsive-vertical-resizer@2x.png");
}
.devtools-responsiveui-resizebarH {
- background-image: url("chrome://devtools/skin/responsive-horizontal-resizer@2x.png");
+ background-image: url("chrome://devtools/skin/images/responsive-horizontal-resizer@2x.png");
}
.devtools-responsiveui-resizehandle {
- background-image: url("chrome://devtools/skin/responsive-se-resizer@2x.png");
+ background-image: url("chrome://devtools/skin/images/responsive-se-resizer@2x.png");
}
}