fourth and final part of syncing LCARStrek with Firefox 31 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 8c8e14fd57798cdffd680e7174ae9ed03b4ef2ab..606b7c6b9a949f09dac44e39190c460a5cf11af2 100644 (file)
--- a/LCARStrek/browser/customizableui/panelUIOverlay.css
+++ b/LCARStrek/browser/customizableui/panelUIOverlay.css
@@ -5,7 +5,7 @@
 /* === BEGIN panelUIOverlay.inc.css === */
 
 #PanelUI-popup #PanelUI-contents:empty {
-    height: 128px;
+  height: 128px;
 }
 
 #PanelUI-popup #PanelUI-contents:empty::before {
@@ -19,6 +19,11 @@
              moveY 3.4s linear 0s infinite alternate;
 }
 
+#PanelUI-popup #PanelUI-contents:-moz-locale-dir(rtl):empty::before {
+  animation: moveXRTL 3.05s linear 0s infinite alternate,
+             moveY 3.4s linear 0s infinite alternate;
+}
+
 #PanelUI-popup #PanelUI-contents:empty:hover::before {
   background-image: url("chrome://browser/skin/customizableui/whimsy.png");
 }
@@ -37,9 +42,13 @@
   /* These values are adjusted for the padding on the panel. */
   from { margin-left: -9px; } to { margin-left: calc(100% - 55px); }
 }
+@keyframes moveXRTL {
+  /* These values are adjusted for the padding on the panel. */
+  from { margin-right: -9px; } to { margin-right: calc(100% - 55px); }
+}
 @keyframes moveY {
   /* These values are adjusted for the padding and height of the panel. */
-  from { margin-top: -6px; } to { margin-top: 58px; }
+  from { margin-top: -.5em; } to { margin-top: calc(64px - .5em); }
 }
 
 #customization-panelHolder {
@@ -83,7 +92,7 @@ panelmultiview[nosubviews=true] > .panel-viewcontainer > .panel-viewstack > .pan
 
 #PanelUI-popup .panel-subview-body {
   margin: -4px;
-  padding: 2px 4px;
+  padding: 4px 4px;
 }
 
 .panel-subview-header,
@@ -210,7 +219,7 @@ panelview:not([mainview]) .toolbarbutton-text,
 
 #PanelUI-contents {
   display: block;
-  flex: auto;
+  flex: 1 0 auto;
   margin-left: auto;
   margin-right: auto;
   max-width: 22.35em;
@@ -596,13 +605,11 @@ panelview .toolbarbutton-1,
 .widget-overflow-list .toolbarbutton-1,
 .panelUI-grid .toolbarbutton-1 > .toolbarbutton-menubutton-button,
 .toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton {
-/*  padding: 2px 6px;
+/*  padding: 0 6px;
   background-color: hsla(210,4%,10%,0);
   border-radius: 2px;
   border-style: solid;
   border-color: hsla(210,4%,10%,0);*/
-  transition-property: background-color, border-color;
-  transition-duration: 150ms;
 }
 
 panelview .toolbarbutton-1,
@@ -646,7 +653,7 @@ panelview .toolbarbutton-1,
 /* Bookmark items need a more specific selector. */
 .PanelUI-subView .subviewbutton:not(.panel-subview-footer) > .menu-text,
 .PanelUI-subView .subviewbutton:not(.panel-subview-footer) > .menu-iconic-text {
-/*  font-size: 1.1em;*/
+/*  font: menu;*/
 }
 
 .PanelUI-subView .subviewbutton[shortcut]::after {
@@ -691,7 +698,7 @@ menuitem.subviewbutton:not(:-moz-any([disabled],:active))[_moz-menuactive],
   border-color: hsla(210,4%,10%,.11);
 }
 
-panelview .toolbarbutton-1:not([disabled]):-moz-any([open],:hover:active),
+panelview .toolbarbutton-1:-moz-any(:not([disabled]):-moz-any([open],:hover:active),[checked=true]),
 toolbarbutton.subviewbutton:not([disabled]):-moz-any([open],:hover:active),
 menu.subviewbutton:not([disabled])[_moz-menuactive]:active,
 menuitem.subviewbutton:not([disabled])[_moz-menuactive]:active,
@@ -725,7 +732,7 @@ menuitem.panel-subview-footer:not([disabled]):-moz-any([open],:hover:active),
 }
 
 #BMB_bookmarksPopup .subviewbutton {
-  font: inherit;
+  font: menu;
   font-weight: normal;
 }
 
@@ -745,22 +752,23 @@ menuitem.panel-subview-footer:not([disabled]):-moz-any([open],:hover:active),
   padding-bottom: 0px;
 }
 
-#BMB_bookmarksPopup menupopup {
-  padding-top: 2px;
+#BMB_bookmarksPopup menupopup > .bookmarks-actions-menuseparator {
+  / Hide bottom separator as the styled footer includes a top border serving the same purpose /
+  display: none;
 }
 
-#BMB_bookmarksPopup menupopup > .bookmarks-actions-menuseparator {
-  / Hide bottom separator as the styled footer includes a top border serving the same purpose.
-   * We can't just use display: none here, otherwise scrollbox.xml will flip out and sometimes
-   * refuse to scroll for us (see bug 984156). Instead, we set it to visibility hidden, force
-   * a minimum height, and then negative-margin that single pixel into oblivion. That seems
-   * to be enough to make scrollbox happy.
-   /
-  -moz-appearance: none;
-  visibility: hidden;
-  min-height: 1px;
-  margin: -1px 0 0;
-  border: none;
+/ Popups with only one item don't have a footer /
+#BMB_bookmarksPopup menupopup[placespopup=true][singleitempopup=true] > hbox > .popup-internal-box > .arrowscrollbox-scrollbox > .scrollbox-innerbox,
+/ These popups never have a footer /
+#BMB_bookmarksToolbarPopup > hbox > .popup-internal-box > .arrowscrollbox-scrollbox > .scrollbox-innerbox,
+#BMB_unsortedBookmarksPopup > hbox > .popup-internal-box > .arrowscrollbox-scrollbox > .scrollbox-innerbox {
+  / And so they need some bottom padding: /
+  padding-bottom: 4px;
+}
+
+/ Disabled (empty) item is always alone and never has an icon, so fix its left padding /
+#BMB_bookmarksPopup menupopup[emptyplacesresult] .bookmark-item.subviewbutton {
+  padding-left: 6px;
 }
 */
 
@@ -1009,16 +1017,19 @@ toolbarbutton[overflowedItem=true] {
   background-repeat: no-repeat;
 }
 
+.subviewbutton[checked="true"]:-moz-locale-dir(rtl) {
+  background-position: top 5px right 4px;
+}
+
 .subviewbutton[checked="true"]:hover {
   background-image: url("chrome://global/skin/menu/menu-check-hover.gif");
 }
 
-.PanelUI-subView .menu-iconic-left {
-  -moz-appearance: none;
+.subbiewbutton > .menu-iconic-left {
   -moz-margin-end: 3px;
 }
  
-.PanelUI-subView menuitem[checked="true"] > .menu-iconic-left {
+menuitem[checked="true"].subviewbutton > .menu-iconic-left {
   visibility: hidden;
 }