some more Australis tweaks, also make URLbar have the same size as the search bar...

diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css
index 0724c99186a3866433b01d4d6c066e14bed1bfab..77af9bb80f689791e6a251c328f10e96390fa9a2 100644 (file)
--- a/LCARStrek/browser/browser.css
+++ b/LCARStrek/browser/browser.css
@@ -2127,7 +2127,8 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon
   background-color: transparent;
 }
 
   background-color: transparent;
 }
 

-#urlbar-container[combined="true"] > #urlbar > .urlbar-history-dropmarker {
+#urlbar-container[combined="true"] > #urlbar > .urlbar-history-dropmarker,
+#urlbar-wrapper > #urlbar > .urlbar-history-dropmarker {

   border: none;
   border-radius: 0px;
 }
   border: none;
   border-radius: 0px;
 }


@@ -2167,6 +2168,7 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon
   width: 16px;
   height: 16px;
   list-style-image: url("chrome://browser/skin/identity-icons-generic.png");
   width: 16px;
   height: 16px;
   list-style-image: url("chrome://browser/skin/identity-icons-generic.png");

+  margin: 2px;

 }
 
 .chromeUI > #page-proxy-favicon[pageproxystate="valid"] {
 }
 
 .chromeUI > #page-proxy-favicon[pageproxystate="valid"] {


@@ -2519,28 +2521,29 @@ richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url-
 
 /* star button */
 
 
 /* star button */
 

-#star-button {
+/* #urlbar-container only directly contains the urlbar pre-Australis, don't assign an icon in Australis */
+#urlbar-container > #urlbar > #urlbar-icons > #star-button {

   list-style-image: url("chrome://communicator/skin/bookmarks/bookmark.png");
   -moz-image-region: rect(16px 16px 32px 0px);
 }
 
   list-style-image: url("chrome://communicator/skin/bookmarks/bookmark.png");
   -moz-image-region: rect(16px 16px 32px 0px);
 }
 

-#star-button:hover {
+#urlbar-container > #urlbar > #urlbar-icons > #star-button:hover {

   -moz-image-region: rect(16px 32px 32px 16px);
 }
 
   -moz-image-region: rect(16px 32px 32px 16px);
 }
 

-#star-button:hover:active {
+#urlbar-container > #urlbar > #urlbar-icons > #star-button:hover:active {

   -moz-image-region: rect(16px 48px 32px 32px);
 }
 
   -moz-image-region: rect(16px 48px 32px 32px);
 }
 

-#star-button[starred="true"] {
+#urlbar-container > #urlbar > #urlbar-icons > #star-button[starred="true"] {

   -moz-image-region: rect(0px 16px 16px 0px);
 }
 
   -moz-image-region: rect(0px 16px 16px 0px);
 }
 

-#star-button[starred="true"]:hover {
+#urlbar-container > #urlbar > #urlbar-icons > #star-button[starred="true"]:hover {

   -moz-image-region: rect(0px 32px 16px 16px);
 }
 
   -moz-image-region: rect(0px 32px 16px 16px);
 }
 

-#star-button[starred="true"]:hover:active {
+#urlbar-container > #urlbar > #urlbar-icons > #star-button[starred="true"]:hover:active {

   -moz-image-region: rect(0px 48px 16px 32px);
 }
 
   -moz-image-region: rect(0px 48px 16px 32px);
 }
 

diff --git a/LCARStrek/browser/customizableui/panelUIOverlay.css b/LCARStrek/browser/customizableui/panelUIOverlay.css
index afc8e4413297b5b1e52a1fcdcebfe4fbdd0a5141..ad6b718b5a776568dc502131a4850cdb2143c1a6 100644 (file)
--- a/LCARStrek/browser/customizableui/panelUIOverlay.css
+++ b/LCARStrek/browser/customizableui/panelUIOverlay.css
@@ -29,6 +29,7 @@
 }
 
 #PanelUI-mainView {
 }
 
 #PanelUI-mainView {

+  background-color: #000000;

   display: flex;
   flex-direction: column;
   border-radius: 4px;
   display: flex;
   flex-direction: column;
   border-radius: 4px;


@@ -190,7 +191,6 @@ toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton {
 
 #PanelUI-footer {
   display: flex;
 
 #PanelUI-footer {
   display: flex;

-  background-color: #000000;

   border-top: 1px solid #9C9CFF;
   padding: 0;
   margin: 0;
   border-top: 1px solid #9C9CFF;
   padding: 0;
   margin: 0;


@@ -339,7 +339,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;
 }
   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;
 #BMB_bookmarksPopup > menu,
 #BMB_bookmarksPopup > menuitem {
   font: inherit;


@@ -356,7 +356,7 @@ panelview toolbarbutton:not([disabled]):-moz-any([open],[checked="true"],:hover:
   margin-top: 0;
   margin-bottom: 0;
 }
   margin-top: 0;
   margin-bottom: 0;
 }

-
+*/

 panelview toolbarseparator,
 #BMB_bookmarksPopup > menuseparator {
   -moz-appearance: none;
 panelview toolbarseparator,
 #BMB_bookmarksPopup > menuseparator {
   -moz-appearance: none;

diff --git a/LCARStrek/browser/downloads/indicator.css b/LCARStrek/browser/downloads/indicator.css
index c42bdfa155874d34b3ac3fbcd55ae528c370ebaf..8be313c8340d39a2037ac79c450c642dbf702124 100644 (file)
--- a/LCARStrek/browser/downloads/indicator.css
+++ b/LCARStrek/browser/downloads/indicator.css
@@ -22,7 +22,10 @@
 
 #downloads-indicator:hover > #downloads-indicator-anchor > #downloads-indicator-icon,
 #downloads-indicator[open="true"] > #downloads-indicator-anchor > #downloads-indicator-icon,
 
 #downloads-indicator:hover > #downloads-indicator-anchor > #downloads-indicator-icon,
 #downloads-indicator[open="true"] > #downloads-indicator-anchor > #downloads-indicator-icon,

-#downloads-indicator[attention]:hover > #downloads-indicator-anchor > #downloads-indicator-icon {
+#downloads-indicator[attention]:hover > #downloads-indicator-anchor > #downloads-indicator-icon,
+#downloads-button:hover > #downloads-indicator-anchor > #downloads-indicator-icon,
+#downloads-button[open="true"] > #downloads-indicator-anchor > #downloads-indicator-icon,
+#downloads-button[attention]:hover > #downloads-indicator-anchor > #downloads-indicator-icon {

   background: -moz-image-rect(url("chrome://browser/skin/FxToolbar.png"),
                               18, 108, 36, 90) center no-repeat;
   color: #000000;
   background: -moz-image-rect(url("chrome://browser/skin/FxToolbar.png"),
                               18, 108, 36, 90) center no-repeat;
   color: #000000;


@@ -33,26 +36,32 @@
                               0, 108, 18, 90) center no-repeat;*/
 }
 
                               0, 108, 18, 90) center no-repeat;*/
 }
 

-#downloads-indicator[attention] > #downloads-indicator-anchor > #downloads-indicator-icon {
+#downloads-indicator[attention] > #downloads-indicator-anchor > #downloads-indicator-icon,
+#downloads-button[attention] > #downloads-indicator-anchor > #downloads-indicator-icon {

   background-image: url("chrome://browser/skin/downloads/download-glow.png");
 }
 
 /* In the next few rules, we use :not([counter]) as a shortcut that is
    equivalent to -moz-any([progress], [paused]). */
 
   background-image: url("chrome://browser/skin/downloads/download-glow.png");
 }
 
 /* In the next few rules, we use :not([counter]) as a shortcut that is
    equivalent to -moz-any([progress], [paused]). */
 

-#downloads-indicator:not([counter]) > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter {
+#downloads-indicator:not([counter]) > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter,
+#downloads-button:not([counter]) > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter {

   background: -moz-image-rect(url("chrome://browser/skin/FxToolbar.png"),
                               0, 108, 18, 90) center no-repeat;
   background-size: 12px;
 }
 
   background: -moz-image-rect(url("chrome://browser/skin/FxToolbar.png"),
                               0, 108, 18, 90) center no-repeat;
   background-size: 12px;
 }
 

-#downloads-indicator:not([counter])[attention] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter {
+#downloads-indicator:not([counter])[attention] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter,
+#downloads-button:not([counter])[attention] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter {

   background-image: url("chrome://browser/skin/downloads/download-glow.png");
 }
 
 #downloads-indicator:not([counter]):hover > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter,
 #downloads-indicator[open="true"]:not([counter]) > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter,
   background-image: url("chrome://browser/skin/downloads/download-glow.png");
 }
 
 #downloads-indicator:not([counter]):hover > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter,
 #downloads-indicator[open="true"]:not([counter]) > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter,

-#downloads-indicator:not([counter])[attention]:hover > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter {
+#downloads-indicator:not([counter])[attention]:hover > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter,
+#downloads-button:not([counter]):hover > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter,
+#downloads-button[open="true"]:not([counter]) > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter,
+#downloads-button:not([counter])[attention]:hover > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter {

   background: -moz-image-rect(url("chrome://browser/skin/FxToolbar.png"),
                               18, 108, 36, 90) center no-repeat;
   background-size: 12px;
   background: -moz-image-rect(url("chrome://browser/skin/FxToolbar.png"),
                               18, 108, 36, 90) center no-repeat;
   background-size: 12px;


@@ -79,13 +88,15 @@
   to   { opacity: 0; transform: translate(0) scale(1); }
 }
 
   to   { opacity: 0; transform: translate(0) scale(1); }
 }
 

-#downloads-indicator[notification="start"] > #downloads-indicator-anchor > #downloads-indicator-notification {
+#downloads-indicator[notification="start"] > #downloads-indicator-anchor > #downloads-indicator-notification,
+#downloads-button[notification="start"] > #downloads-indicator-anchor > #downloads-indicator-notification {

   background-image: url("chrome://browser/skin/downloads/download-notification-start.png");
   animation-name: downloadsIndicatorNotificationStartRight;
   animation-duration: 1s;
 }
 
   background-image: url("chrome://browser/skin/downloads/download-notification-start.png");
   animation-name: downloadsIndicatorNotificationStartRight;
   animation-duration: 1s;
 }
 

-#downloads-indicator[notification="start"]:-moz-locale-dir(rtl) > #downloads-indicator-anchor > #downloads-indicator-notification {
+#downloads-indicator[notification="start"]:-moz-locale-dir(rtl) > #downloads-indicator-anchor > #downloads-indicator-notification,
+#downloads-button[notification="start"]:-moz-locale-dir(rtl) > #downloads-indicator-anchor > #downloads-indicator-notification {

   animation-name: downloadsIndicatorNotificationStartLeft;
 }
 
   animation-name: downloadsIndicatorNotificationStartLeft;
 }
 


@@ -95,7 +106,8 @@
   to   { opacity: 0; transform: scale(8); }
 }
 
   to   { opacity: 0; transform: scale(8); }
 }
 

-#downloads-indicator[notification="finish"] > #downloads-indicator-anchor > #downloads-indicator-notification {
+#downloads-indicator[notification="finish"] > #downloads-indicator-anchor > #downloads-indicator-notification,
+#downloads-button[notification="finish"] > #downloads-indicator-anchor > #downloads-indicator-notification {

   background-image: url("chrome://browser/skin/downloads/download-notification-finish.png");
   animation-name: downloadsIndicatorNotificationFinish;
   animation-duration: 1s;
   background-image: url("chrome://browser/skin/downloads/download-notification-finish.png");
   animation-name: downloadsIndicatorNotificationFinish;
   animation-duration: 1s;


@@ -119,7 +131,9 @@
 }
 
 #downloads-indicator[counter]:hover > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter,
 }
 
 #downloads-indicator[counter]:hover > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter,

-#downloads-indicator[counter][open="true"] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter {
+#downloads-indicator[counter][open="true"] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter,
+#downloads-button[counter]:hover > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter,
+#downloads-button[counter][open="true"] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter {

   color: #000000;
 }
 
   color: #000000;
 }
 


@@ -149,11 +163,13 @@
   border-radius: 0 2px 2px 0;
 }
 
   border-radius: 0 2px 2px 0;
 }
 

-#downloads-indicator[paused] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-progress > .progress-bar {
+#downloads-indicator[paused] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-progress > .progress-bar,
+#downloads-button[paused] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-progress > .progress-bar {

   background-color: #8050B0;
 }
 
   background-color: #8050B0;
 }
 

-#downloads-indicator[paused] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-progress > .progress-remainder {
+#downloads-indicator[paused] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-progress > .progress-remainder,
+#downloads-button[paused] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-progress > .progress-remainder {

   background-color: #404048;
 }
 
   background-color: #404048;
 }
 

diff --git a/LCARStrek/global/popup.css b/LCARStrek/global/popup.css
index 9095fc1ff4bbb9c48434815cee43a4615467a259..26422efd09f32edc703530187bc9cea82de59638 100644 (file)
--- a/LCARStrek/global/popup.css
+++ b/LCARStrek/global/popup.css
@@ -13,14 +13,22 @@
 menupopup,
 panel {
   border: 1px solid #FF9F00;
 menupopup,
 panel {
   border: 1px solid #FF9F00;

-  padding: 1px;
+  padding: 0px;

   min-width: 1px;
   background-color: #000000;
 }
 
   min-width: 1px;
   background-color: #000000;
 }
 

+menupopup > menu > menupopup {
+  /* align submenus */
+  margin-top: -1px;
+}
+
+/* ::::: arrow panel ::::: */
+

 panel[type="arrow"] {
   background: transparent;
   border: none;
 panel[type="arrow"] {
   background: transparent;
   border: none;

+  padding: 0;

   transition: opacity 300ms;
 }
 
   transition: opacity 300ms;
 }
 


@@ -70,7 +78,7 @@ panel[type="arrow"][side="right"] {
   background-color: #000000;
   background-clip: padding-box;
   border: 1px solid #FF9F00;
   background-color: #000000;
   background-clip: padding-box;
   border: 1px solid #FF9F00;

-  margin: 3px;
+  margin: 0px;

 }
 
 .panel-arrow[side="top"],
 }
 
 .panel-arrow[side="top"],


@@ -82,12 +90,12 @@ panel[type="arrow"][side="right"] {
 }
 
 .panel-arrow[side="top"] {
 }
 
 .panel-arrow[side="top"] {

-  margin-bottom: -5px;
+  margin-bottom: -1px;

 }
 
 .panel-arrow[side="bottom"] {
   transform: scaleY(-1);
 }
 
 .panel-arrow[side="bottom"] {
   transform: scaleY(-1);

-  margin-top: -5px;
+  margin-top: -1px;

 }
 
 .panel-arrow[side="left"],
 }
 
 .panel-arrow[side="left"],


@@ -99,12 +107,12 @@ panel[type="arrow"][side="right"] {
 }
 
 .panel-arrow[side="left"] {
 }
 
 .panel-arrow[side="left"] {

-  margin-right: -5px;
+  margin-right: -1px;

 }
 
 .panel-arrow[side="right"] {
   transform: scaleX(-1);
 }
 
 .panel-arrow[side="right"] {
   transform: scaleX(-1);

-  margin-left: -5px;
+  margin-left: -1px;

 }
 
 /* ::::: tooltip ::::: */
 }
 
 /* ::::: tooltip ::::: */


@@ -135,7 +143,3 @@ menulist > menupopup,
   padding: 0px;
   background-color: #000000;
 }
   padding: 0px;
   background-color: #000000;
 }

-
-menupopup > menu > menupopup {
-  margin-top: -2px;
-}