From 9376efc74ddc8316ad61197b3553a0619f39826f Mon Sep 17 00:00:00 2001
From: Julian Pustkuchen <Julian@Pustkuchen.com>
Date: Wed, 12 Feb 2014 17:33:20 +0100
Subject: [PATCH] Enhanced Styling and removed no old dependencies.
---
images/ajax-loader.gif | Bin 6820 -> 0 bytes
jquery_loadinganimation.css | 158 +++++++++++++++------
jquery_loadinganimation.js | 2 +-
translations/jquery_loadinganimation.de.po | 85 -----------
4 files changed, 116 insertions(+), 129 deletions(-)
delete mode 100644 images/ajax-loader.gif
delete mode 100644 translations/jquery_loadinganimation.de.po
diff --git a/images/ajax-loader.gif b/images/ajax-loader.gif
deleted file mode 100644
index 0ca7ada960568fff04400cda966fbdcb106abfa2..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001
literal 6820
zcmZ?wbhEHbbYgH~_{_lY|Nnmm1_mD=pQ@^=J9q9ZSg_#7j~_BJGKUTwV!#Fz|8x7f
zh6Fo12DlpO889<4Ffb_olX5OfO)N=GQ7F$W$xuklO03AqPfXFv%uCB>Q2fcl$;H6H
zpaU`uWGMs7e}NO8tM`V;oZ0<fv{2;Q#?YgQ4LRPO>Z#M%AKqJ#c&kX~p!OUA1BnQe
zC2^?*0udYs72V4n7R;I&nHFLwP!Z(kCBVusRai^nL2H{eTkpp7xf!Y*yO+e)MSn6C
z@$nRj5cVmqj;{@3VeTms;b1D2m^?KnUM#Lh-X}%TI<Y1;K3k{IcX{*TSt7Z47AqHI
za?I6b+qr((c1tOy<#kKD^EdB3%EGbnsML%@nMd?AS$pEnOYAy)P)O7F+;zRUQ@8D<
zRy}xl^3?H)XZ<haa$mp6WIg+#;N)rDlV2Xp`N6cQKs6v@TRbz@1nn9Av9i_sXYoXw
z2oP-Q7U!JhXz*bA<Sv>2GESCm4vHr<fBUV9Ik{=6w>?vmS*PUZr7ArZmQ^`L3KP%H
zvB>3;_1cngbkhAWCZ5Oz$v*RS1w{_*;8*fxRLkv}Z529`WqI)5l~c?^Ck9$1ov+iF
zc`f0TjDY4LZAr1KOJ-b|q7-_<PyO1q|4aO0ISL(urm?Y1&d$od{4hQL=*hcR3O@-j
zvwr$zc;Tb0-I-GNQnniAEoq8#SS#*bjyM%`ZKmgD$=*W+5-ZOM9Y2<s|F!?rVx##?
ze=APCbmolrc@t37n{a%SzQw1rGn~>qx4lmNd*@>0L{rx|)#+QL<=yYkscm219%u3W
z=?%`>)>9uv?!J&ab?uwq|EkvRWYLSqWvVh&TIL&Ej&yjy;w$@tJ&4PRwIPI$?TNgN
zAOoHR!vRV#iXztvBftqpFs(974U}Nkh5UK9V?m0+1|Gg8_i`p_g>^XfI~F*E%-XWF
z<<%U8nm|9V1CtMgcy+x?n7wBA!_y*>3%98z9QeuEQ@k%n#N9JmTG+iHJFKpXIkmk+
zSgBirgJ}wbdz(J<44vfuD$~S<a-n>SV5wycnk|kUifS1vLsGIh7MioM_GfQ#T(!MN
zBK?3<@!=y`YNrxc%{$$&OO91}7u&_t3_Hcx*jTQtWtX~j+meNaV~xHPJM)|8G7nxp
zl)o19=+p8qFMo;dIrVn-_H*}mOaDKq^|sisa9#yp^T!Jc2@Z@Mg3m8Tt1mpj&?WW%
zLF$_gg|P?4IqceGPAbM8%$MbeN$F&iah_#S{OZoh&COmDM611=9JajJHDBT3hmiCs
z8g2^%7JJQ=a$9CO%`ACY$V!vtf%PIbYIAQ2#{~Dy)DnB)w)KfpL5S(G)E0sCYq3f5
zPbHuF=De+6EMM<**p&qD1AP@jYOBsm3GP+Cy0&%3ruEV%LN~5Fyyn?Qhh<Gm1w8lY
z-@bLh)P1pE>w^*z=2eAj*)k*=GEeI!2y=$+d==HOwy^nwN7SU}*IBC=)n7MF*Xy5=
zVmH-KamV&sq2=N4MZQf9H9cv`uKeiaW94rBN$mxD^_Lcz-<ql7^=|dnAJ2~WRy)Pd
z{i*rut?Oe!Wo@~&;=WcUAA{})tiQpQ;Lq|wJS_Yn=TUDHA+JyOVqU!!W+W=zv?es<
zcncm6oB7mnheZa*x0-#+Li0EzCTKNJTpwh?qtmRuakH?(jB~1~1r~k+TQb#`E|N%c
z@{A~Y=X)#e<5DU14|$VK8PsN*oGy|{Xb|!(^c3+8%25k%tY)o<X6mkHnk3FKJ=#!=
zjk!-RB~wUgcCbNSzS>lsQ05s7ZAo3Cxyvm=TNv0lmRRmxqU0DnUuu7Uni~6wou0c-
z_GI)QTX<2Zd8520>j}17*Z0laDxR|7x=X?u8J6=KUg#d~m7gVb_d`g`nzO|z*M3CI
z`S9AoLFPc+e?Bc9#=Jy6mWoL(jV~^+Hj13yV0$@XNun#mtpC$=4_{f`u)ANvMM%M*
zfZuh>Jf1Bro|~7Qoo%r&;FhLg`pT&ejcyM;S57_K<e|9l%gHS(FE4ML@a)gEO(|0}
zEGKVLX?>7&(IdD~D^~Mi7Gtwt>bjbryjpBC^O#wiJw<1nEZ3-Zobz+pYnOf3_bE1<
zxODia#`heqd#4}jMa=J(E_3~TOxZNwp?KyN9XI_4{A@mIZOf;BnsC9*PB?N+RZNy~
zYxmJK;~QJFFYXtZBdUDW=j}Bq_suVFM1I#lI7eT^CGApF#_7}XJl{;B&$&L_W%#mg
z<L>uCmuAo8&=*kuvcGBD<d<S{RW+55_w9H8{pE*uxqa!T+g99jT5BeJ7Y$;Us}h^=
zHL!aBgzfQFm6{s!SU)`cBEwa><4U~i<%jr^ObMi@QJ7W`0ZuZV(W*zLc<!*sIFntw
zZ_k{7AdLu<V^Y3N7CZsx6Vugq1PV00I1(Z$<8l3PP}M=cDj_W?gT(=BGlM7f7%HTO
z-uI5t?6_VcW{|B}%)lJQpxJ31-zdbw+R)C_#=@K+5mC_YCssB`r@J9PMTvdk@=l$y
z$Og@sPIYYzy;@Fd)AKkc>#^-|s1Mq?x4-aE%8_I9)wVaTU3l8}oG$B($)KX<fGFGM
zS&=htJ4dk3lb9aKdh5wcwWN)+q?jkY3yypK%_{Bf_paw94}XNdxo=+oU&!yovI`PS
z+8wV-vu`K~?UCS6a!YaF=zOeL;Xl8`uT);awS9KyLY+JwD4we1h(9$4lw|l-O|R{?
zR9td?j+FnUmgmJh=NEfS)-t_jly<o1(;h{Qq)F)~riQPXs$;P6nfv^}Et|9>E-Rfd
zNtr5Cuxm<aco*BFX9_1jrf%DsDegCQM)~d7J(<d)mD%OGaeTqu8*+bazY%hXNBGp&
zvhoE<&F%Af-*vCnOy|4bRr79+<n=Uj7PtCYbB=A!yr}q!FZ0#e4Ow|Ho(JWwO$vFx
zvqk>BlJ|$!)3>%?etPZ{r=!j-?t1AtQdzI0p6`D0*Xyr-(DnS-jj#Xm&5g-$(0y9S
zTNtBXUY@OMv0iU|P08+S+8y%qYa}avs#{*4&uw`7q<Cm%?pt?17TiTj3D23`|EC&?
zOjC$B3NBI(h0R>*u){)wOWSq-vbekmg-|Z0BX3+Bj|3b`bT<hwV+}l+Z{!g+$0w70
zp&%2F;pcBTyL>OSulccQb5ZU-1BPYn3YEoj23jH>WeifS5h59Jp!AU@<PpijoF_58
zJ=UmahNWhUzSK<Tnq@iu7Ho?qw-tNL6Dnx13|YK|W%3%1wBBvbYg7A!nb;2o?bvg4
z)ybs8E6*};oH&ylx`*x3<?36kg%T-C?*{p?Kb*CQ_0H2-%rE+GNKJYd{Ncn`tH*D@
zT{*EcO5(#)e&^M7titmgS8QNqGS}=9$hn~;WT(dAa`CeJN2Zy{FaCcrRGKg`&Yeer
zzsJF1!oov6dj62~!RPAsLZ_(M>C}XuN^UY2gSjtEsO{2<J+(!1OS|n!nN1sXlLak}
zgOdzXzh*Udnw^yKEf;0Hv2<e4rCrZTre99FedCs}pmEF9U1twOCU1PZ>h@$Mr=lw<
zU)T6ZC@$YOp=0}kxT%kBWM<D{&f+N8{Ehcr*jt9wW=URuV}YP`X&3K$EdKpR?aTW8
zr+EG_WlDXy?x_;FUvYxh*5@)4dHC;~>H4m6b!O>-c?s99IP5Hp|FDdUYh9%A&Ul$q
z`>HE<K3uuZ+;WSqX#V@l9`j@?uDv<&_1N>S>vDBkCm-`?&!2Q`?$0aJLSCw!k*xW5
zvvr=&o5%-otlz(~JP_}4{eDf3sY(D(1q4kk3e(aQn;F;XxXzfmA+*_Hi-pFrFE)}!
zp?Mq*6SP_b&!{_ca7|;Ha^vP*jTJ9h%sl1P{nWmG(&A9vZS3GC$ay92?T@4n-_{A~
zH5@p`_FPuqCc!J(Co-3bDZZG6BTJ}En1!_>g?SpQzgX!s?Z^pX$u(w*T}9fZK@&83
zEdAEyHCvQ2r{%It*wWuw@3LxpgUqIRmRk=VTDGrv)zOnRo9DCcQ9O6DdROUeagLy=
z*F*f4%S^eq>p`Pw*SeH@S6&>RwfuR>-TNP8IN1HagueeVM<9aPLm>QM3X`&@;EneR
zY+kQeJPMxVCOWt4i@d$9ew@KIpYOkQ#+1e$zjYIyyjuur>7Jg>p}niw)A4a*@9$kN
z=a}_AV_`IJWSjb8^NNd$JswudNCc&ex?A1cC{lG`nrc_z|D9(lj9-W-yZNcDWu3C3
zvD=-~!1vZ6<){LsYqLx~eVes!RnbL<)DuB2*C%~FaIN*b(uymcO}$n-HPeLd3pBT9
zum(J5SjErwf@zO*WyFnhIt_15|Ndg=!0hPB{;yoDWcH**{5#I&NNs$@&Ack?fw5J)
z@<#it-}_#6l_#G$ARAqD+fjJ&Cb76X-=@dBz3TJ()}1{yXBUTU&AO7bv-8QaY=Qj`
zEx7joc~-RGIAdjdO6_*_1uHBbd)rOiU%|zi((WQt^FzmVzB<c{=ab7XiaOtE`tvr>
zhxhWrFZf%!TSP#`OQ6CvgNPI0;^lDI%%`B@Wz}a-Nl=T$VS?7I$1QH2CujL9xrOZ5
zn`HaMK~s^VCWy~Tc?tt}D#K-&KQnhEa*M`2&^^c?vF}D-F-MATv}B-P9#dEy8%L&)
zr+$WPLnlLNU|OhU@<jX6UJJJPDGUxw)2(LrCKp(=wU;eeY0olWk8R8PtvbcK>T=@u
z?v|RfPf=|{V)x9WqH!k_CeLR(ShquwW0^#Q^5QdknoKu?XZPIO#{AGs{<iX!XG$-R
z$ZeOp`%Lu4vUf$-zCZr<k11}3+5|~P?bQNbv~MK2@6ucCCUH|;z->qOqcbuxhD{6E
zOJ4pzRk*{|@PSIdM)0bblSNA>PB)02X3_9*kzgNZ>bV6cgAX*?S~YXYdR<ZWT$s#|
zr6ORw;(W!F8HYk5F3mqW?@^rGnyfA7f{kNR^>kKc=r{{{xf_{A3mj~mFOu(>s=eV#
zbS3liHeI&IYZ=0XzX%;I3%?y^SsmT+W=f&><s<TUxEgG_vknB9Tz+NYv0Wm~B`7a)
zo<Z-X4wL!cPsvtCcs0&foR_ulz|M&=r&#Xw9pd?N_+lFSY#9a{M(OE{CQny<E}hL(
zWOGt|&#~kOx`ogBwO=gz5cY#n#YD3_L+(fJtanScPyTi@`r-@Ki|PyJKlnW9HuIz9
zHLKSDt#12qX>QPTsj5#u!{zEc&W0~wy~a89wkDSqlT@V050L;owGlMA2uw>;Y-L=h
zqnbBWl0PfEKHpZ<*<#7|1uYF0y-6E569d*L%yQ~uTq-TLK<Flmp+exay&3HVYoBS@
zi=RJpxJ&nPGTRPsCZ0^L>Hm(+*<KV`<{hCFTPqYCD&*hF5hsxnT3yhn<HFHh?^I!;
zm}_1*Q#56QV@%%Mc?)~f*t*TwSaR$)=q%dS(aF4L=k~R`rf%&h+?StlOx$I2!O7zr
zf_)|)IOvp6DIR>~s&>krcDWh-=dQNxS*)<h|H;9a!yC`skqut<>6^uy?|0*RSw8+U
z>ktt*klnFE{Xav|2e%0d+pJ$nX?{7-oiMYKQ$0#!>Bhy!`xX8>GuhnmPibXj3R<PI
z<ITj=RZ4+oA(F?IoSkh^Ts39tc{#2bdMUchuL9K$y2nTTI?W+;#*5Kl+PPPj6Fbfr
ztS@O>ys9+r+T3Yjdp;cx<!PF-`h%ygG;6<?UEQ@=F^eww25quDzii9nq%75j7grp5
zOCL1E##Y^&q*ddvk)4@|kE5Wb-SFvgEm7eOYmRN?FxKj{d)D*J;j99)|NWCS$qo-)
zXY+P<#`1q++^4YPfL6_~HxG50Hk??aa*M6$(6X5Melrhl={~W)Q}kK)9H)o+laf95
z^(;J){ib)Vd_iC>)02arctpw`$A0~Ksixn5+xGyclvj^uuV!12y66}4*FEX?#LLZ&
zrZqMQyM)DrzUT~ZV&I;2WR5MqPPB+3sAy>v2n&pG0gt*wx6ax0>fVBkU{@Q-Wukc;
z3KO(i0(oz4&ghVvQ84L?r_WYpQSP@P%Na7;)EM8LQp^3$6wI9V;F<qE+x0i43WEOL
zi8`AXz{ZjwRISg^s^}$b9G2RnSKXS_<fy3DZyE0~(YbHNbc<%?1h(a|&C6Js%gmQ_
zmdmECTReGFj@nk|C0#o-cW>_OTCqdCMa*he+xBBFn#|0nQ$tUj({;GW+IX`1+I1PF
zTN`J4?t2h&@rmB@=PwfPzyI{`-DmS_Zf-}v-7vn$e8sKj!twLno%L(~&5=5>_QBM8
z+gB@#Ivxrf?Updky2GJ5-(6Yezq*3V&x^??+L_pvgm^w%a(cQ!@;XNa-6d^pZCo4{
z2R=KT$k41_A$ei*bA~yr3zx=7E?(Y{YgD>|C4xosOofp(-wJlVj!-if{w+`16*R8P
zC-Ud)<#1`ZT`F<vlgNj!vA3sOW>|98dt$?><q{p&gbexhmV~XZ`1ICE;c28mFF!}c
znb-PH3ySr_%kC7a-xWU?(P5A}GyEA>)9x2Cucv?JT{K@);6dbc=f^iP81F|%C#r{X
zrv98JJ4=W)B$A_|$<y|rZvP|ud#8*y6u<E^wKle>xBD5(c(Uq1@PnU8>X~=1^JuL5
z@OOL58<B`p1*><mPXCdl?UBYm_xO#<E3yyRBrEkhj$h1Sir5gJza#U?jd~WlaA~){
zvH1Eyu+%awO|S!6vWSCA7Dd+xP|4!3YC)Iv4VI;M6k8>jz075f&SE$#?4a>wfvjNT
zti^v~Y>e```DE9J%sf)CtfVp5uQJp37Po&%LuGNYdTnt<U{_?3uu_P&OPgMBLes>i
z2!$Z!iPHjNqi0Rj4suChTdEtB6}Nhs`-T>VCX?LdQ?}^E^#sh_yu<#W_==^gb{{=%
zGrM)(NvGJoRg-sJu!xJx5!-p~`W>6SNBSo}KFPv-*nHKq-D~fEm~{5zMN{_gOwC`+
zl;U0rvA*N9QAoIFXUBSp*W>z<ZiYrCzA}#)d;tb5%sgH!s?d_<khDio3Tqd4uvmr1
zqy?VFn#pyQpnlNoF9umQKiZm|J4{lIxIB!M&*~Y9A8J^^pT2*J^R|aEm-1e<>xFW5
zMw&mk=hG?idFx{30*7lhB|*Qm4hA)Z%+nU%_tvZ6`LR}3!;-zChxBG_Rr<G8;lqV|
zfkSDWf@&4hS{oUegqkCD78q)un8a_t=FI6&%5MG2(aU5q^=C|t&rZy{Gj+3UQ@*1>
znKV;T)=lOcHZlq7`s_XakBYKyu`wodZPVoFuyFjb`02(%Tc5ulPJX&~ro5v~{KD4>
zkA>xSMfj=xG-bZ(@3!uNP^F#nll_$&6QU~1I61DJ|IqQzVaYe|Bj1HY7#Z5i8(1$~
zY`K?veeRT*p}+7ZlqmwBVr5|@M-nulh*mAj<?S*FZCjf4pW$NXgV`sHI3nCQkL>9Z
za^AGb*{J!d+Vhu}9QrTLTU~OsZO_IzD&3}vSD$g0EB!SJ^wEszmY8B%=_0EXpA*<*
z%FNCbUhGg65W$)%&&ED|qJC6`4QsXbwCR;>6HS){RL$2}$iB2NdEPqRHJb`oZr#kp
zp0{3cV<$WF(uBQ=OO+-|bWLYH>Z`$eQi5Z8_mp$d92ZxKvR-A{al?`2c85I6={=9c
zpG<xze(U|Yme*gkk9<q(xPR&A<_i~9L@tEt&akR4+Tt2rk^aEEMOLiJ=y=`%$Bx)1
ziFZzb5{k}$4zU=PNliy4D{*saSSsFXVA78_O9m&DM_Xc_oakiUnX2M_D1{@{!Hcmj
z!m0b`CEkP6r3_z5R&hL^wj#`W!r`p!u9YP=>=9Qo4m@mRiaF~cXnl>jY58@5X`;8!
zH*I&dw*I%J<KS&|&7T@=4`+Kj+_QMmve#$<cZ@A_$>n1L4w0X<woPj`aXZQ@GG}L3
zuE2sfGny{WbojNPujyvn#Y=7)$5|Ws%0yO~UYNSbMu9nz=f#WzZ{BJfPd%l^x<+hv
zjp>sm{hI696lOD}ihK08i<w{emT~*~O9@xiZyUsp^=t{}xPR%xleg!X!VIb={FQpD
zawgfi{^-86A9A(njY9Pd5~k8lFJfF0<d5Ave8&o3?E_9GqJ<*U(j;3L*Xgv%xbF=0
zxOHy<<N3*+3(de|{w#|H{F$ck+U`<WS|Fg|%yD)7w=V(wQJoxfBAE^|JlIs-G*QFA
z#m&y~VzsHs?N3%Z6WwgRrP5d;tA#k2vl$vB*~`T>GTM43TQG-K)%NI?Rk3lzn6r7L
zh|FwsZd)+5N}FX_1{>@8d2E{(wL32jo!jBFE+>#_TgSph$Ch|ZJm6DlK69)3*>gVY
z%l5}lxVC54eg=+ZOb_l}*>y_zHuKA8Ws4l;*=F8(CewDooaOR2iRphCY$dojc&4)i
zGjmN**5Hh1v|{x+C}6Na>agx2IXjc!hPbKSGXIUPb(AO0cb$;wu?W%=vQRlRgQJ+K
ziOHhaPNZRpI!~xUKG)TXP0KDW_L#g$FlusWdo6QS6z44C`7Irxs{&#?45s+aF|G)D
zGX095pJ7bDR7h7w{O-Jk_vUqIEm*O)mjCIp&J&a091Y+U-6njz_@eiL1j`R=t3}>B
z^9cU6<6dF(^syMrqFZk#MH;O?R8@H4kmN1-7Y$p4rmYLedOhvx8qa0l<~;r)!kFKt
zk!2=b=5koF;?TK(6yH~8Rc+nR@+uVXto0T#tT+49WKp(VS+sEC2lv8;&k~E3+PN~)
z7Mu<J{@b=&NviAK#_KOTVmw}(K3aBoevqNd#8+`4!hy=hw+qc<ExwA1OqKh6^<#W6
eub;qF*82xd{7nVboNfooeide9um;T$fiVDcYr!Z0
diff --git a/jquery_loadinganimation.css b/jquery_loadinganimation.css
index c20ac13..0ff6ff2 100644
--- a/jquery_loadinganimation.css
+++ b/jquery_loadinganimation.css
@@ -1,46 +1,105 @@
/* Animation */
-@-webkit-keyframes loadinganimation-changing-colors {
+/* -- Moving Bar */
+@-webkit-keyframes loadinganimation-moving-bar {
0% {
- background-color: #b6e026; /* Old browsers */
+ background-position:0 0;
+ opacity:0;
}
- 50% {
- background-color: #c9f33b; /* Old browsers */
+ 35% {
+ background-position:-700px 0;
+ opacity:1.0;
}
100% {
- background-color: #b6e026; /* Old browsers */
+ background-position:-1400px 0;
+ opacity:0;
}
}
-@-moz-keyframes loadinganimation-changing-colors {
+@-moz-keyframes loadinganimation-moving-bar {
0% {
- background-color: #b6e026; /* Old browsers */
+ background-position:0 0;
+ opacity:0;
}
- 50% {
- background-color: #c9f33b; /* Old browsers */
+ 35% {
+ background-position:-700px 0;
+ opacity:1.0;
}
100% {
- background-color: #b6e026; /* Old browsers */
+ background-position:-1400px 0;
+ opacity:0;
}
}
-@-o-keyframes loadinganimation-changing-colors {
+@-o-keyframes loadinganimation-moving-bar {
0% {
- background-color: #b6e026; /* Old browsers */
+ background-position:0 0;
+ opacity:0;
}
- 50% {
- background-color: #c9f33b; /* Old browsers */
+ 35% {
+ background-position:-700px 0;
+ opacity:1.0;
}
100% {
- background-color: #b6e026; /* Old browsers */
+ background-position:-1400px 0;
+ opacity:0;
}
}
-@keyframes loadinganimation-changing-colors {
+@keyframes loadinganimation-moving-bar {
0% {
- background-color: #b6e026; /* Old browsers */
+ background-position:0 0;
+ opacity:0;
}
- 50% {
- background-color: #c9f33b; /* Old browsers */
+ 35% {
+ background-position:-700px 0;
+ opacity:1.0;
}
100% {
- background-color: #b6e026; /* Old browsers */
+ background-position:-1400px 0;
+ opacity:0;
+ }
+}
+
+/* -- Blinking Text */
+@-webkit-keyframes loadinganimation-blinking-text {
+ 0% {
+ opacity:1.0;
+ }
+ 50% {
+ opacity:0.3;
+ }
+ 100% {
+ opacity:1.0;
+ }
+}
+@-moz-keyframes loadinganimation-blinking-text {
+ 0% {
+ opacity:1.0;
+ }
+ 50% {
+ opacity:0.3;
+ }
+ 100% {
+ opacity:1.0;
+ }
+}
+@-o-keyframes loadinganimation-blinking-text {
+ 0% {
+ opacity:1.0;
+ }
+ 50% {
+ opacity:0.3;
+ }
+ 100% {
+ opacity:1.0;
+ }
+}
+@keyframes loadinganimation-blinking-text {
+ 0% {
+ opacity:1.0;
+ }
+ 50% {
+ opacity:0.3;
+ }
+ 100% {
+ opacity:1.0;
}
}
@@ -60,38 +119,51 @@
}
#loadinganimation .loadinganimation-box {
- background: rgb(255,255,255); /* Fallback */
- background: rgba(255,255,255,0.85);
- padding: 25px 0;
position:absolute;
- border-radius:4px;
- overflow:hidden;
- box-shadow:0 45px 35px rgba(0, 0, 0, 0.3);
/* vertical and horizontal centered */
width:50%;
+ height:50px;
left:50%;
top:50%;
margin-top:-40px;
margin-left:-25%;
+ border-radius:35px;
+ border:10px solid rgba(255,255,255,0.6);
}
-#loadinganimation .loadinganimation-box:before,
-#loadinganimation .loadinganimation-box:after {
- content:" ";
- position:absolute;
- bottom:0;
- left:0;
- width:100%;
- height:7px;
- box-shadow:0 2px 3px rgba(0,0,0,0.3) inset;
+#loadinganimation .loadinganimation-outer{
+ background:#b6e026;
+ border:1px solid #c9f23e;
+ border-radius:25px;
+ box-shadow:0 0 3px rgba(0,0,0,0.3);
+}
+
+#loadinganimation .loadinganimation-inner{
+ border-radius:25px;
+ height:48px;
+
+ background: -moz-linear-gradient(left, rgba(237,255,175,0) 0%, rgba(237,255,175,0) 17%, rgba(237,255,175,0.3) 42%, rgba(237,255,175,0.75) 46%, rgba(237,255,175,0.65) 56%, rgba(237,255,175,0) 100%); /* FF3.6+ */
+ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(237,255,175,0)), color-stop(17%,rgba(237,255,175,0)), color-stop(42%,rgba(237,255,175,0.3)), color-stop(46%,rgba(237,255,175,0.75)), color-stop(56%,rgba(237,255,175,0.65)), color-stop(100%,rgba(237,255,175,0))); /* Chrome,Safari4+ */
+ background: -webkit-linear-gradient(left, rgba(237,255,175,0) 0%,rgba(237,255,175,0) 17%,rgba(237,255,175,0.3) 42%,rgba(237,255,175,0.75) 46%,rgba(237,255,175,0.65) 56%,rgba(237,255,175,0) 100%); /* Chrome10+,Safari5.1+ */
+ background: -o-linear-gradient(left, rgba(237,255,175,0) 0%,rgba(237,255,175,0) 17%,rgba(237,255,175,0.3) 42%,rgba(237,255,175,0.75) 46%,rgba(237,255,175,0.65) 56%,rgba(237,255,175,0) 100%); /* Opera 11.10+ */
+ background: -ms-linear-gradient(left, rgba(237,255,175,0) 0%,rgba(237,255,175,0) 17%,rgba(237,255,175,0.3) 42%,rgba(237,255,175,0.75) 46%,rgba(237,255,175,0.65) 56%,rgba(237,255,175,0) 100%); /* IE10+ */
+ background: linear-gradient(to right, rgba(237,255,175,0) 0%,rgba(237,255,175,0) 17%,rgba(237,255,175,0.3) 42%,rgba(237,255,175,0.75) 46%,rgba(237,255,175,0.65) 56%,rgba(237,255,175,0) 100%); /* W3C */
- -webkit-animation: loadinganimation-changing-colors 1s infinite; /* Safari 4+ */
- -moz-animation: loadinganimation-changing-colors 1s infinite; /* Fx 5+ */
- -o-animation: loadinganimation-changing-colors 1s infinite; /* Opera 12+ */
- animation: loadinganimation-changing-colors 1s infinite; /* IE 10+ */
+ -webkit-animation: loadinganimation-moving-bar 3s linear infinite; /* Safari 4+ */
+ -moz-animation: loadinganimation-moving-bar 3s linear infinite; /* Fx 5+ */
+ -o-animation: loadinganimation-moving-bar 3s linear infinite; /* Opera 12+ */
+ animation: loadinganimation-moving-bar 3s linear infinite; /* IE 10+ */
}
-#loadinganimation .loadinganimation-box:before{
- bottom:auto;
- top:0;
- box-shadow:0 -2px 3px rgba(0,0,0,0.3) inset;
+#loadinganimation .loading-text{
+ display:block;
+ text-align:center;
+ color:#fff;
+ position:relative;
+ z-index:99;
+ margin-top:-35px;
+
+ -webkit-animation: loadinganimation-blinking-text 1s linear infinite; /* Safari 4+ */
+ -moz-animation: loadinganimation-blinking-text 1s linear infinite; /* Fx 5+ */
+ -o-animation: loadinganimation-blinking-text 1s linear infinite; /* Opera 12+ */
+ animation: loadinganimation-blinking-text 1s linear infinite; /* IE 10+ */
}
\ No newline at end of file
diff --git a/jquery_loadinganimation.js b/jquery_loadinganimation.js
index 86e2d1d..d64df4d 100644
--- a/jquery_loadinganimation.js
+++ b/jquery_loadinganimation.js
@@ -104,7 +104,7 @@
if ($("div#loadinganimation").length == 0) {
$("body")
.append(
- '<div id="loadinganimation"><div class="loadinganimation-box"><div class="inner"><span class="loading-text">'+ Drupal.t('Loading ...', {}, {context: "jquery_loadinganimation"}) +'</span></div></div></div>');
+ '<div id="loadinganimation"><div class="loadinganimation-box"><div class="loadinganimation-outer"><div class="loadinganimation-inner"> </div></div><span class="loading-text">'+ Drupal.t('Loading ...', {}, {context: "jquery_loadinganimation"}) +'</span></div></div>');
}
};
diff --git a/translations/jquery_loadinganimation.de.po b/translations/jquery_loadinganimation.de.po
deleted file mode 100644
index 902b331..0000000
--- a/translations/jquery_loadinganimation.de.po
+++ /dev/null
@@ -1,85 +0,0 @@
-# $Id$
-# German translation of Drupal (general)
-# Copyright YEAR NAME <EMAIL@ADDRESS>
-# Generated from files:
-# jquery_loadinganimation/jquery_loadinganimation.admin.inc: n/a
-# jquery_loadinganimation/jquery_loadinganimation.module: n/a
-# jquery_loadinganimation/jquery_loadinganimation.info: n/a
-# jquery_loadinganimation/jquery_loadinganimation.js: n/a
-# None <None>, 2011.
-msgid ""
-msgstr ""
-"Project-Id-Version: PROJECT VERSION\n"
-"POT-Creation-Date: 2011-12-17 20:03+0100\n"
-"PO-Revision-Date: 2011-12-17 20:05+0200\n"
-"Last-Translator: None <None>\n"
-"Language-Team: Anybody\n"
-"Language: de\n"
-"MIME-Version: 1.0\n"
-"Content-Type: text/plain; charset=utf-8\n"
-"Content-Transfer-Encoding: 8bit\n"
-"Plural-Forms: nplurals=2; plural=(n != 1);\n"
-"X-Generator: Virtaal 0.7.0\n"
-
-#: jquery_loadinganimation/jquery_loadinganimation.admin.inc:15
-msgid "Loading animation spinner path"
-msgstr "Pfad zur Ladegrafik"
-
-#: jquery_loadinganimation/jquery_loadinganimation.admin.inc:16
-msgid "The loading animation spinner path to use."
-msgstr "Der zu verwendende Pfad zur Ladeanimation-Grafik"
-
-#: jquery_loadinganimation/jquery_loadinganimation.admin.inc:22
-msgid "Show during AJAX requests"
-msgstr "Während AJAX-Anfragen anzeigen"
-
-#: jquery_loadinganimation/jquery_loadinganimation.admin.inc:23
-msgid "Display the loading animation during AJAX requests too."
-msgstr "Die Ladeanimation auch während laufenden AJAX-Anfragen anzeigen."
-
-#: jquery_loadinganimation/jquery_loadinganimation.admin.inc:29
-msgid "JQuery subselector"
-msgstr "JQuery Subselektor"
-
-#: jquery_loadinganimation/jquery_loadinganimation.admin.inc:30
-msgid "You may optionally use this subselector to reduce the DOM context which to register loading animation to."
-msgstr ""
-"Optional kann ein Subselektor angegeben werden, um die gewählten DOM "
-"Elemente weiter einzuschränken, auf die ein Ladeanimation-Trigger gesetzt "
-"wird."
-
-#: jquery_loadinganimation/jquery_loadinganimation.module:22
-msgid "JQuery loadinganimation module shows a loading layer on page loading events.\tThese may be triggered by form submission, clicking a hyperlink or executing an AJAX call.\n \tHyperlinks may be excluded from trigger by adding a \".noLoadingAnimation\" class.\n \tFurther \"javascript\" and \"#\" hyperlinks are excluded."
-msgstr ""
-"Das JQuery Loadinganaimation Modul zeigt einen Lade-Layer auf der Seite, "
-"wenn ein Inhalt geladen wird. Dies kann durch die Verwendung von Formularen, "
-"Klick auf einen Link oder eine AJAX-Anfrage geschehen.\n"
-"Hyperlinks können vom Trigger ausgeschlossen werden, indem sie eine Klasse "
-"\".noLoadingAnimation\" erhalten. Des Weiteren werden \"javascript\" und \"#\" "
-"Hyperlinks nicht mit einer Ladeanimation versehen."
-
-#: jquery_loadinganimation/jquery_loadinganimation.module:34
-msgid "JQuery Loadinganimation"
-msgstr "JQuery Ladeanimation"
-
-#: jquery_loadinganimation/jquery_loadinganimation.module:35
-msgid "Configure JQuery loadinganimation settings."
-msgstr "JQuery Ladeanimation konfigurieren."
-
-#: jquery_loadinganimation/jquery_loadinganimation.info:0
-msgid "JQuery Loading Animation"
-msgstr "JQuery Ladeanimation"
-
-#: jquery_loadinganimation/jquery_loadinganimation.info:0
-msgid "Shows a (configurable) loading animation layer on page loads."
-msgstr ""
-"Blendet eine (konfigurierbare) Ladeanimation als Layer über die Seite ein, "
-"wenn Inhalte geladen werden."
-
-#: jquery_loadinganimation/jquery_loadinganimation.info:0
-msgid "User interface"
-msgstr "Benutzeroberfläche"
-
-#: jquery_loadinganimation/jquery_loadinganimation.js:0;0;0;0
-msgid "Loading"
-msgstr "Wird geladen"
--
GitLab