complete move of devtools images into images/
[themes.git] / LCARStrek / browser / browser.css
index 8c3d6969bddcf8a7e713bfa1550374d90fd1185e..357514460c2a471da7a0324a8f36a6bf93066d35 100644 (file)
@@ -4000,7 +4000,9 @@ html|*#fullscreen-exit-button {
 }
 
 #developer-toolbar > toolbarbutton {
-/*  margin: 0;
+/*  border: none;
+  background-color: transparent;
+  margin: 0;
   padding: 0 10px;
   width: 32px; */
 }
@@ -4013,14 +4015,13 @@ html|*#fullscreen-exit-button {
   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);
 }
 
@@ -4036,7 +4037,7 @@ html|*#fullscreen-exit-button {
 
 @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);
   }
 
@@ -4047,37 +4048,6 @@ html|*#fullscreen-exit-button {
   }
 }
 
-#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,
@@ -4211,6 +4181,22 @@ html|*#gcli-output-frame {
   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;
@@ -4319,16 +4305,15 @@ html|*#gcli-output-frame {
 }
 
 .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);
 }
 
@@ -4337,16 +4322,8 @@ html|*#gcli-output-frame {
 }
 
 @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 {
@@ -4355,7 +4332,7 @@ html|*#gcli-output-frame {
 }
 
 .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);
 }
 
@@ -4367,7 +4344,7 @@ html|*#gcli-output-frame {
 
 @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);
   }
 
@@ -4379,7 +4356,7 @@ html|*#gcli-output-frame {
 }
 
 .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);
 }
 
@@ -4389,7 +4366,7 @@ html|*#gcli-output-frame {
 
 @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 {
@@ -4403,7 +4380,7 @@ html|*#gcli-output-frame {
   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 {
@@ -4412,7 +4389,7 @@ html|*#gcli-output-frame {
   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 {
@@ -4421,7 +4398,7 @@ html|*#gcli-output-frame {
   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 */
@@ -4469,7 +4446,7 @@ html|*#gcli-output-frame {
   -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 {
@@ -4528,15 +4505,15 @@ html|*#gcli-output-frame {
 
 @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");
   }
 }