diff --git a/misc/throbber-active.gif b/misc/throbber-active.gif new file mode 100644 index 0000000..f88bfde --- /dev/null +++ b/misc/throbber-active.gif @@ -0,0 +1,6 @@ +GIF89a  {{ƵZ5ʋkFs! NETSCAPE2.0!, _$N4ɨN  G. F9FC"dH٤qHë rdN!Z%Aᒔ84"BUU{A.<+0u+ ')+!!, G$NHL0>-".* GT* #Li"JhL5 d,@2uYmG+i!, ?$NϘct:$!L( @"R `(Ղ5ɭb'FӘ(`ZV^(!, H$N蔤b@HĨ$!krHpbhdDXrwNM@``9I, +!, I$NHL0>-ʸl !,z'`HjƤ6E"!S  @2yzyS`prZ!, @$NϘctдú#2EH"6D !JJ0bD ]kx*`:Q:y!, E$N蔤b@Xw"C2"LN P1"PD 2.CNQ!, F$NL0>-ʸl rRk4'"E!L"bYE1)A+!, A$NϘctдú#2EH"TP;Iu@`ul01(< +!, I$N蔤b@HAATPSd) +NNch!bK&Sm0zD!, H$NHL0>-ʸc̊Aט@NiՊDn,]9aUo +!, A$NϘct8Q,#.Q#H!L#J"QP$ +cV܉RDVw +; \ No newline at end of file diff --git a/misc/throbber-inactive.png b/misc/throbber-inactive.png new file mode 100644 index 0000000..f914667 --- /dev/null +++ b/misc/throbber-inactive.png @@ -0,0 +1,4 @@ +PNG + + IHDR v4AtEXtSoftwareAdobe ImageReadyqe<IDATxڜR0t*D"#' H$M<&wQ{,u,( +ʲLCiJ"u҄ v]j..m!?l栀Z>G8Ut>Yc{Gvr  dW :B&w LJ'{v~  {+*  #   " "  *++ !!, G Ӓڨ"7^G!qD0*O"`p.LisJX 5rLd,3uY G+i!, ? Xc*pʭM89#: %H(UȭVa'FӘHcZV^(!, H T(P -"HŨM p8ȄqJhD1rwMgta!I, -!, I Ӓڨ"7^Xl~# z'&Hxjc"S9 -3yzyS`pZ!, @ Xc*pPܺ.xD -!*J@0J ]xJc:Q:y!, E (P -"Xw"Gb"LQ%I U&&.8 CNQ!, F ڨ"7^Xl~# WP[,'rB` bC1A+!, A Xc*pPܺ.xTP#I0PǮE`ul11(0< -!, I T(P -"H7h @<0PS`) -NBbph&QaիS3D!, H Ӓڨ"7^Xc̊W8N ՊS ,] `Uo -!, A Xc*pȭA,"q#9P@#+cUV\RDVw -; \ No newline at end of file diff --git a/modules/system/system.base-rtl.css b/modules/system/system.base-rtl.css index 075cafe..79d6302 100644 --- a/modules/system/system.base-rtl.css +++ b/modules/system/system.base-rtl.css @@ -9,10 +9,10 @@ */ /* Animated throbber */ html.js input.form-autocomplete { - background-position: 0% 2px; + background-position: 0% center; } html.js input.throbbing { - background-position: 0% -18px; + background-position: 0% center; } /** diff --git a/modules/system/system.base.css b/modules/system/system.base.css index 412b18a..7e9220d 100644 --- a/modules/system/system.base.css +++ b/modules/system/system.base.css @@ -31,12 +31,13 @@ } /* Animated throbber */ html.js input.form-autocomplete { - background-image: url(../../misc/throbber.gif); - background-position: 100% 2px; /* LTR */ + background-image: url(../../misc/throbber-inactive.png); + background-position: 100% center; /* LTR */ background-repeat: no-repeat; } html.js input.throbbing { - background-position: 100% -18px; /* LTR */ + background-image: url(../../misc/throbber-active.gif); + background-position: 100% center; /* LTR */ } /** @@ -164,7 +165,7 @@ table.sticky-header { display: inline-block; } .ajax-progress .throbber { - background: transparent url(../../misc/throbber.gif) no-repeat 0px -18px; + background: transparent url(../../misc/throbber-active.gif) no-repeat 0px center; float: left; /* LTR */ height: 15px; margin: 2px; diff --git a/themes/bartik/css/style.css b/themes/bartik/css/style.css index c40755b..b837dd3 100644 --- a/themes/bartik/css/style.css +++ b/themes/bartik/css/style.css @@ -1326,14 +1326,6 @@ input.form-button-disabled:active, color: #717171; } -/* Animated throbber */ -html.js input.form-autocomplete { - background-position: 100% 4px; /* LTR */ -} -html.js input.throbbing { - background-position: 100% -16px; /* LTR */ -} - /* Comment form */ .comment-form label { float: left; /* LTR */ diff --git a/themes/seven/style.css b/themes/seven/style.css index 56a6094..c52d661 100644 --- a/themes/seven/style.css +++ b/themes/seven/style.css @@ -709,12 +709,7 @@ select.form-select:focus { color: #000; border-color: #ace; } -html.js input.form-autocomplete { - background-position: 100% 4px; -} -html.js input.throbbing { - background-position: 100% -16px; -} + ul.action-links { margin: 1em 0; padding: 0 20px 0 20px; /* LTR */