second part of syncing LCARStrek with Firefox 32 windows theme changes
authorRobert Kaiser <robert@widebook.box.kairo.at>
Mon, 1 Sep 2014 00:58:08 +0000 (02:58 +0200)
committerRobert Kaiser <robert@widebook.box.kairo.at>
Mon, 1 Sep 2014 00:58:08 +0000 (02:58 +0200)
LCARStrek/browser/browser.css
LCARStrek/browser/devtools/arrow-e.png
LCARStrek/browser/devtools/arrow-e@2x.png [new file with mode: 0644]
LCARStrek/browser/devtools/common.css
LCARStrek/browser/devtools/computedview.css
LCARStrek/browser/devtools/dark-theme.css
LCARStrek/browser/devtools/debugger.css
LCARStrek/browser/devtools/ruleview.css
LCARStrek/browser/translation-16.png [new file with mode: 0644]
LCARStrek/browser/translation-16@2x.png [new file with mode: 0644]

index ab4d54d213c1a10fc48b1746d8c37a4a94688336..f0055864e5aa0d0c9dad2bd38b4cd08cb5977091 100644 (file)
@@ -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,
index 09691bc5e540079d8b83efbd4aa78f2b71e03d95..20a71b59545ffc1c0ac606a4887d4e788194b96f 100644 (file)
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 (file)
index 0000000..e80b149
Binary files /dev/null and b/LCARStrek/browser/devtools/arrow-e@2x.png differ
index fed30341221afa6c8faeb6a3c167f6885b09a25d..6c9875b550d8718fbfa034d0caad7b5a95f44fcb 100644 (file)
@@ -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 {
 }
index 95730f7eec825abdef990b31a60bb663ca4638e8..428c131a8c4bccca06ade0a9b3f9c5d7c86cd433 100644 (file)
@@ -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;
 }
index cadd342941152b116547f667dc57de28f383453a..a34a8b17c640031e6b6731fd738134985a47ce90 100644 (file)
@@ -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;
 }
 
   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;
 }
@@ -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 {
index 3f3299c1fdbeb86075360783712ceb5059733f09..86494e3614af4812a845ca49f5dbaa5d35485b05 100644 (file)
@@ -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;
index c970fc26199b42ed9b8e5078c4787925c9152097..6681dc48e2ff5a47259d4b2b3cc75bc1c32625f0 100644 (file)
   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;
 }
 
diff --git a/LCARStrek/browser/translation-16.png b/LCARStrek/browser/translation-16.png
new file mode 100644 (file)
index 0000000..c4747ed
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 (file)
index 0000000..649b2a8
Binary files /dev/null and b/LCARStrek/browser/translation-16@2x.png differ