+
+/* HACK to abolish devily color on main content */
+
+#content {
+ background-color: transparent !important;
+}
+
+/* Highlighter */
+
+.highlighter-veil {
+ background-color: rgba(25, 25, 25, 0.5);
+}
+
+highlighter-veil-transparentbox {
+ box-shadow: 0 0 0 1px rgba(0,0,0,0.5);
+ outline: 1px dashed rgba(255,255,255,0.5);
+ outline-offset: -1px;
+}
+
+#highlighter-veil-container[locked] > #highlighter-veil-middlebox > #highlighter-veil-transparentbox {
+ box-shadow: 0 0 0 1px black;
+ outline-color: white;
+}
+
+/* Highlighter toolbar */
+
+#inspector-inspect-toolbutton {
+ list-style-image: url("chrome://browser/skin/devtools/inspect-button.png");
+ -moz-image-region: rect(0 16px 16px 0);
+}
+
+#inspector-inspect-toolbutton[checked=true],
+#inspector-inspect-toolbutton:hover {
+ -moz-image-region: rect(0 32px 16px 16px);
+}
+
+#inspector-option-toolbarbutton {
+ list-style-image: url("chrome://browser/skin/devtools/inspector-option-icon.png");
+ -moz-image-region: rect(0 16px 16px 0);
+}
+
+#inspector-option-toolbarbutton[open],
+#inspector-option-toolbarbutton:hover {
+ -moz-image-region: rect(0 32px 16px 16px);
+}
+
+#inspector-toolbar {
+ border-top: 3px solid #000000;
+ border-bottom: none;
+}
+
+#inspector-tools {
+ -moz-padding-end: 2px;
+ border-left: 3px solid #000000;
+ border-right: 3px solid #000000;
+ -moz-margin-start: 2px;
+}
+
+#devtools-sidebar-box {
+ background-color: #000000;
+}
+
+html|*#highlighter-nodeinfobar-pseudo-classes {
+ color: #FF9F00;
+}
+
+/* Highlighter - Node Infobar */
+
+#highlighter-nodeinfobar {
+ color: #FF9F00;
+ border: 1px solid rgba(156, 156, 255, .5);
+ border-radius: 3px;
+ background-color: #000000;
+ background-clip: padding-box;
+}
+
+/* Highlighter - Node Infobar - text */
+
+#highlighter-nodeinfobar-text {
+ /* 100% - size of the buttons and margins */
+ max-width: -moz-calc(100% - 2 * (26px + 6px));
+ padding-bottom: 1px;
+}
+
+html|*#highlighter-nodeinfobar-tagname {
+ color: #FFCF00;
+}
+
+html|*#highlighter-nodeinfobar-id {
+ color: #9C9CFF;
+}
+
+html|*#highlighter-nodeinfobar-pseudo-classes {
+ color: #FF9F00;
+}
+
+/* Highlighter - Node Infobar - buttons */
+
+.highlighter-nodeinfobar-button {
+ padding: 0;
+ width: 26px;
+ min-height: 26px;
+}
+
+#highlighter-nodeinfobar-inspectbutton {
+ list-style-image: url("chrome://browser/skin/devtools/inspect-button.png");
+ -moz-image-region: rect(0px 16px 16px 0px);
+ -moz-margin-start: 0px;
+ -moz-margin-end: 2px;
+}
+
+#highlighter-nodeinfobar-inspectbutton:-moz-locale-dir(rtl) {
+}
+
+#highlighter-nodeinfobar-inspectbutton:hover,
+#highlighter-nodeinfobar-inspectbutton:hover:active/*,
+#highlighter-nodeinfobar-container:not([locked]) > #highlighter-nodeinfobar > #highlighter-nodeinfobar-inspectbutton*/ {
+ -moz-image-region: rect(0px 32px 16px 16px);
+}
+
+#highlighter-nodeinfobar-menu {
+}
+
+#highlighter-nodeinfobar-menu:-moz-locale-dir(rtl) {
+}
+
+#highlighter-nodeinfobar-menu > .toolbarbutton-menu-dropmarker {
+ -moz-box-align: center;
+ -moz-margin-start: -1px;
+}
+
+/* Highlighter - Node Infobar - box & arrow */
+
+.highlighter-nodeinfobar-arrow {
+ width: 14px;
+ height: 14px;
+ -moz-margin-start: -moz-calc(50% - 7px);
+ -moz-transform: rotate(-45deg);
+ border: 1px solid transparent;
+ background-clip: padding-box;
+ background-repeat: no-repeat;
+}
+
+#highlighter-nodeinfobar-arrow-top {
+ margin-bottom: -8px;
+ margin-top: 8px;
+ border-right-color: rgba(0, 132, 132, .5);
+ border-top-color: rgba(0, 132, 132, .5);
+ background-image: -moz-linear-gradient(bottom left, transparent 50%, rgb(0, 132, 132) 50%);
+}
+
+#highlighter-nodeinfobar-arrow-bottom {
+ margin-top: -8px;
+ margin-bottom: 8px;
+ border-left-color: rgba(0, 132, 132, .5);
+ border-bottom-color: rgba(0, 132, 132, .5);
+ background-image: -moz-linear-gradient(top right, transparent 50%, rgb(0, 132, 132) 50%);
+}
+
+#highlighter-nodeinfobar-container[position="top"] > #highlighter-nodeinfobar,
+#highlighter-nodeinfobar-container[position="overlap"] > #highlighter-nodeinfobar {
+ box-shadow: 0 1px 0 hsla(0, 0%, 100%, .1) inset;
+}
+
+#highlighter-nodeinfobar-container[hide-arrow] > #highlighter-nodeinfobar {
+ margin: 7px 0;
+}
+
+#full-screen-warning-message {
+ background-color: #000000;
+ color: #FF9F00;
+ border-radius: 8px;
+ margin-top: 30px;
+ padding: 30px 50px;
+ box-shadow: 0 0 2px #9C9CFF;
+}
+
+#full-screen-warning-container[obscure-browser] {
+ background-color: rgba(0,0,0,0.3);
+}
+
+.full-screen-description {
+ font-size: 150%;
+}
+
+#full-screen-domain-text {
+ font-size: 300%;
+}
+
+.full-screen-approval-button,
+#full-screen-remember-decision {
+ font-size: 120%;
+}
+
+/* Highlighter toolbar - breadcrumbs */
+
+#inspector-breadcrumbs {
+ -moz-margin-start: 2px;
+}
+
+#inspector-breadcrumbs > .scrollbutton-up,
+#inspector-breadcrumbs > .scrollbutton-down {
+ min-height: 25px;
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+#inspector-breadcrumbs > .scrollbutton-up {
+ -moz-margin-end: 1px;
+}
+
+#inspector-breadcrumbs > .scrollbutton-down {
+ -moz-margin-end: 0;
+}
+
+#inspector-breadcrumbs > .scrollbutton-up:not([disabled]):active:hover,
+#inspector-breadcrumbs > .scrollbutton-down:not([disabled]):active:hover {
+}
+
+#inspector-breadcrumbs > .scrollbutton-up > .toolbarbutton-icon,
+#inspector-breadcrumbs > .scrollbutton-down > .toolbarbutton-icon {
+ /* margin: 0 5px; */
+}
+
+#inspector-breadcrumbs > .scrollbutton-up[disabled] > .toolbarbutton-icon,
+#inspector-breadcrumbs > .scrollbutton-down[disabled] > .toolbarbutton-icon {
+}
+
+#inspector-breadcrumbs > .scrollbutton-up:not([disabled]):active:hover > .toolbarbutton-icon,
+#inspector-breadcrumbs > .scrollbutton-down:not([disabled]):active:hover > .toolbarbutton-icon {
+}
+
+#inspector-breadcrumbs > .scrollbutton-up:-moz-locale-dir(ltr) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+#inspector-breadcrumbs > .scrollbutton-down:-moz-locale-dir(ltr) {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+#inspector-breadcrumbs > .scrollbutton-up:-moz-locale-dir(rtl) {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+#inspector-breadcrumbs > .scrollbutton-down:-moz-locale-dir(rtl) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+#inspector-breadcrumbs > .scrollbutton-up > .toolbarbutton-icon:-moz-locale-dir(rtl),
+#inspector-breadcrumbs > .scrollbutton-down > .toolbarbutton-icon:-moz-locale-dir(ltr) {
+/* -moz-transform: scaleX(-1); */
+}
+
+.inspector-breadcrumbs-button {
+ /*background-color: transparent;*/
+ border-width: 2px 13px !important;
+ outline: none;
+ /* color: hsl(210,30%,85%); */
+ width: 85px; /* Can't use max-width. See bug 723132 */
+ /* The content of the button can be larger than the button */
+ overflow: hidden;
+ min-height: 25px;
+ margin: 0 -11px 0 0;
+ padding: 0 9px;
+}
+
+.inspector-breadcrumbs-button:-moz-focusring > .button-box {
+ border-width: 0;
+}
+
+.inspector-breadcrumbs-button:-moz-focusring > label {
+ border-bottom: 1px dotted #008484;
+}
+
+.inspector-breadcrumbs-button[checked] > .inspector-breadcrumbs-tag {
+ /*color: hsl(208,100%,60%); */
+}
+
+.inspector-breadcrumbs-button[checked] > .inspector-breadcrumbs-id {
+ /*color: hsl(205,100%,70%); */
+}
+
+.inspector-breadcrumbs-button[checked] > .inspector-breadcrumbs-pseudo-classes {
+ color: #FF9F00;
+}
+
+.inspector-breadcrumbs-id,
+.inspector-breadcrumbs-classes {
+ /*color: #8d99a6; */
+}
+
+/* fit height of other buttons to breadcrumbs */
+#inspector-toolbar .devtools-toolbarbutton,
+#highlighter-closebutton,
+#inspector-option-toolbarbutton {
+ min-height: 25px;
+}
+
+.inspector-breadcrumbs-pseudo-classes {
+ color: #FFCF00;
+}
+
+/* Highlighter toolbar - breadcrumbs - LTR */
+
+.inspector-breadcrumbs-button:-moz-locale-dir(ltr):first-of-type {
+}
+
+.inspector-breadcrumbs-button {
+ -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-middle.png") 2 13 2 13 stretch;
+}
+
+.inspector-breadcrumbs-button[siblings-menu-open]:not([checked]),
+.inspector-breadcrumbs-button:not([checked]):hover:active {
+ -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-middle-pressed.png") 2 13 2 13 stretch;
+}
+
+.inspector-breadcrumbs-button[checked] {
+ -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-middle-selected.png") 2 13 2 13 stretch;
+}
+
+.inspector-breadcrumbs-button[checked][siblings-menu-open],
+.inspector-breadcrumbs-button[checked]:hover:active {
+ -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-middle-selected-pressed.png") 2 13 2 13 stretch;
+}
+
+.inspector-breadcrumbs-button:first-of-type {
+ -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-start.png") 2 13 2 13 stretch;
+}
+
+.inspector-breadcrumbs-button[siblings-menu-open]:first-of-type:not([checked]),
+.inspector-breadcrumbs-button:first-of-type:not([checked]):hover:active {
+ -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-start-pressed.png") 2 13 2 13 stretch;
+}
+
+.inspector-breadcrumbs-button:first-of-type[checked] {
+ -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-start-selected.png") 2 13 2 13 stretch;
+}
+
+.inspector-breadcrumbs-button[siblings-menu-open]:first-of-type[checked],
+.inspector-breadcrumbs-button:first-of-type[checked]:hover:active {
+ -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-start-selected-pressed.png") 2 13 2 13 stretch;
+}
+
+.inspector-breadcrumbs-button:last-of-type {
+ -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-end.png") 2 13 2 13 stretch;
+}
+
+#inspector-breadcrumbs[overflows] > .inspector-breadcrumbs-button:-moz-locale-dir(ltr):last-of-type {
+}
+
+.inspector-breadcrumbs-button[siblings-menu-open]:last-of-type:not([checked]),
+.inspector-breadcrumbs-button:last-of-type:not([checked]):hover:active {
+ -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-end-pressed.png") 2 13 2 13 stretch;
+}
+
+.inspector-breadcrumbs-button:last-of-type[checked] {
+ -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-end-selected.png") 2 13 2 13 stretch;
+}
+
+.inspector-breadcrumbs-button[siblings-menu-open]:last-of-type[checked],
+.inspector-breadcrumbs-button:last-of-type[checked]:hover:active {
+ -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-end-selected-pressed.png") 2 13 2 13 stretch;
+}
+
+/* Highlighter toolbar - breadcrumbs - RTL */
+
+.inspector-breadcrumbs-button:-moz-locale-dir(rtl):first-of-type {
+}
+
+.inspector-breadcrumbs-button:-moz-locale-dir(rtl) {
+ -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-middle.png") 2 13 2 13 stretch;
+}
+
+.inspector-breadcrumbs-button[siblings-menu-open]:not([checked]):-moz-locale-dir(rtl),
+.inspector-breadcrumbs-button:not([checked]):hover:active:-moz-locale-dir(rtl) {
+ -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-middle-pressed.png") 2 13 2 13 stretch;
+}
+
+.inspector-breadcrumbs-button[checked]:-moz-locale-dir(rtl) {
+ -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-middle-selected.png") 2 13 2 13 stretch;
+}
+
+.inspector-breadcrumbs-button[checked][siblings-menu-open]:-moz-locale-dir(rtl),
+.inspector-breadcrumbs-button[checked]:hover:active:-moz-locale-dir(rtl) {
+ -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-middle-selected-pressed.png") 2 13 2 13 stretch;
+}
+
+.inspector-breadcrumbs-button:first-of-type:-moz-locale-dir(rtl) {
+ -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-start.png") 2 13 2 13 stretch;
+}
+
+.inspector-breadcrumbs-button[siblings-menu-open]:first-of-type:not([checked]):-moz-locale-dir(rtl),
+.inspector-breadcrumbs-button:first-of-type:not([checked]):hover:active:-moz-locale-dir(rtl) {
+ -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-start-pressed.png") 2 13 2 13 stretch;
+}
+
+.inspector-breadcrumbs-button:first-of-type[checked]:-moz-locale-dir(rtl) {
+ -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-start-selected.png") 2 13 2 13 stretch;
+}
+
+.inspector-breadcrumbs-button[siblings-menu-open]:first-of-type[checked]:-moz-locale-dir(rtl),
+.inspector-breadcrumbs-button:first-of-type[checked]:hover:active:-moz-locale-dir(rtl) {
+ -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-start-selected-pressed.png") 2 13 2 13 stretch;
+}
+
+.inspector-breadcrumbs-button:last-of-type:-moz-locale-dir(rtl) {
+ -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-end.png") 2 13 2 13 stretch;
+}
+
+#inspector-breadcrumbs[overflows] > .inspector-breadcrumbs-button:last-of-type:-moz-locale-dir(rtl) {
+}
+
+.inspector-breadcrumbs-button[siblings-menu-open]:last-of-type:not([checked]):-moz-locale-dir(rtl),
+.inspector-breadcrumbs-button:last-of-type:not([checked]):hover:active:-moz-locale-dir(rtl) {
+ -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-end-pressed.png") 2 13 2 13 stretch;
+}
+
+.inspector-breadcrumbs-button:last-of-type[checked]:-moz-locale-dir(rtl) {
+ -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-end-selected.png") 2 13 2 13 stretch;
+}
+
+.inspector-breadcrumbs-button[siblings-menu-open]:last-of-type[checked]:-moz-locale-dir(rtl),
+.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 stretch;
+}
+
+/* Highlighter toolbar - HTML Tree */
+
+#inspector-treepanel-toolbutton {
+ list-style-image: url("chrome://browser/skin/devtools/treepanel-button.png");
+ -moz-image-region: rect(0 18px 16px 0);
+}
+
+#inspector-treepanel-toolbutton[checked],
+#inspector-treepanel-toolbutton:hover {
+ -moz-image-region: rect(0 36px 16px 18px);
+}
+
+#inspector-breadcrumbs > .scrollbutton-down:-moz-locale-dir(rtl),
+#inspector-treepanel-toolbutton:-moz-locale-dir(ltr) {
+/* border-radius: 3px 0 0 3px;*/
+}
+
+#inspector-breadcrumbs > .scrollbutton-down:-moz-locale-dir(ltr),
+#inspector-treepanel-toolbutton:-moz-locale-dir(rtl) {
+/* border-radius: 0 3px 3px 0;*/
+}
+
+.gcli-panel-inner-arrowcontent {
+ padding: 0;
+}
+
+.gclitoolbar-input-node,
+.gclitoolbar-complete-node,
+.gclitoolbar-prompt {
+ font-family: "Liberation Mono", Consolas, "Courier New", monospace;
+}
+
+.gclitoolbar-input-node {
+ background-color: transparent;
+ -moz-appearance: none;
+ border: none;
+ padding: 0 0 0 22px;
+}
+
+.gclitoolbar-complete-node {
+ background-color: transparent;
+ color: transparent;
+ height: 100%;
+ line-height: 100%;
+ padding: 7px 0 0 27px;
+ margin: 0;
+}
+
+.gclitoolbar-prompt {
+ color: #E7ADE7;
+ font-size: 150%;
+ font-weight: bold;
+ line-height: 100%;
+ padding-top: 1px;
+ padding-left: 4px;
+}
+
+.gcli-in-incomplete,
+.gcli-in-error,
+.gcli-in-ontab,
+.gcli-in-todo,
+.gcli-in-closebrace,
+.gcli-in-param,
+.gcli-in-valid {
+ margin: 0;
+ padding: 0;
+}
+
+.gcli-in-incomplete {
+ border-bottom: 2px dotted #8050B0;
+}
+
+.gcli-in-error {
+ border-bottom: 2px dotted #FF0000;
+}
+
+.gcli-in-ontab {
+ color: #9C9CFF;
+}
+
+.gcli-in-todo {
+ color: #795900;
+}
+
+.gcli-in-closebrace {
+ color: #8050B0;
+}
+
+/* Highlight toolbar - Option menu */
+
+#inspector-option-toolbarbutton:-moz-focusring {
+ outline: 1px dotted #008484;
+ outline-offset: -2px;
+}