+
+@keyframes collapse-tree-item {
+ from {
+ max-height: 300px;
+ }
+ to {
+ max-height: 0;
+ }
+}
+
+@keyframes expand-tree-item {
+ from {
+ max-height: 0;
+ }
+ to {
+ max-height: 500px;
+ }
+}
+
+@media (min-resolution: 1.1dppx) {
+ .tree-widget-item:before {
+ background-image: url("chrome://browser/skin/devtools/controls@2x.png");
+ }
+}
+
+/* Indentation of child items in the tree */
+
+/* For level > 6 */
+.tree-widget-item[level] + ul > li > .tree-widget-item {
+ -moz-padding-start: 98px;
+}
+
+/* First level */
+.tree-widget-item[level="1"] + ul > li > .tree-widget-item {
+ -moz-padding-start: 14px;
+}
+
+/* Second level */
+.tree-widget-item[level="2"] + ul > li > .tree-widget-item {
+ -moz-padding-start: 28px;
+}
+
+/* Third level */
+.tree-widget-item[level="3"] + ul > li > .tree-widget-item {
+ -moz-padding-start: 42px;
+}
+
+/* Fourth level */
+.tree-widget-item[level="4"] + ul > li > .tree-widget-item {
+ -moz-padding-start: 56px;
+}
+
+/* Fifth level */
+.tree-widget-item[level="5"] + ul > li > .tree-widget-item {
+ -moz-padding-start: 70px;
+}
+
+/* Sixth level */
+.tree-widget-item[level="6"] + ul > li > .tree-widget-item {
+ -moz-padding-start: 84px;
+}
+
+/* Custom icons for certain tree items indicating the type of the item */
+
+.tree-widget-item[type]::after {
+ content: "";
+ float: left;
+ width: 16px;
+ height: 17px;
+ -moz-margin-end: 4px;
+ background-repeat: no-repeat;
+ background-size: 20px auto;
+ background-position: 0 0;
+ background-size: auto 20px;
+ opacity: 0.75;
+}
+
+.tree-widget-item.theme-selected[type]::after {
+ opacity: 1;
+}
+
+.tree-widget-item:-moz-locale-dir(rtl)::after {
+ float: right;
+}
+
+/*.theme-light .tree-widget-item.theme-selected[type]::after,*/
+.tree-widget-item[type]::after {
+ filter: invert(1);
+}
+
+.tree-widget-item[type="dir"]::after {
+ background-image: url("chrome://browser/skin/devtools/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");
+}
+
+.tree-widget-item[type="url"]::after {
+ background-image: url("chrome://browser/skin/devtools/filetype-globe.svg");
+ background-size: auto 18px;
+ width: 18px;
+}
+
+/* === BEGIN manifest-editor.inc.css === */
+
+/* Manifest Editor overrides */
+
+.variables-view-container.manifest-editor {
+ background-color: #000000;
+ padding: 20px 2px;
+}
+
+.manifest-editor .variable-or-property:focus > .title {
+/* background-color: #EDEDED;
+ color: #000; */
+ border-radius: 4px;
+}
+
+.manifest-editor .variables-view-property > .title > .name {
+/* color: #27406A; */
+}
+
+.manifest-editor .variable-or-property > .title > label,
+.manifest-editor textbox {
+ font-family: monospace;
+}
+
+.manifest-editor .variable-or-property > .title > .token-string {
+/* color: #54BC6A; */
+ font-weight: bold;
+}
+
+.manifest-editor .variable-or-property > .title > .token-boolean,
+.manifest-editor .variable-or-property > .title > .token-number {
+/* color: #009BD4; */
+ font-weight: bold;
+}
+
+.manifest-editor .variable-or-property > .title > .token-undefined {
+/* color: #bbb; */
+}
+
+.manifest-editor .variable-or-property > .title > .token-null {
+/* color: #999; */
+}
+
+.manifest-editor .variable-or-property > .title > .token-other {
+/* color: #333; */
+}
+
+.manifest-editor .variables-view-variable {
+ border-bottom: none;
+}
+
+.manifest-editor .variables-view-delete,
+.manifest-editor .variables-view-delete:hover,
+.manifest-editor .variables-view-delete:active,
+.manifest-editor .variable-or-property:focus .variables-view-delete,
+.manifest-editor .variables-view-add-property,
+.manifest-editor .variables-view-add-property:hover,
+.manifest-editor .variables-view-add-property:active,
+.manifest-editor .variable-or-property:focus .variables-view-add-property {
+ list-style-image: none;
+ -moz-image-region: initial;
+}
+
+.manifest-editor .variables-view-delete::before,
+.manifest-editor .variables-view-add-property::before {
+ width: 11px;
+ height: 11px;
+ content: "";
+ display: inline-block;
+ background-size: 11px auto;
+}
+
+.manifest-editor .variables-view-delete::before {
+ background-image: url("app-manager/remove.svg");
+ background-size: 12px auto;
+}
+
+.manifest-editor .variables-view-add-property::before {
+ background-image: url("app-manager/add.svg");
+ -moz-margin-end: 2px;
+}
+
+/* === END manifest-editor.inc.css === */
+
+/* === END widgets.inc.css === */