From: Robert Kaiser Date: Mon, 1 Sep 2014 00:58:08 +0000 (+0200) Subject: second part of syncing LCARStrek with Firefox 32 windows theme changes X-Git-Tag: LCARStrek-2.29~8 X-Git-Url: https://git-public.kairo.at/?a=commitdiff_plain;h=ed88669caec874222dbeeb427afef95fbd787acb;p=themes.git second part of syncing LCARStrek with Firefox 32 windows theme changes --- diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css index ab4d54d2..f0055864 100644 --- a/LCARStrek/browser/browser.css +++ b/LCARStrek/browser/browser.css @@ -3166,6 +3166,71 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #forward-button[disabled 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, diff --git a/LCARStrek/browser/devtools/arrow-e.png b/LCARStrek/browser/devtools/arrow-e.png index 09691bc5..20a71b59 100644 Binary files a/LCARStrek/browser/devtools/arrow-e.png and b/LCARStrek/browser/devtools/arrow-e.png differ diff --git a/LCARStrek/browser/devtools/arrow-e@2x.png b/LCARStrek/browser/devtools/arrow-e@2x.png new file mode 100644 index 00000000..e80b1491 Binary files /dev/null and b/LCARStrek/browser/devtools/arrow-e@2x.png differ diff --git a/LCARStrek/browser/devtools/common.css b/LCARStrek/browser/devtools/common.css index fed30341..6c9875b5 100644 --- a/LCARStrek/browser/devtools/common.css +++ b/LCARStrek/browser/devtools/common.css @@ -49,8 +49,6 @@ notification { /* Dark and light theme */ .devtools-autocomplete-popup { - border: 1px solid #FF9F00; - background-color: #000000; border-radius: 3px; overflow-x: hidden; max-height: 40rem; @@ -96,7 +94,14 @@ notification { 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 { } diff --git a/LCARStrek/browser/devtools/computedview.css b/LCARStrek/browser/devtools/computedview.css index 95730f7e..428c131a 100644 --- a/LCARStrek/browser/devtools/computedview.css +++ b/LCARStrek/browser/devtools/computedview.css @@ -3,22 +3,6 @@ * 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 */ * { @@ -67,23 +51,29 @@ body { 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; } @@ -108,10 +98,6 @@ body { margin-left: -12px!important; } -.expander[open] { - margin-left: -17px!important; -} - .expandable { visibility: visible; } @@ -171,6 +157,25 @@ body { 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; @@ -178,6 +183,7 @@ body { vertical-align: text-top; -moz-margin-end: 5px; display: inline-block; + position: relative; } .computedview-colorswatch::before { @@ -189,7 +195,9 @@ body { 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; } diff --git a/LCARStrek/browser/devtools/dark-theme.css b/LCARStrek/browser/devtools/dark-theme.css index cadd3429..a34a8b17 100644 --- a/LCARStrek/browser/devtools/dark-theme.css +++ b/LCARStrek/browser/devtools/dark-theme.css @@ -25,7 +25,8 @@ background-color: rgba(0,0,0,0.5); } -.theme-selected { +.theme-selected, +.CodeMirror-hint-active { background: #004242; color: #FF9F00; /* Light foreground text */ } @@ -45,7 +46,8 @@ * 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; } @@ -58,6 +60,10 @@ color: #A09090; } +.CodeMirror-Tern-completion-unknown:before { + background-color: #A09090; +} + .theme-gutter { background-color: #000000; color: #FF9F00; @@ -76,6 +82,10 @@ color: #008484; } +.CodeMirror-Tern-completion-number:before { + background-color: #008484; +} + .theme-fg-color2, .cm-s-mozilla .cm-attribute, .cm-s-mozilla .cm-variable, @@ -86,6 +96,10 @@ color: #9C9CFF; } +.CodeMirror-Tern-completion-object:before { + background-color: #9C9CFF; +} + .theme-fg-color3, .cm-s-mozilla .cm-builtin, .cm-s-mozilla .cm-tag, @@ -95,6 +109,10 @@ color: #E7ADE7; } +.CodeMirror-Tern-completion-array:before { + background-color: #E7ADE7; +} + .theme-fg-color4 { /* original: purple/violet */ color: #C09070; } @@ -108,10 +126,16 @@ .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, @@ -122,6 +146,10 @@ color: #FF0000; } +.CodeMirror-Tern-completion-bool:before { + background-color: #FF0000; +} + .variable-or-property .token-domnode { font-weight: bold; } @@ -335,6 +363,16 @@ div.CodeMirror span.eval-text { color: #E7ADE7; } +.CodeMirror-Tern-fname { + color: #A09090; +} + +.CodeMirror-hints, +.CodeMirror-Tern-tooltip { + background-color: #000000; + color: #FF9F00; +} + /* === BEGIN toolbars.inc.css === */ .devtools-toolbar { diff --git a/LCARStrek/browser/devtools/debugger.css b/LCARStrek/browser/devtools/debugger.css index 3f3299c1..86494e36 100644 --- a/LCARStrek/browser/devtools/debugger.css +++ b/LCARStrek/browser/devtools/debugger.css @@ -320,7 +320,7 @@ window { .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; diff --git a/LCARStrek/browser/devtools/ruleview.css b/LCARStrek/browser/devtools/ruleview.css index c970fc26..6681dc48 100644 --- a/LCARStrek/browser/devtools/ruleview.css +++ b/LCARStrek/browser/devtools/ruleview.css @@ -110,6 +110,7 @@ vertical-align: text-top; -moz-margin-end: 5px; display: inline-block; + position: relative; } .ruleview-colorswatch::before { @@ -121,8 +122,10 @@ 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; } diff --git a/LCARStrek/browser/translation-16.png b/LCARStrek/browser/translation-16.png new file mode 100644 index 00000000..c4747ed0 Binary files /dev/null and b/LCARStrek/browser/translation-16.png differ diff --git a/LCARStrek/browser/translation-16@2x.png b/LCARStrek/browser/translation-16@2x.png new file mode 100644 index 00000000..649b2a81 Binary files /dev/null and b/LCARStrek/browser/translation-16@2x.png differ