second and final part of syncing LCARStrek with Firefox 54 browser windows theme...

[themes.git] / LCARStrek / browser / browser.css

diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css
index b56b12480ae2ac6d82c88c5209f95498beba71ef..88d26e956f0a690811981b49f3e8c84c7fd2c88a 100644 (file)
--- a/LCARStrek/browser/browser.css
+++ b/LCARStrek/browser/browser.css
@@ -36,6 +36,41 @@ menubar {
   -moz-binding: url("chrome://global/skin/globalBindings.xml#menubar");
 }
 
+/* === BEGIN browser.inc.css === */
+
+/* Zoom button */
+#urlbar-zoom-button {
+  margin: 0 3px;
+  font-size: .8em;
+  padding: 0 8px;
+  border-radius: 1em;
+/*  background-color: hsla(0,0%,0%,.05);
+  border: 1px solid ThreeDLightShadow;*/
+}
+
+#urlbar-zoom-button[animate="true"] {
+  animation-name: urlbar-zoom-reset-pulse;
+  animation-duration: 250ms;
+}
+
+#urlbar-zoom-button:hover {
+/*  background-color: hsla(0,0%,0%,.1);*/
+}
+
+#urlbar-zoom-button:hover:active {
+/*  background-color: hsla(0,0%,0%,.15);*/
+}
+
+#urlbar-zoom-button > .toolbarbutton-text {
+  display: -moz-box;
+}
+
+#urlbar-zoom-button > .toolbarbutton-icon {
+  display: none;
+}
+
+/* === END browser.inc.css === */
+
 :root {
   /*--backbutton-urlbar-overlap: 5px;*/
 
@@ -106,13 +141,6 @@ menubar {
   display: none;
 }
 
-#main-window[customize-entered][tabsintitlebar]:not([inFullscreen]) #toolbar-menubar[customizing-dragovertarget].customization-target::before,
-#main-window[customize-entered][tabsintitlebar]:not([inFullscreen]) #TabsToolbar[customizing-dragovertarget].customization-target::before,
-#main-window[customize-entered][tabsintitlebar]:not([inFullscreen]) #toolbar-menubar.customization-target:hover::before,
-#main-window[customize-entered][tabsintitlebar]:not([inFullscreen]) #TabsToolbar.customization-target:hover::before {
-  outline-color: #A09090;
-}
-
 #navigator-toolbox {
 }
 
@@ -1699,34 +1727,7 @@ html|*.urlbar-input:-moz-lwtheme::placeholder,
 
 #urlbar-zoom-button {
 /*  -moz-appearance: none;*/
-  margin: 0 3px;
-  font-size: .8em;
-  padding: 0 8px;
-  border-radius: 1em;
-/*  background-color: hsla(0,0%,0%,.05);
-  color: inherit;
-  border: 1px solid ThreeDLightShadow;*/
-}
-
-#urlbar-zoom-button[animate="true"] {
-  animation-name: urlbar-zoom-reset-pulse;
-  animation-duration: 250ms;
-}
-
-#urlbar-zoom-button:hover {
-/*  background-color: hsla(0,0%,0%,.1);*/
-}
-
-#urlbar-zoom-button:hover:active {
-/*  background-color: hsla(0,0%,0%,.15);*/
-}
-
-#urlbar-zoom-button > .toolbarbutton-text {
-  display: -moz-box;
-}
-
-#urlbar-zoom-button > .toolbarbutton-icon {
-  display: none;
+/*  color: inherit;*/
 }
 
 .search-go-container {
@@ -2244,14 +2245,9 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box
   border-radius: 2px;
   border: 1px solid transparent;
 }
-
-.autocomplete-richlistitem[selected=true] {
-  background-color: hsl(210, 80%, 52%);
-}
 */
 .ac-title {
   font-size: 14px;
-/*  color: hsl(0, 0%, 0%);*/
 }
 
 .ac-tags {
@@ -2259,8 +2255,6 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box
 }
 /*
 html|span.ac-tag {
-  background-color: hsl(216, 0%, 88%);
-  color: hsl(0, 0%, 0%);
   border-radius: 2px;
   border: 1px solid transparent;
   padding: 0 1px;
@@ -2273,30 +2267,6 @@ html|span.ac-tag {
   font-size: 12px;
 }
 
-.ac-separator {
-/*  color: hsl(0, 0%, 50%);*/
-}
-
-.ac-url {
-  color: #9C9CFF;
-}
-
-.ac-action {
-  color: #9C9CFF;
-}
-
-.ac-title[selected=true],
-.ac-separator[selected],
-.ac-url[selected=true],
-.ac-action[selected=true] {
-  color: #000000;
-}
-
-.ac-tags-text[selected] > html|span.ac-tag {
-  background-color: #A09090;
-  color: #000000;
-}
-
 html|span.ac-emphasize-text-title,
 html|span.ac-emphasize-text-tag,
 html|span.ac-emphasize-text-url {
@@ -3189,7 +3159,7 @@ richlistitem[selected="true"][current="true"] > .ac-title-box > .ac-result-type-
   transition: 1s background-color ease-out;
 }
 
-.tabbrowser-arrowscrollbox > .scrollbutton-down[notifybgtab] {
+.tabbrowser-arrowscrollbox > .scrollbutton-down[highlight] {
   background-color: #008484;
 }
 
@@ -3833,13 +3803,10 @@ html|*.pointerlockfswarning-domain {
   margin: 0;
 }
 
+html|*#fullscreen-exit-button {
+
 html|*.pointerlockfswarning-exit-button {
-  padding: 5px 30px;
-  font-family: "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
-  font-size: 14px;
-  font-weight: lighter;
   margin: 0;
-  box-sizing: content-box;
 
   border-radius: 300px;
   border: none;
@@ -4552,6 +4519,22 @@ notification.pluginVulnerable .messageImage {
   --drag-drop-transition-duration: .3s;
 }
 
+#main-window[customization-lwtheme] #tab-view-deck:-moz-lwtheme {
+  background-repeat: no-repeat;
+  background-position: right top;
+  background-attachment: fixed;
+  background-color: transparent;
+  background-image: -moz-image-rect(var(--lwt-header-image), 0, 100%,
+                      var(--toolbox-rect-height), 0),
+                    linear-gradient(to bottom,
+                      var(--lwt-accent-color) calc(var(--toolbox-rect-height-with-unit) - 1px),
+                      rgba(0,0,0,0.25) calc(var(--toolbox-rect-height-with-unit) - 1px),
+                      rgba(0,0,0,0.25) calc(var(--toolbox-rect-height-with-unit) + 1px),
+                      rgba(255,255,255,0.5) calc(var(--toolbox-rect-height-with-unit) + 1px),
+                      rgba(255,255,255,0.5) calc(var(--toolbox-rect-height-with-unit) + 2px),
+                      transparent calc(var(--toolbox-rect-height-with-unit) + 2px));
+}
+
 #main-window:-moz-any([customize-entering],[customize-entered]) #browser-bottombox {
   margin-bottom: 1em;
 }
@@ -5100,15 +5083,6 @@ toolbarpaletteitem[place="toolbar"]:not([mousedown="true"]):-moz-focusring {
   background-attachment: fixed;
 }
 
-#main-window[customization-lwtheme] > #tab-view-deck:-moz-lwtheme {
-  background-repeat: no-repeat;
-  background-position: right top;
-  background-attachment: fixed;
-  /* The image will get set from CustomizeMode.jsm */
-  background-image: none;
-  background-color: transparent;
-}
-
 #main-window[customization-lwtheme]:-moz-lwtheme {
   background-image: url("chrome://browser/skin/customizableui/customizeMode-gridTexture.png");
   background-repeat: repeat;