some more Australis tweaks, also make URLbar have the same size as the search bar...
authorRobert Kaiser <robert@widebook.box.kairo.at>
Sun, 8 Dec 2013 15:02:07 +0000 (16:02 +0100)
committerRobert Kaiser <robert@widebook.box.kairo.at>
Sun, 8 Dec 2013 15:02:07 +0000 (16:02 +0100)
LCARStrek/browser/browser.css
LCARStrek/browser/customizableui/panelUIOverlay.css
LCARStrek/browser/downloads/indicator.css
LCARStrek/global/popup.css

index 0724c99186a3866433b01d4d6c066e14bed1bfab..77af9bb80f689791e6a251c328f10e96390fa9a2 100644 (file)
@@ -2127,7 +2127,8 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon
   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;
 }
@@ -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");
+  margin: 2px;
 }
 
 .chromeUI > #page-proxy-favicon[pageproxystate="valid"] {
@@ -2519,28 +2521,29 @@ richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url-
 
 /* 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);
 }
 
-#star-button:hover {
+#urlbar-container > #urlbar > #urlbar-icons > #star-button:hover {
   -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);
 }
 
-#star-button[starred="true"] {
+#urlbar-container > #urlbar > #urlbar-icons > #star-button[starred="true"] {
   -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);
 }
 
-#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);
 }
 
index afc8e4413297b5b1e52a1fcdcebfe4fbdd0a5141..ad6b718b5a776568dc502131a4850cdb2143c1a6 100644 (file)
@@ -29,6 +29,7 @@
 }
 
 #PanelUI-mainView {
+  background-color: #000000;
   display: flex;
   flex-direction: column;
   border-radius: 4px;
@@ -190,7 +191,6 @@ toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton {
 
 #PanelUI-footer {
   display: flex;
-  background-color: #000000;
   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;
 }
-*/
+
 #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;
 }
-
+*/
 panelview toolbarseparator,
 #BMB_bookmarksPopup > menuseparator {
   -moz-appearance: none;
index c42bdfa155874d34b3ac3fbcd55ae528c370ebaf..8be313c8340d39a2037ac79c450c642dbf702124 100644 (file)
 
 #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;
                               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]). */
 
-#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;
 }
 
-#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,
-#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;
   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;
 }
 
-#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;
 }
 
   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;
 }
 
 #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;
 }
 
   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;
 }
 
-#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;
 }
 
index 9095fc1ff4bbb9c48434815cee43a4615467a259..26422efd09f32edc703530187bc9cea82de59638 100644 (file)
 menupopup,
 panel {
   border: 1px solid #FF9F00;
-  padding: 1px;
+  padding: 0px;
   min-width: 1px;
   background-color: #000000;
 }
 
+menupopup > menu > menupopup {
+  /* align submenus */
+  margin-top: -1px;
+}
+
+/* ::::: arrow panel ::::: */
+
 panel[type="arrow"] {
   background: transparent;
   border: none;
+  padding: 0;
   transition: opacity 300ms;
 }
 
@@ -70,7 +78,7 @@ panel[type="arrow"][side="right"] {
   background-color: #000000;
   background-clip: padding-box;
   border: 1px solid #FF9F00;
-  margin: 3px;
+  margin: 0px;
 }
 
 .panel-arrow[side="top"],
@@ -82,12 +90,12 @@ panel[type="arrow"][side="right"] {
 }
 
 .panel-arrow[side="top"] {
-  margin-bottom: -5px;
+  margin-bottom: -1px;
 }
 
 .panel-arrow[side="bottom"] {
   transform: scaleY(-1);
-  margin-top: -5px;
+  margin-top: -1px;
 }
 
 .panel-arrow[side="left"],
@@ -99,12 +107,12 @@ panel[type="arrow"][side="right"] {
 }
 
 .panel-arrow[side="left"] {
-  margin-right: -5px;
+  margin-right: -1px;
 }
 
 .panel-arrow[side="right"] {
   transform: scaleX(-1);
-  margin-left: -5px;
+  margin-left: -1px;
 }
 
 /* ::::: tooltip ::::: */
@@ -135,7 +143,3 @@ menulist > menupopup,
   padding: 0px;
   background-color: #000000;
 }
-
-menupopup > menu > menupopup {
-  margin-top: -2px;
-}