fourth part of syncing LCARStrek with Firefox 34 windows theme changes
authorRobert Kaiser <kairo@kairo.at>
Sat, 13 Dec 2014 21:07:53 +0000 (13:07 -0800)
committerRobert Kaiser <kairo@kairo.at>
Sat, 13 Dec 2014 21:07:53 +0000 (13:07 -0800)
LCARStrek/browser/Fxtheme-switcher-icon.png [new file with mode: 0644]
LCARStrek/browser/browser.css
LCARStrek/browser/customizableui/panelUIOverlay.css
LCARStrek/browser/newtab/newTab.css
LCARStrek/browser/social/chat-icons.png [deleted file]
LCARStrek/browser/social/chat-icons.svg [new file with mode: 0644]

diff --git a/LCARStrek/browser/Fxtheme-switcher-icon.png b/LCARStrek/browser/Fxtheme-switcher-icon.png
new file mode 100644 (file)
index 0000000..f574a72
Binary files /dev/null and b/LCARStrek/browser/Fxtheme-switcher-icon.png differ
index a681345ecc56d6db9af2dfc06cc23dc00346464a..d648f6f3db6931ba3df86d86435389803bbc1821 100644 (file)
@@ -3330,6 +3330,31 @@ notification[value="translation"] menulist > .menulist-dropmarker {
   width: 70px;
 }
 
+.translation-welcome-panel {
+  width: 305px;
+}
+
+.translation-welcome-logo {
+  height: 32px;
+  width: 32px;
+  list-style-image: url(chrome://browser/skin/translation-16@2x.png);
+  -moz-image-region: rect(0, 64px, 32px, 32px);
+}
+
+.translation-welcome-content {
+  -moz-margin-start: 16px;
+}
+
+.translation-welcome-headline {
+  font-size: larger;
+  font-weight: bold;
+}
+
+.translation-welcome-body {
+  padding: 1em 0;
+  margin: 0 0;
+}
+
 /* === END infobar.inc.css === */
 
 notification[value="translation"] {
@@ -4431,10 +4456,17 @@ html|*#gcli-output-frame {
 .chat-toolbarbutton {
   -moz-appearance: none;
   border: none;
-  padding: 0;
+  padding: 0 3px;
   margin: 0;
   background: none;
-  width: 16px;
+}
+
+.chat-toolbarbutton:hover {
+/*  background-color: rgba(255,255,255,.35);*/
+}
+
+.chat-toolbarbutton:hover:active {
+/*  background-color: rgba(255,255,255,.5);*/
 }
 
 .chat-toolbarbutton > .toolbarbutton-text {
@@ -4442,52 +4474,37 @@ html|*#gcli-output-frame {
 }
 
 .chat-toolbarbutton > .toolbarbutton-icon {
-  width: inherit;
-}
-
-.chat-toolbarbutton.notification-anchor-icon > .toolbarbutton-icon {
-  width: inherit;
-  margin-top: -2px;
+  width: 16px;
+  height: 16px;
 }
 
 .chat-close-button {
-  list-style-image: url('chrome://browser/skin/social/chat-icons.png');
-  -moz-image-region: rect(0, 16px, 16px, 0);
+  list-style-image: url("chrome://browser/skin/social/chat-icons.svg#close");
 }
 
-.chat-close-button:hover,
-.chat-close-button:hover:active {
-  -moz-image-region: rect(0, 32px, 16px, 16px);
+.chat-close-button:-moz-any(:hover,:hover:active) {
+  list-style-image: url("chrome://browser/skin/social/chat-icons.svg#close-active");
 }
 
 .chat-minimize-button {
-  list-style-image: url('chrome://browser/skin/social/chat-icons.png');
-  -moz-image-region: rect(16px, 16px, 32px, 0);
+  list-style-image: url("chrome://browser/skin/social/chat-icons.svg#minimize");
 }
 
-.chat-minimize-button:hover:active,
-.chat-minimize-button:hover {
-  -moz-image-region: rect(16px, 32px, 32px, 16px);
+.chat-minimize-button:-moz-any(:hover,:hover:active) {
+  list-style-image: url("chrome://browser/skin/social/chat-icons.svg#minimize-active");
 }
 
 .chat-swap-button {
-  list-style-image: url('chrome://browser/skin/social/chat-icons.png');
-  -moz-image-region: rect(48px, 16px, 64px, 0);
+  list-style-image: url("chrome://browser/skin/social/chat-icons.svg#expand");
+  transform: rotate(180deg);
 }
 
-.chat-swap-button:hover:active,
-.chat-swap-button:hover {
-  -moz-image-region: rect(48px, 32px, 64px, 16px);
+.chat-swap-button:-moz-any(:hover,:hover:active) {
+  list-style-image: url("chrome://browser/skin/social/chat-icons.svg#expand-active");
 }
 
 chatbar > chatbox > .chat-titlebar > .chat-swap-button {
-  list-style-image: url('chrome://browser/skin/social/chat-icons.png');
-  -moz-image-region: rect(32px, 16px, 48px, 0);
-}
-
-chatbar > chatbox > .chat-titlebar > .chat-swap-button:hover:active,
-chatbar > chatbox > .chat-titlebar > .chat-swap-button:hover {
-  -moz-image-region: rect(32px, 32px, 48px, 16px);
+  transform: none;
 }
 
 .chat-title {
@@ -4500,12 +4517,11 @@ chatbar > chatbox > .chat-titlebar > .chat-swap-button:hover {
 .chat-titlebar {
   background-color: #9C9CFF;
   color: #000000;
-  height: 20px;
-  min-height: 16px;
+  height: 30px;
+  min-height: 30px;
   width: 100%;
   margin: 0;
-  padding: 2px;
-  -moz-padding-start: 6px;
+  padding: 7px 6px;
   border: none;
   border-bottom: 1px solid #008484;
   cursor: pointer;
@@ -4528,6 +4544,18 @@ chatbar > chatbox > .chat-titlebar > .chat-swap-button:hover {
   background-color: #E7ADE7;
 }
 
+chatbox[dark=true] > .chat-titlebar,
+chatbox[dark=true] > .chat-titlebar[selected] {
+/*  border-bottom: none;
+  background-color: #000;
+  background-image: none;*/
+}
+
+chatbox[dark=true] > .chat-titlebar > hbox > .chat-title {
+/*  font-weight: normal;
+  color: #c1c1c1;*/
+}
+
 .chat-frame {
   padding: 0;
   margin: 0;
@@ -5053,6 +5081,10 @@ toolbarpaletteitem[place="toolbar"] {
   -moz-padding-start: 0;
 }
 
+.customization-lwtheme-menu-theme[defaulttheme] {
+  list-style-image: url(chrome://browser/skin/Fxtheme-switcher-icon.png);
+}
+
 .customization-lwtheme-menu-theme[active="true"] {
   background-color: #008484;
 }
@@ -5110,10 +5142,7 @@ toolbarpaletteitem[place="toolbar"] {
   background-color: #FFCF00;
 }
 
-#customization-lwtheme-menu-footer:not(:hover) > .customization-lwtheme-menu-footeritem:first-child {
-}
-
-#customization-lwtheme-menu-footer:hover > .customization-lwtheme-menu-footeritem:first-child {
+.customization-lwtheme-menu-footeritem:first-child {
 }
 
 /* === END customizeMode.inc.css === */
index ebf9e32dbcaad28ceec143275959e48fa01bba37..685da6c83f4fbfe9a00992e4f2e7ab9092840e5e 100644 (file)
@@ -83,7 +83,6 @@
 
 .panel-subviews {
   padding: 4px;
-  background-color: #000000;
   -moz-margin-start: 38px;
 }
 
@@ -1212,6 +1211,10 @@ menuitem[checked="true"].subviewbutton > .menu-iconic-left {
 
 /* === END panelUIOverlay.inc.css === */
 
+.panel-subviews {
+  background-color: #000000;
+}
+
 #PanelUI-contents #zoom-out-btn {
   padding-left: 12px;
   padding-right: 12px;
index ab7ef7157f2332db7c3664ac41012847711b533f..1e86ac889601f460846089608c0ed2f331e46c87 100644 (file)
 }
 
 /* TITLES */
+#newtab-intro-what,
 .newtab-sponsored,
 .newtab-title {
   padding: 0 8px;
diff --git a/LCARStrek/browser/social/chat-icons.png b/LCARStrek/browser/social/chat-icons.png
deleted file mode 100644 (file)
index 901b6db..0000000
Binary files a/LCARStrek/browser/social/chat-icons.png and /dev/null differ
diff --git a/LCARStrek/browser/social/chat-icons.svg b/LCARStrek/browser/social/chat-icons.svg
new file mode 100644 (file)
index 0000000..c8e7135
--- /dev/null
@@ -0,0 +1,45 @@
+<?xml version="1.0"?>
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - 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/. -->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     x="0px" y="0px"
+     viewBox="-3 -3 16 16"
+     enable-background="new 0 0 16 16"
+     xml:space="preserve">
+<style>
+use:not(:target) {
+  display: none;
+}
+
+use {
+  fill: #FFCF00;
+}
+
+use[id$="-active"] {
+  fill: #000000;
+}
+
+use[id$="-disabled"] {
+  fill: #8050B0;
+}
+</style>
+<defs>
+  <polygon id="close-shape" fill-rule="evenodd" clip-rule="evenodd" points="10,1.717 8.336,0.049 5.024,3.369 1.663,0 0,1.668
+    3.36,5.037 0.098,8.307 1.762,9.975 5.025,6.705 8.311,10 9.975,8.332 6.688,5.037"/>
+  <path id="dropdown-shape" fill-rule="evenodd" clip-rule="evenodd" d="M9,3L4.984,7L1,3H9z"/>
+  <polygon id="expand-shape" fill-rule="evenodd" clip-rule="evenodd" points="10,0 4.838,0 6.506,1.669 0,8.175 1.825,10 8.331,3.494
+    10,5.162"/>
+  <rect id="minimize-shape" y="3.6" fill-rule="evenodd" clip-rule="evenodd" width="10" height="2.8"/>
+</defs>
+<use id="close"               xlink:href="#close-shape"/>
+<use id="close-active"        xlink:href="#close-shape"/>
+<use id="close-disabled"      xlink:href="#close-shape"/>
+<use id="expand"              xlink:href="#expand-shape"/>
+<use id="expand-active"       xlink:href="#expand-shape"/>
+<use id="expand-disabled"     xlink:href="#expand-shape"/>
+<use id="minimize"            xlink:href="#minimize-shape"/>
+<use id="minimize-active"     xlink:href="#minimize-shape"/>
+<use id="minimize-disabled"   xlink:href="#minimize-shape"/>
+</svg>