margin: 0px;
}
+/* Translation infobar */
+
+/* === BEGIN infobar.inc.css === */
+
+notification[value="translation"] .messageImage {
+ list-style-image: url(chrome://browser/skin/translation-16.png);
+ -moz-image-region: rect(0, 32px, 16px, 16px);
+}
+
+@media (min-resolution: 1.25dppx) {
+ notification[value="translation"] .messageImage {
+ list-style-image: url(chrome://browser/skin/translation-16@2x.png);
+ -moz-image-region: rect(0, 64px, 32px, 32px);
+ }
+}
+
+notification[value="translation"] {
+ min-height: 40px;
+}
+
+notification[value="translation"] button,
+notification[value="translation"] menulist {
+ min-width: 0;
+/* min-height: 30px;
+ -moz-padding-end: 1ch; */
+}
+
+notification[value="translation"] button > .button-box,
+notification[value="translation"] button[type="menu"] > .button-box > .button-menu-dropmarker {
+ padding: 0;
+/* -moz-margin-start: 3ch; */
+}
+
+notification[value="translation"] button:not([type="menu"]) > .button-box {
+/* -moz-margin-end: 3ch; */
+}
+
+notification[value="translation"] button,
+notification[value="translation"] menulist,
+notification[value="translation"] menulist > .menulist-label-box {
+/* -moz-margin-start: 1ch;
+ -moz-margin-end: 1ch; */
+}
+
+notification[value="translation"] menulist > .menulist-dropmarker {
+}
+
+/* === END infobar.inc.css === */
+
+.translate-notification-icon,
+#translate-notification-icon {
+ list-style-image: url("chrome://browser/skin/translation-16.png");
+ -moz-image-region: rect(0px, 16px, 16px, 0px);
+}
+
+.translated-notification-icon,
+#translated-notification-icon {
+ list-style-image: url("chrome://browser/skin/translation-16.png");
+ -moz-image-region: rect(0px, 32px, 16px, 16px);
+}
+
+.translation-menupopup {
+ -moz-appearance: none;
+}
+
/* Bookmarks roots menu-items */
#subscribeToPageMenuitem:not([disabled]),
#subscribeToPageMenupopup,
/* Dark and light theme */
.devtools-autocomplete-popup {
- border: 1px solid #FF9F00;
- background-color: #000000;
border-radius: 3px;
overflow-x: hidden;
max-height: 40rem;
text-align: right;
}
-/* Rest of the light theme */
+/* Rest of the dark and light theme */
+
+.devtools-autocomplete-popup,
+.CodeMirror-hints,
+.CodeMirror-Tern-tooltip {
+ border: 1px solid #FF9F00;
+ background-color: #000000;
+}
.devtools-autocomplete-popup.light-theme {
}
* 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 */
* {
outline: 0;
}
+.property-value, .other-property-value {
+ background-image: url("arrow-e.png");
+ background-repeat: no-repeat;
+ background-size: 5px 8px;
+}
+
+@media (min-resolution: 2dppx) {
+ .property-value, .other-property-value {
+ background-image: url("arrow-e@2x.png");
+ }
+}
+
.property-value {
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;
outline: 0;
}
.other-property-value {
- background-image: url(arrow-e.png);
- background-repeat: no-repeat;
- background-size: 5px 8px;
background-position: left center;
padding-left: 8px;
}
margin-left: -12px!important;
}
-.expander[open] {
- margin-left: -17px!important;
-}
-
.expandable {
visibility: visible;
}
float: right;
}
+/* 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;
+}
+
.computedview-colorswatch {
border-radius: 50%;
width: 1em;
vertical-align: text-top;
-moz-margin-end: 5px;
display: inline-block;
+ position: relative;
}
.computedview-colorswatch::before {
background-position: 0 0, 6px 6px;
position: absolute;
border-radius: 50%;
- width: 1em;
- height: 1em;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
z-index: -1;
}
background-color: rgba(0,0,0,0.5);
}
-.theme-selected {
+.theme-selected,
+.CodeMirror-hint-active {
background: #004242;
color: #FF9F00; /* Light foreground text */
}
* failures in debug builds.
*/
.theme-link:visited,
-.cm-s-mozilla .cm-link:visited { /* original: blue */
+.cm-s-mozilla .cm-link:visited,
+.CodeMirror-Tern-type { /* original: blue */
color: #3333FF;
}
color: #A09090;
}
+.CodeMirror-Tern-completion-unknown:before {
+ background-color: #A09090;
+}
+
.theme-gutter {
background-color: #000000;
color: #FF9F00;
color: #008484;
}
+.CodeMirror-Tern-completion-number:before {
+ background-color: #008484;
+}
+
.theme-fg-color2,
.cm-s-mozilla .cm-attribute,
.cm-s-mozilla .cm-variable,
color: #9C9CFF;
}
+.CodeMirror-Tern-completion-object:before {
+ background-color: #9C9CFF;
+}
+
.theme-fg-color3,
.cm-s-mozilla .cm-builtin,
.cm-s-mozilla .cm-tag,
color: #E7ADE7;
}
+.CodeMirror-Tern-completion-array:before {
+ background-color: #E7ADE7;
+}
+
.theme-fg-color4 { /* original: purple/violet */
color: #C09070;
}
.theme-fg-color6,
.cm-s-mozilla .cm-string,
.cm-s-mozilla .cm-string-2,
-.variable-or-property .token-string { /* original: Orange */
+.variable-or-property .token-string,
+.CodeMirror-Tern-farg { /* original: Orange */
color: #E7ADE7;
}
+.CodeMirror-Tern-completion-string:before,
+.CodeMirror-Tern-completion-fn:before {
+ background-color: #E7ADE7;
+}
+
.theme-fg-color7,
.cm-s-mozilla .cm-atom,
.cm-s-mozilla .cm-quote,
color: #FF0000;
}
+.CodeMirror-Tern-completion-bool:before {
+ background-color: #FF0000;
+}
+
.variable-or-property .token-domnode {
font-weight: bold;
}
color: #E7ADE7;
}
+.CodeMirror-Tern-fname {
+ color: #A09090;
+}
+
+.CodeMirror-hints,
+.CodeMirror-Tern-tooltip {
+ background-color: #000000;
+ color: #FF9F00;
+}
+
/* === BEGIN toolbars.inc.css === */
.devtools-toolbar {
.dbg-expression-arrow {
background-image: url("commandline-icon.png");
- background-position: 16px;
+ background-position: -16px 0;
background-repeat: no-repeat;
background-size: 32px 16px;
width: 16px;
vertical-align: text-top;
-moz-margin-end: 5px;
display: inline-block;
+ position: relative;
}
.ruleview-colorswatch::before {
background-position: 0 0, 6px 6px;
position: absolute;
border-radius: 50%;
- width: 1em;
- height: 1em;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
z-index: -1;
}