projects / themes.git / blobdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | inline | side by side
sync both themes with toolkit windows theme changes in Mozilla 55 cycle
[themes.git] / LCARStrek / browser / browser.css
diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css
index 88d26e956f0a690811981b49f3e8c84c7fd2c88a..61ea7c6fc224f4f945fe04a38faacf52938778ac 100644 (file)
--- a/LCARStrek/browser/browser.css
+++ b/LCARStrek/browser/browser.css
@@ -38,6 +38,40 @@ menubar {
 
 /* === BEGIN browser.inc.css === */
 
+/* Go button */
+.urlbar-go-button {
+  padding: 0 3px;
+  list-style-image: url("chrome://browser/skin/reload-stop-goFx.png");
+}
+
+.urlbar-go-button {
+  -moz-image-region: rect(0, 42px, 14px, 28px);
+}
+
+.urlbar-go-button:hover {
+  -moz-image-region: rect(14px, 42px, 28px, 28px);
+}
+
+.urlbar-go-button:-moz-locale-dir(rtl) {
+  transform: scaleX(-1);
+}
+
+@media (min-resolution: 1.1dppx) {
+  .urlbar-go-button {
+    list-style-image: url("chrome://browser/skin/reload-stop-go@2x.png");
+    -moz-image-region: rect(0, 84px, 28px, 56px);
+    width: 14px;
+  }
+
+  .urlbar-go-button:hover {
+    -moz-image-region: rect(28px, 84px, 56px, 56px);
+  }
+
+  .urlbar-go-button:hover:active {
+    -moz-image-region: rect(56px, 84px, 84px, 56px);
+  }
+}
+
 /* Zoom button */
 #urlbar-zoom-button {
   margin: 0 3px;
@@ -69,6 +103,55 @@ menubar {
   display: none;
 }
 
+/* Page action button */
+#urlbar-page-action-button {
+  list-style-image: url("chrome://browser/skin/page-action.svg");
+/*  margin: 0;
+  padding: 0 6px;*/
+  -moz-context-properties: fill;
+  fill: currentColor;
+}
+
+#urlbar-page-action-button > .toolbarbutton-icon {
+  width: 16px;
+}
+
+#page-action-copy-url-button {
+  list-style-image: url("chrome://browser/skin/copy-url.svg");
+  -moz-context-properties: fill;
+  fill: currentColor;
+}
+
+#page-action-email-link-button {
+  list-style-image: url("chrome://browser/skin/email-link.svg");
+  -moz-context-properties: fill;
+  fill: currentColor;
+}
+
+#page-action-send-to-device-button {
+  list-style-image: url("chrome://browser/skin/device-mobile.svg");
+  -moz-context-properties: fill;
+  fill: currentColor;
+}
+
+.page-action-sendToDevice-device[clientType=mobile] {
+  list-style-image: url("chrome://browser/skin/device-mobile.svg");
+  -moz-context-properties: fill;
+  fill: currentColor;
+}
+
+.page-action-sendToDevice-device[clientType=desktop] {
+  list-style-image: url("chrome://browser/skin/device-desktop.svg");
+  -moz-context-properties: fill;
+  fill: currentColor;
+}
+
+#page-action-sendToDevice-fxa-button {
+  list-style-image: url("chrome://browser/skin/sync.svg");
+  -moz-context-properties: fill;
+  fill: currentColor;
+}
+
 /* === END browser.inc.css === */
 
 :root {
@@ -474,7 +557,7 @@ menuitem.bookmark-item {
 /* ::::: bookmark items ::::: */
 
 .bookmark-item  {
-  list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
+  list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.svg");
   -moz-image-region: auto;
 }
 
@@ -895,6 +978,10 @@ menuitem.bookmark-item {
   transform: scaleX(-1);
 }
 
+#nav-bar-overflow-button > .toolbarbutton-animatable-box > .toolbarbutton-animatable-image {
+  display: none;
+}
+
 #tabview-button {
   -moz-image-region: rect(0, 648px, 18px, 630px);
 }
@@ -944,6 +1031,10 @@ menuitem.bookmark-item {
   -moz-image-region: rect(18px, 738px, 36px, 720px);
 }
 
+#pocket-button {
+  fill: currentColor !important;
+}
+
 /* === END toolbarbuttons.inc.css === */
 
 /* === BEGIN menupanel.inc.css === */
@@ -1478,6 +1569,12 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper:not(:hover) > #forward-but
 #back-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
   transform: scaleX(-1);
 }
+
+#forward-button > .toolbarbutton-menu-dropmarker,
+#back-button > .toolbarbutton-menu-dropmarker {
+  display: none;
+}
+
 /*
 .unified-nav-back[_moz-menuactive]:-moz-locale-dir(ltr),
 .unified-nav-forward[_moz-menuactive]:-moz-locale-dir(rtl) {
@@ -2346,6 +2443,12 @@ richlistitem[selected="true"][current="true"] > .ac-title-box > .ac-result-type-
   border-image-slice: 1;
 }
 
+/* XXX: temporary for Photon preview changes */
+#reload-button,
+#stop-button {
+  list-style-image: url("chrome://browser/skin/reload-stop-goFx.png");
+}
+
 #urlbar:-moz-locale-dir(ltr) > toolbarbutton {
   border-top-left-radius: 0px;
   border-bottom-left-radius: 0px;
@@ -2362,18 +2465,22 @@ richlistitem[selected="true"][current="true"] > .ac-title-box > .ac-result-type-
   padding-inline-start: 3px;
 }
 
+#reload-button,
 #urlbar-reload-button {
   -moz-image-region: rect(0px, 14px, 14px, 0px);
 }
 
+#reload-button[disabled=true],
 #urlbar-reload-button[disabled=true] {
   -moz-image-region: rect(28px, 14px, 42px, 0px);
 }
 
+#reload-button:not([disabled=true]):hover,
 #urlbar-reload-button:not([disabled=true]):hover {
   -moz-image-region: rect(14px, 14px, 28px, 0px);
 }
 
+#reload-button:-moz-locale-dir(rtl) > .toolbarbutton-icon,
 #urlbar-reload-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
   transform: scaleX(-1);
 }
@@ -2390,21 +2497,27 @@ richlistitem[selected="true"][current="true"] > .ac-title-box > .ac-result-type-
   transform: scaleX(-1);
 }
 
+#stop-button,
 #urlbar-stop-button {
   -moz-image-region: rect(0px, 28px, 14px, 14px);
 }
 
+#stop-button:hover,
 #urlbar-stop-button:hover {
   -moz-image-region: rect(14px, 28px, 28px, 14px);
 }
 
 @media (min-resolution: 1.1dppx) {
+  #reload-button,
+  #stop-button,
   #urlbar-go-button,
   #urlbar-reload-button,
   #urlbar-stop-button {
     list-style-image: url("chrome://browser/skin/reload-stop-go@2x.png");
   }
 
+  #reload-button > .toolbarbutton-icon,
+  #stop-button > .toolbarbutton-icon,
   #urlbar-go-button > .toolbarbutton-icon,
   #urlbar-reload-button > .toolbarbutton-icon,
   #urlbar-stop-button > .toolbarbutton-icon {
@@ -2423,26 +2536,32 @@ richlistitem[selected="true"][current="true"] > .ac-title-box > .ac-result-type-
     -moz-image-region: rect(56px, 84px, 84px, 56px);
   }
 
+  #reload-button,
   #urlbar-reload-button {
     -moz-image-region: rect(0, 28px, 28px, 0);
   }
 
+  #reload-button:not([disabled]):hover,
   #urlbar-reload-button:not([disabled]):hover {
     -moz-image-region: rect(28px, 28px, 56px, 0);
   }
 
+  #reload-button:not([disabled]):hover:active,
   #urlbar-reload-button:not([disabled]):hover:active {
     -moz-image-region: rect(56px, 28px, 84px, 0);
   }
 
+  #stop-button,
   #urlbar-stop-button {
     -moz-image-region: rect(0, 56px, 28px, 28px);
   }
 
+  #stop-button:not([disabled]):hover,
   #urlbar-stop-button:not([disabled]):hover {
     -moz-image-region: rect(28px, 56px, 56px, 28px);
   }
 
+  #stop-button:hover:active,
   #urlbar-stop-button:hover:active {
     -moz-image-region: rect(56px, 56px, 84px, 28px);
   }
@@ -2770,7 +2889,7 @@ richlistitem[selected="true"][current="true"] > .ac-title-box > .ac-result-type-
 }
 
 .tab-icon-image {
-  list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
+  list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.svg");
 }
 
 .tab-icon-image[sharing]:not([selected]),
@@ -3069,10 +3188,6 @@ richlistitem[selected="true"][current="true"] > .ac-title-box > .ac-result-type-
   .tab-background-end[selected=true]:-moz-locale-dir(ltr)::after,
   .tab-background-start[selected=true]:-moz-locale-dir(rtl)::after {
   }
-
-  .tab-icon-image {
-    list-style-image: url("chrome://mozapps/skin/places/defaultFavicon@2x.png");
-  }
 }
 
 /* All tabs menupopup */
@@ -3199,6 +3314,7 @@ richlistitem[selected="true"][current="true"] > .ac-title-box > .ac-result-type-
 
 #TabsToolbar > #new-tab-button {
   width: 26px;
+  -moz-box-orient: horizontal;
 }
 
 #alltabs-button {
@@ -3225,7 +3341,7 @@ richlistitem[selected="true"][current="true"] > .ac-title-box > .ac-result-type-
 
 /* All tabs menupopup */
 .alltabs-item > .menu-iconic-left > .menu-iconic-icon {
-  list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
+  list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.svg");
   -moz-image-region: auto;
 }
 
@@ -3336,7 +3452,7 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] {
 
 @media (min-resolution: 1.1dppx) {
   .notification-anchor-icon {
-    list-style-image: url(chrome://global/skin/icons/information-32.png);
+    list-style-image: url(chrome://global/skin/icons/info.svg);
   }
 }
 
@@ -3611,7 +3727,7 @@ html|*#webRTC-previewVideo {
 .addon-toolbar-icon {
   width: 14px;
   height: 14px;
-  list-style-image: url("chrome://browser/skin/Toolbar.png");
+  list-style-image: url("chrome://browser/skin/ToolbarFx.png");
   -moz-image-region: rect(0, 486px, 18px, 468px);
 }
 
@@ -3789,7 +3905,6 @@ html|*.pointerlockfswarning[data-identity="verifiedDomain"]::before {
 html|*.pointerlockfswarning[data-identity="unknownIdentity"]::before {
   content: url("chrome://browser/skin/fullscreen/insecure.svg");
 }
-
 html|*.pointerlockfswarning-domain-text,
 html|*.pointerlockfswarning-generic-text {
   font-size: 21px;
@@ -3803,8 +3918,7 @@ html|*.pointerlockfswarning-domain {
   margin: 0;
 }
 
-html|*#fullscreen-exit-button {
-
+html|*#fullscreen-exit-button,
 html|*.pointerlockfswarning-exit-button {
   margin: 0;
 
KaiRo's SeaMonkey themes