second part of syncing LCARStrek with Firefox 30 windows theme changes

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

diff --git a/LCARStrek/browser/customizableui/panelUIOverlay.css b/LCARStrek/browser/customizableui/panelUIOverlay.css
index 1346de4259848fa04348d8ceca095720bd9911ed..4366f6255b98e908f74182616b76c5974fc14a10 100644 (file)
--- a/LCARStrek/browser/customizableui/panelUIOverlay.css
+++ b/LCARStrek/browser/customizableui/panelUIOverlay.css
@@ -35,7 +35,7 @@
 
 @keyframes moveX {
   /* These values are adjusted for the padding on the panel. */
-  from { margin-left: -15px; } to { margin-left: calc(100% - 49px); }
+  from { margin-left: -9px; } to { margin-left: calc(100% - 55px); }
 }
 @keyframes moveY {
   /* These values are adjusted for the padding and height of the panel. */
@@ -75,6 +75,10 @@ panelmultiview[nosubviews=true] > .panel-viewcontainer > .panel-viewstack > .pan
   -moz-box-flex: 1;
 }
 
+.subviewbutton:not(:-moz-any([image],[targetURI],.cui-withicon)) > .toolbarbutton-text {
+  -moz-margin-start: 0;
+}
+
 .panel-subview-body {
   overflow-y: auto;
   overflow-x: hidden;
@@ -189,7 +193,6 @@ panelmultiview[nosubviews=true] > .panel-viewcontainer > .panel-viewstack > .pan
 panelview:not([mainview]) .toolbarbutton-text,
 .cui-widget-panel toolbarbutton > .toolbarbutton-text {
   text-align: start;
-  -moz-padding-start: 8px;
   display: -moz-box;
 }
 
@@ -201,6 +204,14 @@ panelview:not([mainview]) .toolbarbutton-text,
   padding-bottom: 0;
 }
 
+.cui-widget-panel > :-moz-any(menu,menuitem,toolbarbutton):first-child {
+  border-radius: 4px 4px 0 0;
+}
+
+.cui-widget-panel > :-moz-any(menu,menuitem,toolbarbutton):last-child {
+  border-radius: 0 0 4px 4px;
+}
+
 #PanelUI-contents {
   display: block;
   flex: auto;
@@ -421,7 +432,7 @@ toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton {
   display: flex;
   border-top: 1px solid #9C9CFF;
 }
-+
+
 #PanelUI-multiView[viewtype="subview"] #PanelUI-footer-inner {
   position: relative;
 }
@@ -606,8 +617,8 @@ panelview .toolbarbutton-1,
 }
 
 .subviewbutton.panel-subview-footer {
-/*  border-radius: 0;*/
-  border: none;
+/*  border-radius: 0; */
+  margin: 2px 0 0;
 }
 
 .subviewbutton.panel-subview-footer > .menu-text {
@@ -632,7 +643,7 @@ panelview .toolbarbutton-1,
 }
 
 .subviewbutton:not(.panel-subview-footer) {
-/*  margin: 2px 0;*/
+  margin: 0;
 }
 
 .subviewbutton:not(.panel-subview-footer) > .toolbarbutton-text,
@@ -659,8 +670,8 @@ panelview .toolbarbutton-1,
 }
 
 .cui-widget-panelview .subviewbutton:not(.panel-subview-footer) {
-  margin-left: 4px;
-  margin-right: 4px;
+/*  margin-left: 4px;
+  margin-right: 4px;*/
 }
 
 panelview .toolbarbutton-1,
@@ -669,28 +680,28 @@ panelview .toolbarbutton-1,
 }
 
 /*
-panelview .toolbarbutton-1:not(:-moz-any([disabled],[checked="true"],[open],:active)):-moz-any(:hover,[_moz-menuactive]),
-toolbarbutton.subviewbutton:not(:-moz-any([disabled],[checked="true"],[open],:active)):-moz-any(:hover,[_moz-menuactive]),
-menu.subviewbutton:not(:-moz-any([disabled],:active))[_moz-menuactive],
-menuitem.subviewbutton:not(:-moz-any([disabled],:active))[_moz-menuactive],
-.widget-overflow-list .toolbarbutton-1:not(:-moz-any([disabled],[checked="true"],[open],:active)):-moz-any(:hover,[_moz-menuactive]),
+panelview .toolbarbutton-1:not(:-moz-any([disabled],[open],[checked="true"],:active)):hover,
+toolbarbutton.subviewbutton:not(:-moz-any([disabled],[open],[checked="true"],:active)):hover,
+menu.subviewbutton:not(:-moz-any([disabled],[checked="true"],:active))[_moz-menuactive],
+menuitem.subviewbutton:not(:-moz-any([disabled],[checked="true"],:active))[_moz-menuactive],
+.widget-overflow-list .toolbarbutton-1:not(:-moz-any([disabled],[open],[checked="true"],:active)):hover,
 .toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true])
     > toolbarbutton:not(:-moz-any([disabled],[checked="true"],[open],:active)):hover {
   background-color: hsla(210,4%,10%,.08);
   border-color: hsla(210,4%,10%,.11);
 }
 
-.toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]):not(:-moz-any([disabled],[checked="true"],[open],:active)):-moz-any(:hover,[_moz-menuactive]) {
+.toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]):not(:-moz-any([disabled],[open],[checked="true"],:active)):hover {
   border-color: hsla(210,4%,10%,.11);
 }
 
-panelview .toolbarbutton-1:not([disabled]):-moz-any([open],[checked="true"],:hover:active,[_moz-menuactive]:active)),
-toolbarbutton.subviewbutton:not([disabled]):-moz-any([open],[checked="true"],:hover:active,[_moz-menuactive]:active)),
-menu.subviewbutton:not([disabled])[_moz-menuactive]:active,
-menuitem.subviewbutton:not([disabled])[_moz-menuactive]:active,
-.widget-overflow-list .toolbarbutton-1:not([disabled]):-moz-any([open],[checked="true"],:hover:active,[_moz-menuactive]:active)),
+panelview .toolbarbutton-1:not([disabled]):-moz-any([open],[checked="true"],:hover:active),
+toolbarbutton.subviewbutton:not([disabled]):-moz-any([open],[checked="true"],:hover:active),
+menu.subviewbutton:not([disabled]):-moz-any([checked="true"],[_moz-menuactive]:active),
+menuitem.subviewbutton:not([disabled]):-moz-any([checked="true"],[_moz-menuactive]:active),
+.widget-overflow-list .toolbarbutton-1:not([disabled]):-moz-any([open],[checked="true"],:hover:active),
 .toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true])
-    > toolbarbutton:not([disabled]):-moz-any([open],[checked="true"],:hover:active,[_moz-menuactive]:active)) {
+    > toolbarbutton:not([disabled]):-moz-any([open],[checked="true"],:hover:active) {
   background-color: hsla(210,4%,10%,.12);
   border-color: hsla(210,4%,10%,.14);
   box-shadow: 0 1px 0 hsla(210,4%,10%,.03) inset;
@@ -775,20 +786,20 @@ menuitem.panel-subview-footer:not([disabled]):-moz-any([open],[checked="true"],:
 
 .PanelUI-subView menuseparator.small-separator,
 .PanelUI-subView toolbarseparator.small-separator {
-  margin-left: 5px;
-  margin-right: 5px;
+/*  margin-left: 5px;
+  margin-right: 5px;*/
 }
 
 .cui-widget-panelview menuseparator.small-separator {
-  margin-left: 10px;
-  margin-right: 10px;
+/*  margin-left: 10px;
+  margin-right: 10px;*/
 }
 
 .subviewbutton > .menu-accel-container {
   -moz-box-pack: start;
   -moz-margin-start: 10px;
   -moz-margin-end: auto;
-/*  color: hsl(0,0%,50%);*/
+  color: #A09090;
 }
 
 #PanelUI-historyItems > toolbarbutton {