X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fbrowser.css;h=73a1ab9c2839721d7cc942b4f839575ad868c124;hp=095e51c857bc268a29c9ca8de7cee30d235ec4fd;hb=b3bf08b110943f4abc9642b613f0dcb078c22b0b;hpb=e82e1bf4270f9b94650c3e46465532a9fc20694e

diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css
index 095e51c8..73a1ab9c 100644
--- a/LCARStrek/browser/browser.css
+++ b/LCARStrek/browser/browser.css
@@ -36,6 +36,10 @@ menubar {
   -moz-binding: url("chrome://global/skin/globalBindings.xml#menubar");
 }
 
+:root {
+  --verified-identity-box-backgroundcolor: #000000;
+}
+
 #menubar-items {
   -moz-box-orient: vertical; /* for flex hack */
 }
@@ -110,7 +114,7 @@ menubar {
   height: 1px;
 }
 
-#navigator-toolbox > toolbar:not(:-moz-lwtheme) {
+#navigator-toolbox > toolbar {
 }
 
 #navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar):not(:-moz-lwtheme) {
@@ -314,6 +318,8 @@ toolbarbutton.bookmark-item[open="true"] {
 #personal-bookmarks[cui-areatype="toolbar"] > #bookmarks-toolbar-placeholder > .toolbarbutton-icon {
   width: 16px;
   height: 16px;
+  -moz-margin-start: 1px;
+  -moz-margin-end: 2px;
 }
 
 /* Force the display of the label for bookmarks */
@@ -490,7 +496,7 @@ menuitem.bookmark-item {
           #preferences-button, #privatebrowsing-button, #save-page-button, #switch-to-metro-button, #add-ons-button,
           #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button,
           #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button,
-          #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button),
+          #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button),
 
 #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
   list-style-image: url("chrome://browser/skin/ToolbarFx.png");
@@ -929,12 +935,26 @@ menuitem.bookmark-item {
   -moz-image-region: rect(0, 108px, 18px, 90px);
 }
 
+#webide-button[cui-areatype="toolbar"] {
+  -moz-image-region: rect(0, 738px, 18px, 720px);
+}
+
+#webide-button[cui-areatype="toolbar"]:hover {
+  -moz-image-region: rect(18px, 738px, 36px, 720px);
+}
+
 /* === END toolbarbuttons.inc.css === */
 
 /* === BEGIN menupanel.inc.css === */
 
 /* Menu panel and palette styles */
 
+:root {
+   /* avoid aero overrides with changed filenames */
+  --menupanel-list-style-image: url(chrome://browser/skin/menuPanelFx.png);
+  --menupanel-small-list-style-image: url(chrome://browser/skin/menuPanelFx-small.png);
+}
+
 toolbaritem[sdkstylewidget="true"] > toolbarbutton,
 :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button,
           #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button,
@@ -942,15 +962,15 @@ toolbaritem[sdkstylewidget="true"] > toolbarbutton,
           #preferences-button, #privatebrowsing-button, #save-page-button, #switch-to-metro-button, #add-ons-button,
           #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button,
           #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button,
-          #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button)[cui-areatype="menu-panel"],
+          #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button)[cui-areatype="menu-panel"],
 toolbarpaletteitem[place="palette"] > :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button,
           #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button,
           #social-share-button, #open-file-button, #find-button, #developer-button,
           #preferences-button, #privatebrowsing-button, #save-page-button, #switch-to-metro-button, #add-ons-button,
           #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button,
           #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button,
-          #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button) {
-  list-style-image: url("chrome://browser/skin/menuPanelFx.png"); /* avoid aero overrides with changed filename */
+          #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button) {
+  list-style-image: var(--menupanel-list-style-image);
 }
 
 #home-button[cui-areatype="menu-panel"],
@@ -1246,6 +1266,16 @@ toolbarpaletteitem[place="palette"] > #web-apps-button:hover {
   -moz-image-region: rect(32px, 928px, 64px, 896px);
 }
 
+#webide-button[cui-areatype="menu-panel"],
+toolbarpaletteitem[place="palette"] > #webide-button {
+  -moz-image-region: rect(0px, 960px, 32px, 928px);
+}
+
+#webide-button[cui-areatype="menu-panel"]:hover,
+toolbarpaletteitem[place="palette"] > #webide-button:hover {
+  -moz-image-region: rect(32px, 960px, 64px, 928px);
+}
+
 toolbaritem[sdkstylewidget="true"] > toolbarbutton {
   -moz-image-region: rect(0, 832px, 32px, 800px);
 }
@@ -1302,7 +1332,7 @@ toolbarpaletteitem[place="palette"] > #loop-button > .toolbarbutton-badge-contai
 #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton,
 toolbarpaletteitem[place="palette"] > #edit-controls > toolbarbutton,
 toolbarpaletteitem[place="palette"] > #zoom-controls > toolbarbutton {
-  list-style-image: url("chrome://browser/skin/menuPanelFx-small.png"); /* avoid aero overrides with changed filename */
+  list-style-image: var(--menupanel-small-list-style-image);
 }
 
 #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #cut-button,
@@ -1380,6 +1410,11 @@ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button[disabled=
   -moz-image-region: rect(32px, 96px, 48px, 80px);
 }
 
+#add-share-provider {
+  list-style-image: var(--menupanel-small-list-style-image);
+  -moz-image-region: rect(0px, 96px, 16px, 80px);
+}
+
 /* === END menupanel.inc.css === */
 
 .toolbarbutton-1:not([type="menu-button"]) {
@@ -1441,7 +1476,7 @@ toolbar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker:-moz-lwtheme-bri
   -moz-padding-end: 5px;*/
 }
 
-#nav-bar .toolbarbutton-1[type=menu]:not(#back-button):not(#forward-button):not(#feed-button):not(#social-provider-button):not(#PanelUI-menu-button) {
+#nav-bar .toolbarbutton-1[type=menu]:not(#back-button):not(#forward-button):not(#feed-button):not(#PanelUI-menu-button) {
 /*  padding-left: 5px;
   padding-right: 5px;*/
 }
@@ -1493,7 +1528,7 @@ toolbarbutton[sdk-button="true"][cui-areatype="toolbar"] > .toolbarbutton-icon {
   width: 32px;
 }
 
-#nav-bar .toolbarbutton-1[type=menu]:not(#back-button):not(#forward-button):not(#feed-button):not(#social-provider-button):not(#PanelUI-menu-button) > .toolbarbutton-icon,
+#nav-bar .toolbarbutton-1[type=menu]:not(#back-button):not(#forward-button):not(#feed-button):not(#PanelUI-menu-button) > .toolbarbutton-icon,
 #nav-bar .toolbarbutton-1[type=menu] > .toolbarbutton-text /* hack for add-ons that forcefully display the label */ {
 /*  -moz-padding-end: 17px;*/
 }
@@ -1696,7 +1731,7 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper:not(:hover) > #forward-but
 /* tabview menu item */
 
 #menu_tabview {
-  list-style-image: url("chrome://browser/skin/tabview/tabview.png");
+  list-style-image: url("chrome://browser/skin/tabview/tabviewFx.png");
   -moz-image-region: rect(1px, 89px, 17px, 73px);
 }
 
@@ -1895,7 +1930,7 @@ html|*.urlbar-input:-moz-lwtheme::-moz-placeholder,
 #urlbar-display-box {
 }
 
-#urlbar-display {
+.urlbar-display {
   -moz-border-end: 1px solid #9C9CFF;
   -moz-margin-end: 3px;
   margin-top: 0;
@@ -1987,7 +2022,7 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper:not(:hover) > #forward-but
 }
 
 #identity-box.verifiedIdentity:not(:-moz-lwtheme) {
-  background-color: #000000;
+  var(--verified-identity-box-backgroundcolor);
 }
 
 #identity-box:-moz-focusring {
@@ -2028,15 +2063,20 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper:not(:hover) > #forward-but
 
 /* === BEGIN identity-block.inc.css === */
 
-#urlbar[pageproxystate="valid"] > #identity-box.chromeUI {
+:root {
+  --identity-box-verified-color: #008484;
   /* Default theme does different color per channel, we can't as they do it build-time. */
-  color: #9C9CFF;
-  -moz-border-end: 1px solid #9C9CFF;
+  --identity-box-chrome-color: #9C9CFF;
+}
+
+#urlbar[pageproxystate="valid"] > #identity-box.chromeUI {
+  color: var(--identity-box-chrome-color);
+  -moz-border-end: 1px solid var(--identity-box-chrome-color);
 }
 
 #urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity {
-  color: #008484;
-  -moz-border-end: 1px solid #008484;
+  color: var(--identity-box-verified-color);
+  -moz-border-end: 1px solid var(--identity-box-verified-color);
 }
 
 #urlbar[pageproxystate="valid"] > #identity-box.chromeUI,
@@ -2162,13 +2202,19 @@ richlistitem[selected="true"][current="true"] > .ac-title-box > .ac-result-type-
 }
 
 .ac-result-type-keyword,
-.autocomplete-treebody::-moz-tree-image(keyword, treecolAutoCompleteImage) {
-  list-style-image: url("chrome://global/skin/icons/Search-glass.png");
-  -moz-image-region: rect(0px 32px 16px 16px);
+.autocomplete-treebody::-moz-tree-image(keyword, treecolAutoCompleteImage),
+richlistitem[type~="action"][actiontype="searchengine"] > .ac-title-box > .ac-site-icon {
+  list-style-image: url("chrome://global/skin/icons/autocomplete-search.svg#search-icon");
   width: 16px;
   height: 16px;
 }
 
+  .ac-result-type-keyword[selected="true"],
+  .autocomplete-treebody::-moz-tree-image(keyword, treecolAutoCompleteImage, selected),
+  richlistitem[type~="action"][actiontype="searchengine"][selected="true"] > .ac-title-box > .ac-site-icon {
+    list-style-image: url("chrome://global/skin/icons/autocomplete-search.svg#search-icon-inverted");
+  }
+
 .ac-result-type-tag,
 .autocomplete-treebody::-moz-tree-image(tag, treecolAutoCompleteImage) {
   list-style-image: url("chrome://mozapps/skin/places/tagContainerIcon.png");
@@ -2228,7 +2274,7 @@ richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url-
   padding: 0 2px;
   background-origin: border-box;
   border: none;
-  list-style-image: url("chrome://browser/skin/reload-stop-go.png");
+  list-style-image: url("chrome://browser/skin/reload-stop-goFx.png");
   -moz-border-start: 1px solid #9C9CFF;
 }
 
@@ -2711,10 +2757,17 @@ toolbarbutton[type="socialmark"] > .toolbarbutton-icon {
   color: #000000;
 }
 
+/* Handle a case where the last separator in a customized tab bar with a
+   separated new tab button causes the width of the tab to extend and causes
+   jittering with a small tab curve width (Bug 1111091). */
+#TabsToolbar[currentset]:not([currentset*="tabbrowser-tabs,new-tab-button"]) #tabbrowser-tabs:not([overflow]) > .tabbrowser-tab[last-visible-tab]:not([selected]):not([beforehovered]):not(:hover)::after {
+}
+
 /* New tab button */
 
 .tabs-newtab-button {
   width: 28px;
+  /* width: calc(36px + @tabCurveWidth@); */
 }
 
 /* === END tabs.inc.css === */
@@ -2799,7 +2852,7 @@ toolbarbutton[type="socialmark"] > .toolbarbutton-icon {
 #TabsToolbar > #new-tab-button,
 #TabsToolbar > toolbarpaletteitem > #new-tab-button,
 #TabsToolbar > toolbarpaletteitem > #new-tab-button[cui-areatype="toolbar"] {
-  list-style-image: url("chrome://browser/skin/tabbrowser/newtab.png");
+  list-style-image: url("chrome://browser/skin/tabbrowser/newtabFx.png");
   -moz-image-region: rect(0, 16px, 18px, 0);
 }
 
@@ -2869,7 +2922,11 @@ toolbarbutton.chevron {
 toolbarbutton.chevron:hover {
   list-style-image: url("chrome://global/skin/toolbar/chevron-hover.gif") !important;
 }
-
+/*
+toolbar[brighttext] toolbarbutton.chevron {
+  list-style-image: url("chrome://global/skin/toolbar/chevron-inverted.png") !important;
+}
+*/
 toolbarbutton.chevron:-moz-locale-dir(rtl) > .toolbarbutton-icon,
 toolbarbutton.chevron:-moz-locale-dir(rtl):hover > .toolbarbutton-icon {
   transform: scaleX(-1);
@@ -3048,10 +3105,6 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] {
   list-style-image: url("chrome://mozapps/skin/plugins/pluginBlocked-64.png");
 }
 
-.popup-notification-icon[popupid="plugins-not-found"] {
-  list-style-image: url("chrome://browser/skin/pluginInstall-64.png");
-}
-
 .popup-notification-icon[popupid="web-notifications"] {
   list-style-image: url("chrome://browser/skin/notification-64.png");
 }
@@ -3220,10 +3273,6 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #forward-button[disabled
 /*  -moz-image-region: rect(0, 32px, 16px, 16px);*/
 }
 
-#plugin-install-notification-icon {
-  list-style-image: url("chrome://browser/skin/pluginInstall-16.png");
-}
-
 #notification-popup-box[hidden] {
   /* Override display:none to make the pluginBlockedNotification animation work
      when showing the notification repeatedly. */
@@ -3538,136 +3587,6 @@ notification[value="translation"] {
   background-color: transparent !important;
 }
 
-/* === BEGIN highlighter.inc.css === */
-
-/* Box model highlighter */
-svg|g.box-model-container {
-  opacity: 0.4;
-}
-
-svg|polygon.box-model-content {
-  fill: #008484;
-}
-
-svg|polygon.box-model-padding {
-  fill: #9C9CFF;
-}
-
-svg|polygon.box-model-border {
-  fill: #FFCF00;
-}
-
-svg|polygon.box-model-margin {
-  fill: #A09090;
-}
-
-svg|polygon.box-model-content,
-svg|polygon.box-model-padding,
-svg|polygon.box-model-border,
-svg|polygon.box-model-margin {
-  stroke: none;
-}
-
-svg|line.box-model-guide-top,
-svg|line.box-model-guide-right,
-svg|line.box-model-guide-bottom,
-svg|line.box-model-guide-left {
-  stroke: #E7ADE7;
-  stroke-dasharray: 5 3;
-  shape-rendering: crispEdges;
-}
-
-/* Highlighter - Node Infobar */
-
-.highlighter-nodeinfobar {
-  color: #FF9F00;
-  border-radius: 3px;
-  background-color: #000000;
-  background-clip: padding-box;
-  border: 1px solid #008484;
-  padding: 5px;
-  /* Avoid cases where the infobar is smaller than the arrow, when the text is
-  short */
-  min-width: 75px;
-}
-
-/* Highlighter - Node Infobar - text */
-
-.highlighter-nodeinfobar-text {
-  text-align: center;
-  /* 100% - size of the buttons and margins */
-  max-width: calc(100% - 2 * (26px + 6px));
-  padding-bottom: 1px;
-}
-
-html|*.highlighter-nodeinfobar-tagname {
-  color: #FFCF00;
-}
-
-html|*.highlighter-nodeinfobar-id {
-  color: #9C9CFF;
-}
-
-html|*.highlighter-nodeinfobar-pseudo-classes {
-  color: #FF9F00;
-}
-
-html|*.highlighter-nodeinfobar-dimensions {
-  color: #A09090;
-  -moz-border-start: 1px solid #9C9CFF;
-  -moz-margin-start: 6px;
-  -moz-padding-start: 6px;
-}
-
-/* Highlighter - Node Infobar - box & arrow */
-
-.highlighter-nodeinfobar-arrow {
-  width: 14px;
-  height: 14px;
-  -moz-margin-start: calc(50% - 7px);
-  transform: rotate(-45deg);
-  background-clip: padding-box;
-  background-repeat: no-repeat;
-}
-
-.highlighter-nodeinfobar-arrow-top {
-  margin-bottom: -8px;
-  margin-top: 8px;
-  background-image: linear-gradient(to bottom left, transparent 50%, rgb(0, 132, 132) 50%);
-}
-
-.highlighter-nodeinfobar-arrow-bottom {
-  margin-top: -8px;
-  margin-bottom: 8px;
-  background-image: linear-gradient(to top right, transparent 50%, rgb(0, 132, 132) 50%);
-}
-
-.highlighter-nodeinfobar-container[hide-arrow] > .highlighter-nodeinfobar {
-  margin: 7px 0;
-}
-
-/* Css transform highlighter */
-
-svg|polygon.css-transform-transformed {
-  fill: #9C9CFF;
-  opacity: 0.8;
-}
-
-svg|polygon.css-transform-untransformed {
-  fill: #A09090;
-  opacity: 0.8;
-}
-
-svg|polygon.css-transform-transformed,
-svg|polygon.css-transform-untransformed,
-svg|line.css-transform-line {
-  stroke: #E7ADE7;
-  stroke-dasharray: 5 3;
-  stroke-width: 2;
-}
-
-/* === END highlighter.inc.css === */
-
 #full-screen-warning-message {
   background-color: #000000;
   color: #FF9F00;
@@ -4279,15 +4198,6 @@ html|*#gcli-output-frame {
 
 /* Social toolbar item */
 
-#social-provider-button {
-  -moz-image-region: rect(0, 16px, 16px, 0);
-  list-style-image: url("chrome://browser/skin/social/services-16.png");
-}
-
-#social-provider-button > .toolbarbutton-menu-dropmarker {
-  display: none;
-}
-
 #social-notification-icon-mentions {
   background-color: #000000;
   border-radius: 3px;
@@ -4726,6 +4636,11 @@ notification.pluginVulnerable .messageImage {
   width: 17em;
 }
 
+.popup-notification-item-message[popupid="bad-content"][mixedblockdisabled]:not(.popup-notification-item-message-critical),
+.popup-notification-item-message[popupid="bad-content"][trackingblockdisabled]:not(.popup-notification-item-message-critical) {
+  color: #8050B0;
+}
+
 .popup-notification-item-message-critical[popupid="bad-content"] {
   color: #FF0000;
   font-style: italic;
@@ -4864,6 +4779,21 @@ notification.pluginVulnerable .messageImage {
 .customizationmode-button:hover {
 }
 
+#customization-titlebar-visibility-button[checked],
+#customization-devedition-theme-button[checked] {
+  background-color: #008484;
+}
+
+#customization-titlebar-visibility-button[checked]:hover,
+#customization-devedition-theme-button[checked]:hover {
+  background-color: #FFCF00;
+}
+
+#customization-titlebar-visibility-button[checked]:hover:active,
+#customization-devedition-theme-button[checked]:hover:active {
+  background-color: #FF9F00;
+}
+
 .customizationmode-button[disabled="true"] {
 }
 
@@ -5125,6 +5055,7 @@ toolbarpaletteitem[place="toolbar"] {
   border-radius: 3px;
 /*  background-image: linear-gradient(90deg, #a0dfff 0%, #ceeeff 100%);*/
   border: 1px solid #9C9CFF;
+  color: #FF9F00;
 }
 
 #customization-tipPanel > .panel-arrowcontainer > .panel-arrowcontent:-moz-locale-dir(rtl) {
@@ -5549,7 +5480,7 @@ menugroup > .menuitem-iconic[disabled="true"] > .menu-iconic-left {
 
 #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-go.png");
+  list-style-image: url("chrome://browser/skin/reload-stop-goFx.png");
   -moz-image-region: rect(0, 14px, 14px, 0);
 }
 
@@ -5565,7 +5496,7 @@ menugroup > .menuitem-iconic[disabled="true"] > .menu-iconic-left {
 
 #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-go.png");
+  list-style-image: url("chrome://browser/skin/reload-stop-goFx.png");
   -moz-image-region: rect(0, 28px, 14px, 14px);
 }