From 32fe07a39faa858806b066c83c3579435deb532a Mon Sep 17 00:00:00 2001 From: opi Date: Wed, 14 May 2014 17:14:34 +0200 Subject: [PATCH] [enh] CSS transitions + return link. --- portal/assets/css/ynh-style.css | 45 +++++++++++++++++- portal/assets/fonts/ynh_ssowat/ynh_ssowat.eot | Bin 5560 -> 5680 bytes portal/assets/fonts/ynh_ssowat/ynh_ssowat.svg | 1 + portal/assets/fonts/ynh_ssowat/ynh_ssowat.ttf | Bin 5384 -> 5504 bytes .../assets/fonts/ynh_ssowat/ynh_ssowat.woff | Bin 3376 -> 3456 bytes 5 files changed, 44 insertions(+), 2 deletions(-) diff --git a/portal/assets/css/ynh-style.css b/portal/assets/css/ynh-style.css index 6904c3f..946fd06 100644 --- a/portal/assets/css/ynh-style.css +++ b/portal/assets/css/ynh-style.css @@ -146,6 +146,7 @@ textarea { .icon-connexion:before { content: '\e802'; } .icon-pencil:before { content: '\e804'; } .icon-trash:before { content: '\e80c'; } +.icon-angle-left:before { content: '\e803'; } /* ========================================================================== @@ -247,8 +248,35 @@ textarea { color: #fff; } +.user-container-edit:after, +.user-container-password:after { + content: '\e803'; + font-family: 'ynh_ssowat'; + display: block; + height: 1em; + width: 1em; + position: absolute; + top: 50%; + left: -16px; + z-index: 0; + margin-top: -0.75em; + font-size: 2em; + font-weight: normal; + color: #b4b4b4; + opacity: 0; + transition: all 0.1s ease; + -webkit-transition: all 0.1s ease; +} +.user-container-edit:hover:after, +.user-container-password:hover:after { + left: -20px; + opacity: 1; +} + .user-container:before { display: block; + position: relative; + z-index: 1; float: left; margin-right: 10px; content: '\e801'; @@ -263,6 +291,8 @@ textarea { background: #b4b4b4; color: #dedede; overflow: hidden; + transition: all 0.1s ease; + -webkit-transition: all 0.1s ease; } .user-container:hover:before { color: #fff; @@ -285,13 +315,16 @@ textarea { content: '\e804'; font-family: 'ynh_ssowat'; color: #b4b4b4; - display: none; + display: inline-block;vertical-align: text-top; font-size: 0.8em; width: 1em; height: 1em; margin-left: .5em; + opacity: 0; + transition: all 0.1s ease; + -webkit-transition: all 0.1s ease; } -.user-container-info:hover .user-username:after {display: inline-block;vertical-align: text-top;} +.user-container-info:hover .user-username:after {opacity: 1;} .user-container .user-mail { color: #999; @@ -310,6 +343,8 @@ textarea { padding: 1.25em 1em; position: relative; z-index: 1; + transition: all 0.1s ease; + -webkit-transition: all 0.1s ease; } .user-menu a:hover, .user-menu a:focus { @@ -381,11 +416,15 @@ label + .help-link { background: #41444f; color: #fff; font-weight: bold; + transition: all 0.1s ease; + -webkit-transition: all 0.1s ease; } label + .help-link:hover {background: #30333b;} .btn { cursor: pointer; + transition: all 0.1s ease; + -webkit-transition: all 0.1s ease; } .btn-group { @@ -406,6 +445,8 @@ label + .help-link:hover {background: #30333b;} margin-bottom: 0.3em; display: block; position: relative;z-index: 1; /* prevent strange label overlap */ + transition: all 0.1s ease; + -webkit-transition: all 0.1s ease; } .form-test:-moz-placeholder{color:#ccc;} .form-text::-moz-placeholder{color:#ccc;} diff --git a/portal/assets/fonts/ynh_ssowat/ynh_ssowat.eot b/portal/assets/fonts/ynh_ssowat/ynh_ssowat.eot index e642f0b6f9cf06c2efe7141f82904cc47ce5b101..837707159cc1f686583112875ff2cd25c83a09ca 100644 GIT binary patch delta 585 zcmX9)O=}ZT6g~I7H*aDhX{!0Ej##Rwr538S%|aJJL`4*73e^^g3~`c3C&`dRi6B(! zMqCK7E>uJmLBW-pO_$;y5W2At7lH~ATnH)@vBo>igM05e=YH~*M_%nW#^S(@rjb&a zmErYf`sTtN0N>eWawXgAZ2z_j&@r}5?rMEdf9T!=LJiJad9P5q9c&zC&f2DC!LE6% zN0|FDP;js1r&b?70>phl{U|#2C3^9hv3ZO0lSLNHkUYoyE%V*QQoRvlL z3kuxH;{y;J(NUevU9M+@9!gT;52%$EqjJG-0cFJ$V%U-1 zCJ97G{Xuk=5vCd7L}Ebnk5IIa5^;8VXfN$Kl%mOlJ1I_C-EM1b8DahJuhyiDh_bX8 zGL4UI9cJAi#gQFjUZsHUYk5X=p%KME>$-74SnI%&+z0`0~;( zGc|7dx>y8cKie!H<@BP@H{MCSq%a+)ccQWJ4Q6XDuuD#uTq;PCB7-!UiobteU8y-$ gS;^;vcDdj>qpp*$YtJd?F1tp(YS)Ub=bvqPJ8hbRLB$3#|h7H5C?3lklh>n|`cFuVccu;kptf*pp8cNrKMU4S?$xvWHi z?fU;I3=G^rX$G0Jg7n-jt_o`)UxtB!b7Fd8aRE?VfPsPQ2ax7Sq4WxAcuz`(SC zfq|tVBQ-IFad|}u0|UDPP~I#9D8SCm90ue^0Qo8zxg{0Cc5y%^1A7gSkjTkTPGp|O zWCG*^EoI=#O{^$j_|ByPej5ZM6ahcPfRn@(Q9m~I)uz|6o16p>+IVXy$wTnroxOhCx+g6Rdz3!eW# z9Y8h%j4i<^!65ze-tE|~fG8g3io#Xj!zA|t#zW^yeKhq586Cgd~pV;IW z4s(4rkT_El0|T=l5Jy5WkPQYN467LV7`vDpfIN^>*ft;IP-fO-1M-*{nHgCaSsB?_ kfB}%rQd*o^#GId&##WG;mz + diff --git a/portal/assets/fonts/ynh_ssowat/ynh_ssowat.ttf b/portal/assets/fonts/ynh_ssowat/ynh_ssowat.ttf index aa84520c759cc6f90e1eeccae0a7966941cd411d..60690e42995d4782bb65bcf80bcc77e2a2dcd0d1 100644 GIT binary patch delta 600 zcmX9*O=uHA6#m}K>}*UVO*Ls!U9nX0uN1Yl?Lh^RqD7R_7ODlQE^(8UW|Jj}61}AK zR79jv4=N&v2cb93#e)a&EC^mK#Dk(j1P_8JMYQp4Gw|N`z3=V&nc2mC^L)4m*>1XEVBIk!)*QwfOM4n~g6$?9EuUv^gVFvRH zJ1bX6+cKqG?iGkJ&#w4b4e#NYhoC2KdrmF!@f61gc*s}3P$~~CY<|uQq&R=hFFOA1 z#}8USf@?4h5d_ z67|b!Py(726G&j&u`QB7bUbK8AT7G3QYVXg!l>L<<^mbl2ag^TPVK_ub@$jw8Pi zk4i0AwfI3@_!hF^JdC7?vqYC+M}PtUrTUUp9BhA(KB9 vBuSA$noPz2VoqHtIYn8>WWshnn{)bePNuAVC!fBYGs;D~(xJ delta 464 zcmZqB?$D}dU}Rum;A3cDU}i}057sxbeduukDDnn~!;*6o3w9VX-eq85bOGY13et1CxGJoHd>IA?&WY)X#RWid0R{%HA3&NTJ*P5Fmg#mr0|V0n z1_qXfjMT&w#^n_u3=HfFKzXx_jMVx>c5db{pg;srKqVu$q(ayZ$YNlx0TL29`N@gQ z)0j+ve4wQae7T7g1q|Q0G=TgiK)ym=Vs7e0(Fa~Y{t=)hPYd#kOAI#@m;oKI1}N`c zP?TCQY2mE@3=AS0fc!89MrKpS2@I?Z986VAdw?Q66aPh8h5-Ez3I!Pk76uC-&BegM zzyyR0FPL7iyx{o{)DC1bz}OOu5)9%$K{_^fFzPaIR%Oj*lDQ!7?;Ou>^Ob>{`2|S% z`I%-wUjgYE|HLM*VK>)j1Bo*=F)%O-0&yf11KD8U!LW*vkFkr%0muV6g>ADKhcdG! w8<5Au$jr#X$jZpZ0t}68meS(XBIf+GG`51&yyVOr){>&c;tYn(dE7!=08db6P5=M^ diff --git a/portal/assets/fonts/ynh_ssowat/ynh_ssowat.woff b/portal/assets/fonts/ynh_ssowat/ynh_ssowat.woff index 2a95cc15974bf51681ae5fc172f4870e3a5ebf5a..a7333a42a539b27263161ab1de424b1ab4a9d78d 100644 GIT binary patch delta 1627 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 Bf+_$2