.devtools-searchinput {
-moz-appearance: none;
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;
--- /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/. */
+
+/* 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: #3333FF;
+}
+.link,
+.helplink,
+.link:visited,
+.helplink:visited {
+ text-decoration: none;
+}
+.link:hover {
+ text-decoration: underline;
+}
+
+/* From content */
+
+* {
+ -moz-box-sizing: border-box;
+}
+
+:root {
+ height: 100%;
+}
+
+body {
+ margin: 0;
+ display : flex;
+ flex-direction: column;
+ height: 100%;
+}
+
+#propertyContainer {
+ -moz-user-select: text;
+ overflow: auto;
+ min-height: 0;
+ flex: 1;
+}
+
+.property-view-hidden,
+.property-content-hidden {
+ display: none;
+}
+
+.property-view {
+ clear: both;
+ padding: 2px 0 2px 17px;
+}
+
+.property-view > * {
+ display: inline-block;
+ vertical-align: middle;
+}
+
+.property-name {
+ width: 50%;
+ overflow-x: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.property-value {
+ width: 50%;
+ max-width: 100%;
+ overflow-x: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ background-image: url(arrow-e.png);
+ background-repeat: no-repeat;
+ background-size: 5px 8px;
+ background-position: 2px center;
+ padding-left: 10px;
+}
+
+.other-property-value {
+ background-image: url(arrow-e.png);
+ background-repeat: no-repeat;
+ background-size: 5px 8px;
+ background-position: left center;
+ padding-left: 8px;
+}
+
+@media (min-width: 400px) {
+ .property-name {
+ width: 200px;
+ }
+ .property-value {
+ width: auto;
+ }
+}
+
+.property-content {
+ padding-left: 17px;
+}
+
+/* From skin */
+.helplink {
+ /* FIXME: remove this image
+ background-image: url("chrome://browser/skin/devtools/goto-mdn.png");
+ */
+}
+
+.expander {
+ visibility: hidden;
+ margin-left: -12px!important;
+}
+
+.expander[open] {
+ margin-left: -17px!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;
+}
+
+/* This rule is necessary because Templater.jsm breaks LTR TDs in RTL docs */
+.rule-text {
+ direction: ltr;
+}
+
+.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;
+}
+
+.devtools-toolbar {
+ width: 100%;
+}
+
+.link {
+ padding: 0 3px;
+ cursor: pointer;
+ float: right;
+}
--- /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/. */
+
+/* According to:
+ * https://bugzilla.mozilla.org/show_bug.cgi?id=715472#c17
+ */
+.theme-body {
+ background: #000000;
+ color: #FF9F00;
+}
+
+.theme-twisty {
+ cursor: pointer;
+ margin-right: 5px;
+}
+
+.theme-twisty:-moz-focusring {
+ outline-style: none;
+}
+
+.theme-twisty:not([open]) {
+ width: 0;
+ height: 0;
+ border-top: 5px solid transparent;
+ border-bottom: 5px solid transparent;
+ border-left: 5px solid #8050B0;
+ margin-left: 5px;
+}
+
+.theme-twisty[open] {
+ width: 10px;
+ height: 10px;
+ background-image: linear-gradient(to bottom right, transparent 68%, #8050B0 68%);
+}
+
+.theme-checkbox {
+ display: inline-block;
+ border: 1px solid #FF9F00;
+ width: 6px;
+ height: 6px;
+ padding: 2px;
+ background-color: transparent;
+ background-repeat: no-repeat;
+ outline: none;
+}
+
+.theme-checkbox[checked] {
+ background-clip: content-box;
+ background-image: linear-gradient(to bottom right, transparent 48%, #FF9F00 48%, #FF9F00 52%, transparent 52%),
+ linear-gradient(to bottom left, transparent 48%, #FF9F00 48%, #FF9F00 52%, transparent 52%);
+}
+
+.theme-selected {
+ background: #004242;
+}
+
+.theme-bg-darker {
+ background-color: rgba(0,0,0,0.1);
+}
+
+.theme-link { /* original: blue */
+ color: #3333FF;
+}
+
+.theme-comment { /* original: grey */
+ color: #A09090;
+}
+
+.theme-gutter {
+ background-color: #000000;
+ color: #FF9F00;
+ border-color: #9C9CFF;
+}
+
+.theme-separator { /* original: grey */
+ border-color: #8050B0;
+}
+
+.theme-fg-color1 { /* original: green */
+ color: #008484;
+}
+
+.theme-fg-color2 { /* original: blue */
+ color: #9C9CFF;
+}
+
+.theme-fg-color3 { /* original: pink/lavender */
+ color: #E7ADE7;
+}
+
+.theme-fg-color4 { /* original: purple/violet */
+ color: #C09070;
+}
+
+.theme-fg-color5 { /* original: Yellow */
+ color: #FFCF00;
+}
+
+.theme-fg-color6 { /* original: Orange */
+ color: #FF9F00;
+}
+
+.theme-fg-color7 { /* original: Red */
+ color: #FF0000;
+}
--- /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/. */
+
+@import url("floating-scrollbars.css");
+
+scrollbar thumb {
+ /*background-color: rgba(170,170,170,0.2) !important;*/
+}
--- /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/. */
+
+/* According to:
+ * https://bugzilla.mozilla.org/show_bug.cgi?id=715472#c17
+ */
+.theme-body {
+ background: #000000;
+ color: #FF9F00;
+}
+
+.theme-twisty {
+ cursor: pointer;
+ margin-right: 5px;
+}
+
+.theme-twisty:-moz-focusring {
+ outline-style: none;
+}
+
+.theme-twisty:not([open]) {
+ width: 0;
+ height: 0;
+ border-top: 5px solid transparent;
+ border-bottom: 5px solid transparent;
+ border-left: 5px solid #8050B0;
+ margin-left: 5px;
+}
+
+.theme-twisty[open] {
+ width: 10px;
+ height: 10px;
+ background-image: linear-gradient(to bottom right, transparent 68%, #8050B0 68%);
+}
+
+.theme-checkbox {
+ display: inline-block;
+ border: 1px solid #FF9F00;
+ width: 6px;
+ height: 6px;
+ padding: 2px;
+ background-color: transparent;
+ background-repeat: no-repeat;
+ outline: none;
+}
+
+.theme-checkbox[checked] {
+ background-clip: content-box;
+ background-image: linear-gradient(to bottom right, transparent 48%, #FF9F00 48%, #FF9F00 52%, transparent 52%),
+ linear-gradient(to bottom left, transparent 48%, #FF9F00 48%, #FF9F00 52%, transparent 52%);
+}
+
+.theme-selected {
+ background: #004242;
+}
+
+.theme-bg-darker {
+ background-color: rgba(0,0,0,0.1);
+}
+
+.theme-link { /* original: blue */
+ color: #3333FF;
+}
+
+.theme-comment { /* original: grey */
+ color: #A09090;
+}
+
+.theme-gutter {
+ background-color: #000000;
+ color: #FF9F00;
+ border-color: #9C9CFF;
+}
+
+.theme-separator { /* original: grey */
+ border-color: #8050B0;
+}
+
+.theme-fg-color1 { /* original: green */
+ color: #008484;
+}
+
+.theme-fg-color2 { /* original: blue */
+ color: #9C9CFF;
+}
+
+.theme-fg-color3 { /* original: pink/lavender */
+ color: #E7ADE7;
+}
+
+.theme-fg-color4 { /* original: purple/violet */
+ color: #C09070;
+}
+
+.theme-fg-color5 { /* original: Yellow */
+ color: #FFCF00;
+}
+
+.theme-fg-color6 { /* original: Orange */
+ color: #FF9F00;
+}
+
+.theme-fg-color7 { /* original: Red */
+ color: #FF0000;
+}
--- /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/. */
+
+.ruleview {
+ height: 100%;
+}
+
+.ruleview-rule-source {
+ -moz-padding-start: 5px;
+ cursor: pointer;
+ text-align: right;
+ float: right;
+ -moz-user-select: none;
+}
+
+.ruleview-rule-inheritance {
+ border-top-width: 1px;
+ border-bottom-width: 1px;
+ border-top-style: solid;
+ border-bottom-style: solid;
+ padding: 1px 4px;
+ margin-top: 4px;
+ -moz-user-select: none;
+}
+
+.ruleview-rule-source:hover {
+ text-decoration: underline;
+}
+
+.ruleview-rule {
+ padding: 2px 4px;
+}
+
+.ruleview-rule + .ruleview-rule {
+ border-top-width: 1px;
+ border-top-style: dotted;
+}
+
+.ruleview-warning {
+ background: url("chrome://browser/skin/devtools/alerticon-warning.png");
+ -moz-margin-start: 5px;
+ vertical-align: middle;
+ width: 13px;
+ height: 12px;
+}
+
+.ruleview-ruleopen {
+ -moz-padding-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 {
+ display: inline-block;
+}
+
+.ruleview-newproperty {
+ /* (enable checkbox width: 12px) + (expander width: 15px) */
+ -moz-margin-start: 27px;
+}
+
+.ruleview-namecontainer,
+.ruleview-propertycontainer,
+.ruleview-propertyname,
+.ruleview-propertyvalue {
+ text-decoration: inherit;
+}
+
+.ruleview-computedlist {
+ list-style: none;
+ padding: 0;
+}
+
+.ruleview-computed {
+ -moz-margin-start: 35px;
+}
+
+.ruleview-overridden {
+ text-decoration: line-through;
+}
+
+.styleinspector-propertyeditor {
+ border: 1px solid #A09090;
+ padding: 0;
+}
+
+.ruleview-property {
+ border-left: 2px solid transparent;
+}
+
+.ruleview-property > * {
+ vertical-align: middle;
+}
+
+.ruleview-property[dirty] {
+ border-left-color: #9C9CFF;
+}
+
+.ruleview-namecontainer > .ruleview-propertyname,
+.ruleview-propertycontainer > .ruleview-propertyvalue {
+ border-bottom: 1px dashed transparent;
+}
+
+.ruleview-namecontainer:hover > .ruleview-propertyname,
+.ruleview-propertycontainer:hover > .ruleview-propertyvalue {
+ border-bottom-color: #008484;
+}
+
+.ruleview-selector-separator, .ruleview-selector-unmatched {
+ color: #8050B0;
+}
.command-button:hover:active {
}
+#command-button-paintflashing {
+ list-style-image: url("chrome://browser/skin/devtools/command-paintflashing.png");
+ -moz-image-region: rect(0px, 16px, 16px, 0px);
+}
+
+#command-button-paintflashing:hover,
+#command-button-paintflashing:hover:active,
+#command-button-paintflashing[checked=true] {
+ -moz-image-region: rect(0px, 32px, 16px, 16px);
+}
+
#command-button-responsive {
list-style-image: url("chrome://browser/skin/devtools/command-responsivemode.png");
-moz-image-region: rect(0px, 16px, 16px, 0px);
color: #000000;
margin: 0;
-moz-margin-end: 3px;
+ padding: 1px;
+ -moz-padding-start: 3px;
background-color: #C09070;
border-radius: 8px 8px 0 0;
}