some small Australis panel updates

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

diff --git a/LCARStrek/browser/customizableui/panelUIOverlay.css b/LCARStrek/browser/customizableui/panelUIOverlay.css
index eb70a50bc525d0fe1e798cae86f0db6ddb737529..cb3d4650bc3c4b72f7534b5a55754110f8b576ba 100644 (file)
--- a/LCARStrek/browser/customizableui/panelUIOverlay.css
+++ b/LCARStrek/browser/customizableui/panelUIOverlay.css
@@ -4,6 +4,10 @@
 
 /* === BEGIN panelUIOverlay.inc.css === */
 
+#customization-panelHolder {
+  border-radius: 4px;
+}
+
 .panel-subviews {
   background-color: #000000;
   -moz-margin-start: 38px;
@@ -25,8 +29,10 @@
 }
 
 #PanelUI-mainView {
+  background-color: #000000;
   display: flex;
   flex-direction: column;
+  border-radius: 4px;
 }
 
 #app-extension-point-end > #PanelUI-menu-button {
@@ -133,7 +139,7 @@ toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton,
 }
 
 .panel-combined-button[disabled] > .toolbarbutton-icon {
-  opacity: .5;
+/*  opacity: .5; */
 }
 
 toolbaritem[cui-areatype="menu-panel"][sdkstylewidget="true"] {
@@ -185,11 +191,12 @@ toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton {
 
 #PanelUI-footer {
   display: flex;
-  background-color: #000000;
   border-top: 1px solid #9C9CFF;
   padding: 0;
   margin: 0;
   min-height: 4em;
+  border-bottom-right-radius: 4px;
+  border-bottom-left-radius: 4px;
 }
 
 #PanelUI-help,
@@ -204,19 +211,36 @@ toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton {
   border-bottom-style: none;
   border-radius: 0;
   transition: background-color;
-  -moz-box-orient: vertical;
-  flex: 1 1 33.33%;
+  -moz-box-orient: horizontal;
 }
-:-moz-any(#PanelUI-help, #PanelUI-customize, #PanelUI-quit) > .toolbarbutton-icon {
-  margin: 0 0 3px;
+
+#PanelUI-help,
+#PanelUI-quit {
+  min-width: 46px;
+}
+
+#PanelUI-customize > .toolbarbutton-text {
+  text-align: start;
+}
+
+#PanelUI-help > .toolbarbutton-text,
+#PanelUI-quit > .toolbarbutton-text {
+  display: none;
+}
+
+#PanelUI-help > .toolbarbutton-icon,
+#PanelUI-quit > .toolbarbutton-icon {
+  -moz-margin-end: 0;
 }
 
 #PanelUI-customize {
+  flex: 1;
+  -moz-padding-start: 15px;
+  -moz-border-start-style: none;
   list-style-image: url("chrome://browser/skin/menuPanel-customize.png");
 }
 
 #PanelUI-help {
-  -moz-border-start-style: none;
   list-style-image: url("chrome://browser/skin/menuPanel-help.png");
 }
 
@@ -248,10 +272,6 @@ toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton {
 #PanelUI-help:not([disabled]):hover,
 #PanelUI-customize:hover,
 #PanelUI-quit:not([disabled]):hover {
-/*  border-color: rgba(8,25,42,0.2);
-  border-top-color: rgba(8,25,42,0.1);
-  background-color: rgba(0,0,0,0.1);
-  box-shadow: none;*/
 }
 
 #main-window[customize-entered] #PanelUI-customize {
@@ -278,10 +298,6 @@ panelview toolbarbutton,
 #BMB_bookmarksPopup > menuitem {
   -moz-appearance: none;
   padding: 2px 6px;
-/*  background-color: hsla(210,4%,10%,0);
-  border-radius: 2px;
-  border: 1px solid;
-  border-color: hsla(210,4%,10%,0);*/
   transition-property: background-color, border-color;
   transition-duration: 150ms;
 }
@@ -315,7 +331,7 @@ panelview toolbarbutton:not([disabled]):-moz-any([open],[checked="true"],:hover:
   border-color: hsla(210,4%,10%,.15);
   box-shadow: 0 1px 0 0 hsla(210,4%,10%,.05) inset;
 }
-*/
+
 #BMB_bookmarksPopup > menu,
 #BMB_bookmarksPopup > menuitem {
   font: inherit;
@@ -340,7 +356,7 @@ panelview toolbarseparator,
   border-top: 1px solid ThreeDShadow;
   margin: 5px 0;
 }
-
+*/
 #PanelUI-historyItems > toolbarbutton {
   list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
 }
@@ -355,10 +371,7 @@ panelview toolbarseparator,
 #PanelUI-footer.panel-multiview-anchor,
 #PanelUI-footer.panel-multiview-anchor > #PanelUI-help,
 toolbarbutton.panel-multiview-anchor {
-/*  background-color: Highlight;
-  background-image: linear-gradient(rgba(255,255,255,0.3), rgba(255,255,255,0));
-  background-repeat: repeat-x;
-  color: HighlightText;*/
+  background-color: #008484;
 }
 
 toolbarpaletteitem[place="palette"] > #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker,
@@ -377,11 +390,6 @@ toolbarpaletteitem[place="palette"] > #search-container {
 
 #edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem),
 #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) {
-/*  background-color: hsla(210,4%,10%,0);
-  border-radius: 2px;
-  border: 1px solid;
-  border-color: hsla(210,4%,10%,0);
-  border-bottom-color: hsla(210,4%,10%,.1);*/
   padding: 0;
   margin-bottom: -1px;
   transition-property: background-color, border-color;
@@ -392,7 +400,7 @@ toolbarpaletteitem[place="palette"] > #search-container {
 #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > toolbarbutton {
   border: 0;
   padding: .5em;
-  margin: 0;
+  margin: 1px;
   -moz-box-flex: 1;
   /* reduce the width with 2px for each button to compensate for two separators
      of 3px. */
@@ -405,7 +413,7 @@ toolbarpaletteitem[place="palette"] > #search-container {
 
 #edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > toolbarbutton[disabled] > .toolbarbutton-icon,
 #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > toolbarbutton[disabled] > .toolbarbutton-icon {
-  opacity: .25;
+/*  opacity: .25; */
 }
 
 #zoom-controls[cui-areatype="toolbar"] > #zoom-reset-button > .toolbarbutton-text {
@@ -432,12 +440,6 @@ toolbarpaletteitem[place="palette"] > #search-container {
 #zoom-controls > separator {
   width: 3px;
   -moz-box-align: stretch;
-/*  background-image: linear-gradient(to bottom, hsla(0,0%,100%,0), hsla(0,0%,100%,.3) 40%, hsla(0,0%,100%,.3) 60%, hsla(0,0%,100%,0)),
-                    linear-gradient(to bottom, hsla(210,54%,20%,0), hsla(210,54%,20%,.15) 40%, hsla(210,54%,20%,.15) 60%, hsla(210,54%,20%,0)),
-                    linear-gradient(to bottom, hsla(0,0%,100%,0), hsla(0,0%,100%,.3) 40%, hsla(0,0%,100%,.3) 60%, hsla(0,0%,100%,0));
-  background-size: 1px, 1px, 1px;
-  background-position: 0 0, 1px 0, 2px 0;
-  background-repeat: no-repeat;*/
 }
 
 #widget-overflow > .panel-arrowcontainer > .panel-arrowcontent {
@@ -485,12 +487,14 @@ toolbarpaletteitem[place="palette"] > #search-container {
 
 #PanelUI-developerItems > toolbarbutton[checked="true"],
 #PanelUI-bookmarks > toolbarbutton[checked="true"],
+#PanelUI-history > toolbarbutton[checked="true"],
 .PanelUI-characterEncodingView-list > toolbarbutton[current] {
   -moz-padding-start: 4px;
 }
 
 #PanelUI-developerItems > toolbarbutton[checked="true"] > .toolbarbutton-text,
 #PanelUI-bookmarks > toolbarbutton[checked="true"] > .toolbarbutton-text,
+#PanelUI-history > toolbarbutton[checked="true"] > .toolbarbutton-text,
 .PanelUI-characterEncodingView-list > toolbarbutton[current] > .toolbarbutton-text,
 #customizationui-widget-panel .PanelUI-characterEncodingView-list > toolbarbutton[current] > .toolbarbutton-text {
   -moz-padding-start: 0px;
@@ -498,6 +502,7 @@ toolbarpaletteitem[place="palette"] > #search-container {
 
 #BMB_bookmarksPopup > menuitem[checked="true"]::before,
 #PanelUI-bookmarks > toolbarbutton[checked="true"]::before,
+#PanelUI-history > toolbarbutton[checked="true"]::before,
 #PanelUI-developerItems > toolbarbutton[checked="true"]::before,
 .PanelUI-characterEncodingView-list > toolbarbutton[current]::before {
   content: "✓";
@@ -506,6 +511,7 @@ toolbarpaletteitem[place="palette"] > #search-container {
 }
 
 #PanelUI-bookmarks > toolbarbutton[checked="true"]::before,
+#PanelUI-history > toolbarbutton[checked="true"]::before,
 #PanelUI-developerItems > toolbarbutton[checked="true"]::before,
 .PanelUI-characterEncodingView-list > toolbarbutton[current]::before {
   -moz-margin-end: -2px;