Bug 742419 - Implement new identity block design (Linux). r=ttaubert
authorJared Wein <jwein@mozilla.com>
Sat, 21 Apr 2012 00:03:39 -0700
changeset 92074 e79686174491
parent 92073 479edc4c0af4
child 92075 961ec289d615
push id22504
push userphilringnalda@gmail.com
push dateSun, 22 Apr 2012 06:24:14 +0000
treeherdermozilla-central@990f6542747b [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersttaubert
bugs742419
milestone14.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 742419 - Implement new identity block design (Linux). r=ttaubert
browser/themes/gnomestripe/browser.css
browser/themes/gnomestripe/identity-icons-generic.png
browser/themes/gnomestripe/identity-icons-https-ev.png
browser/themes/gnomestripe/identity-icons-https.png
browser/themes/gnomestripe/jar.mn
--- a/browser/themes/gnomestripe/browser.css
+++ b/browser/themes/gnomestripe/browser.css
@@ -1025,32 +1025,47 @@ toolbar[iconsize="small"] #feed-button {
   margin-bottom: 0;
   color: GrayText;
 }
 
 /* Favicon */
 #page-proxy-favicon {
   width: 16px;
   height: 16px;
-  margin: 2px 4px;
-}
-
-#page-proxy-favicon:not([src]) {
-  list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
+  margin-top: 2px;
+  margin-bottom: 2px;
+  -moz-margin-start: 4px;
+  -moz-margin-end: 0;
+  list-style-image: url(chrome://browser/skin/identity-icons-generic.png);
+  -moz-image-region: rect(0, 16px, 16px, 0);
+}
+
+.verifiedDomain > #identity-box-inner > #page-proxy-stack > #page-proxy-favicon {
+  list-style-image: url(chrome://browser/skin/identity-icons-https.png);
+}
+
+.verifiedIdentity > #identity-box-inner > #page-proxy-stack > #page-proxy-favicon {
+  list-style-image: url(chrome://browser/skin/identity-icons-https-ev.png);
+}
+
+#identity-box:hover > #identity-box-inner > #page-proxy-stack > #page-proxy-favicon {
+  -moz-image-region: rect(0, 32px, 16px, 16px);
+}
+
+#identity-box:hover:active > #identity-box-inner > #page-proxy-stack > #page-proxy-favicon,
+#identity-box[open=true] > #identity-box-inner > #page-proxy-stack > #page-proxy-favicon {
+  -moz-image-region: rect(0, 48px, 16px, 32px);
 }
 
 #page-proxy-favicon[pageproxystate="invalid"] {
   opacity: 0.3;
 }
 
 /* Identity indicator */
 #identity-box {
-  background-image: -moz-linear-gradient(hsl(0,0%,98%), hsl(0,0%,92%));
-  box-shadow: 0 1px 0 hsla(0,0%,0%,.05) inset;
-  -moz-border-end: 1px solid rgba(0,0,0,.1);
   padding: 1px;
   margin: -1px;
   -moz-margin-end: 0;
 }
 
 #identity-box:-moz-locale-dir(ltr) {
   border-top-left-radius: 2.5px;
   border-bottom-left-radius: 2.5px;
@@ -1061,54 +1076,26 @@ toolbar[iconsize="small"] #feed-button {
   border-bottom-right-radius: 2.5px;
 }
 
 #identity-box:-moz-focusring {
   outline: 1px dotted #000;
   outline-offset: -3px;
 }
 
-#identity-box:hover:active,
-#identity-box[open="true"] {
-  background-image: -moz-linear-gradient(hsl(0,0%,92%), hsl(0,0%,82%));
-  box-shadow: 0 1px 1px hsla(0,0%,0%,.3) inset,
-              0 1px 3px hsla(0,0%,0%,.3) inset;
-}
-
 #identity-icon-labels {
+  -moz-margin-start: 4px;
   -moz-padding-start: 2px;
   -moz-padding-end: 5px;
 }
 
-#identity-box.verifiedDomain {
-  background-image: -moz-linear-gradient(hsl(215,60%,92%), hsl(215,58%,88%));
-  box-shadow: 0 1px 0 hsla(215,54%,33%,.05) inset;
-  -moz-border-end-color: hsla(215,54%,33%,.2);
-  color: hsl(215,54%,33%);
-}
-
-#identity-box.verifiedDomain:hover:active,
-#identity-box.verifiedDomain[open="true"] {
-  background-image: -moz-linear-gradient(hsl(215,80%,80%), hsl(215,67%,65%));
-  box-shadow: 0 1px 1px hsla(215,54%,33%,.7) inset,
-              0 1px 3px 1px hsla(215,54%,33%,.5) inset;
-}
-
 #identity-box.verifiedIdentity {
-  background-image: -moz-linear-gradient(hsl(91,70%,90%), hsl(93,60%,81%));
-  box-shadow: 0 1px 0 hsla(92,81%,16%,.05) inset;
-  -moz-border-end-color: hsla(92,81%,16%,.2);
+  background-color: #fff;
   color: hsl(92,81%,16%);
-}
-
-#identity-box.verifiedIdentity:hover:active,
-#identity-box.verifiedIdentity[open="true"] {
-  background-image: -moz-linear-gradient(hsl(92,65%,70%), hsl(92,40%,48%));
-  box-shadow: 0 1px 1px hsla(92,81%,16%,.6) inset,
-              0 1px 3px 1px hsla(92,81%,16%,.5) inset;
+  -moz-border-end: 1px solid hsla(92,81%,16%,.2);
 }
 
 /* Identity popup icons */
 #identity-popup-icon {
   height: 64px;
   width: 64px;
   padding: 0;
   list-style-image: url("chrome://browser/skin/identity.png");
new file mode 100644
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..a39e493c1eb1eaacc6b40c32fb6eebe683021b3f
GIT binary patch
literal 965
zc$@*n13LVPP)<h;3K|Lk000e1NJLTq001xm000mO1ONa4`lmEH0000PbVXQnQ*UN;
zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBU#XGugsR5;6()JurfWf;ft&;QKDGv}PS
zo|!R^V`}OcNl_L-yKvDWrOV2}Y$49HC{U=NpcV>6Ar%z3$&p%kgOCbJp+JHn5Nu_X
z_e-8^@;Eo0IWx|g^S&)+yo@V*S1&y8_xbU>JbV-PbS|f4v}@CV2}7<b7s9=e$<52R
zi@a)`WjO15JD<OFNBesBmDgO~e4{(Gks6wJs&RMbh=Ib??Khv?#lL=OPQW+olieNJ
zw6saheiz5}zHs1H`z3>KU3<B?u3o(<Sr@1@?a6=W!p(?}*C)FdXR~s~boxmg*ZanS
zTLEA9r1w3ZG&rLu%DbXgHO37u9^i6H*WkADrj_O?Dv6qms8QAOMSh!NA@EU8cHgr}
zqhn487P_cjCB_YJ9w5cRuDI*Tq)pl~Eh+{CwU#EK|6ms~<uxNOJ*ZKgf}E;hQH_F;
zjpa2m?C6TSo=XaHR-13ic|pC$lF+}Sixgo?Ypzjn&5s5IK`<sE8@8f-xGz_q6_x#F
zXtq8f5$cBfbP%@`a_xdaU%DWQqER(c*|>EkU|o}c{plCevv?5vW3{jr`N{6AAr~E2
zoyDVQP`Al$ZG?60&iU0>DtGW_JR_{7mat;LB@=U&D{Hw%p&JcTZG*13F{hrkP{veV
z198O#r(B;?Z}x<|*gZ2rWyH83NC_Hb1P_?6B2+*aHz|rzqO`QApjDMBgi6V%AgC2I
zX%;+ci7BBnGr>8lSgKjhNiB+k8Y4==Sxh9u)eaWO%J@r8Nl;_Vh-BErP5xmWS{>Et
zl%UoXmxQx30f($Act{G5IBp!rbQ<6=2GggmcjPUW!ZPPf;)GU18c!P}9<pkgr_|tS
zKf8_}EOws5Ghg&s7%M6Yg0xO)L1I)G51-;{TYsD?DG7o)E$Rh~iIuipuFmkMomN$q
zalf1(r8LW@*i;OCA^stVqJ^f-*KQ()-c3c6n~vo7Mi*!6?W)?en3CVqbVQl$#n>0)
z(b*kaZrT!ylw<7OUc9A>T|N5SvkO!WNJ*5&_4Vz)t%~B?rHxH>dBLER#Au~sZ`TL6
zRq<|*{)O44rkz(K@%OmC_x8_`-RFzEc1u>@+4;&{vKw7f+FV{a-Ae6n=48k2=DTF~
n&RzWbb7gnWy3U~de{}sH<r$SwqU;WP00000NkvXXu0mjfm%Y@7
new file mode 100644
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..91c5dcb8830e76799d9371f183b4f07a03675dbf
GIT binary patch
literal 900
zc$@)*1AF|5P)<h;3K|Lk000e1NJLTq001xm000mO1^@s6P_F#30009^Nkl<Zc-pPi
zTS!z<6b4|M$xaA5nOYr!7|oo@@{(gp7jt4DyO0{BrV`S{BB+olqR2u_OHH8*C>2CR
zM8p&Y1<?g^6ng5VNQmgM*N`suwpu^@0~_bkL3;RLxAwncuQU4`Q$%FO?tE*Fa;a36
zrZSbSyegl(tYtEj%AS-s+-k1MP+640n%m6c4F6+*S;pbB)DpE)m8nW9V{HjC#t^g2
z1F_~&xyrAq$<LaHndAeUc)E6(3ad#9qn2O*7oSch4_GuZQQtf?9vmMS4g3PEQNtcH
zne1_yPo4){(K}vq;NXpt_bo%qrvPizu*Zx$;Q*m0<v#UYiHS8|oB?L5bhTKm8lI@z
z+dmrk+5fg$OsHWG8D`Vjn*tmtw<l85-ZHrS_nrZtm{9AD)Eq(v*@OdhJo1N?sOQQC
zt_6E$mRG=1*{VRTABb#zcj--)Tpru}>DJeVF2EW!>>-0Jdo1G`d6a+uNb&o|z5>}d
zTr_d@LwzS;jT-ilK{nw4#~+qWDp9skvswFLW_bnD_(V(9w%*rOQ$4RX3J$LS4guDv
z>E0h?m|e_X7uncr>MNLPxVTKNeXK`+6JU*+4iW9Q(Gz!oqxaVcIH~h4W~e;1K{a>3
z*dTy|n~Zuhvw7@wD~rEM+wKeb0_<z2kWp__KJ>&4aO7@jM9Duyi~&;Be7;;;x?gVk
za{k$RNd_5Y*)!kx@>H}A7Jl8;l`qL4gDiSt1~`1XM4T`Nu+#!otZF--t`jGaMGt!|
zm7{|7=az~S$f74^fP*)S#Q}4GxoQ!=^Se(!t`sMbWslAO!&cjC&*q5}$f74^fc+z@
z#ewMq*wFz_h1ZG$i3ZrQ^GvQdfo$9X+ODq>2c{3OFnWbT56Z;>^9n6Ae}V0%yy8IO
zUtsT*LUCaFJCMy6GT3q7FHRuKo^0bC2y8p)6(^95`wp}Y6-Jc&!`QU1&^+Z;<)Md_
zpN`%0OEQ|7K$bo8jIU7fuJZ+-w}!lu3^K@?U!fV}H$06`a48QKRCTIRwNN8#L1dWC
zVXs?R##IdPitI447BH@!^*;u1sW~d02lDc2lqkQdAU|r{^D>*xUKd%)!#z8J9A>QO
aU*f;6c*m;N5KuP&0000<MNUMnLSTZ>&#CGF
new file mode 100644
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..3a22f7e0195088708f3838376551b95a42e87f7e
GIT binary patch
literal 553
zc%17D@N?(olHy`uVBq!ia0vp^20$#p!3HD)*8SPYz`*#y)5S5Q;?~t`2eYCaC0HLc
z-PU1>z01zAy|P(slgE6e^B45IPKJp9!AC|H7D1N@jy)P0N{?I|@1`d@dWh#Wr(7&4
zt*YD6y8FX^<L;D+N7*0GoS(>dNBcW-L;2gQd{#1i|Chd)<Md00bFq%-**&?9yLa#A
zHY(|nIBCPRMB~QWvisX^zdf9_wMuZ)G@ox8PqhNphUuTUV3?%xS?j|4@6J_9M_eOc
zXcV05u6w@pzs_{;Bc5v2M$Vqo`CoPlh^H>x?6Cg2F^g27!XncX7F;c}&ptaC)%~^V
zZ}$HC|3yGXrl_rSSQ=yqQ^GBg+{eO|6zQ-a-MvwN&x_MZ8yWQfHSf3Qiu69VcfZl(
zkOeV%@|+?^HZ?e$KgV=8Pu%J3SElq5<N4<mckElbe&X$jI_1r`ESCmxI-M5gF0qpJ
zF4*AJ=zs0j@tZkqDn`nim!H!R>z?)?;VRSHGHJUhOyQSbirA%myCT`@#AtVgX>Ay{
z+!m(mlTWgM1%KAa$$eoun<gxGh3WA}2_U&Mh7Tyx>&6UZFTThDByZ-30Y$!6$;w?R
zPq2_V)clJt#YnQ^0{4|HQ}2Qu*Z;NtsIli`V^(>1CjVUAJS*k7e$h>b|3=rInd`~9
oYf*OVo7hutvg^+5&Hm5ub=6M8`svs10+RrPr>mdKI;Vst0MAtN5&!@I
--- a/browser/themes/gnomestripe/jar.mn
+++ b/browser/themes/gnomestripe/jar.mn
@@ -14,16 +14,19 @@ browser.jar:
 #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/Go-arrow.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-close.png
   skin/classic/browser/monitor.png
   skin/classic/browser/monitor_16-10.png
 * skin/classic/browser/pageInfo.css
   skin/classic/browser/pageInfo.png
   skin/classic/browser/page-livemarks.png
   skin/classic/browser/Privacy-16.png