/* Text input */
- /*
.devtools-textinput,
.devtools-searchinput {
-moz-appearance: none;
- margin: 0 3px;
+ /* margin: 0 3px;
min-height: 22px;
border: 1px solid hsla(211,68%,6%,.6);
box-shadow: inset 0 1px 0 hsla(211,68%,6%,.05), 0 0 0 1px hsla(210,40%,83%,.1);
border-radius: 2px;
background-color: transparent;
background-image: linear-gradient(hsla(210,16%,76%,.15), hsla(210,16%,76%,.35));
- padding: 3px;
+ padding: 3px;*/
transition-property: background-color, border-color, box-shadow;
transition-duration: 150ms;
transition-timing-function: ease;
- color: inherit;
+ /* color: inherit; */
}
.devtools-searchinput {
- background-image: url(magnifying-glass.png), linear-gradient(hsla(210,16%,76%,.15), hsla(210,16%,76%,.35));
+ background-image: url("magnifying-glass.png")/*, linear-gradient(hsla(210,16%,76%,.15), hsla(210,16%,76%,.35))*/;
background-repeat: no-repeat;
background-position: 4px center, top left, top left;
- padding-top: 0;
- padding-bottom: 0;
+ /* padding-top: 0;
+ padding-bottom: 0;*/
-moz-padding-start: 18px;
-moz-padding-end: 12px;
}
.devtools-searchinput[focused] {
- border-color: hsl(200,70%,40%) hsl(200,75%,37%) hsl(200,80%,35%);
+ /* border-color: hsl(200,70%,40%) hsl(200,75%,37%) hsl(200,80%,35%);
background-origin: padding-box;
background-clip: padding-box;
- box-shadow: inset 0 0 0 1px hsla(211,68%,6%,.1);
+ box-shadow: inset 0 0 0 1px hsla(211,68%,6%,.1);*/
}
.devtools-searchinput:-moz-locale-dir(rtl) {
}
.devtools-searchinput > .textbox-input-box > .textbox-input::-moz-placeholder {
- color: hsl(208,10%,66%);
+ /* color: hsl(208,10%,66%);*/
+ }
+
+ .devtools-no-search-result {
+ transition-property: box-shadow, border-color, background-image;
+ /* box-shadow: inset 0 0 0 1px hsla(0,68%,6%,.35);
+ border-color: hsl(10,70%,40%) hsl(10,75%,37%) hsl(10,80%,35%) !important;*/
+ background-image: url("magnifying-glass.png"), linear-gradient(rgba(255,0,0,.15), rgba(255,0,0,.35));
}
- */
/* Close button */
text-align: center;
-moz-box-flex: 1;
position: static;
+ margin-top: 0;
}
.devtools-sidebar-tabs > tabs > tab:-moz-focusring {
+/* 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-breadcrumbs-button:last-of-type[checked]:hover:active:-moz-locale-dir(rtl) {
-moz-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;
+ }