Bug 771284 - Use light coloring for Mac OS X arrow panels. r=fryn
authorChris Lee <chlee@mozilla.com>
Mon, 20 Aug 2012 18:38:07 -0700
changeset 103072 fc19d9b5a5318945648f42ed8af1c643b48dbdd5
parent 103071 7f20dca58350d92becc25f5e63b62074d88dc45a
child 103073 4317c2e28a5c85037a3d0d1c5f2bbc5cf6cc2f54
push id13806
push userryanvm@gmail.com
push dateWed, 22 Aug 2012 23:52:56 +0000
treeherdermozilla-inbound@4317c2e28a5c [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersfryn
bugs771284
milestone17.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 771284 - Use light coloring for Mac OS X arrow panels. r=fryn
browser/themes/pinstripe/Secure-Glyph-White.png
browser/themes/pinstripe/Secure-Glyph.png
browser/themes/pinstripe/browser.css
browser/themes/pinstripe/downloads/buttons.png
browser/themes/pinstripe/downloads/downloads.css
browser/themes/pinstripe/hud-style-check-box-checked.png
browser/themes/pinstripe/hud-style-check-box-empty.png
browser/themes/pinstripe/hud-style-dropmarker-double-arrows.png
browser/themes/pinstripe/hud-style-expander-closed.png
browser/themes/pinstripe/hud-style-expander-open.png
browser/themes/pinstripe/hud-style-new-folder-plus-sign.png
browser/themes/pinstripe/hud-style-twisties.png
browser/themes/pinstripe/jar.mn
browser/themes/pinstripe/panel-expander-closed.png
browser/themes/pinstripe/panel-expander-open.png
browser/themes/pinstripe/panel-plus-sign.png
browser/themes/pinstripe/shared.inc
browser/themes/pinstripe/sync-notification-24.png
toolkit/themes/pinstripe/global/arrow/arrow-dn-white.png
toolkit/themes/pinstripe/global/arrow/panelarrow-down.png
toolkit/themes/pinstripe/global/arrow/panelarrow-horiz.png
toolkit/themes/pinstripe/global/arrow/panelarrow-horizontal.png
toolkit/themes/pinstripe/global/arrow/panelarrow-up.png
toolkit/themes/pinstripe/global/arrow/panelarrow-vertical.png
toolkit/themes/pinstripe/global/icons/panel-dropmarker.png
toolkit/themes/pinstripe/global/jar.mn
toolkit/themes/pinstripe/global/notification.css
toolkit/themes/pinstripe/global/popup.css
deleted file mode 100644
index fc35217a7b771c0de5066d5336844cc0a331e552..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
GIT binary patch
literal 0
Hc$@<O00001
new file mode 100644
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..60a106d9042c49014a75f61b9c21843e6622c016
GIT binary patch
literal 701
zc$@*f0z&<XP)<h;3K|Lk000e1NJLTq000;O000;W1^@s6;CDUv0007nNkl<Zc-pO1
zJBw367+n$cH)PpnVGBD&Y_|wlY@t8F!d6o&M1;KG@0<67yhFA!NwHNRMGC7xAf>y-
z5}VB?rPrX~c+O=ru-+TEk_1j>zVAD8&YdrFCkH}^1FzR>1lA5mqtUZ?Jf01Q!<V5@
z=oi5`bF7g=jcwr9R`Eii@IDfWs2D}PUKgEChtTHCu|^KLCJc1q?-WJ((`vOuyWJLz
zMuWlx=UR?6a-@j~1ICZW<MGpEGWml7&1RE=*T{WVRrNK&IdiO$LoU}~?PEg&kH;gy
zC&2=xR;y8*Pkg;tEM6gh0z4!*XO1;;z@<r!YfTwsGMR5|L$z8J!{P7~a+bTg1aqvB
zLoU`_ZZ&YZToNSZ^ZDQGb-7#?^ZEQapZcyY!5nMkkc%}xw;DK|PJ;6XBo&KAZQC62
zIbwbbjy7DLDz0VT(167aN~Mz49*&H4Fvpb!ge8~Dy~WmVagwywR4Ns1WQ?90!iY-^
zYSBa*FbD(!H|QguWG7GqTDKbm+4oc`#Xf4l6Nqd!OR|}m<GmPK^7oJii9~`g%|$w$
z7K6bciQE~EpQ*Up?VdBn+kKAXYHSdVM#XBiItAehy<Fo3dTBOBON7toQ`YPC3!JL2
zxCr$IxFN-KI(;&kOy0y|G1cL4T+L=PQ!#e0!a%?{y<9G>xCD(2a9n$sANTuxKVqJU
zFJ@!5m?nO|KaHBP0k>+m+i4`Q&Hs)Gniv`cgF%6<?*-7(8(?ev1KA6pr8nT#@OQWu
zKud4ncDvcry#QMG42VPAEjKu3bl(M=yKDLHU1aI?dLK~uj`J;c0X1-JKT=Z~*laeA
jCx8_=+Ywf3QJ44&G{qG&Q^<xO00000NkvXXu0mjf$4EZW
--- a/browser/themes/pinstripe/browser.css
+++ b/browser/themes/pinstripe/browser.css
@@ -1322,23 +1322,52 @@ window[tabsontop="false"] richlistitem[t
   list-style-image: url("chrome://browser/skin/places/unstarred48.png");
 }
 
 #editBookmarkPanelTitle {
   font-size: 130%;
   font-weight: bold;
 }
 
+#editBMPanel_rows > row {
+  margin-bottom: 8px;
+}
+
+#editBMPanel_rows > row:last-of-type {
+  margin-bottom: 0;
+}
+
+/**** Input elements ****/
+
+#editBMPanel_rows > row > textbox,
+#editBMPanel_rows > row > hbox > textbox {
+  -moz-appearance: none;
+  background: -moz-linear-gradient(#fafafa, #fff);
+  background-clip: padding-box;
+  border-radius: 3px;
+  border: 1px solid rgba(0,0,0,.3) !important;
+  box-shadow: inset 0 1px 1px 1px rgba(0,0,0,.05),
+              0 1px rgba(255,255,255,.3);
+  margin: 0;
+  padding: 3px 6px;
+}
+
+#editBMPanel_rows > row > textbox[focused="true"],
+#editBMPanel_rows > row > hbox > textbox[focused="true"] {
+  border-color: -moz-mac-focusring !important;
+  box-shadow: @focusRingShadow@;
+}
+
 /**** HUD style buttons ****/
 
 .editBookmarkPanelHeaderButton,
 .editBookmarkPanelBottomButton {
   @hudButton@
-  margin: 6px;
-  min-width: 79px;
+  margin: 0;
+  min-width: 82px;
   min-height: 22px;
 }
 
 .editBookmarkPanelHeaderButton:hover:active,
 .editBookmarkPanelBottomButton:hover:active {
   @hudButtonPressed@
 }
 
@@ -1350,52 +1379,50 @@ window[tabsontop="false"] richlistitem[t
 .editBookmarkPanelBottomButton[default="true"] {
   background-color: #666;
 }
 
 #editBookmarkPanelHeader {
   margin-bottom: 6px;
 }
 
+.editBookmarkPanelBottomButton:last-child {
+  -moz-margin-start: 8px;
+}
+
 /* The following elements come from editBookmarkOverlay.xul. Styling that's
    specific to the editBookmarkPanel should be in browser.css. Styling that
    should be shared by all editBookmarkOverlay.xul consumers should be in
    editBookmarkOverlay.css. */
 
 #editBMPanel_newFolderBox {
-  background-image: -moz-linear-gradient(rgb(90,90,90), rgb(40,40,40));
+  background: -moz-linear-gradient(#fff, #f2f2f2);
   background-origin: padding-box;
   background-clip: padding-box;
   border-radius: 0 0 3px 3px;
-  border: 1px solid rgba(0,0,0,.3);
-  border-top: none;
-  box-shadow: inset 0 -1px 2px rgba(0,0,0,.2),
-              inset 0 1px 0 rgba(255,255,255,.15),
-              0 1px 0 rgba(255,255,255,.15);
+  border: 1px solid #a5a5a5;
+  box-shadow: inset 0 1px rgba(255,255,255,.8),
+              inset 0 0 1px rgba(255,255, 255,.25),
+              0 1px rgba(255,255,255,.3);
+  margin: 0;
   padding: 0;
-  margin-left: 4px;
-  margin-right: 4px;
-  margin-bottom: 8px;
   height:  20px;
 }
 
 #editBMPanel_newFolderButton {
   -moz-appearance: none;
-  border: 0;
-  -moz-border-end-width: 3px;
-  border-style: solid;
-  -moz-border-right-colors: rgba(255,255,255,.1) rgba(0,0,0,.5) rgba(255,255,255,.1);
-  -moz-border-left-colors: rgba(255,255,255,.1) rgba(0,0,0,.5) rgba(255,255,255,.1);
+  border: 0 solid #a5a5a5;
+  -moz-border-end-width: 1px;
   padding: 0 9px;
   margin: 0;
   min-width: 21px;
   min-height: 20px;
   height:  20px;
   color: #fff;
-  list-style-image: url("chrome://browser/skin/hud-style-new-folder-plus-sign.png");
+  list-style-image: url("chrome://browser/skin/panel-plus-sign.png");
   position: relative;
 }
 
 #editBMPanel_newFolderButton:hover:active {
   background: -moz-linear-gradient(rgba(40,40,40,.9), rgba(70,70,70,.9));
   box-shadow: inset 0 0 3px rgba(0,0,0,.2), inset 0 1px 7px rgba(0,0,0,.4);
 }
 
@@ -1404,20 +1431,23 @@ window[tabsontop="false"] richlistitem[t
 }
 
 #editBMPanel_newFolderButton .button-text {
   display: none;
 }
 
 #editBMPanel_folderMenuList {
   @hudButton@
-  border-radius: 3px;
+  background-clip: padding-box;
+  margin: 0;
   min-height: 22px;
-  -moz-padding-start: 4px;
-  -moz-padding-end: 0;
+  padding-top: 2px;
+  padding-bottom: 1px;
+  -moz-padding-start: 8px;
+  -moz-padding-end: 4px;
 }
 
 #editBMPanel_folderMenuList:-moz-focusring {
   @hudButtonFocused@
 }
 
 #editBMPanel_folderMenuList[open="true"],
 #editBMPanel_folderMenuList:hover:active {
@@ -1426,195 +1456,110 @@ window[tabsontop="false"] richlistitem[t
 
 #editBMPanel_folderMenuList > .menulist-dropmarker {
   -moz-appearance: none;
   display: -moz-box;
   background-color: transparent;
   border: 0;
   margin: 0;
   padding: 0;
+  -moz-padding-end: 4px;
+  width: 7px;
 }
 
 #editBMPanel_folderMenuList > .menulist-dropmarker > .dropmarker-icon {
-  list-style-image: url("chrome://browser/skin/hud-style-dropmarker-double-arrows.png");
-}
-
-/**** folder tree ****/
-
-#editBMPanel_folderTree {
-  -moz-appearance: none;
-  border-radius: 2px 2px 0 0;
-  background-color: rgba(50,50,50,.9);
-  border: 1px solid rgba(0,0,0,.3);
-  border-bottom: none;
-  box-shadow: inset 0 1px 2px rgba(0,0,0,.15);
-  color: #fff;
-  /* Implements editBookmarkPanel resizing on folderTree un-collapse. */
-  min-width: 27em;
-  position: relative;
-}
-
-#editBMPanel_folderTree:-moz-focusring {
-  box-shadow: 0 0 4px 1px -moz-mac-focusring,
-              0 0 2px 1px -moz-mac-focusring;
-}
-
-#editBMPanel_folderTree > treechildren::-moz-tree-twisty {
-  -moz-appearance: none;
-  list-style-image: url("chrome://browser/skin/hud-style-twisties.png");
-  -moz-image-region: rect(0px, 10px, 10px, 0px);
-  margin-top: 1px;
-  -moz-margin-end: 1px;
-}
-
-#editBMPanel_folderTree > treechildren::-moz-tree-twisty(open) {
-  -moz-image-region: rect(0px, 20px, 10px, 10px);
-}
-
-#editBMPanel_folderTree > treechildren::-moz-tree-twisty(selected) {
-  -moz-image-region: rect(0px, 30px, 10px, 20px);
-}
-
-#editBMPanel_folderTree > treechildren::-moz-tree-twisty(selected, open) {
-  -moz-image-region: rect(0px, 40px, 10px, 30px);
-}
-
+  list-style-image: url("chrome://global/skin/icons/panel-dropmarker.png");
+}
+
+/**** folder tree and tag selector ****/
+
+#editBMPanel_folderTree,
 #editBMPanel_tagsSelector {
   -moz-appearance: none;
-  border-radius: 2px;
-  background-color: rgba(50,50,50,1);
+  background: -moz-linear-gradient(#fafafa, #fff);
+  background-clip: padding-box;
+  border-radius: 3px;
   border: 1px solid rgba(0,0,0,.3);
-  border-bottom: none;
-  box-shadow: inset 0 1px 2px rgba(0,0,0,.15),
-              0 1px 0 rgba(255,255,255,.15);
-  color: #fff;
-}
-
+  box-shadow: inset 0 1px 1px 1px rgba(0,0,0,.05),
+              0 1px rgba(255,255,255,.3);
+  margin: 0;
+}
+
+#editBMPanel_folderTree:-moz-focusring,
 #editBMPanel_tagsSelector:-moz-focusring {
-  @hudButtonFocused@
-}
-
-#editBMPanel_tagsSelector .listcell-check {
-  -moz-appearance: none;
-  border: 0;
-  background: url("chrome://browser/skin/hud-style-check-box-empty.png") no-repeat 50% 50%;
-  min-height: 14px;
-  min-width: 14px;
-}
-
-#editBMPanel_tagsSelector .listcell-check[checked="true"] {
-  background-image: url("chrome://browser/skin/hud-style-check-box-checked.png");
-}
-
-#editBMPanel_folderTree > treechildren::-moz-tree-row {
-  color: #fff;
-  background-color: transparent;
-  border: none;
-}
-
-#editBMPanel_folderTree > treechildren::-moz-tree-row(selected) {
-  background-color: #b3b3b3;
-}
-
-#editBMPanel_folderTree > treechildren::-moz-tree-cell-text(selected),
-#editBMPanel_folderTree > treechildren::-moz-tree-cell-text(selected, focus) {
-  color: #222222;
-}
-
-#editBMPanel_folderTree > treechildren::-moz-tree-row(selected, focus) {
-  background-color: #b3b3b3;
-}
-
-#editBMPanel_tagsSelector > listitem[selected="true"] {
-  color: #222222;
-  background-color: #b3b3b3;
+  border-color: -moz-mac-focusring;
+  box-shadow: @focusRingShadow@;
+}
+
+#editBMPanel_folderTree {
+  border-bottom: none;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+  /* Implements editBookmarkPanel resizing on folderTree un-collapse. */
+  margin: 0 !important;
+  min-width: 27em;
+  position: relative;
 }
 
 /**** expanders ****/
 
 #editBookmarkPanel .expander-up,
 #editBookmarkPanel .expander-down {
   @hudButton@
-  border-radius: 3px;
+  margin: 0;
   -moz-margin-start: 4px;
-  -moz-margin-end: 2px;
-  padding: 0;
-  -moz-padding-start: 4px;
+  -moz-padding-end: 2px;
   min-width: 10px;
-  min-height: 20px;
+  min-height: 22px;
 }
 
 #editBookmarkPanel .expander-up:-moz-focusring,
 #editBookmarkPanel .expander-down:-moz-focusring {
   @hudButtonFocused@
 }
 
 #editBookmarkPanel .expander-up:hover:active,
 #editBookmarkPanel .expander-down:hover:active {
   @hudButtonPressed@
 }
 
 #editBookmarkPanel .expander-up {
-  list-style-image: url("chrome://browser/skin/hud-style-expander-open.png");
+  list-style-image: url("chrome://browser/skin/panel-expander-open.png");
 }
 
 #editBookmarkPanel .expander-down {
-  list-style-image: url("chrome://browser/skin/hud-style-expander-closed.png");
-}
-
-#editBMPanel_tagsField {
-  -moz-appearance: none !important;
-  -moz-padding-start: 3px !important;
-  margin: 2px !important;
-  border: 1px solid rgba(0,0,0,.5) !important;
-  box-shadow: inset 0 1px 0 rgba(0,0,0,.3);
-  background-color: #666 !important;
-  background-clip: padding-box;
-  background-origin: padding-box;
-  color: #fff !important;
-  min-height: 20px;
+  list-style-image: url("chrome://browser/skin/panel-expander-closed.png");
 }
 
 #editBMPanel_tagsField > .autocomplete-textbox-container > .textbox-input-box > html|*.textbox-input:-moz-placeholder {
   color: #bbb;
 }
 
-#editBMPanel_tagsField[focused="true"] {
-  @hudButtonFocused@
-  background-color: #eee !important;
-  color: #000 !important;
-}
-
 .editBMPanel_rowLabel {
   text-align: end;
 }
 
 .panel-promo-box {
   margin: 8px -16px -16px -16px;
   padding: 8px 16px;
-  background-color: hsla(0,0%,7%,.3);
-  border-top: 1px solid hsla(0,0%,100%,.1);
-  border-bottom-left-radius: 6px;
-  border-bottom-right-radius: 6px;
-  box-shadow: 0 1px 1px hsla(0,0%,0%,.25) inset;
-  color: hsl(0,0%,60%);
-}
-
-.panel-promo-message > .text-link {
-  color: hsl(210,100%,75%);
+  background: #e5e5e5;
+  border-top: 1px solid hsla(0,0%,0%,.1);
+  border-radius: 0 0 5px 5px;
+  box-shadow: 0 -1px hsla(0,0%,100%,.5) inset, 0 1px 1px hsla(0,0%,0%,.03) inset;
+  color: #808080;
 }
 
 .panel-promo-icon {
   list-style-image: url("chrome://browser/skin/sync-notification-24.png");
   -moz-margin-end: 10px;
   vertical-align: middle;
 }
 
 .panel-promo-closebutton {
-  list-style-image: url("chrome://global/skin/notification/close.png");
+  list-style-image: url("chrome://global/skin/icons/close.png");
   -moz-image-region: rect(0, 16px, 16px, 0);
   border: none;
   -moz-margin-end: -14px;
   margin-top: -8px;
 }
 
 .panel-promo-closebutton:hover {
   -moz-image-region: rect(0, 32px, 16px, 16px);
@@ -2325,17 +2270,17 @@ toolbarbutton.chevron > .toolbarbutton-m
 #identity-popup-content-box.verifiedDomain > #identity-popup-encryption {
   margin-top: 10px;
   -moz-margin-start: -24px;
 }
 
 #identity-popup-content-box.verifiedIdentity > #identity-popup-encryption > vbox > #identity-popup-encryption-icon ,
 #identity-popup-content-box.verifiedDomain > #identity-popup-encryption > vbox > #identity-popup-encryption-icon {
   margin-top: 5px;
-  list-style-image: url("chrome://browser/skin/Secure-Glyph-White.png");
+  list-style-image: url("chrome://browser/skin/Secure-Glyph.png");
 }
 
 #notification-popup-box {
   position: relative;
   background-color: #fff;
   background-clip: padding-box;
   padding-left: 3px;
   border-radius: 2px 0 0 2px;
@@ -2372,28 +2317,25 @@ toolbarbutton.chevron > .toolbarbutton-m
 #identity-notification-icon {
   list-style-image: url(chrome://mozapps/skin/profile/profileicon.png);
 }
 
 #geo-notification-icon {
   list-style-image: url(chrome://browser/skin/Geolocation-16.png);
 }
 
-#notification-popup .text-link {
-  color: #fff;
+#notification-popup .text-link, .panel-arrowcontent .text-link {
+  color: #0073e6;
+  text-decoration: none;
 }
 
 .geolocation-text-link {
   -moz-margin-start: 0; /* override default label margin to match description margin */
 }
 
-.telemetry-text-link {
-  color: #fff;
-}
-
 #addons-notification-icon {
   list-style-image: url(chrome://mozapps/skin/extensions/extensionGeneric-16.png);
 }
 
 #password-notification-icon {
   list-style-image: url(chrome://mozapps/skin/passwordmgr/key-16.png);
 }
 
index 0fdb1b4c138eee18daf481dc503d24fb631bef57..0b5161ff01e345592da15d696a7f8de985f5db5d
GIT binary patch
literal 1669
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
P00000NkvXXu0mjf!Q?U<
--- a/browser/themes/pinstripe/downloads/downloads.css
+++ b/browser/themes/pinstripe/downloads/downloads.css
@@ -27,22 +27,23 @@
 }
 
 #downloadsPanel:not([hasdownloads]) > #downloadsHistory {
   border-top-left-radius: 6px;
   border-top-right-radius: 6px;
 }
 
 #downloadsPanel[hasdownloads] > #downloadsHistory {
-  border-top: 1px solid hsla(0,0%,100%,.1);
-  background-color: hsla(0,0%,7%,.3);
-  box-shadow: 0 1px 1px hsla(0,0%,0%,.25) inset;
+  background: #e5e5e5;
+  border-top: 1px solid hsla(0,0%,0%,.1);
+  box-shadow: 0 -1px hsla(0,0%,100%,.5) inset, 0 1px 1px hsla(0,0%,0%,.03) inset;
 }
 
 #downloadsHistory > .button-box {
+  color: #808080;
   margin: 1em;
 }
 
 #downloadsHistory:-moz-focusring > .button-box {
   border-top-left-radius: 6px;
   border-top-right-radius: 6px;
 }
 
@@ -73,17 +74,16 @@ richlistitem[type="download"]:last-child
 
 #downloadsListBox:-moz-focusring > richlistitem[type="download"][selected] {
   outline: 1px #999 dotted;
   outline-offset: -1px;
   -moz-outline-radius: 3px;
 }
 
 .downloadInfo {
-  color: white;
   padding: 8px;
   -moz-padding-end: 0;
 }
 
 .downloadTypeIcon {
   -moz-margin-end: 8px;
   /* Prevent flickering when changing states. */
   min-height: 32px;
deleted file mode 100644
index 3328a5bf0b9e69ee268bfef161560242557104a3..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
GIT binary patch
literal 0
Hc$@<O00001
deleted file mode 100644
index d8a55bd3fe4f2d1aae26ad0ced833a88597242a8..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
GIT binary patch
literal 0
Hc$@<O00001
deleted file mode 100644
index ecf5ee24eb6e706cc726b86b0f1c3a0baeefe2f2..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
GIT binary patch
literal 0
Hc$@<O00001
deleted file mode 100644
index 25219fea2257b75ec400cd71c2c98d9ce4f15fba..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
GIT binary patch
literal 0
Hc$@<O00001
deleted file mode 100644
index 168b53a5e8b9bba12051917b323ad64222ace4ca..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
GIT binary patch
literal 0
Hc$@<O00001
deleted file mode 100644
index 5d3e60d3e8401858bc5e61b01665a8914f36aa1a..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
GIT binary patch
literal 0
Hc$@<O00001
deleted file mode 100644
index 6d668c2b8e9ea5dbd0fa3aaef6939a0e8d2215f3..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
GIT binary patch
literal 0
Hc$@<O00001
--- a/browser/themes/pinstripe/jar.mn
+++ b/browser/themes/pinstripe/jar.mn
@@ -16,41 +16,37 @@ browser.jar:
   skin/classic/browser/aboutSyncTabs.css
 #endif
   skin/classic/browser/actionicon-tab.png
 * skin/classic/browser/browser.css                          (browser.css)
 * skin/classic/browser/engineManager.css                    (engineManager.css)
   skin/classic/browser/Geolocation-16.png
   skin/classic/browser/Geolocation-64.png
   skin/classic/browser/home.png
-  skin/classic/browser/hud-style-check-box-checked.png
-  skin/classic/browser/hud-style-check-box-empty.png
-  skin/classic/browser/hud-style-dropmarker-double-arrows.png
-  skin/classic/browser/hud-style-expander-closed.png
-  skin/classic/browser/hud-style-expander-open.png
-  skin/classic/browser/hud-style-new-folder-plus-sign.png
-  skin/classic/browser/hud-style-twisties.png
   skin/classic/browser/identity.png
   skin/classic/browser/identity-icons-generic.png
   skin/classic/browser/identity-icons-https.png
   skin/classic/browser/identity-icons-https-ev.png
   skin/classic/browser/Info.png
   skin/classic/browser/KUI-background.png
   skin/classic/browser/KUI-close.png
   skin/classic/browser/menu-back.png
   skin/classic/browser/menu-forward.png
+  skin/classic/browser/panel-expander-closed.png
+  skin/classic/browser/panel-expander-open.png
+  skin/classic/browser/panel-plus-sign.png
   skin/classic/browser/page-livemarks.png
   skin/classic/browser/pageInfo.css
   skin/classic/browser/Privacy-16.png
   skin/classic/browser/Privacy-48.png
   skin/classic/browser/reload-stop-go.png
   skin/classic/browser/searchbar-dropmarker.png
   skin/classic/browser/searchbar.css
   skin/classic/browser/Search.png
-  skin/classic/browser/Secure-Glyph-White.png
+  skin/classic/browser/Secure-Glyph.png
   skin/classic/browser/keyhole-circle.png
   skin/classic/browser/Toolbar.png
   skin/classic/browser/toolbarbutton-dropmarker.png
   skin/classic/browser/urlbar-history-dropmarker.png
   skin/classic/browser/urlbar-arrow.png
   skin/classic/browser/urlbar-popup-blocked.png
   skin/classic/browser/downloads/buttons.png                (downloads/buttons.png)
   skin/classic/browser/downloads/download-glow.png          (downloads/download-glow.png)
new file mode 100644
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..f0e97b22e161028728a92d5032d7ecd6cfc343f0
GIT binary patch
literal 155
zc%17D@N?(olHy`uVBq!ia0vp^oIuRR!2%?ApR4f$Qc0dJjv*Y;$rsjK+_`?{IR>^_
znhs^WhwGmnaJ@Et>t6|pEq~YOvFrU>&oiZZ<?HRI9xka|_1E+NQ~lC|r~VtqZu}7Y
zeDnSMtI3c5`v@pY{M#&3^fA8blAInx*vWtQAJ}WVurjcyE8g{&{{97M8-u5-pUXO@
GgeCwu-9MiI
new file mode 100644
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..e3febf4ffb85360ef5245b5563c3799f4b7da59f
GIT binary patch
literal 155
zc%17D@N?(olHy`uVBq!ia0vp^oIuRR!2%?ApR4f$Qc0dJjv*Yf$q5Y1yqsq%r49+0
z&A9T!^yZs_gB87M>>&Z&S5x+#-uOsu`D3@sTOtlN9h3EQm*)C++FZm!&iEAz*URUT
zb57*{&_8$JL%hxYgO6J3<PO&_{m=LRsY2SH>CBs^GU%GfIbJqe_5f%bgQu&X%Q~lo
FCICvgI_dxb
new file mode 100644
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..375601e680c3d68bafc38496fa22fdc7eab9c77c
GIT binary patch
literal 212
zc%17D@N?(olHy`uVBq!ia0vp^96-#;!3HGxgLCzO)ND@|#}J9|<RAb4+cWdLe);n5
z)oa)G_3IpKI8s<pSZJA_nOVuZys4p~VKE;c-}3+w2}#M=(y}r;Q6Zrs1x3Zg^n`>5
zj_&TqFJHTM?RjZwX}-aY+qdVlaJ}p9>$^8`=FFX%s;a5n0Uzc3{m&n6YipZ+(Cu(R
zP0gQaD^{$?^+;Ng$HC2g`_;pT8~K+jH|E{U&&sOeTFx|M;|U1{<1d?wx7MfI0iDU<
M>FVdQ&MBb@0KbA%&;S4c
--- a/browser/themes/pinstripe/shared.inc
+++ b/browser/themes/pinstripe/shared.inc
@@ -1,6 +1,6 @@
 %include ../../../toolkit/themes/pinstripe/global/shared.inc
 %include ../browserShared.inc
 
-%define hudButton -moz-appearance: none; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.5); border-radius: 12px; border: 1px solid rgba(0,0,0,.65); background: -moz-linear-gradient(rgba(110,110,110,.9), rgba(70,70,70,.9) 49%, rgba(50,50,50,.9) 51%, rgba(40,40,40,.9)); box-shadow: inset 0 1px 0 rgba(255,255,255,.2), inset 0 0 1px rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1); background-clip: padding-box; background-origin: padding-box; padding: 2px 9px;
-%define hudButtonPressed background: -moz-linear-gradient(rgba(40,40,40,.9), rgba(70,70,70,.9)); box-shadow: inset 0 0 3px rgba(0,0,0,.2), inset 0 1px 7px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.1);
+%define hudButton -moz-appearance: none; color: #434343; border-radius: 4px; border: 1px solid #b5b5b5; background: -moz-linear-gradient(#fff, #f2f2f2); box-shadow: inset 0 1px rgba(255,255,255,.8), inset 0 0 1px rgba(255,255, 255,.25), 0 1px rgba(255,255,255,.3); background-clip: padding-box; background-origin: padding-box; padding: 2px 6px;
+%define hudButtonPressed box-shadow: inset 0 1px 4px -3px #000, 0 1px rgba(255,255,255,.3);
 %define hudButtonFocused box-shadow: 0 0 1px -moz-mac-focusring inset, 0 0 4px 1px -moz-mac-focusring, 0 0 2px 1px -moz-mac-focusring;
index 77f973f91f180f7a840d896f687539b516de65e1..8d2ec8fa8ebd074fdc9cf7c1ebe28815354e28f7
GIT binary patch
literal 776
zc$@(U1NZ!iP)<h;3K|Lk000e1NJLTq000;O000;W1ONa4N`Cco0008dNkl<ZILn=s
zYe<t(7{`}O=B+F(FVoFCf=Cu*ihangeyc<wLJ%ax2+?7iTV}hzZgV!-#WlC7n<WWW
z5JXwn6)Fsi`Ax&iG)l@Sl>$rj-|5}!yd(&n--nm?dH(;yInQ~{VX;;XY*~S|*+49~
zYlsJ%W@9UY+y|?t#HeEs0P(dkVy<fUU@(F=G$G+-nQ6fe9}NIcm9EcLosbmOANai;
z!RzIb&oWdm?C4^+3h<k<I||xLECPzEt?7@$w$<{G$pp#UCbZ)^gC0oG6gW!VBDc=o
z(Rfenn2ZBw#lV%gb#TIsPPmB8g+?H$H`7^YZg6(GdL0A0F^Lhe{`qZ36^k}>5bQ92
z>%3{1p+M>s2Hr@nskPP9K4F`Y|8gE?b^`9@E(6*K*I;_{;WYL=uc)5|m(J~+&TW3}
zm}^@!px)(+5rcHfN)}{;VRY^gB1t5r?>v)aA*x$sB-s{7KhrU=-=!&t*p6m&UqTck
z+vVRMdt$GaWNlF3Q6>Ue;M~qplV2M&7|R0tpYsXuCR21?jazx7Qeb;Bl&}(1^Mh$C
z1_UwRh^8Wn&MV=`p!47<zL*v*Kh<BUGl*bh(at<XlW*8}UTuFPEHFVn10J(!?H&EB
zaY{QPyz7lYs4rGNZp{aGC`r(Bg`B&Q9Hr*La+N~v7s|bcp{4=p(`t1e7vTs5SMWnH
zEs|A@)<FjYLAlgZhOp)J^0j8_mHwfor_NcatU7K^M2cuhPP$e`N}(rEpq?Ogr4pP^
zdt^51hSu7kkxE1tDoT(fhL(u6q)Bw7cctTF$Ncltmhj;$xlpE{Y8uX|iZ2!*K}6&}
z)R4dT6!|;JZwZ~}Hy^1xD?6#o7wrd6_;(pJvW3T`;BRz=0<dEux+PhjDojLtrT_K`
zQU1}Dv#Pn*Jp&v<AmYZ0y?#bd4W}buvqyomhOMms9e)5ZV%*(EG@*F_0000<MNUMn
GLSTY(w`?;2
deleted file mode 100644
index 8a858077971863d58dfa8768268d173f31ca66fb..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
GIT binary patch
literal 0
Hc$@<O00001
deleted file mode 100644
index b56193da15e337b7e7321578ef514f0837ef15de..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
GIT binary patch
literal 0
Hc$@<O00001
deleted file mode 100644
index 8f783c05d330b55dc285d938ea72da934b31335c..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
GIT binary patch
literal 0
Hc$@<O00001
new file mode 100644
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..5050ec169f1076a0495a50aead1dc2141e86078d
GIT binary patch
literal 200
zc%17D@N?(olHy`uVBq!ia0vp^0zj<J!3HGRdQOx8seVrv$B>F!Z?A6TJ**(X`q0P8
zEU96Q(__v}E>k`>aNWB9G&GM-Wa);b;gR1tIlb##j$F!1U|uk9%B9y9efkX@$0aUC
zbuZm<O-kFap@T8zObQU{Jq|kc+$zlo47m*t7(f3ruh{MV-0Aym8Xe5;H#wNqcM361
u;An7RP+?LKWawq6U^$@h{r%tg24VKuxmu#z{?!1T#^CAd=d#Wzp$P!P>r1Qv
deleted file mode 100644
index b30a75f2334df489104cda4f769cc4b557810b69..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
GIT binary patch
literal 0
Hc$@<O00001
new file mode 100644
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..ea4fb2d0f44ab775e09dd2948caaca58811a2c76
GIT binary patch
literal 213
zc%17D@N?(olHy`uVBq!ia0vp^>Od^O!3HF!-bqscQgb|A978H@9X+>^_kaQq%K;xJ
zv!sSKPKQ|{l}=SSu&!0UK4H%z_d}OnKRxs*SIMZSu<Y>J)rnH)EXyn2`@cQ9Lr%<T
zM^yHrwZENW_*ZZB(sbRzSYXC?xai!Zpi68Ha_LQ(1{03YOq4kBm?MI}$MBx)gad*G
zEKdqqc$h0?+5#Q8+7oRi97>en-|~PVNAH6<-+^UJjCnFVj~nCv%WJyiYR$ancn9cC
N22WQ%mvv4FO#sCPPyYY_
new file mode 100644
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..e605e835c75a704ec7943f8563a1c9ee465bd5e5
GIT binary patch
literal 161
zc%17D@N?(olHy`uVBq!ia0vp^>_E)Q!3HEdXMMW?q%u5R978x{lP_Gllx1jQvL`t+
zv-0k#Q?H~t*giTw;(336|8*WNt|&1fp&|`4vod{%@c;k+(`)|x*q9g*aii<Six+bh
zq>iw6Hmf+!c=_by<ZlkL-VP=m{6g)XO&MVd*V->76f*492$;?#IE@)-CxfS}pUXO@
GgeCxA8az<|
--- a/toolkit/themes/pinstripe/global/jar.mn
+++ b/toolkit/themes/pinstripe/global/jar.mn
@@ -57,35 +57,33 @@ toolkit.jar:
   skin/classic/global/TopLevelImageDocument.css
   skin/classic/global/TopLevelVideoDocument.css
 * skin/classic/global/tree.css
 * skin/classic/global/viewbuttons.css
   skin/classic/global/wizard.css
   skin/classic/global/arrow/arrow-dn-dis.gif                         (arrow/arrow-dn-dis.gif)
   skin/classic/global/arrow/arrow-dn-dis.png                         (arrow/arrow-dn-dis.png)
   skin/classic/global/arrow/arrow-dn-sharp.gif                       (arrow/arrow-dn-sharp.gif)
-  skin/classic/global/arrow/arrow-dn-white.png                       (arrow/arrow-dn-white.png)
   skin/classic/global/arrow/arrow-dn.gif                             (arrow/arrow-dn.gif)
   skin/classic/global/arrow/arrow-dn.png                             (arrow/arrow-dn.png)
   skin/classic/global/arrow/arrow-lft-dis.gif                        (arrow/arrow-lft-dis.gif)
   skin/classic/global/arrow/arrow-lft-hov.gif                        (arrow/arrow-lft-hov.gif)
   skin/classic/global/arrow/arrow-lft-sharp-end.gif                  (arrow/arrow-lft-sharp-end.gif)
   skin/classic/global/arrow/arrow-lft-sharp.gif                      (arrow/arrow-lft-sharp.gif)
   skin/classic/global/arrow/arrow-lft.gif                            (arrow/arrow-lft.gif)
   skin/classic/global/arrow/arrow-rit-dis.gif                        (arrow/arrow-rit-dis.gif)
   skin/classic/global/arrow/arrow-rit-hov.gif                        (arrow/arrow-rit-hov.gif)
   skin/classic/global/arrow/arrow-rit-sharp-end.gif                  (arrow/arrow-rit-sharp-end.gif)
   skin/classic/global/arrow/arrow-rit-sharp.gif                      (arrow/arrow-rit-sharp.gif)
   skin/classic/global/arrow/arrow-rit.gif                            (arrow/arrow-rit.gif)
   skin/classic/global/arrow/arrow-up-dis.gif                         (arrow/arrow-up-dis.gif)
   skin/classic/global/arrow/arrow-up-sharp.gif                       (arrow/arrow-up-sharp.gif)
   skin/classic/global/arrow/arrow-up.gif                             (arrow/arrow-up.gif)
-  skin/classic/global/arrow/panelarrow-up.png                        (arrow/panelarrow-up.png)
-  skin/classic/global/arrow/panelarrow-down.png                      (arrow/panelarrow-down.png)
-  skin/classic/global/arrow/panelarrow-horiz.png                     (arrow/panelarrow-horiz.png)
+  skin/classic/global/arrow/panelarrow-horizontal.png                (arrow/panelarrow-horizontal.png)
+  skin/classic/global/arrow/panelarrow-vertical.png                  (arrow/panelarrow-vertical.png)
   skin/classic/global/checkbox/cbox-check.gif                        (checkbox/cbox-check.gif)
   skin/classic/global/checkbox/cbox-check-dis.gif                    (checkbox/cbox-check-dis.gif)
   skin/classic/global/console/console-error-caret.gif                (console/console-error-caret.gif)
   skin/classic/global/console/console-error-dash.gif                 (console/console-error-dash.gif)
 * skin/classic/global/console/console.css                            (console/console.css)
   skin/classic/global/dirListing/dirListing.css                      (dirListing/dirListing.css)
   skin/classic/global/dirListing/folder.png                          (dirListing/folder.png)
   skin/classic/global/dirListing/local.png                           (dirListing/folder.png)
@@ -105,16 +103,17 @@ toolkit.jar:
   skin/classic/global/icons/information-64.png                       (icons/information-64.png)
   skin/classic/global/icons/information-large.png                    (icons/information-large.png)
   skin/classic/global/icons/loading_16.png                           (icons/loading_16.png)
   skin/classic/global/icons/menulist-dropmarker.png                  (icons/menulist-dropmarker.png)
   skin/classic/global/icons/notloading_16.png                        (icons/notloading_16.png)
   skin/classic/global/icons/notfound.png                             (icons/notfound.png)
   skin/classic/global/icons/panebutton-active.png                    (icons/panebutton-active.png)
   skin/classic/global/icons/panebutton-inactive.png                  (icons/panebutton-inactive.png)
+  skin/classic/global/icons/panel-dropmarker.png                     (icons/panel-dropmarker.png)
   skin/classic/global/icons/question-mark.png                        (icons/question-mark.png)
   skin/classic/global/icons/resizer.png                              (icons/resizer.png)
   skin/classic/global/icons/resizer-rtl.png                          (icons/resizer-rtl.png)
   skin/classic/global/icons/search-textbox.png                       (icons/search-textbox.png)
   skin/classic/global/icons/searchfield-regular-cancel.png           (icons/searchfield-regular-cancel.png)
   skin/classic/global/icons/searchfield-small-cancel.png             (icons/searchfield-small-cancel.png)
   skin/classic/global/icons/tabprompts-bgtexture.png                 (icons/tabprompts-bgtexture.png)
   skin/classic/global/icons/warning-16.png                           (icons/warning-16.png)
--- a/toolkit/themes/pinstripe/global/notification.css
+++ b/toolkit/themes/pinstripe/global/notification.css
@@ -60,25 +60,21 @@ notification[type="critical"] {
   padding: 0;
   font-weight: bold;
 }
 
 .messageCloseButton {
   -moz-appearance: none;
   padding: 0;
   margin: 0 2px;
-  list-style-image: url("chrome://global/skin/notification/close.png");
+  list-style-image: url("chrome://global/skin/icons/close.png");
   border: none;
   -moz-image-region: rect(0, 16px, 16px, 0);
 }
 
-notification[type="warning"] .messageCloseButton {
-  list-style-image: url("chrome://global/skin/icons/close.png");
-}
-
 .messageCloseButton > .toolbarbutton-text {
   display: none;
 }
 
 .messageCloseButton:hover {
   -moz-image-region: rect(0, 32px, 16px, 16px);
 }
 
@@ -110,27 +106,27 @@ notification[type="warning"] .messageClo
 .popup-notification-menubutton > .button-menubutton-button:-moz-focusring {
   box-shadow: @focusRingShadow@;
   position: relative;
 }
 
 .popup-notification-menubutton:not([type="menu-button"]),
 .popup-notification-menubutton > .button-menubutton-button,
 .popup-notification-menubutton > .button-menubutton-dropmarker {
-  color: #fff;
-  text-shadow: 0 -1px 0 rgba(0,0,0,.5);
-  border-radius: 12px;
-  border: 1px solid rgba(0,0,0,.65);
-  background: -moz-linear-gradient(rgba(110,110,110,.9), rgba(70,70,70,.9) 49%,
-                                   rgba(50,50,50,.9) 51%, rgba(40,40,40,.9));
-  box-shadow: inset 0 1px 0 rgba(255,255,255,.2),
-              inset 0 0 1px rgba(255,255,255,.1),
-              0 1px 0 rgba(255,255,255,.1);
+  -moz-appearance: none;
+  color: #434343;
+  border-radius: 4px;
+  border: 1px solid #b5b5b5;
+  background: -moz-linear-gradient(#fff, #f2f2f2);
+  box-shadow: inset 0 1px rgba(255,255,255,.8),
+              inset 0 0 1px rgba(255,255,255,.25),
+              0 1px rgba(255,255,255,.3);
   background-clip: padding-box;
   background-origin: padding-box;
+  padding: 2px 6px;
 }
 
 .popup-notification-menubutton:not([type="menu-button"]) {
   padding: 2px 9px;
 }
 
 .popup-notification-menubutton > .button-menubutton-button {
   -moz-appearance: none;
@@ -138,24 +134,21 @@ notification[type="warning"] .messageClo
   padding-top: 2px;
   padding-bottom: 2px;
   -moz-padding-start: 8px;
   -moz-padding-end: 5px;
   -moz-border-end: 1px solid rgba(0,0,0,.65);
 }
 
 .popup-notification-menubutton > .button-menubutton-dropmarker {
-  padding-top: 7px;
-  padding-bottom: 7px;
-  -moz-padding-start: 5px;
-  -moz-padding-end: 8px;
+  padding: 7px 8px;
   margin-top: 0;
   margin-bottom: 0;
   -moz-margin-start: -1px;
-  list-style-image: url("chrome://global/skin/arrow/arrow-dn-white.png");
+  list-style-image: url("chrome://global/skin/icons/panel-dropmarker.png");
 }
 
 .popup-notification-menubutton > .button-menubutton-button:-moz-locale-dir(ltr),
 .popup-notification-menubutton > .button-menubutton-dropmarker:-moz-locale-dir(rtl) {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
 
@@ -163,20 +156,17 @@ notification[type="warning"] .messageClo
 .popup-notification-menubutton > .button-menubutton-dropmarker:-moz-locale-dir(ltr) {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
 
 .popup-notification-menubutton:not([type="menu-button"]):hover:active,
 .popup-notification-menubutton > .button-menubutton-button:hover:active,
 .popup-notification-menubutton[open="true"] > .button-menubutton-dropmarker {
-  background: -moz-linear-gradient(rgba(40,40,40,.9), rgba(70,70,70,.9));
-  box-shadow: inset 0 0 3px rgba(0,0,0,.2),
-              inset 0 1px 7px rgba(0,0,0,.4),
-              0 1px 0 rgba(255,255,255,.1);
+  box-shadow: inset 0 1px 4px -3px #000, 0 1px rgba(255, 255, 255, 0.3);
 }
 
 .popup-notification-closebutton {
   -moz-margin-end: -12px;
   margin-top: -13px;
 }
 
 .popup-notification-closeitem > .menu-iconic-left {
--- a/toolkit/themes/pinstripe/global/popup.css
+++ b/toolkit/themes/pinstripe/global/popup.css
@@ -63,53 +63,50 @@ panel[type="arrow"][side="bottom"] {
 panel[type="arrow"][side="left"],
 panel[type="arrow"][side="right"] {
   margin-top: -26px;
   margin-bottom: -26px;
 }
 
 .panel-arrowcontent {
   -moz-appearance: none;
-  color: white;
-  background: -moz-linear-gradient(rgba(85,85,85,1), rgba(75,75,75,.97) 5px, rgba(58,58,58,.97) 17px, rgba(43,43,43,.97) 40px, rgba(40,40,40,.97) 80px, rgba(40,40,40,.97));
-  border-radius: 6px;
-  box-shadow: 0 0 0 1px rgba(255,255,255,.15) inset,
+  background: #ededed;
+  border-radius: 5px;
+  box-shadow: 0 0 0 1px rgba(255,255,255,.5) inset,
               0 1px 0 rgba(255,255,255,.05) inset,
               0 0 0 1px rgba(0,0,0,.25);
+  color: #333;
   padding: 16px;
   margin: 1px;
 }
 
-.panel-arrow {
-  opacity: 0.97;
-}
-
 .panel-arrow[side="top"] {
-  list-style-image: url("chrome://global/skin/arrow/panelarrow-up.png");
+  list-style-image: url("chrome://global/skin/arrow/panelarrow-vertical.png");
   margin-left: 6px;
   margin-right: 6px;
   margin-bottom: -2px;
 }
 
 .panel-arrow[side="bottom"] {
-  list-style-image: url("chrome://global/skin/arrow/panelarrow-down.png");
+  list-style-image: url("chrome://global/skin/arrow/panelarrow-vertical.png");
+  -moz-transform: scaleY(-1);
   margin-left: 6px;
   margin-right: 6px;
   margin-top: -2px;
 }
 
 .panel-arrow[side="left"] {
-  list-style-image: url("chrome://global/skin/arrow/panelarrow-horiz.png");
+  list-style-image: url("chrome://global/skin/arrow/panelarrow-horizontal.png");
   margin-top: 6px;
   margin-bottom: 6px;
   margin-right: -2px;
 }
 
 .panel-arrow[side="right"] {
-  list-style-image: url("chrome://global/skin/arrow/panelarrow-horiz.png");
+  list-style-image: url("chrome://global/skin/arrow/panelarrow-horizontal.png");
   transform: scaleX(-1);
   margin-top: 6px;
   margin-bottom: 6px;
   margin-left: -2px;
 }
 
 /* ::::: tooltip ::::: */