From f5b3144c07fd4f1bac789b03f751ddd1514486fd Mon Sep 17 00:00:00 2001 From: Ruud Date: Sun, 26 Feb 2012 21:44:23 +0100 Subject: [PATCH] Use sprite for images --- .../core/plugins/movie/static/search.css | 2 +- couchpotato/static/images/checks.png | Bin 1111 -> 0 bytes couchpotato/static/images/sprite.png | Bin 0 -> 1350 bytes couchpotato/static/style/main.css | 17 ++++++------- couchpotato/static/style/page/settings.css | 24 +++--------------- 5 files changed, 13 insertions(+), 30 deletions(-) delete mode 100644 couchpotato/static/images/checks.png create mode 100644 couchpotato/static/images/sprite.png diff --git a/couchpotato/core/plugins/movie/static/search.css b/couchpotato/core/plugins/movie/static/search.css index bea734ee..957a3cd4 100644 --- a/couchpotato/core/plugins/movie/static/search.css +++ b/couchpotato/core/plugins/movie/static/search.css @@ -22,7 +22,7 @@ margin: 0 0 -5px -20px; top: 4px; right: 5px; - background: url('../images/checks.png') right -36px no-repeat; + background: url('../images/sprite.png') right -36px no-repeat; cursor: pointer; } diff --git a/couchpotato/static/images/checks.png b/couchpotato/static/images/checks.png deleted file mode 100644 index 3561d917e9e1ead4a885b14e6a0e55bd1026b861..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1111 zcmV-d1gQIoP)J~wn6)G6X7zWOmtq!kgkmH|g3NxWD21*2KQvxIP#(_K&YbkDSXSYX0-Ceh2(?>vQ`hIOM=6?0peX95+wCE`x;n2OKbBPm z`|(hIAe=GFmzqbCBm$3m`TEV_)oT*(sAxJ8whLZCpa%!pXQ?ThFTi#?lu;?rZw!Ak zp+rK7y>?54~O z2r7pBTQlF4e29dB<32y+G9akd9YkjR?KT zY!^fkGOdW)D1xF$E>Q@v;p2Lm-DXmGt6_IcXCLWzVG=tXHQ+nQAs|yD)@}T!6OPkQE}lA=Yb-I z;xiHRz8CiaxbBq#1-r6od;`L?JwwP*>g&I5CON>GH#>*jwJ5XpDVww{(NI@q=4=^? zmtBS&RjkEY46|xru{m@fwasyjP1;qiC~K@=i4BqfbtDiVTbjnazh==k_$B?15&Au+a#f-nNp`3*Eh zcIf;2({`qAG09#-88hkjuAaAT9bZ7*$4{->Q+KX|X?!BgxEqm9*WJ^kWTxx}Jb3tc zYgu)D#jf{LDmE|?{RZpM2$W+<@IWy6$^YHrsqUd4VJQq{=D9*gS!DQPc z-cbr~hTxZZ`*a}G)P3siW|(QiFPR>4Vgh^%N-ZiXszHM4fh-G#g3|D_G|z1^@s6NI7vw0000PbVXQnQ*UN; zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBU$=t)FDRCwC#T5D_+RTQ2VbXNq{LK-kB z@sFfxf5<}&NkJvr}j0dM~+y)8WqU>{4tibJLTZJ$LSR&$;K`@0^(}4FI6# zsxj0YwuK8up*7Q_fJR56@mCV5^dHEeo8t=w^A3-$i6v4^$!SpO9};}dH>{_;b=k*P6^3V?#6vkw;DN5kQeSyikU?|eu zcX42i26T=0zaI!i0PhdYeDmGOmoU&$)Tdu}&R_v6L}Qf8<$7jyS=ptL%U54xSf+wu znB$_DrA9`EkG_7OrXAjwgz`7SnPtA-J({Kw_=+EY`Ss<8AF2F|V_666S7b$Dr=~&; z)m2;Hh5d0TGkTz#7)CdtIG~h$dgAlFz5QOnGcXJ~y81j76%RcC^-j$-()J<+fW`~E z>c~6qJ=NOLJ@|HQT^0O(uh}No#v9$#19BJu0gF(kp(tixq%||%$6`^;fb?Koo{gFl zWbv>DNAlff+W$i|2`9i(4*750{QdNw4wyK;OipL~NTTuNCrDRJs$+ta;V*<(5d~MnNm}zfWGc(rU(wPh;%gU^Y&>tQ% zlQ)|BHsSNRSFUvJ*Cs|_iCFX}5^d)Tfc)VHbstUe{HbIzB_QF)ub({f)}fDaRw5@? zlQm;-@>qdCQOn>ImxZDhvSupgeHq^a@U^T5vTE4^J^?muFA{Rpuk{^wlb#HPx2Do! z2dbSrYVhQgBPv6>}UQekIOLQY$ScrEXJao9k zYO%Lu*R#9V{dL{n9g4&OtggLKdeHSXKG0vY|GKHjFcm45S)--xTxogv zy3+~(k3nJ_R24;n<@_d=p@)1E6FYZQZwnHSA;C>{aAfSafuSp)^TMV6C#!dCfMt9o zthjrS&O18RYvv{~0AGFm?e;V0y4s%JwYw5OAGsdguyK9s`L6cw8-Cbl766i)Xx3%; zc>qy#8h77=DSQT3-m;Zyo5m4ka4-}@<*n&Jp{4u$olTo*?Hn*KG&M4Z=PsuY&@$0p=+eeX-uAXLDfx7P3MuI z>wKPBp`e}kvnAiwSh!`V&1W{)-CepHPXI80(;(lgWt{~aq4O99K8nA$TeXljOboP{ zkVWXa;pgU@mc6?7Iht5fk-&;xGt#=N_IClpJ&-YlWaDLLA1+HT%; zZrVA(2D4M$A~;UCv8l8u=NhzpnG=mutbmn_^L|QJ$p5Cnu{U10qn|x8RwxL)5MM?8 z`@5#Gp^9A4gXMa+&ElC^6EI}5q<7Qosm?wDHrSm2`$vEQ098;G>|&dAE&u=k07*qo IM6N<$f+-@5AOHXW literal 0 HcmV?d00001 diff --git a/couchpotato/static/style/main.css b/couchpotato/static/style/main.css index 239bb87b..4392e9c3 100644 --- a/couchpotato/static/style/main.css +++ b/couchpotato/static/style/main.css @@ -258,15 +258,14 @@ body > .spinner, .mask{ height: 16px; width: 16px; cursor: pointer; + background: url('../images/sprite.png') no-repeat -200px; } .check.highlighted { background-color: #424c59; } - .check.checked { - background-image: url('../images/checks.png'); - background-position: -2px 0; -} -.check input { - display: none !important; -} + .check.checked { background-position: -2px 0; } + .check.indeterminate { background-position: -1px -119px; } + .check input { + display: none !important; + } .select { cursor: pointer; @@ -281,14 +280,14 @@ body > .spinner, .mask{ box-shadow: 0 1px 1px rgba(0,0,0,0.35), inset 0 1px 0px rgba(255,255,255,0.20); - background: url('../images/checks.png') no-repeat 94% -53px, -webkit-gradient( + background: url('../images/sprite.png') no-repeat 94% -53px, -webkit-gradient( linear, left bottom, left top, color-stop(0, #406db8), color-stop(1, #5b9bd1) ); - background: url('../images/checks.png') no-repeat 94% -53px, -moz-linear-gradient( + background: url('../images/sprite.png') no-repeat 94% -53px, -moz-linear-gradient( center top, #5b9bd1 0%, #406db8 100% diff --git a/couchpotato/static/style/page/settings.css b/couchpotato/static/style/page/settings.css index e85651e1..c780e566 100644 --- a/couchpotato/static/style/page/settings.css +++ b/couchpotato/static/style/page/settings.css @@ -117,22 +117,6 @@ vertical-align: middle; padding-left: 2%; } - - .check { - display: inline-block; - vertical-align: middle; - height: 16px; - width: 16px; - cursor: pointer; - } - .check.highlighted { background-color: #424c59; } - .check.checked { - background-image: url('../../images/checks.png'); - background-position: -2px 0; -} - .check input { - display: none; - } .page .check + .formHint { float: none; @@ -354,28 +338,28 @@ border-radius: 2px; } .page .tag_input > ul:hover > li.choice { - background: url('../images/checks.png') no-repeat 94% -53px, -webkit-gradient( + background: url('../images/sprite.png') no-repeat 94% -53px, -webkit-gradient( linear, left bottom, left top, color-stop(0, rgba(255,255,255,0.1)), color-stop(1, rgba(255,255,255,0.3)) ); - background: url('../images/checks.png') no-repeat 94% -53px, -moz-linear-gradient( + background: url('../images/sprite.png') no-repeat 94% -53px, -moz-linear-gradient( center top, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.1) 100% ); } .page .tag_input > ul > li.choice:hover { - background: url('../images/checks.png') no-repeat 94% -53px, -webkit-gradient( + background: url('../images/sprite.png') no-repeat 94% -53px, -webkit-gradient( linear, left bottom, left top, color-stop(0, #406db8), color-stop(1, #5b9bd1) ); - background: url('../images/checks.png') no-repeat 94% -53px, -moz-linear-gradient( + background: url('../images/sprite.png') no-repeat 94% -53px, -moz-linear-gradient( center top, #5b9bd1 0%, #406db8 100%