projects / themes.git / blobdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | inline | side by side
make reload button a bit nicer and cover the whole 16x16 frame
[themes.git] / LCARStrek / browser / browser.css
diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css
index 29431c641ebb2ee19716626d5cf7797cfbe1ad28..b054aa175f74128464f402522c4874e5d52c61a6 100644 (file)
--- a/LCARStrek/browser/browser.css
+++ b/LCARStrek/browser/browser.css
@@ -1820,8 +1820,8 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper:-moz-locale-dir(rtl) {
   -moz-box-direction: reverse;
 }
 
-html|*.urlbar-input:-moz-lwtheme::-moz-placeholder,
-.searchbar-textbox:-moz-lwtheme > .autocomplete-textbox-container > .textbox-input-box > html|*.textbox-input::-moz-placeholder {
+html|*.urlbar-input:-moz-lwtheme::placeholder,
+.searchbar-textbox:-moz-lwtheme > .autocomplete-textbox-container > .textbox-input-box > html|*.textbox-input::placeholder {
   color: #E7ADE7;
 }
 
@@ -1839,13 +1839,12 @@ html|*.urlbar-input:-moz-lwtheme::-moz-placeholder,
 }
 
 .urlbar-input-box,
-
 #urlbar-display-box {
   padding-inline-start: 4px;
-  border-inline-start: 1px solid var(--urlbar-separator-color);
+/*  border-inline-start: 1px solid var(--urlbar-separator-color);
   border-inline-end: 1px solid var(--urlbar-separator-color);
   border-image: linear-gradient(transparent 15%, var(--urlbar-separator-color) 15%, var(--urlbar-separator-color) 85%, transparent 85%);
-  border-image-slice: 1;
+  border-image-slice: 1; */
 }
 
 #urlbar-icons {
@@ -2199,7 +2198,7 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box
 
 #identity-box:hover:active,
 #identity-box[open=true] {
-  background-color: #FF9F00;
+  background-color: #A09090;
   color: #000000;
 }
 
@@ -2217,6 +2216,12 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box
   color: #000000;
 }
 
+#identity-box:hover > image,
+#identity-box:hover:active > image,
+#identity-box[open=true] > image {
+  filter: url(chrome://global/skin/filters.svg#active-icon-state);
+}
+
 /* autocomplete */
 
 #treecolAutoCompleteImage {
@@ -2821,7 +2826,7 @@ richlistitem[selected="true"][current="true"] > .ac-title-box > .ac-result-type-
 }
 
 .tab-sharing-icon-overlay[sharing] {
-  filter: url("chrome://browser/skin/filters.svg#fill");
+  filter: url("chrome://global/skin/filters.svg#fill");
   fill: #FFCF00;
 }
 
@@ -2849,7 +2854,6 @@ richlistitem[selected="true"][current="true"] > .ac-title-box > .ac-result-type-
 }
 
 .tab-icon-overlay[soundplaying] {
-  display: -moz-box;
   list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio");
 }
 
@@ -3419,7 +3423,7 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] {
 .popup-notification-icon[popupid="webRTC-sharingMicrophone"],
 .popup-notification-icon[popupid="webRTC-sharingScreen"],
 .popup-notification-icon[popupid="web-notifications"] {
-  filter: url(chrome://browser/skin/filters.svg#fill);
+  filter: url(chrome://global/skin/filters.svg#fill);
   fill: #A09090;
 }
 
@@ -3918,6 +3922,8 @@ html|*.pointerlockfswarning-exit-button {
   --gcli-border-color: #9C9CFF; /* --theme-splitter-color */
   --selection-background: #008484; /* --theme-selection-background */
   --selection-color: #000000; /* --theme-selection-color */
+  --command-line-image: url(chrome://devtools/skin/images/commandline-icon.svg#light-theme); /* --theme-command-line-image */
+  --command-line-image-focus: url(chrome://devtools/skin/images/commandline-icon.svg#light-theme-focus); /* --theme-command-line-image-focus */
 }
 
 /* Developer toolbar */
@@ -4039,19 +4045,11 @@ html|*#gcli-output-frame {
   width: 16px;
   height: 16px;
   margin: 0 2px;
-  background-image: url("chrome://devtools/skin/images/commandline-icon.png");
-  background-position: 0 center;
-  background-size: 32px 16px;
+  background-image: var(--command-line-image);
 }
 
 .gclitoolbar-input-node[focused="true"]::before {
-  background-position: -16px center;
-}
-
-@media (min-resolution: 2dppx) {
-  .gclitoolbar-input-node::before {
-    background-image: url("chrome://devtools/skin/images/commandline-icon@2x.png");
-  }
+  background-image: var(--command-line-image-focus);
 }
 
 .gclitoolbar-input-node:not([focused="true"]) {
@@ -4135,7 +4133,7 @@ html|*#gcli-output-frame {
   color: #fff;
   border: 1px solid #111;
   border-radius: 2px;
-  padding: 5px;*/
+  padding: 0 5px;*/
   width: 200px;
   margin: 0;
 }
@@ -4257,7 +4255,7 @@ html|*#gcli-output-frame {
 }
 
 .devtools-responsiveui-close:hover {
-  filter: url(images/filters.svg#checked-icon-state);
+  filter: url(chrome://devtools/skin/images/filters.svg#checked-icon-state);
 }
 
 .devtools-responsiveui-rotate {
@@ -4839,7 +4837,7 @@ window > chatbox {
 
 .messageImage[value="plugin-hidden"] {
   list-style-image: url(chrome://browser/skin/notification-icons.svg#plugin);
-  filter: url(chrome://browser/skin/filters.svg#fill);
+  filter: url(chrome://global/skin/filters.svg#fill);
   fill: #A09090;
 }
 
@@ -4849,7 +4847,7 @@ notification.pluginVulnerable {
 
 notification.pluginVulnerable .messageImage {
   list-style-image: url(chrome://browser/skin/notification-icons.svg#plugin-blocked);
-  filter: url(chrome://browser/skin/filters.svg#fill);
+  filter: url(chrome://global/skin/filters.svg#fill);
   fill: #FF0000;
 }
 
@@ -5583,7 +5581,8 @@ toolbarpaletteitem[place="toolbar"]:not([mousedown="true"]):-moz-focusring {
   -moz-appearance: none;
   border: none;
   background-color: transparent;
-  /* This is a buffer to compensate for the movement in the "wobble" effect */
+  /* This is a buffer to compensate for the movement in the "wobble" effect,
+     and for the box-shadow of #UITourHighlight. */
   padding: 4px;
 }
 
@@ -5872,99 +5871,36 @@ menugroup > .menuitem-iconic[disabled="true"] > .menu-iconic-left {
   -moz-appearance: none;
 }
 
-#context-back > .menu-iconic-left {
-  /* list-style-image: url("chrome://browser/skin/content-contextmenu.svg#back"); */
-  list-style-image: url("chrome://browser/skin/ToolbarFx.png");
-  -moz-image-region: rect(0, 54px, 18px, 36px);
-}
-
-#context-back:not([disabled="true"]):hover > .menu-iconic-left {
-  /* list-style-image: url("chrome://browser/skin/content-contextmenu.svg#back-active"); */
-  -moz-image-region: rect(18px, 54px, 36px, 36px);
-}
-
-#context-back[disabled="true"] > .menu-iconic-left {
-  /* list-style-image: url("chrome://browser/skin/content-contextmenu.svg#back-disabled"); */
-  -moz-image-region: rect(36px, 54px, 54px, 36px);
-}
-
-#context-forward > .menu-iconic-left {
-  /* list-style-image: url("chrome://browser/skin/content-contextmenu.svg#forward"); */
-  list-style-image: url("chrome://browser/skin/ToolbarFx.png");
-  -moz-image-region: rect(0, 72px, 18px, 54px);
-}
-
-#context-forward:not([disabled="true"]):hover > .menu-iconic-left {
-  /* list-style-image: url("chrome://browser/skin/content-contextmenu.svg#forward-active"); */
-  -moz-image-region: rect(18px, 72px, 36px, 54px);
-}
-
-#context-forward[disabled="true"] > .menu-iconic-left {
-  /* list-style-image: url("chrome://browser/skin/content-contextmenu.svg#forward-disabled"); */
-  -moz-image-region: rect(36px, 72px, 54px, 54px);
-}
-
-#context-reload > .menu-iconic-left {
-  /* list-style-image: url("chrome://browser/skin/content-contextmenu.svg#reload"); */
-  list-style-image: url("chrome://browser/skin/reload-stop-goFx.png");
-  -moz-image-region: rect(0, 14px, 14px, 0);
-}
-
-#context-reload:not([disabled="true"]):hover > .menu-iconic-left {
-  /* list-style-image: url("chrome://browser/skin/content-contextmenu.svg#reload-active"); */
-  -moz-image-region: rect(14px, 14px, 28px, 0);
-}
-
-#context-reload[disabled="true"] > .menu-iconic-left {
-  /* list-style-image: url("chrome://browser/skin/content-contextmenu.svg#reload-disabled"); */
-  -moz-image-region: rect(28px, 14px, 42px, 0);
-}
-
-#context-stop > .menu-iconic-left {
-  /* list-style-image: url("chrome://browser/skin/content-contextmenu.svg#stop"); */
-  list-style-image: url("chrome://browser/skin/reload-stop-goFx.png");
-  -moz-image-region: rect(0, 28px, 14px, 14px);
+#context-navigation > .menuitem-iconic > .menu-iconic-left > .menu-iconic-icon {
+  width: 16px;
+  height: 16px;
+  margin: 7px;
+  filter: url(chrome://browser/skin/filters.svg#fill);
+  fill: currentColor;
 }
 
-#context-stop:not([disabled="true"]):hover > .menu-iconic-left {
-  /* list-style-image: url("chrome://browser/skin/content-contextmenu.svg#stop-active"); */
-  -moz-image-region: rect(14px, 28px, 28px, 14px);
+#context-back {
+  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#back");
 }
 
-#context-stop[disabled="true"] > .menu-iconic-left {
-  /* list-style-image: url("chrome://browser/skin/content-contextmenu.svg#stop-disabled"); */
-  -moz-image-region: rect(28px, 28px, 42px, 14px);
+#context-forward {
+  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#forward");
 }
 
-#context-bookmarkpage > .menu-iconic-left {
-  /* list-style-image: url("chrome://browser/skin/content-contextmenu.svg#bookmark"); */
-  list-style-image: url("chrome://browser/skin/ToolbarFx.png");
-  -moz-image-region: rect(0, 144px, 18px, 126px);
+#context-reload {
+  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#reload");
 }
 
-#context-bookmarkpage:not([disabled="true"]):hover > .menu-iconic-left {
-  /* list-style-image: url("chrome://browser/skin/content-contextmenu.svg#bookmark-active"); */
-  -moz-image-region: rect(18px, 144px, 36px, 126px);
+#context-stop {
+  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#stop");
 }
 
-#context-bookmarkpage[disabled="true"] > .menu-iconic-left {
-  /* list-style-image: url("chrome://browser/skin/content-contextmenu.svg#bookmark-disabled"); */
-  -moz-image-region: rect(36px, 144px, 54px, 126px);
+#context-bookmarkpage {
+  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#bookmark");
 }
 
 #context-bookmarkpage[starred=true] {
-  /* list-style-image: url("chrome://browser/skin/content-contextmenu.svg#bookmarked"); */
-  -moz-image-region: rect(0px, 162px, 18px, 144px);
-}
-
-#context-bookmarkpage[starred=true][_moz-menuactive=true] {
-  /* list-style-image: url("chrome://browser/skin/content-contextmenu.svg#bookmarked-active"); */
-  -moz-image-region: rect(18px, 162px, 36px, 144px);
-}
-
-#context-bookmarkpage[starred=true][disabled=true] {
-  /* list-style-image: url("chrome://browser/skin/content-contextmenu.svg#bookmarked-disabled"); */
-  -moz-image-region: rect(36px, 162px, 54px, 144px);
+  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#bookmarked");
 }
 
 #context-back:-moz-locale-dir(rtl),
@@ -5973,12 +5909,6 @@ menugroup > .menuitem-iconic[disabled="true"] > .menu-iconic-left {
   transform: scaleX(-1);
 }
 
-#context-navigation > .menuitem-iconic > .menu-iconic-left > .menu-iconic-icon {
-  width: 18px; /*16px;*/
-  height: 18px; /*16px;*/
-  margin: 7px;
-}
-
 #context-navigation > #context-reload > .menu-iconic-left > .menu-iconic-icon,
 #context-navigation > #context-stop > .menu-iconic-left > .menu-iconic-icon {
   width: 14px;
KaiRo's SeaMonkey themes