git-svn-id: https://msi/svn/firstRepo/WebClient/branches/Manut_2.2.3@29 0f545695-f87b-41b6-9a03-7f16563b5454

css/base.style.css

@@ -7,43 +7,43 @@
 .nav-glyphish-example .ui-btn:after { width: 30px!important; height: 30px!important; margin-left: -15px !important; box-shadow: none!important; -moz-box-shadow: none!important; -webkit-box-shadow: none!important; -webkit-border-radius: 0 !important; border-radius: 0 !important; }
 
 .ui-icon-myHome:after {
-    background: url("https://dl.dropboxusercontent.com/s/w5evmv0suijf2jd/house.png") 50% 50% no-repeat; background-size: 22px 22px;
+    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAP1BMVEUAAADMzMzMzMzLy8vMzMzNzc3Nzc3KysrPz8/KysrMzMzMzMzMzMzLy8vMzMzMzMzMzMzLy8vMzMzLy8vMzMzM72LEAAAAFHRSTlMAHt2AE588Jwpd7eXN+HbYSqmgs4yd+qQAAAE3SURBVFjD7dZBjoMwEETRDhBjbGxIpu5/1tFoJJpOI+JiTa0g8B9SxAK5d2ExRubuabK3rxlAF1r7RwcsD9ENBX9Lsb0Hup0Q8L+R6FUgAO1VIADtVSAB7btOBQLQ/rEdcIBmesgAGtkTBRp7d6pAa9/35gcFWnvACAo091aYFGjtrVAUaOudoADRHwgj13th5HovjFzvhZHrvTByvRfChf7jnWR7L7C9F9jeC3TvBb73gu85wfe0EBfXE8ISZXU9JUwSXE8Jk8gPsGjPCAswRxEJazzqc5221ewF+/ni+2Rf1eQFM9fjJWYvOOG8x9MCT5wJA64AGG7gBm6gAXhb4H0KRPjNFpjhF88v97vrsf/yiIqDlbSt4GBVdEMGvTzIbqGwfQliFjL5/CAfi3VOrXWa6/YP/wJFdpw7F/PsOAAAAABJRU5ErkJggg==") 50% 50% no-repeat; background-size: 22px 22px;
     margin-top: -15px !important;
     width: 30px!important; height: 30px!important; margin-left: -15px !important; 
     box-shadow: none!important; -moz-box-shadow: none!important; -webkit-box-shadow: none!important; -webkit-border-radius: 0 !important; border-radius: 0 !important;
 }
 
-#favoriteBtn:after { background:  url("https://dl.dropboxusercontent.com/s/ptt4475xkrv0chu/favorite.png") 50% 50% no-repeat;  background-size: 22px 22px; }
+#favoriteBtn:after { background:  url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAARVBMVEUAAADNzc3MzMzMzMzLy8vMzMzMzMzMzMzMzMzMzMzNzc3MzMzLy8vMzMzMzMzLy8vHx8fLy8vLy8vMzMzMzMzMzMzMzMzAH4KZAAAAFnRSTlMAnxSw69r1/VJBBr5y4pCCDacq1s8c3BtyNQAAASJJREFUWMPtl8tuhiAQRscbw03wOu//qI0hsQUHy6/poglnQwx+R5hZCPAD1YxId+A4K8iiGyphnnJ5Q2UYzQs8leLZ/CQoRvQJ4pxZuDXIOO2WdH5DOsHVt6nARXl1nU7oJcQ0t7uUTEtlXoCX9XEd6tusYIMUEVcoPPqsoLu0iCK6aT6GtVzQJoLQdNTPBTAcY1sFVVAFVfBvBNoP6o1g2YjQ6ccCK+hgXZ4JdnP+RewTgezpG7N/KjBzHBC2UJCnCqqgCv5E4N4K5EvBqF8KJHACVxpHC6xAFuYHCbxAj8HfNXd4pSEjAIWhQhIKaOPTesBSwKhf87th7yUWrzc+nvCivYhVTx8wTszW5vK84HeqTOn3s5Va3Ip0Dwpjz/V/AVKhx1hESgVcAAAAAElFTkSuQmCC") 50% 50% no-repeat;  background-size: 22px 22px; }
 
 
-#infoBtn:after { background:  url("https://dl.dropboxusercontent.com/s/uoe0goxll3anh3x/info.png") 50% 50% no-repeat;  background-size: 22px 22px; }
-#backBtn:after { background:  url("https://dl.dropboxusercontent.com/s/b5feph9hnl1wvep/previous.png") 50% 50% no-repeat;  background-size: 16px 16px; }
-#noteBtn:after { background:  url("https://dl.dropboxusercontent.com/s/vtl7zq0b144aiep/blocco.png") 50% 50% no-repeat; background-size: 22px 22px; }
-#indexBtn:after { background:  url("https://dl.dropboxusercontent.com/s/pn37wqdw6z1rd8s/ricette.png") 50% 50% no-repeat; background-size: 22px 22px;  }
-#toolsBtn:after { background:  url("https://dl.dropboxusercontent.com/s/8n0npemivbc6kuy/toolbox.png") 50% 50% no-repeat;  background-size: 22px 22px; }
-#faqBtn:after { background:  url("https://dl.dropboxusercontent.com/s/4ylc7moxwaz9a55/faq.png") 50% 50% no-repeat;  background-size: 22px 22px; }
-#searchBtn:after { background:  url("https://dl.dropboxusercontent.com/s/5gnislgpl7goj5t/search.png") 50% 50% no-repeat;  background-size: 22px 22px; }
-#moreBtn:after { background:  url("https://dl.dropboxusercontent.com/s/hognqeul2ra2x94/more.png") 50% 50% no-repeat;  background-size: 22px 22px; }
-#settingsBtn:after { background:  url("https://dl.dropboxusercontent.com/s/yobvrbi1aml6b0u/settings.png") 50% 50% no-repeat;  background-size: 22px 22px; }
-#syncBtn:after { background:  url("https://dl.dropboxusercontent.com/s/utqdp4t8rzyhmm0/sync.png") 50% 50% no-repeat;  background-size: 22px 22px; }
-#saveBtn:after { background:  url("https://dl.dropboxusercontent.com/s/dsqkblkv9zgqyab/save.png") 50% 50% no-repeat;  background-size: 22px 22px;
+#infoBtn:after { background:  url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAATlBMVEUAAADMzMzMzMzMzMzLy8vMzMzLy8vNzc3MzMzMzMzLy8vMzMzMzMzGxsbMzMzLy8vMzMzNzc3MzMzMzMzMzMzLy8vMzMzLy8vLy8vMzMwz+9AJAAAAGXRSTlMA/bcP3Zo+HG73NJDOCIx7rFhUwfG/ZkkjXGUYMQAAAcBJREFUWMPNV1uygyAMFRAUVBC1ava/0XunxaEdCbHy0/NpDCQ5eVH9OgYhhpuqzWR5reEfuuZ2ar7Udj2DD7DeXT9DcQYJMK4uqZsHoHgYUl1IBhkwKQjrayBQZ/1oGZBgLa7fwSV0mL6Ei5Al9+M2tPAFEnFQDOFN7cbq02d14r9O60+v5FpObAokgIizLRVIgySAOQw82/aZ1Vj+71XA+YL5I4KAYDosTMje48gBQR/60ZiQ8ajfMLyAm2eJJhmKHcYBDs3luKRFrjrQwy30hAcUog8ebsKHA2xavIytMqrN+GczJDI+DUSbikTWRM/o0P4YftCpgvedXIN8RykO8y8le5q9ojcEvLwUeJCoAwRxgKuIH0RwgahFAxgGwsKGaLf6oJFgicPNH7rAkqYSySLy7SXeSJY84uFATSwfy5nM9HxL6nPja6cbSuVyLX0l8gz1YQlCSXkQiEQHx4ySSAyWkYqhyo62eMCI6M/54RrzVDhpN0kN10oitYgSLekFY9kOWaIz1+LCisP4qsy2jjpBoSpdskrXvNJFs3TVLV22S9f94gcHBTMDitkUP7rKn33Xz/DvD0/flDx9fxx/PN/lHL1sRwIAAAAASUVORK5CYII=") 50% 50% no-repeat;  background-size: 22px 22px; }
+#backBtn:after { background:  url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAOVBMVEUAAADNzc3Nzc3Ozs7Nzc3Nzc3Ly8vNzc3MzMzNzc3MzMzPz8/MzMzLy8u9vb3MzMzNzc3Nzc3Nzc20RGPKAAAAEnRSTlMAn/Mf/ORbuqiNeRTaLwR0UsJFw7m0AAAA4klEQVRYw+2Xyw6DIBREpzwEQavl/z+2SWOCq4bcs7BNnL3HDHAfo0O+pBjaoEJMxessn/vHo5B8QkyuGeQmHdqaUdvx/2bW9PHv7ADnJeUGlCUfCCB4lYZUlBggKTJAVGCAoAZ1A8YAcZ4dAbyq5J0dMD/1reQ02HYeRkBchQCpygbo9m2Abp8AllUIkKpsgG6fANwumQDdPgIsVQywiwO4hSsPkV8jf0j8KfNi4uXMG0rv6Nc2Vd7W+2DBo40O1z/fD34dQBdNvOriZRuv+zhw0MiDQxeNfTh48ujLwzeO/28iI/undEzvTgAAAABJRU5ErkJggg==") 50% 50% no-repeat;  background-size: 22px 22px; }
+#noteBtn:after { background:  url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAQlBMVEUAAADLy8vNzc3MzMzLy8vMzMzMzMzMzMzNzc3Nzc3Ozs7JycnLy8vLy8vLy8vNzc3MzMzLy8vMzMzc3NzKysrMzMzHzLgoAAAAFXRSTlMA659Qtwj8sGiLJA+p9eJOxz/wAlhjtklvAAABNklEQVRYw+2X246DIBBAhxaQm4C1/P+vboaYJVGKnenLbup5MT6cYzJqwkDFGxl1IaCjNB5+MaIwEGbTVShMggIEfW4BfbPdzILAvEkGwIs6FOuAhLO6zsGDqX4CMqkWDEi8WGBg0ZQQ8eKAgUMzgsb5AQucpIY6CmBRx38FrkA34NJ9QHJnAavLEG3HAYf+uODGgXLKOAD5zM8wDnhzG2L83/8OrsDngeX1OSHe3wiox+g38FDh/wvLeUCJgT/7d2aQxSvy8j9e43cFlEaVH/A3VC0tkMK0IfNcTU8KpLLnCaRA2PsWaIFp54f1s4BUwAs0nxdoPi/QfHag+fxA80mH7anjk477suOTFo7c8Skrj3ocfcrStdqjT1r7es+nL57h4NNWX7tCg758i+fRJaz/wvqO+gMLomXpjjWKbwAAAABJRU5ErkJggg==") 50% 50% no-repeat; background-size: 22px 22px; }
+#indexBtn:after { background:  url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAclBMVEUAAADNzc3Ly8vMzMzLy8vMzMzMzMzLy8vMzMzMzMzJycnMzMzMzMzMzMzMzMzHx8fMzMzLy8vLy8vMzMzQ0NDLy8vKysrMzMzLy8vKysrMzMzMzMzMzMzMzMzLy8vMzMzMzMzMzMzMzMzMzMzNzc3MzMwDeMQhAAAAJXRSTlMAB/n99EWvi2bpA+TbpSAN7tS8XxJXGoE7Jno1LcyUbbSbcsZMxBJoKQAAAntJREFUWMPNlluCqjAQREmAgALyBuUtkP1v8d6ADdOaaHB+5vwMIxY2XdVJjD9OMTfn3+hzyrmVlHP2pd6mfMWM725zXF9b/CdRUtqHSrmdkB5KSW+6/fO5gmio7PCjPmyR6HApJMECVSkX1QMCrodVy/UO1yWQ6ke+wipnovwtTBpAc73ZL920y8TiSuY3Aez2ll6rQf6QUqJvHl9N8Bid65FFOh24QAA72cP7wOM7CXn9SrYH0O/yQtphIM4+B9C/p89ZceHeSZIiMvBXvMD9kdor3TJ0JIAn1je4ReZ8OIARG/NK6CEkruf1SN9zfRzDqMXfKw6gNux/SDpxMaIAajOJAMTiyt4zEunr/UxEU/wgJVsAPX19tLgaLhajAGpC18aRxV4I4KSvN/OHaHnnYp20getTwXguRafL9f2A/o5T54rL8oB+gFUiXSMu/JgP6ONwnynoJzlggFfgZSeF+dbEasC1+DEQglbfQBsMYDAQohiujbsZAP3Yu5m4uRN/nGAwAK1o931/ubjM0tjEajBgpUXLArFVhUwwd8VmwJ5oE26qC/EzvG47BmAKe+AfZSGnbV1mEEiAogcoCqHbO5ZgwIYHQwlICjHzbd183VIS1BFZIQGzZQYAlfio1TvQFt4WqJ0b7POfIa102x5WW8jnBwRwbsA0dG1MkIfv9SUKhGxHo8kIditPTtFN8WjAd2yiOHrDREtIUXSjIM00DMC3Ow8vHVPVYAMmMEBJXbYmXv86m0gNUFM8j6HF3ALS9mKAKv3PL9OWtTGDAXo01fT0MmCAPlkavBwXen05jLKP98QvuI0J3U+13xHmwQkM+JbzdexD4+/yD5Hv/549+s8hAAAAAElFTkSuQmCC") 50% 50% no-repeat; background-size: 22px 22px;  }
+#toolsBtn:after { background:  url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAARVBMVEUAAADMzMzLy8vNzc3MzMzMzMzMzMzMzMzMzMzLy8vMzMzMzMzLy8vV1dXMzMzMzMzMzMzMzMzLy8vOzs7MzMzIyMjMzMzQQS7oAAAAFnRSTlMA7CefPC9N9XlWv0UUBvzazKroYo4h9i+T0gAAARhJREFUWMPt1s1uwyAQBOCx3TXGgH/iZN7/UYtQ5SCRCmxaJQd/x11ptOxlwWtOr7PiTs2rdjjAzEzMBsWGiS9MAwoN/EVhgkwMVLNTPzMISoyktwoisobiiALynDZ9l5RuYERiLN1CGFYjocPDSlcgSEjpEhZ6DyQe9BbkzfQsEpbejDwxvd4cEm7TvRH8E9d+HdY+p2w7xRNU1yLYFE9SGzw98bRJA7ZhhcZiYJUBC6ssUKyiwMgorScjI7k+GNEINCO5PrqIIJC4luvj/ZqIQWDiWq4PRnoEPSO5/ocFdA6e6xjJ9cETroAr4Ar4yIDay1R9G+uvs72xws0CpuaHYuD1DU9qegT2fjs1/t1iZ9vDLC6Xv/MNSS/GsQqV8wIAAAAASUVORK5CYII=") 50% 50% no-repeat;  background-size: 22px 22px; }
+#faqBtn:after { background:  url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAVFBMVEUAAADMzMzLy8vMzMzMzMzMzMz19fXLy8vMzMzExMTLy8vKysrJycnMzMzKysrLy8vMzMzMzMzMzMzLy8vR0dHOzs7MzMzMzMzMzMzMzMzKysrMzMyX9lUIAAAAG3RSTlMA/Y63mc8BbvYH4jMZwA57WELbOxEh7ahShGGJpFmMAAAB3UlEQVRYw82X19qCMAyG7cIylDJk/Ln/+/y18jiapEV74nsKKSRfVg+/TjmO5ZemjZOqt3DF9kq65jPrS2sgwLSX3eadEkAgVLfLvD4By6lOmp+1gAhCn+P2QwUJqiFmfxSQRBxZ80LCLmTB2GvYiaZPkLAbSfoPH3Ak4i8AI4yalbHEgwHpT+hn3F30opYTUjPMB03I9RKqcUaBDPIXO+B8WazyryQlEu9ZjfN/fgT25P+kNGFdvNUfIHzl9XBj8e8s+I0nChC+g0wvqpehGOqlfxASeherzRuPCaPw7DAtYPQztJqJU/s4wACBduumvmQOMI/+uS9veypOHgdx7oo3TKqky7AquGKTSESSli0WdaCcY8pmBky/HWAhxsIqDXabfxBj9qW0Akl5L1WIMI23T2igGdEBZA6c2SiPSRfs9ScbAxxlMojKNwIOm5ZR+z7A0acTSUbbvUqnsp0mm54vDr7Excs5TRNtKGkMamkIoVbJn94GTRUzDbc6QDKgpsoKueCxh0X0dFwr8lyApMOjjRleBZBP0XBFGCQzPVx5P+vI7qLxgoExPlMGy3XK9Ioztd2iKXsxZC9Z+Wte/qKZv+rmL9v5637+hSP/ypN/6cq/9uVfPNNX3x/nH10B+9GFx35iAAAAAElFTkSuQmCC") 50% 50% no-repeat;  background-size: 22px 22px; }
+#searchBtn:after { background:  url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAY1BMVEUAAADLy8vS0tLMzMzMzMzLy8vMzMzMzMzMzMzMzMzMzMzLy8vMzMzMzMzMzMzMzMzR0dHMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzLy8vQ0NDLy8vMzMzLy8vMzMzNzc3MzMx2IiYYAAAAIHRSTlMA3h0ILRXq+dbzs4T9WZ5nBHA3vIxgx8GUeAzQp0VPJZBCXGQAAAKLSURBVFjD3VfduqogEMUQFVQENH/LfP+nPAeQst0A7c+7PXcFrFkzazEUAgKnqyzLcqrVjH4fl6mlm4uqL9PfHV/bavsRRYO/Pn5fNiiyRnx1nNwOhyqaHz713xSiEpeQX9VsezkWmw16jZ6vc5uZ3d/4puPOpIucb2zzhk+uhNslLoL5K0s0VNwYqt/wTHytIq1BkP7+mxQL8W7ARqBc+dbNckICFAUznsIe/5j6w1LPRtASXjT+iwmd5joLyHI1+qFYlF4KrfZP3Ks40xQwcH+1BRiKx6Qp1J7v7ygeJNeZ4AoyYUiSMALTNYiP0qj2OdIhH5H7ormqD3meGoos0smH3tqAIirrpxWFg0LXWmqA2Qo9RQC0G2+QPyrbo6iYw/+9LQRAd0dTHJdhgAByR7AOA7QaAPQR3u9UHwZYICfVGiA1BKOOzKDBpjTA6oopcMjL4FybKyeuik3OGr41vU5suxgZLFz3e4YHRfr0er4GB8IAzKonc2EoVE2oAukxaE7c3NNu1R/8++Bbyt0DZd9zQIyrwfbWVin3xFqILv2pYeYfnc3hXVGaqMVg3SRfVJjlCYbo9WKLLR+ZbC5oR960yojv0aCmPrHj3bs2yZKe1/Pb1AjdtatZZ3PoUQlftc7sKOAeEbbZmFDQplrmEtIv21x0Y99KmKcY995P5F3juvj44XiBOcjdAjlrHo57zV32/oCQeBDUKxctBtYuL+pZjaYvEHBJNygqTkyf4wiIABD5zWozbhEE1zRGj6cHSZ6DB0AAQ6imu7XDwEZ5n48zPYgQD7mdRMDFWYRL8icRFnEW4YpOInB0EoGjkwgNOoeQYHQKwffLMo4QOR9HWOA/ad+HuHJun71/aZx3kxoX0ToAAAAASUVORK5CYII=") 50% 50% no-repeat;  background-size: 22px 22px; }
+#moreBtn:after { background:  url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAP1BMVEUAAADLy8vLy8vMzMzMzMzLy8vJycnLy8vLy8vMzMzLy8vMzMzMzMzMzMy/v7/Ly8vLy8vKysrLy8vJycnMzMzXdXRdAAAAFHRSTlMA+dJZTyQE7MOUfUI4FgjbroRyYAAl+GAAAACtSURBVFjD7dNJFsMgCABQcKhGzVjuf9ba1yZgsmTL3/FQUVQwxhhjHmJ4hxmeXs379oKnuU+IV1QzdbhFGC0lUZfKcq+3IXW5/sKd/tCPVdyZcOPuPJ6J/RsedMEq6ztOOLmHipw4ACISW8V5CwlF9GUlhhEmkgKPSyQkXjmQNIG7xadGg3YlxooOkKTMnaIB9zeThOoF1EdQN1F9jdqHpH3K2s+k/c7GGGPM3QdD0ycJNH5T5AAAAABJRU5ErkJggg==") 50% 50% no-repeat;  background-size: 22px 22px; }
+#settingsBtn:after { background:  url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAYFBMVEUAAADMzMyvr6/MzMzNzc3MzMzMzMzMzMzMzMzLy8vLy8vMzMzMzMzJycnLy8vMzMzMzMzLy8vOzs7MzMzMzMzLy8vNzc3Pz8/Ly8vLy8vMzMzMzMzMzMzMzMzMzMzMzMw5LmnSAAAAH3RSTlMA/gPNoPGb3D6EZh74DSjEVlIJ6blxMyEXjGxJs2B5+wYyEgAAAlZJREFUWMPNV9mWoyAQBQzghtG4JGon9f9/OYOIpSITo9On+z7lhKpr7RTkdyO6DKgPE3AYII/qJ2BAbwcJehjRHCSoLcHzIIGwBO1ulTwhM1wtQbWITOHXjynPF0kYURJEwWns1/8rLBQZ8YAJ039Ku+Vj6KjJuol5FgVIcH3diUYjAZDB1TdIX4wUV1iCViFhdQrgZSjo7INa3UFVzfh6h0BJ+ABSEQch3ZJMU9gADTd7byVVijxjhLAsF+XqKCJbuAVzmaBgeMSK5Rkjm8jQXB6vZFjM8TAjHnTTJ+7WqiSxvXyfjOiIF9WYRmXCKiQFoFKYkKkxuV9+fRaY76tBPZg5PVCo4B1Bbly8a66ILvIWMe2FiUPoJTBfiLX+BVa4aIb43yY0mKMIHESTj/ThIWgHwQKr0q2+AjRqzxCWQ/2xwRcLzjGS2oRyyNJjrdrXIhglhTbANkKbEJIJa06Ic5JfRd0ntgc4zJCjVDr27BOQO5/LctMTy4DrMpWrlrngDZUtU7NBwAi5UVgGu8Ebir0jSPFKk1ihYxS00+lpgv/vwvkg1pIeSyOVtiRvzbOtyk8KqazaZ7NeGx4HSvloM51u57MD5fRI+76hyq57xnrFvASvfRdL7R2qO6+21LM3Krn3cpVqk0Dsv96FJ4e7FwwoXP2EwwfgiWsAxeNqe8n6wt8096yZA3tHttc8EnP/mocMQeYumsG4aGaB0e98q64p+hEJEpj2sy2C+i6DDN8t26FEfRe9crrbWfdVQXYCx3X7U08efHT90LMPH57nn76/Gn8AF/a3uIPEPrkAAAAASUVORK5CYII=") 50% 50% no-repeat;  background-size: 22px 22px; }
+#syncBtn:after { background:  url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAXVBMVEUAAADMzMzIyMjMzMzMzMzMzMzNzc3MzMzNzc3MzMzMzMzMzMzMzMzMzMzLy8vMzMzMzMzMzMzMzMzLy8vMzMzMzMzMzMzMzMzOzs7Ly8vLy8vLy8vNzc3Nzc3MzMwQ1G9JAAAAHnRSTlMA/AIXvjIglAb0Wumua9gQ7n3hxrajc1Ami2LQRz/p54GLAAAB0klEQVRYw+3W2ZaqMBAF0EoMc5hnxPP/n3kvAku0U0gnr71fMaZOASnousAnJ7lQklzEwEQuWiByCREWABqy9wDgFCLAorAPUQH4bYh87gKtlNLtOE1YXQ8xlHcBg+JGV8wKHH1huVfjRPz1jo+v2m1C3PbtLUN4CZ5sQ3gFvkv4EMO63jpEXh22qRvdqMzc0J6MZINVFfR7laGXKnE1RIeFaB/yozH4JIwl+NFyyXD0zXgXMcejBtAM7Ku8S8obe2Qk5uZkeMmmkBgK2vzX/mu56iVxPNExV6a9c9qjE+NMDH3sHC8nhiy2ztnygCoNyV6ZxZJc3CT9sZeTk0fjMs1lXwMd2QrT5xvssY/Gl+hlsp4c3BMUn5bmBxFWLZNuFCcVeK34MoD8Gi3bubepbtxHphHEwHQuvuPobipw+Ulg7lxX4d34c7le8lU58xH1aQw/ClSnYy01DOE2HuQ+33SEVcA1UMFEJNk9S8ThYH/WxQy2C7KcWOmV9Ydby4fg1et66xDtmt82RBHTk2UIEWzl24UoRmYwsiHEYe8s6LnwfIj09ojTsizT2Pvd0TpsIXyy1W2vsjVZ47+S7A3Rdh67hKgkkVOIgJwM0Uxu4pAu+wcnGnDLxn52mAAAAABJRU5ErkJggg==") 50% 50% no-repeat;  background-size: 22px 22px; }
+#saveBtn:after { background:  url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAANlBMVEUAAADLy8vLy8vKysrMzMzNzc3Pz8/MzMzMzMzMzMzLy8vKysrLy8vMzMzMzMzMzMzMzMzMzMw+WxBVAAAAEXRSTlMAY3ZOFMMI8Ni9IjGIm3CqXQ8no6IAAADWSURBVFjD7dfBDoMgDIDhdk4qCri+/8tuEVFwUdb0Yhb+k4n2682k8MmgJf498iMUTQMLIyzms+2De1Ty8WsHWybb3xuo1vHSvH2KvIdw0jO2DK0LbRJsBnRn8/n7nkuB5EApsBzYBSXAsxZgpwUYtQCNSoC9FiAtwA34P+AFJ42x+Ee6ACzUm/gC4D5gJUdfgLQG3BkIBgSZcAQ8CPMHAKUANqABDWhAA+4IkA4gsDrApocgBcK6OB2egwFJ+dhE6eoV5OI8TfnxLW9Y5tP5L40sGgB4A9MVdu6TlqQ9AAAAAElFTkSuQmCC") 50% 50% no-repeat;  background-size: 22px 22px;
     box-shadow: none!important; -moz-box-shadow: none!important; -webkit-box-shadow: none!important; -webkit-border-radius: 0 !important; border-radius: 0 !important;}
 
 .ui-page-theme-d .ui-icon-myHome:after {
-    background: url("https://dl.dropboxusercontent.com/s/q1lkizj4a467hkr/house-w.png") 50% 50% no-repeat; background-size: 22px 22px;
+    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuNWWFMmUAAAMKSURBVHhe7ZoxjuIwFIY5xF5h77BH2LPsJfYWaCQahERBR7OioJkKChr6XZqlYAsaii0YjYbxn/FDSfyS2M5zxhb+pV92XuJx/g+CBuPR7XZ7aLPFRzJbfCSzxUcyW0zN4/H4C5k732a2OIRxs8vl8gn2uXF4sVj8PJ/Pr6p/1+l0epnP5z9Ulx1TN1sM7el0+g03qvqFjsfjFTXVZa/nPJlMvl6vV9U1dblc3myhssWQrocnoeYCQb/KjZrNZt9Vw44tmy2GclN4kguE5AB0hSfZQkgKgG14kg2EZAC0hUe97VwbhCQAdIXHeZtrVNf429EDcAnmAyFqAD6BXMdEC8AnPNllbJQAXMOv1+tnuFyz/RvRAfAJj3OQD4SoAPQJT3KFgC9R+pDVYAAkwpNcIDR9ESINAkAyPMkFQpuCAwgRniQBISiAkOFJfSEEAzBEeFIfCEEADBme5AtBHMBnhCf5QBAF8JnhSa4Q9D9K9+ubzBbLjiE8yQUCd2+c2SI5pvAkaQhsEY4xPEkSAluMOTxJCoJRSCE8SQJC5SCl8KS+ELwHxhCe1AeC8wA4pvAkXwjFr7T4cfLjVFWphCe5QEBmZC9+Yta1ilILT3KBgFUldnEx1fAkWwgFANWO9vv9v48S/1t9SuFJHITyo344HP4Xj4DqF8Y7AY9DfWOBRHjs4litVr9oR0iXcW1954eP6hCQjeagnPeTnCXCY7dG/R1lY4zBWNXvpTqEutkiLBEe2u12f1XDztFlPba32iCwRanw0Gaz+a0adp4u67EiaoJgFLD5SLViigUApLNV5qgcwBlABpABZACqFVMGkAFkABmAaox5bJwBZAAZQPoAttvtH9UY89hYjxWTFQC9UiImLD2pxpjHxnqsmOqrXXDlgCw9Mb6Lc5M3GddKrklATS+EUYCxJqdaUWFfH5a4bNy1B9BHOpOR1SjAeFYkFiVjEbJwzz9sFMhYJQ7xSgwtZGjbLsMWyRiY8jsB994WHmaLZeMDCc8PPkTwfKpa1MI94l5xz90fvLfROynk7WHR1nx5AAAAAElFTkSuQmCC") 50% 50% no-repeat; background-size: 22px 22px;
 }
-.ui-page-theme-d #favoriteBtn:after { background:  url("https://dl.dropboxusercontent.com/s/wwt41siqe6oa0uz/favorite-w.png") 50% 50% no-repeat;  background-size: 22px 22px; }
-.ui-page-theme-d #infoBtn:after { background:  url("https://dl.dropboxusercontent.com/s/f3nia08m8x0cisc/info-w.png") 50% 50% no-repeat;  background-size: 22px 22px; }
-.ui-page-theme-d #backBtn:after { background:  url("https://dl.dropboxusercontent.com/s/6ltt4hsvjzyawb2/previous-w.png") 50% 50% no-repeat;  background-size: 16px 16px; }
-.ui-page-theme-d #indexBtn:after { background:  url("https://dl.dropboxusercontent.com/s/s62mwa6wi3xg9jf/ricette-w.png") 50% 50% no-repeat; background-size: 22px 22px;  }
-.ui-page-theme-d #searchBtn:after { background:  url("https://dl.dropboxusercontent.com/s/my3bws4aoh3h2oy/search-w.png") 50% 50% no-repeat;  background-size: 22px 22px; }
-.ui-page-theme-d #settingsBtn:after { background:  url("https://dl.dropboxusercontent.com/s/y5drck6709vw2e4/settings-w.png") 50% 50% no-repeat;  background-size: 22px 22px; }
-.ui-page-theme-d #syncBtn:after { background:  url("https://dl.dropboxusercontent.com/s/zvsuxx7u32prlrh/sync-w.png") 50% 50% no-repeat;  background-size: 22px 22px; }
-.ui-page-theme-d #moreBtn:after { background:  url("https://dl.dropboxusercontent.com/s/e874wl7fwpsn8w8/more-w.png") 50% 50% no-repeat;  background-size: 22px 22px; }
-.ui-page-theme-d #toolsBtn:after { background:  url("https://dl.dropboxusercontent.com/s/zqg65osq9v9pyt9/toolbox-w.png") 50% 50% no-repeat;  background-size: 22px 22px; }
-.ui-page-theme-d #faqBtn:after { background:  url("https://dl.dropboxusercontent.com/s/dbkorqf43c7yxbn/faq-w.png") 50% 50% no-repeat;  background-size: 22px 22px; }
-.ui-page-theme-d #noteBtn:after { background:  url("https://dl.dropboxusercontent.com/s/2bfykpoivygnpsu/blocco-w.png") 50% 50% no-repeat; background-size: 22px 22px; }
-.ui-page-theme-d #saveBtn:after { background:  url("https://dl.dropboxusercontent.com/s/ebcc61x1mq5jxaq/save-w.png") 50% 50% no-repeat;  background-size: 22px 22px;
+.ui-page-theme-d #favoriteBtn:after { background:  url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuNWWFMmUAAAKMSURBVHhe7ZvdbcIwFEYZoAt0gW7AGAzTNbpNV+gCHaBPfaECRPkRqgAVWh/0JaKQFNtxCIR7JB6KsO/1ybVT2UknhMFg8Dibzd5Wq9X3drv9aQLiEn86nb6Tj1Krl36/f8fAlcNFgQjHvVJND4NfLBafineRkB95KuW0jMfjF8W5aMhTKaeD0tpsNgoRB+3X6/WmyscnB37jqqCXtBKGw+GT+g+CZCaTySsJqasoiP/lCFlw+e3SQUW4+A/qKg4GoX69YfApVueY2IdQPUhUl+HErPwp5mJs5RVBRURLCBVAsMpl50h916ESovIKFcB8VdNK+Cx6RdCurG1UZYYKmM/nH2oaDXcedRcM8WnPP0f6KoeFUSH8aUIAparugsniF92+NT3DbpHXKgDcBV/r65zgdcAEmAATYALU1gsTYAJMgAlQ02hMgAkwASZA3QVjAkyACTAB6sYEXJwAF/yOnVkS++/gpJUCXOAeW+b62W6DUkdnR5uUrRMwGo2ey/bqXZJL5OinO1ojwAXr+pzwIAdJatYOAZzFcRylr73QQw7dqxbAIIpOZXzJqkF/BtO4gKYxASbABJgApW4CTIAJMAEmQF/nmAATYALaLYBdJqV+mwL2nwm+OQG8R+QGmO8x3pyAwyfCkwhI8cx+3bDDvL+nmJFEQMrn9uuAQZa9C5BEAHOKuaX2f8A8tx2mybk/HLBwuEJ+SvWIJAKAQAy2COSUXYEmYaBJnhbPOLVTy27w2d7iPIEbZOF5ROWXOZBQVgkZWM9edWvqU5Zj0UIZDFeZIOrzamCqJnu9lvlV5fDj3FCVtUxPOvU5+2sSrnzta5OriB7/MLnbzvLUGlE3xOeKc2GY86fLvtP5BfOlr8fyeSTjAAAAAElFTkSuQmCC") 50% 50% no-repeat;  background-size: 22px 22px; }
+.ui-page-theme-d #infoBtn:after { background:  url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuNWWFMmUAAAPjSURBVHhe7ZvfjRoxEIcpIQ2kjCsghVwJKSEd5Ckt5DkVXAl5yGMeeYkAARIIRIQiIPEn/UiOXa/NsjNeIHzSKXeH1zNjzz97L4MHD/phOBy+GY1Gb/nie/36/hiPx0/T6fTjYrH4ul6vZ9vt9td+v/9dhd/xGWMYyzM8q2luCxSfz+cvPwOHw0EmtodnmYO5bmIxJpPJe3awi9FNMCdzI0PiroewO89BuYV0dQdZyJT4/iCBLZfL7x47ngOZyEYHqVMWXJGkJX16Ax2Kh0VISl/62PUm0AWdpJ4voUR9k9yrA92kpg/EnGRdLegodW255p2vYu4JxJfmvhnMcgIZ1ivhHUsZMkI5e0dtpw2OtcptYe7O1YEa61XqUJB+X6JOYCF2u13nVUf3Tn2CZ9LLxalV2F2cFNkFL9eHXCvLzmloJ7DhorbZu7cn5iWqEasN2Gw2S015HiQPPetGU/wfYdc01IRWCZFjp55zg3N+6iZotVr90FATsElTpwkr/+QZ+6/RsfbkooPY90i+ygX5S5WQfV/0TBGo+ewORrPrFuWvCWyTmc3gmhp/d2CbzIxT0v37IBsGs9nsk8beLdgoc+vQh2ucOcQ2MU6HR0kKO/HMv/xcMuywUebWsS5/uBxzUvNzLz9YiBLhlyyH1geftn045wM96gY2Slwdi2Poa9hVYg7DWIzw/WeJikJ7rEfdwEaJOwUX1RgzYi6dWwTrTYgRDUer01eOZBIKlFgAbJW4f5RagFQ3VkqH6AJ4hECM1CmQ0qhhrjRWpBLul+rESJoa5kZjEgSv+78jyRIUsO5DYiR18FaAcihRNXDLEh6YbITI0BrnQmh9P0hUDT7TMFeSVcjzMMTuNiafAN6hoa4kD0Oex+Gk6wW88w9kj8PgdTIjw0tEjVCX3VtgwDaJbIZGReNNwUiJqEF7rGGupJqwv3iEAXcBmj6KxyVolbPc/4h1Ocy9mOBzDXUjl4NO4KZGz5nATZCmjlIiAWKTxJ1HWDGzV2O5BbB+CVKl9asxCPFi9nI01wJzOiNBkQtoVGiKrPKCYv+yvym0TE65d4FVrMoxNmjK9rAzVvFJJUi1wiBPMLslRnfm1PSXQfKwCgXmIRtT95kX12RR+Jk8YHkYQhYyZEY32BXNezOgs9S3odRhxQJ0ldq2lOjYutIp6Z3DNXuC285XIb6sEqMF6GIe8znIsCVa2BzoYJbt20KNJeb68AZkIrtznbeAel7iRHcEWRe3t57gijQ6Hh7BnMzdm7u3IezO//nf5mKgODexnPLYQZJWrOXld3zGGMbyzM0afQ5ckZPA+Epdlz944Mlg8AdeGhwrcLZF/QAAAABJRU5ErkJggg==") 50% 50% no-repeat;  background-size: 22px 22px; }
+.ui-page-theme-d #backBtn:after { background:  url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuNWWFMmUAAAIKSURBVHhe7ZtBboMwEEW97El6iN6jl+oBepGueoeus+mqmyhESCkSUSSE0vLQEDmJCSRqCZ7xkyJCAMn/47FnDHGXWK1WT3mev5dlmVdVVe/3+5+5QxtpK22m7WgQOePhoqIovmIQPAQa0DLaiCzLXuu6jl/5CWhCm8gM03SZNzlfLWgUucfgjpyjnrOeQHxo7PZ9oPVoTGCQkGNmQHMrHic0jPbXgua2FzBXym/mQLsjYZB9c6DdkTXJvjnQ7izGfwfanXw3SzJAtmZJBsjWLLMygGlps9l88JmqNpmNAdvt9rtJTR/b/LxhqgJtFgZwxxeLxYNoPzBFkXZXA4ZWaRoDPuXUf+NuBhDvy+XyWbQGUWsARYgf732oNKAv3kOoMmAo3kOoMWC321VD8R5ChQFj4z1E9AZcE+8hojWAeF+v1y+i42aiNODWeA8RnQGIvzXeQ0RnwF90e59kQAqBNAjGZwCYngZ9zCZCPqZT4Q7TxVCH6XLYx+yCiM/pEngfag0A04uiHaaXxX3MPhjxMf1orMP0w9F7kQyQrVmSAbI1S3pRkqlH9s2B9vSytPnX5Uk5LY4DaEZ7m3dPUXTMDTS34mGqwmMuoPVw9zuoy+W4enrXIPhToZyjFjSK3DC4ozEc0DR6VZr4YJDQMDugAS1nMT8GLmKuJGEga4rBENpIW2kzbb8s3LlfGpwrj7uph1IAAAAASUVORK5CYII=") 50% 50% no-repeat;  background-size: 22px 22px; }
+.ui-page-theme-d #indexBtn:after { background:  url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuNWWFMmUAAAT7SURBVHhe7Zq9Uhs9FIapUqZPnStInzoXwA2k5Q5S5w7oU6ZMRZuOljJVugzMYDBgBsyY8Rhiosd5vfHK0krelda7gWfmKz6k1ernnPe8WmfnhRfa5/T09N3FxcXns7Oz3ZOTk1f68/NgOBzuPz4+Pi15eHh4uru7G11fXx+yKefn52/V9f/DLP7T6uJdzOfzp/v7++nNzc3Py8vLr0SJHu835mQ/ctp1MM/Nl1HCJvYuSkzOf5jNZr+1nsZYUfKF8fWq7oHgTafTmeaeDUXJcDQafSdKjo+P32gK24NJmJOaaI6tsvUoGQwGr8lbzacTrEaJEdf3mmoebm9vf+m9nQRBRpg13bQYtT7SezoNh6Qpp+Pq6upA4zsZj8cDQpBNmkwm45AvyAlz0bTTgMtDfHyYzfmmrgUIJapNjUcz6nqFOuA8NY3mhFyeWeAPda0E8TQCtUeUIFi5NoQN1yubg12tmignW/fSw3OIFalFyKLkGrY2SXOfchJyebGnHwsbTjqxEPPujUSEwyDKNFQz8OSxLo9+bAQ6gTvUEEkICe8SjFGye0RTl8eGLF1aU1PCrVHDeiFKm76nQC5vqLGTQCgT0ixmE9tqFrUXKqXJTU8bLo8TQ/TIdXJery7BiYb0h7KctNyZPN6Ky0P9tSEH6AhlMrR4YAM19UWqEGn8t/r3aHhI4/YCDktTX3yQ0Z8LSB81hwm5vK5BtKx6DyqQmgqIJjVXE3J5XYM7hl3rKYFqLmBdavaDAKVwX21BebVrPZFgHyD/HzREUtneHD0H5SqheBZ1KWBdanazicvrApyoT9Q4aXUroIKoeR12jDxS386DOCPSmr4TVxo7LTn5ktrl5QZPoOk7YU2uaMaGq8s/8Odq7wXMV1P34jNvGCN1+YvpeKi2XkCkrtZ6F5yyupdAA0rVAr+stl5AXUerNH0niKLLv6wJJirZJ8WnhIW+KaiEO+8Ka7lPLqit83C1NYur/MVY3yrWnB+s3g8KmnzYaBOVu0r7iiZwD9AjJez7wQJCRe2dZ021HfgU36sZPpXk4yEvxGAwqC+k2sIZuha+taAFHLS6lXHVfUJFzSUYhE2hnVxsi5jP2Nz3oxTfxpX/lQ8IKgf5mDs6XFdbGypCtOLb2B4ZoQleEx3kiA7X1dZGiu8U8Zi02bG/8jB5NdUmRXRwojFfh32KH+MSF9h5k2IDbDaNjmDeCrPBTuvOpodcYgGuSs8VhFxWE0LREXO1BfrokRKViu+CcqdnC4LCkZBldKD0RAiboyYvtRXfBXdpPV+AqETlzxaQ4q+v3sBGqls8CI2eL0F+qUtnIH0qFL/+L9C+L0DkaZ2SmAvfT3KkcaOINXmz68opQFR4MaITrawZ8Cl+jFeIIuZnLzaJ3eYXlZganQo23/YrgIlLOg/fLvtg90kTlDtXqqD4Lu8QczWuBSUwxqzYcBqkCs8nCUlDcsWPhRejqr6Xh+B0uMRQYtEXDbsRRJTvtwnmpm75IQRJDcqPKw9jYCOZ9Capkk3xm0BkEHpNbnw8x/OMw3gauoTLnEEyxU8BJ8mJNk0VIosII9IYl8/zrSh+ash1To68bZIqrshivCyKnwvClGpAHnNyWkdtav17nq6wkipHdX58ifntr1eQxzhJ1Nxnv5fQJ5fB6gTcLUx07JMqJv9LHzU7pfhtQG3nYwbRQc5v8+L1wvNhZ+cP4T66V7TrwhcAAAAASUVORK5CYII=") 50% 50% no-repeat; background-size: 22px 22px;  }
+.ui-page-theme-d #searchBtn:after { background:  url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuNWWFMmUAAAU2SURBVHhe7Zo7bhRBFEUdOiRjC+yAFbABlsAmvAM2QEpITuoFkJE5JCOw/JfHGhshjT+8M7pdmn5+PfR0VXXPWD7SCLmrpj633q962CvJ8fHxm5OTk4/n5+efLy8vv19dXf1oPvb3oT3/cnp6+sk+b/WV3efs7Ow9m7u9vb26v79/fOrB4+Pj093d3RxhEExD7RacMptmM7n8NUzEb1iQht9ezHwP/hhae1EWi8UDQtgc+5pue7DTeXdzc/Nba+0F1oFbPDw86Ek/cI+tcg0Cl1npQusL4fRms9mvi4uLr1GgWw2Q19fXR5i9vhqCcIylr08HkbvrBDnh+Xxuez09sM/GZosgiLHOQqz9p7qPD/7YFeTMTGelzBT3wnq65qJtiMBZcPLRgmqapm2y09WwFHWrDwuJzJLF1Q5OWAPpVVO2MIv8rm71YAHRKZD6aFO3qhAwo4zDoXA46laHaGIEGWvzDfg8AVZLSNha/iKQupXFJj3QPAl8fqqcbOt5y4a1lAQltLqUJarwps7FiO/jEYdS3CIpUDR+glSn5knhxLWkRHEr8JGXFDiV6XvweSpNLW2JrKBMLOBK63M+AUjNWwFXbi0tQa2i5jyiwQmIat4K8HkfC4odkjd/zI00pOYEJlc8+GyAT4u4QbTOjWBTDKQxl1B7q7kFlZjFhQ/6c3S4m2iJCRMgrzAi0GmsRJT6UBrLmDIwIr6WmEAUNQ8jSn+RqvZsWSTRX48mwVtr9nUZs9ZYCdvss7e2TS4mYOrRJPjKkNJdTcPwRQbpUE0tmgA0dXqkOFsuVBDA1TQMLwAmpqYWTZlctAAZgM8E2dWqF4Bcq6YWq6ZXrAAZgE/Z2QLg0xorEZ3w6kXJJp3r8eisrgOyXZLT1FiJKNV50yMrqGlU/J0g+1UZKU9jJaJU510Flxg7FlCFavoEWUzNwyDl+YtQlFsjoUZ9UWlE1lrEEvFpjbeE01VTC56rS2LMFyaU6Jp2id4R5v/S7M0bojhA2anmBIsYozrE3bz/Z2eAhug+EJm3qb0fWQEuhDjqVoXI/LP9fxW/MU6WoKPmBGL5e3kDZWn0nRL0Xd9gIvPuuhZzGj5wNmCmjIXJqns2xBkNn8i+A3giH2OTRH91aYEIXZYAjEU2iWLJJnDK0bpyxw2JrMAsr/NHEcTxphnBBiikEMTmOMR3+1qJL8CgyzKzIcj5lAjU312L5TkbQih1XwuXKYToEnWVKDshZp/vDgbT8i8dAJ9DIHV7Bm32OWBzCIYgLJZ/EZVTw22sT6+8jaiaugVjqEs9oqADmGPfDeQQnTyMegnjJDVvC3y+SgAyMO3I51chhqh7fXzp2UD055S64sIQsDof7bvgcOxzhEXgbrhLFcu0QfeZSPM+gwVzIkODEgLi01iVhhwMY/ALl4YuCwqvy/m0YbrW75u5x9rfDRCLTWNd/zvxKCOtwzRYVBPBrKFXzgeyCH1tAzOEwUx5k9PXxOnXRHssTI97UVUETBbfj9JkCajwsAzvUl0BuYuqIgALLCkELkSd0ZVd1sWhLqqLAE0Qw8w3FYNN4yLEF3/ink1jQcMoIjSQMYgTBEJMlhPF99lkEws4STZs/fifpb3TFuNoTxszqgi1QDTtZxA7LwKuZpvIqhV2XgQWzya0n0G8imC8imC8imBQmZK5NOTuUUKEMX/UqUKuCNXeLY5JjggvQgAYKgJVq4bYfTYVgb4UWPr6y6CvCLxvqPVec3L+J8KL3nwDIpDntecEwrz4zTdQ5JDnifR8CHjPfX5v7x/sDWqlE78CCwAAAABJRU5ErkJggg==") 50% 50% no-repeat;  background-size: 22px 22px; }
+.ui-page-theme-d #settingsBtn:after { background:  url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuNWWFMmUAAAUeSURBVHhe7ZpPTttAFIdZ9QDd9Q49QFc9QM/QK/QIuUA3XKA7dqy6Zd8FUi/QRXcICBAQEQpCEQmdz/pZtSfzxuOxHQWTT0JK7Ddv3hu/P+MhB3v2bJfb29tf8/n8b+jv5ubmp8TGy/Pz8/rF4OnpaSmxcXJ5eflJvgZZr9cvFxcX7yU+Pq6uriby1WQ6nX6V+Pggx+WniZP5IfHxcX9//0d+mtzd3f2W+O5yfX19SD7razKLxWIuP00eHh5mEk8GW1x6fdfXYXHOH1GsqOYshC4nEesAJcvlciXxJHAcvdiEbbo8DKXzVQjrs7OzDxIxOT8//6ghjaToQ8ZPqUEXYTabHfvOl9C/rert2toXNj+Pj48LiTdCqrgxJ07nZ6mpwVzMKfEagyxCzPmS1Wr1gtGnp6fvGENopuR8DOakJjhd39CJbjoJc8XodRFwpMn5Kjjd1fEQLAR/+toINjvbJ3IjH3LNCrddBptTakkShGCbKEiFUG4K5xz09Iu06Q0KmfRnQXujarvcPKQwlrUC+Mw17iGDrIZlga1S3R+8pLSp5CWMoY5UHW4CWcbkztdmrlbwlFJDVhuloy7GMBYdKRsoQA4bNXwYaImaz4SnYPXwEiKKLSx/fNblIOhKiQZs05BhibUjWqBVfSlM5DgVulpU+cw17lnFC52x9upsmkp0WAhL62lwPeQ8TqU8wRJkQwuBbkvP1haASq05a5B/ftizWFTknBbKGMb6NYQ5rJpgRU+vWE+AYiWRAgznoFO3s0GHvwjMpds1Bo8CXkI0Vw0WxTey676hit/XmSv0IIga3jol1j+c1miuGi70aocRhGJO2Fugyw9v5tTtGoMdrdOuQu8E7Nr8p2+liQ+5nNrj0Sn1BcwZ2jHSKTpFgY6XJqwkbYmJY0Yio6EFPCndCsJGikhiHg0pNljoaYoaPwoYo1sbYDOLgQy+4FN1zg3Is9SnUYWuIBUFMaNwHkMkugEnwhIN4i+21ZFi4KNfUwpyK7a/9Yy9Ogcn9ojZgW6JFTC3brWCOaTiP7kLQC5KRbG9tcI4tUJbnQbQUd02M7dutaK3BSCkNbyAHNOtDfynZ4FTsVrg53HOecJ+AfpaAMBgqXh7KQAUIqkoeLVFkF7JBLHwC/Ga2iC+4SO+SsUmhBhhiDFsWHj3j53R+UbtykYIm7GdufAFn6rp0xryNxTeo9sKx3jTL0Pw5l+HwQpvDikkUoCRuZ2lCjr8xWUu3a6xlWMxq/KSyy5Cxn8khkFWFHB99IeiLEDseJp7oUUAnKJ1+fsNPnONe9ZTRGdsXlqeHy2D4MLyRHOa8JT8dPChJ7MX4K+pP6MrJYIG7QBAF0h9+SBPKVZdngpj0ZG6V8A2bNTwfiEEQxuhJpTPW/vnKDZaKdiJ2LYzBXZt6KCLsPWtLgifucY9ZGJb7xTQIdX9YLW+rhCyqSnVFiJI5neDIpWag7sENvuHJ1nw9NtsZGhHsXaVC3rp9fraCDZju9zohlO08QNJH1a8+v95QrDrQjAnjlf3BtjSFJFyvt/fCsYWgWpNEZNoDa6zpW1T0ZFlv2HtJdBp6cPGwX4o4S8Cn0P79RDko4Y1kvJGx5zM7dsz+K9EykWg31ZDM4WUYkoLlHgS2FBurbf2Exk36SRns5GSBuS8xJPBFmqOvu4uKecDnDpJfHzwsiI/TTjAlPj4IHXkp8lgLzO7QFMnoJC5Fpd/dP0aiHUCqrnExgu9m2IY+hv8QGPPHo+Dg3+UfvstVzGsUAAAAABJRU5ErkJggg==") 50% 50% no-repeat;  background-size: 22px 22px; }
+.ui-page-theme-d #syncBtn:after { background:  url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuNWWFMmUAAAO+SURBVHhe7ZpLctpAEIZZZOk7cIEcIescwofIAXyBXCBr77PN3hfIMgdIFYvwfhSPCsUjkPmoXy6QBUhmejQgvirK1gNN90z/PT0jatfCaDT61Wq1PumwWjSbzfpms9nOZrNho9H4oNPVodfrfduKbrf7rNPVYTwe/5b/2/V6va2UFFz4P6xWq4383zGdTru6fPt0Op0v8vuAykiB7C+fDyAqKiGFxWKxks9vuDopMJ250H3q9/s/GNnJZPKHqS35cEzCGw6HPwlxPvL1KNFLod1ufx4MBi9/HczlvkEKrmM/qrl4YKQZVdlpCpGjZsvHjfijc3wi24JBsSQTyoH5Gu1ahHkeSpUCDZcx6mlKkQIhv1wu/8mG0gkqBZxPl6llw2AEkQLTW2zOJ5hLwfVw/VSFloZRIUdQuWEcf5ki5/P5wippumn4q8z1CxsSOKB2MqFzqPQw4lw4uusPSMlVh9/pFF8dYiYFyli1cQCGU8ayertk14bO0CMvAnu8RwGrLzYk9qEhn/t1VJB69LvAPrP9Q/SrdnYgBZKhLnvh2PL3HIQ8aw6zGWB/Y4LGrJIMiVHN5IL7nS3P5BI9wgYSFA0SBVa9TNjuvMoB9jAIQXaJSUxonQSoUyYwkvIvE2xgALBHXwmDNiiedGhGOsckmCa2PLiQr+tfMwjldGVpnthiYn/+p5CiMDJPbDHBSJPRWc1V8vUXYV5Jx+/cuVMtQtQUUcJiitUjH526fZjWWLCwHaYax3w9EQVUcFRyWUvbEAuZ0kpn9E1FRw0vfw/gvHWxQyUZPMpYpbFaS2+XpWHPUF/xDh2bvJoLFgGEM07RaB6s3towAEmesezkHUpshV99W4wMtpBrksijDTcoXvcoXyGxMYL80GHXWkH4nh7lBaIvbQsy1GV/kNhIKkXeBGWBPvXIi8Bxdo7SssM+bNVt/rjU8QQ6gCjSYwuRRN8p2VFv6Ha/oDG1cTFMgyQpnEGrx6ZEHGakaZvRPje7mIR+AkYWTXh5IYzpFAom9MxfjvPOKoBt742s3DDNnBuFMqDDTHSfhU8p+EDOhyt5LaVQFGfHJKjzCTFIgSRqrvlTlCUFXppYldKFCC0FZgSmuVJC/hghpMCIUzzRlpqNizxSKDKfcy+ZndGmqitV53nIIwU6idBlPxD9csyGSfLhWFXho7vv+jZLKWdPSSHa8PWJG8XMX41R2uqW20ZSePNDaUJct9w+WVJA17pcDfalwB4CkaFL1WBfCqbr85hJpBDiB1XRwrwefRHzSq32HwklQEesaIcKAAAAAElFTkSuQmCC") 50% 50% no-repeat;  background-size: 22px 22px; }
+.ui-page-theme-d #moreBtn:after { background:  url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuNWWFMmUAAAGiSURBVHhe7ddBboJAFMZxll32HL2GV+kNeodeoNteogforifoyrVJiYKJITGSEFPLn340SgBnjItGvl9ibJl5M+8NMEJiZmZmZmZmZmZmZmbTlqbpLMuy5+Vy+cp3/f+Dmq5isVjc1WM/1mO/8OFvjqn5Ksi5U8NMTcNWq9XTdrstDh37/f5QFMVX0CAj5vP5/Xq9fq+q6ltD/+EYbfRR94uQI7mScxe1UaO6nqon/1C/QQzKGVNIFM7IbrcrNdQg+tBXYVHIra/wLmpVyK88z9/UdhYTDK7iAM5qSPEt+sZeCeQUUnyLmptALpmYQJRlWcXcs1zaCg1GjMLPIhdyUmgQam5u6c1m86ljUdhYNP8okuu7588hJnSRyUVhUag9ibk0jzXBAdjhFRKNWA0z6tKTSO1J7OXfYkfV/KPYmBQSLXTD7fvlCkHtXoDJ3wKXBrPxaP5R/34TnPzPICb9INTi8VBtg5ggdGPq4vE2ZBHoQ1+FRSG3kEWgVoWcYhX7dlQGvfmXoWMMwsZy9Co5jddhMzMzMzMzMzMzMzO7YUnyA5Oi9b2LNFr2AAAAAElFTkSuQmCC") 50% 50% no-repeat;  background-size: 22px 22px; }
+.ui-page-theme-d #toolsBtn:after { background:  url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuNWWFMmUAAAJTSURBVHhe7ZrdbepAEEZdQOpIGXlOA2kiDVAABaSD9JEibgV5RCCMQAjERRAE9/qQT1acrBMT1mLxzJFWi5jdmZ3x/nqdtcVkMrnJ8/xpuVwONpvN236//9cUylKHuuhAl9ReB0Wjezggf84GXeiU+rSZzWYvh8NBTY8HOtEtM2lCA9Xe1kg2COPx+OG7J8+43u12hybpu/kCG9iS2XRYrVZztbECE9lvGkwd6kpNBWypWBrQWLWtQozuWjeskuoFoUbGfEqh3pXUXBDqqqzfEp8NuqS2BJsSX57QE4rZRUNDLKl5YL1e/1W7SgaDwZ3EZ4MuqS3BpsSXJ7TrGw6HtxKfDbqktgSbEl8euihb1SL1Ga/T6fQ55v4dXehEt2z0kloFOgcRH41G90WUH7uQ8KVRj6TgYrF4PeXoei3gE77ho9ytwhjrouOfwUd8ldvvMLm0cYRNFXzF56PzLDGcwCQzAz4fl+q6w4YFjueJ0C7OCsfdpIWJrw58z/S7MRxCirX1geXkY+K/0KEoNrHtnxyAcvYMgEzFWiO2/YzNwSmJSMveF5CF6sRMse2rqmOXj6+jm6RinNXe0CAL1YmZYtv/zSTYl70vIFOx1oht3wOgvDHmA8DSEXq5wH/IVKw1Yts/OQBdwwOg3CweAOVm8QAoN4sHQLlZPADKzeIBUG4WD4Bys/jNkPm7QfO3w9yRb7dbc+MAn8tP+fI87xn8QqR6v8AbVS4KVKaz4GPtm2W6xHw+/9PFIYFP+FZ2+5+g4Oc7+GtNjZ12HMdxHMexQ5b9BzIZh/CDCWboAAAAAElFTkSuQmCC") 50% 50% no-repeat;  background-size: 22px 22px; }
+.ui-page-theme-d #faqBtn:after { background:  url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuNWWFMmUAAAP6SURBVHhe7ZtNrlIxFICJC3ADjtyBK3AlLsC5u3Do3CW4AqdOnTpjYCD8BwkQQ0DQ+70cyOXaltv2tL2P8CUvjwe9p6c/56/l9R48KEO/3385mUxe88Nrefv+GAwGb2az2aflcvl9s9nMd7vd/ng8/m3Ce3xGG9ryDM+KmOdFtapvF4vF198VMr5gkIEsZIr47jKdTj+wgqfTSdTXA5nIpg/prjuMRqN32+32l+iaHPqiT+m+HMPh8NVqtfqRYsVvQZ/0jQ6iTl7G4/H7ymn9EX2KgQ7oImrlYT6ffymx6jbQBZ1EvXTs9/sXhCjpt3OgGzqKurogGJuTvjoLOiaZhC6vfBN0FbV1wL5E9rNBzSfgYbUdHvLI8Ehs1uv1T37ztylFDoU+oqMDMVYz1DFIcnxb7MZ2SXDYwofDIXrW0T0qT9Byeucw5eOcqBLZHSIiGMYgIv1gJbS2PqsuYi+Q01cr/Y3Vrl5/NpXEGpGHMQSlzVq5PasoIi+YnCr9mXYIE4PpSLMgkC3i2sHqyLPRmKo36n75+Ipqp3yUJlfwvjQJxquKxCvLc9GYDjVsDs4Wv9kFsRGCMYk4Nxw8aNk+mOzPFllM5nIm1gwYU6tDFU5f5BkVml7Y5VxdHlvDJzE2EWcndqZNMDAiAV7fFd9tJgAaE8DYRJwZ7FXaFsGVvtocpy/Og1ZWSdoVwRavUTplTnKBLSjtsoNjtGWKmsWYy8xUw58vNgelXY84w6GWnfnCAG1Fi0Y9UIcxiuj/0SxHfbBlgNohGRijiL+GbEvaZMWU/OALCJnSRB3jXSTlp3yeDXIC+hUVnkC52ArwFs0+nygxAc24jx/I4YiNE5DbBLDF+lYk1qfIQk0YTQByOsF6OEKhXIO3OkHIGQbrhY9Gvd8WZxjMmQjVMzLNTO8WzkQoZyrMViQK8JPT9JypcOliKAfOYqh0OZwDZzkMubxxCRibDNNOivy7CbU9zoh0F5vMNemtjsSqLEn1ULQJTq95Z0funzoStD4UhZTh0Fb5QcoawBn+mmhejNSh7red+gArJE3V8boYAa2rsTq3rqiYHGmqivfVGGhejp655YVThGHGEHQ5Cils0qVMCkdYrzm80T6QBHaBKRkhMminxOge9QUJSPEVGUIhMRnHRFRglbQHj87RX5E5k7Na06J52hRNzkoxFmfFFwohKmWiogU6unKNKBDc5Z2AbskGXwf70naMMaCLus3fAg+rHSJDQAc1b+8LMRabK7Eb6JO+o+O8BmR3KWoHG/QVnN6mhMSGsjPFjkAmsr2ruhJQ1pLpkfaK/sEgA1mtDzO6Bnk/J7GEKFawclr3/4+TbeA6rFrV+//X2Qedptf7B0Vbs7sYByOgAAAAAElFTkSuQmCC") 50% 50% no-repeat;  background-size: 22px 22px; }
+.ui-page-theme-d #noteBtn:after { background:  url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuNWWFMmUAAALMSURBVHhe7ZvRrdowGIXz0AG6QKfpPp3iSn3vEB2mK/TtIlTEBaGkQkIopc2XHv6WYCAJJomNP8mCgO3858QxdmwyF7PZ7MNqtfpaFMXbbrcrD4fD79AgZmJHA1rQJHnXIfN+v/+leqIBTWiTzHPm8/n7PM9flT9a0IhWyf7HM4g/glbJ/gtNQ985KcuybkIhJWK+ht0OdA4U0OcGnchms/m2WCw+1hkDhNjR4OrE0Vx3jK6rT4HlcvmieoIHLS4T6lbAz4SODVxT2WhAk+QZaM/4rdSxEXKzvwSaJM9Ae9ZsGnQeKhMdzY4R7ZneG3QOyh8drs4+GaBXIxmQDEgGJAOUPzqSAcmABxjAEJPJRpU+D5xeug7ZvRtwaao5FJy7y8TNqwG4P6b4I8TQtiV4N0BFRmcUA2C73f5UsdEgBoVzE+8GHNcP8jz/Pkbi3K2f91d4NyA0kgHJgGRAMkAyjWSAXo1kQAcDqhHYp6H2D3AeJkE6dS+8GsASc1mWg04GMLrLwKeJVwPGmgvQ6hRCZ7y3AFeFj4SVncm0AOBqMBmhzKMT57nn6gP1SKZxlwGhkQxIBiQDkgGSaTyNAfxsN0estVa9N2I0gLEDj9Ak0agfqeu9EYIBLIpUgl6LovhxI70xfnDtGURnPajSsTF1AxCvUO+iGlR9qSvUsTF1A7jyCrU3J6tJ+syYugE0bYXaCwxcr9fvVN1zGUCfcLZTXN8ZsRrgFA/63ojRgIviQXmM2Ay4Kh6Uz4jJgJviQXmNWAxoJR6a4+Opb5ZuY0Br8RDadnnEKUwnncSDq8Iu+26G5tqmjM7iIaS/zCDu0lpEL/HAjIiOT/UYmEBLmMrtwPCVeBTeCb3FH3G1gv+hY8SkMZP3K9/ExyxraIjZi3igopBM4HY4mdX5gtuBJqfzTA5is4cZj4KOESO4v4Za/r4Fwrnq96wNnpNlfwA4HvhbL+BtiAAAAABJRU5ErkJggg==") 50% 50% no-repeat; background-size: 22px 22px; }
+.ui-page-theme-d #saveBtn:after { background:  url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuNWWFMmUAAAIYSURBVHhe7ZthTsIwGIY5gqfwGpyD+3gIf3oDf3kGr+B/E1hgGCSQYEKUPfPFiLSlxRDW9XuSpmFb135PS8e2MvjNZDK5mU6nD6vV6m273X5+ZQTtXSwWL+PxeKhw0mgKjjabzYfOly2IoBMVVhwEn9LjiJrP5891XT9dM9HjvnbTPoUXhmGf0vPr9fqdMip+daqqulPTjlgul68n28pw0fFRJA+vM2hG5K0vuQIKdSDzWVACB+jYKDCuoheBIFWVE1f9jErtdhKUkDrb5ygAvBK0P5pcBYBTgvZFk7MAYGJUsW+0PZrcBcDBJVLboumDAPi5mulzNH0RwOTf1DUsVgDwS7JoAYyCogWACVAejQkwASbABKjei2ACui5gNpvdq96L0UgY+lLqE6FTJAvgnlr1doJGykhNO4tkAcCQq+v6kTuqayZua1OfaP3lLAF9wgQoLxYToLxYTIDyYjkpgOt98N1aR6HNtF1heAkKaB8aZg4xKBwnQQH82tJ5soUYFI4TE6DciQkwASbABOg82WICTIAJMAEKx4kJUO7EBJgAE2ACdJ5sMQEmwASYAIXjxAQod1KEgNACg74LaNcKh/401XcB7XKf0AG8WtJ5siX0eqztYN6h+VZZsT3H94J7omNjpZVvLuDALvxNNjXRZl/wxErMbfB72OAr0CeI8Sj4PQwJvhdMDv9dftYliIWYiO3wKz0Y7ADbaBPjPVaT8AAAAABJRU5ErkJggg==") 50% 50% no-repeat;  background-size: 22px 22px;
     box-shadow: none!important; -moz-box-shadow: none!important; -webkit-box-shadow: none!important; -webkit-border-radius: 0 !important; border-radius: 0 !important;}
 
 #converterLnk:before{
@@ -110,10 +110,6 @@
     font-size: x-small;
 }
 
-#backBtn{
-    font-size: x-small;
-}
-
 h1{
     text-align: center;
     font-size: 1.5em;
@@ -261,13 +257,22 @@ input[type=password] {
 }
 
 .ui-page-theme-d .ui-btn-left {
-    background-color: #3b5998!important;
-    border-color: #3b5998!important;
+    background-color: #3b5998;
+    border-color: #3b5998 !important;
+    //text-shadow: 0 1px 0 #bbb;
+    color: #fff;
+}
+
+.ui-page-theme-d .ui-btn-right {
+    background-color: #3b5998;
+    border-color: #3b5998 !important;
+    //text-shadow: 0 1px 0 #bbb;
+    color: #fff;
 }
 
 .ui-page-theme-d .nav-glyphish-example .ui-btn {
     background-color: #3b5998;
-    border-color: #3b5998;
+    border-color: #3b5998 !important;
     border-right-color: #ccc;
     border-right-width: 1px;
     //text-shadow: 0 1px 0 #bbb;

js/app.js

@@ -7,11 +7,13 @@ define(['jquery', 'underscore', 'backbone', 'router', 'classes/profile', 'classe
         Backbone.history.start();
         Backbone.emulateJSON = true;
 
+        
         hello.init({
             facebook: '1466942266882168',
             google: '319140243944-qk0lfhgmi8shi4go97r83l69f1k0gdf4.apps.googleusercontent.com'
         }, {display: 'page', scope: 'email'});
         
+       
         //console.log("Backbone history start");
         // Trigger 'route' event on router instance.
         router.on('route', function (name, args) {

js/classes/cachedCollection.js

@@ -20,12 +20,15 @@ define(['jquery', 'underscore', 'backbone', 'classes/cache'],
                     {
                         window.setTimeout(function () {
                             self[options.reset ? 'reset' : 'set'](false, options);
-                            deferred.resolve(cachedItem);
-                            self.push(cachedItem);
+                            //deferred.resolve(cachedItem);
+
                             self.trigger('sync', self, false, options);
+                            deferred.notify(self);
+                            self.push(cachedItem);
                             if (_.isFunction(options.success)) {
                                 options.success(self, false, options);
                             }
+                            deferred.resolve(cachedItem);
                             return deferred;
                         }, 0);
                     }

js/classes/profile.js

@@ -2,42 +2,36 @@
  * Created by Denis on 19/06/2014.
  */
 define(['jquery', 'backbone'],
-    function($, Backbone){
+        function ($, Backbone) {
 
             var Profile = {
-
-            _loadme:function(){
-                if(this.isConnected()) {
+                _loadme: function () {
+                    if (this.isConnected()) {
                         if (this.data.type == null)
                             this.loadProfile();
                     }
                     return this;
                 },
-
                 dataloaded: false,
-
                 data: {
                     "name": null,
                     "email": null,
-                "gender":null,
+                    "gender": null,
                     "tema": 'b',
                     "risRic": '10',
                     "type": null
                 },
-
-            isConnected: function(){
+                isConnected: function () {
                     return this.getKeySave() != "null" &&
                             this.getKeySave() != null &&
                             this.getKeySave() != "undefined" &&
                             this.getKeySave() != undefined;
                 },
-
-            loadProfile:function(successFn) {
+                loadProfile: function (successFn) {
                     this.internalLoadProfile(this.getKeySave(), successFn);
                 },
-
-            internalLoadProfile:function(keyStore, successFn){
-                if(this.dataloaded)
+                internalLoadProfile: function (keyStore, successFn) {
+                    if (this.dataloaded)
                         return;
                     //var keyStore = this.getKeySave();
                     var self = this;
@@ -45,12 +39,10 @@ define(['jquery', 'backbone'],
                     var resp = $.ajax({
                         url: myManifest.Settings.DefaultURL + "/api/profile/" + keyStore,
                         //dataType: "json",
-                    async: false,
-                    type: 'GET'
-                }).responseText;
-				
-				var response = JSON.parse(resp);
-				if(response.length > 0)
+                        //async: false,
+                        type: 'GET',
+                        success: function (response) {
+                            if (response.length > 0)
                             {
                                 self.dataloaded = true;
                                 self.setKeySave(keyStore);
@@ -61,29 +53,28 @@ define(['jquery', 'backbone'],
                                 self.data.type = response[0].TipoAccesso;
                                 retBool = true;
                             }
-				if(successFn)
+                            if (successFn)
                                 successFn(retBool);
+                        }
+                    });                    
                 },
-
-            getKeySave: function(){
+                getKeySave: function () {
                     return window.localStorage.getItem("KeySave");
                 },
-            setKeySave: function(val){
+                setKeySave: function (val) {
                     window.localStorage.setItem("KeySave", val);
                 },
-
-            isGPlusConnected: function(){
-                if(this.data.type === "google")
+                isGPlusConnected: function () {
+                    if (this.data.type === "google")
                         return true;
                     return false;
                 },
-            isFbConnected: function(){
-                if(this.data.type === "facebook")
+                isFbConnected: function () {
+                    if (this.data.type === "facebook")
                         return true;
                     return false;
                 },
-
-            addRicettaBloccoNote: function(ricetta_id, successFn) {
+                addRicettaBloccoNote: function (ricetta_id, successFn) {
                     var sendobj = {
                         "ricetta_id": ricetta_id,
                         "keyStore": this.getKeySave()
@@ -93,39 +84,36 @@ define(['jquery', 'backbone'],
                         url: myManifest.Settings.DefaultURL + "/api/profile/ricetta",
                         //dataType: "json",
                         type: 'POST',
-                    data: { dataPair: JSON.stringify(sendobj) },
-                    success: function(msg){
-                        if(successFn)
+                        data: {dataPair: JSON.stringify(sendobj)},
+                        success: function (msg) {
+                            if (successFn)
                                 successFn(msg);
                         }
                     });
                 },
-
-            removeRicettaBloccoNote: function(ricetta_id, successFn) {
+                removeRicettaBloccoNote: function (ricetta_id, successFn) {
                     $.ajax({
                         url: myManifest.Settings.DefaultURL + "/api/profile/" + this.getKeySave() + "/ricetta/" + ricetta_id,
                         //dataType: "json",
                         type: 'DELETE',
-                    success: function(msg){
-                        if(successFn)
+                        success: function (msg) {
+                            if (successFn)
                                 successFn(msg);
                         }
                     });
                 },
-
-            existRicettaBloccoNote: function(ricettaID, successFn){
+                existRicettaBloccoNote: function (ricettaID, successFn) {
                     $.ajax({
                         url: myManifest.Settings.DefaultURL + "/api/profile/" + this.getKeySave() + "/ricetta/" + ricettaID,
                         //dataType: "json",
                         type: 'GET',
-                    success: function(msg){
-                        if(successFn)
+                        success: function (msg) {
+                            if (successFn)
                                 successFn(msg);
                         }
                     });
                 },
-
-            createProfile: function(keyStore, typeProfile, name, email,gender, successFn) {
+                createProfile: function (keyStore, typeProfile, name, email, gender, successFn) {
                     this.data.type = typeProfile;
                     this.data.name = name;
                     this.data.email = email;
@@ -149,16 +137,15 @@ define(['jquery', 'backbone'],
                         url: myManifest.Settings.DefaultURL + "/api/profile",
                         //dataType: "json",
                         type: 'POST',
-                    data: { dataPair: JSON.stringify(sendobj) },
-                    success: function(msg){
-                        if(successFn)
+                        data: {dataPair: JSON.stringify(sendobj)},
+                        success: function (msg) {
+                            if (successFn)
                                 successFn(msg);
                         }
                     });
                 },
-
-            updateProfile: function(successFn) {
-                if(this.isConnected()) {
+                updateProfile: function (successFn) {
+                    if (this.isConnected()) {
                         var sendobj = {
                             "keyStore": this.getKeySave(),
                             "tema": this.data.tema,
@@ -170,7 +157,7 @@ define(['jquery', 'backbone'],
                             url: myManifest.Settings.DefaultURL + "/api/profile",
                             //dataType: "json",
                             type: 'PUT',
-                        data: { dataPair: JSON.stringify(sendobj) },
+                            data: {dataPair: JSON.stringify(sendobj)},
                             success: function (msg) {
                                 if (successFn)
                                     successFn(msg);

js/jqm-config.js

@@ -7,7 +7,7 @@ define(['jquery'], function ($){
         $.mobile.pushStateEnabled = false;
         $.support.cors = true;
 	$.mobile.allowCrossDomainPages = true;
-        //$.mobile.defaultPageTransition = 'slidefade';
+        $.mobile.defaultPageTransition = 'flip';
         // Remove page from DOM when it's being replaced
         $(document).on("pagecontainerhide", function (event, ui) {
             $("div[data-role='page']:not(.ui-page-active)").remove();

js/manifest.js

@@ -1,7 +1,7 @@
 var myManifest = {
     Debug: false,
     Name: "Il Lievitario",
-    Version: "2.5.7",
+    Version: "2.6.0",
     Author: "Denis Ironi",
     Settings: {
         //DefaultURL: "http://localhost:8081/Service_Manut",

js/model/categoryItem/foundItemCollection.js

@@ -1,8 +1,11 @@
-define(['app', 'jquery', 'underscore', 'backbone', 'model/categoryItem/categoryItemModel'],
-    function (app, $, _, Backbone, Category){
+define(['app', 'jquery', 'underscore', 'backbone', 'model/categoryItem/searchItemModel'],
+    function (app, $, _, Backbone, SearchItem){
 
         var FoundItems=Backbone.Collection.extend({
             dataFilter: null,
+            numItems: null,
+            indexItems: null,
+            totalRecords: 0,
             initialize: function (options) {
                 this.dataFilter = {
                     titolo: options.titolo,
@@ -10,14 +13,24 @@ define(['app', 'jquery', 'underscore', 'backbone', 'model/categoryItem/categoryI
                     categoryId: options.categoryId
                 };
                 this.numItems = options.nResult;
+                this.indexItems = options.indexItems;
             },
             
-
+            parse: function(data){
+                this.totalRecords = data["0"].TotalRecords;
+                return data.records;
+            },
             // Book is the model of the collection
-            model:Category,
+            model:SearchItem,
+            
+            getTotalRecords: function(){
+                return this.totalRecords;
+            },
 
             url: function() {
-                var u = myManifest.Settings.DefaultURL + "/api/categoryitems/search/" + this.numItems + 
+                var u = myManifest.Settings.DefaultURL + "/api/categoryitems/search/" + 
+                        this.numItems + 
+                        "/" + this.indexItems + 
                         "/" + this.dataFilter.categoryId +
                         "/"  + this.dataFilter.difficolta;
                 if(this.dataFilter.titolo !== null)                    

js/model/categoryItem/searchItemModel.js

@@ -0,0 +1,18 @@
+define(['jquery', 'underscore', 'backbone'],
+function ($, _, Backbone){
+
+            var SearchItem = Backbone.Model.extend({
+                //default attributes 
+                defaults: {
+                    ricetta_id: "",
+                    titolo: '',
+                    autore: '',
+                    valutazione: 0,
+                    difficolta: 0,
+                    categoria_name: 0
+                }
+            });
+
+	return SearchItem;
+});
+

js/modules/category/category.js

@@ -6,7 +6,7 @@ define(['jquery', 'underscore', 'backbone', 'text!modules/category/categoryViewT
                 categoryName: null,
                 //initialize template
                 template: _.template(categoryViewTemplate),
-                itemtemplate: _.template(categoryItemTemplate),
+                itemtemplate: _.template(categoryItemTemplate, {variable: 'item'}),
                 initialize: function (options) {
                     var self = this;
                     CategoryView.__super__.initialize.call(this);
@@ -16,15 +16,18 @@ define(['jquery', 'underscore', 'backbone', 'text!modules/category/categoryViewT
                         success: function (data, textStatus, jqXHR) {
                             self.renderItem();
                         }
-                        //success: function(){ self.renderItem(); } 
                     });
                 },
                 renderItem: function () {
                     var $ul = $('#allRicette');
+                    var self = this;
+                    var html = "";
+                    _.each(this.collection.toJSON(), function(d) {
+                      html += self.itemtemplate(d);
+                    });
+                    //var items = this.itemtemplate({data: this.collection.toJSON()});
 
-                    var items = this.itemtemplate({data: this.collection.toJSON()});
-
-                    $ul.html(items);
+                    $ul.html(html);
                     $ul.listview("refresh");
                     $ul.trigger("updatelayout");
 

js/modules/category/categoryItemTemplate.html

@@ -1,8 +1,4 @@
-<% if(data.length == 0){ %>
-    <h1>Nessuna ricetta trovata</h1>
-<%} else { for (var i = 0; i < data.length; i++) { %>
-  <% var item = data[i]; %>
-	<li><a href="#ricetta/<%= item.ricetta_id%>" class="ui-btn ui-btn-icon-right ui-icon-carat-r">
+<li><a href="#ricetta/<%= item.ricetta_id%>" class="ui-btn ui-btn-icon-right ui-icon-carat-r">
     <div class='ricettaTitolo'><%= unescape(item.titolo) %></div>
     <div class='ricettaAutore'><%= unescape(item.autore) %></div>
     <br><div class='ricettaAutore'>Diff.:&nbsp;&nbsp;</div>
@@ -15,5 +11,4 @@
             <input name="difficolta" <% if(item.difficolta==="5"){%>checked="checked"<%}%> type="radio" data-role="none" value="5" disabled="disabled" title="Molto Difficile" class="star"/>
             </form>
     </div>            
-        </a></li>
-<% }} %>
+</a></li>

js/modules/index/index.js

@@ -1,19 +1,28 @@
-define(['jquery', 'underscore', 'backbone','text!modules/index/indexViewTemplate.html', 'modules/base/baseView'],
-    function($, _, Backbone, indexViewTemplate, BaseView){
+define(['jquery', 'underscore', 'backbone','text!modules/index/indexViewTemplate.html','text!modules/index/indexItemViewTemplate.html', 'modules/base/baseView'],
+    function($, _, Backbone, indexViewTemplate, indexItemViewTemplate, BaseView){
 
         var IndexView = BaseView.extend({
 
             collection: null,
             //initialize template
             template:_.template(indexViewTemplate),
+            templateItem:_.template(indexItemViewTemplate, {variable: 'item'}),
 
             initialize: function (options) {
                 var self = this;
                 IndexView.__super__.initialize.call(this);
                 this.collection = options.collection;
                 this.collection.fetch({ 
-					success: function(data, textStatus, jqXHR){
-					    self.render();
+                    success: function(){
+                        var $ul = $('#categoryList');
+                        var html = "";
+                        _.each(self.collection.toJSON(), function(d) {
+                          html += self.templateItem(d);
+                        });
+                        $ul.html(html);
+                        //$ul.listview("refresh");
+                        //$ul.trigger("updatelayout");
+                        //self.trigger("renderCompleted:Categories",self);
                     }
                 });
             },
@@ -26,9 +35,9 @@ define(['jquery', 'underscore', 'backbone','text!modules/index/indexViewTemplate
                 //$el is cached jQuery object for the view's element.
                 //append the compiled template into view div container
                 this.$el.append(this.header.$el);
-                this.$el.append(this.template({data:this.collection.toJSON()}));
+                this.$el.append(this.template());
                 this.$el.append(this.footer.$el);                
-                this.trigger("renderCompleted:Categories",this);
+                
                 //return to enable chained calls
                 this.$el.find("#indexBtn").addClass("ui-btn-active");
                 return this;

js/modules/index/indexItemViewTemplate.html

@@ -0,0 +1 @@
+<li><a href="#category/<%=item.name%>/<%= item.category_id%>" class="ui-btn ui-btn-icon-right ui-icon-carat-r"><%= item.name %></a></li>

js/modules/index/indexViewTemplate.html

@@ -1,9 +1,5 @@
 <div id="categoryListContent" data-role="content">	
     <h1>Indice</h1>		        
     <ul id="categoryList" data-role="listview" data-inset="true">
-	<% for (var i = 0; i < data.length; i++) { %>
-	  <% var item = data[i]; %>
-	<li><a href="#category/<%=item.name%>/<%= item.category_id%>" class="ui-btn ui-btn-icon-right ui-icon-carat-r"><%= item.name %></a></li>
-	<% } %>    	
     </ul>
 </div>

js/modules/item/itemViewTemplate.html

@@ -1,7 +1,7 @@
 <div data-role="header" data-position="fixed" data-tap-toggle="false">
-    <a id="favoriteBtn" href="" data-role="button" class="ui-btn-left" data-icon="custom" style="font-size: x-small;">Agg. al Blocco</a>
+    <a id="favoriteBtn" href="#" class="nav-glyphish-example ui-btn ui-icon-myHome ui-btn-icon-notext ui-btn-left" data-icon="custom"></a>
     <h3 id='titoloRicetta'><%= unescape(ricetta.titolo)%></h3>
-    <a id="backBtn" href="" data-role="button" class="ui-btn-right" data-icon="custom">Indietro</a>
+    <a id="backBtn" href="#" class="nav-glyphish-example ui-btn ui-icon-myHome ui-btn-icon-notext ui-btn-right" data-icon="custom"></a>
 </div>		 
 <div id="contentIngredienti" data-role="content">
 	<h1>Ingredienti</h1>

js/modules/search/found.js

@@ -12,23 +12,63 @@ define(['jquery', 'underscore', 'backbone','text!modules/search/foundViewTemplat
                 var self = this;
                 FoundView.__super__.initialize.call(this);
                 this.collection = options.collection;
+                
                 this.collection.fetch({
                     success: function(){ self.renderItem(); } });
             },
             
+            events: {
+                "click #pagSucc": "nextPageSearch",
+                "click #pagPrec": "prevPageSearch"
+            },
+            
+            goTop: function(element) {
+                $('html, body').animate({
+                    scrollTop: '0px'
+                }, 'fast');
+                return element; // for chaining...
+            },
+
             renderItem: function(){
                 var $ul = $('#foundRicette');
-
+                $ul.html('');
                 var items = this.itemTemplate({data:this.collection.toJSON()});
 
                 $ul.html( items );
                 $ul.listview( "refresh" );
                 $ul.trigger( "updatelayout");
                 
+                if(this.collection.indexItems === 0)
+                    $('#pagPrec').hide();
+                else
+                    $('#pagPrec').show();
+                
+                if(this.collection.getTotalRecords() <  (this.collection.indexItems + 1) * this.collection.numItems)
+                    $('#pagSucc').hide();
+                else
+                    $('#pagSucc').show();
+
                 $.mobile.loading( 'hide' );
                 //$( '[data-alpha="true"]' ).alphascroll();
             },
             
+            nextPageSearch: function(e){
+                e.preventDefault();
+                var self=this;
+                this.collection.indexItems++;
+                this.collection.fetch({reset: true,
+                    success: function(){ self.renderItem(); } });
+                this.goTop();
+            },
+            
+            prevPageSearch: function(e){
+                e.preventDefault();
+                var self=this;
+                this.collection.indexItems--;
+                this.collection.fetch({reset: true,
+                    success: function(){ self.renderItem(); } });
+            },
+
             //render the content into div of view
             render: function(){
                 //this.header.title = "pippo";

js/modules/search/foundViewTemplate.html

@@ -1,5 +1,6 @@
 <div id="categoryListContent" data-role="content">	
     <h1>Ricerca Ricette...</h1>
-    <ul id="foundRicette" data-role="listview" data-autodividers="true" data-inset="true">
-	</ul>
+    <center><a href="" id="pagPrec" button="true" class="ui-btn ui-corner-all">Pagina precedente</a></center>
+    <ul id="foundRicette" data-role="listview" data-autodividers="true" data-inset="true"></ul>
+    <center><a href="" id="pagSucc" button="true" class="ui-btn ui-corner-all">Pagina successiva</a></center>
 </div>

js/router.js

@@ -89,8 +89,9 @@ define(['jquery', 'underscore', 'backbone',
                     var categories = new CategoryCollection();
                     // will render home view and navigate to homeView
                     var indexView = new IndexView({collection: categories});
-                    //indexView.render();
-                    indexView.bind('renderCompleted:Categories', this.changePage, this);
+                    indexView.render();
+                    this.changePage(indexView);
+                    //indexView.bind('renderCompleted:Categories', this.changePage, this);
                 },
                 showCategory: function (categoryName, categoryId) {
                     var categories = new CategoryItemCollection({categoryId: categoryId});
@@ -137,9 +138,7 @@ define(['jquery', 'underscore', 'backbone',
                     searchView.bind('renderCompleted:Search', this.changePage, this);
                 },
                 searchFn: function (nresult, categoria, difficolta, titolo) {
-
-                    //console.log("Search by Titolo: " + titolo + ", Categoria: " + categoria + ", Difficoltà: " + difficolta);
-                    var foundedItems = new FoundItemCollection({categoryId: categoria, difficolta: difficolta, titolo: titolo, nResult: nresult});
+                    var foundedItems = new FoundItemCollection({categoryId: categoria, difficolta: difficolta, titolo: titolo, nResult: nresult, indexItems: 0});
                     var foundView = new FoundView({collection: foundedItems});
 
                     foundView.render();

nbproject/private/private.xml

@@ -3,11 +3,12 @@
     <editor-bookmarks xmlns="http://www.netbeans.org/ns/editor-bookmarks/2" lastBookmarkId="0"/>
     <open-files xmlns="http://www.netbeans.org/ns/projectui-open-files/2">
         <group>
-            <file>file:/E:/Sviluppo/IlLievitario/WebClient_Manut/js/modules/settings/settingsViewTemplate.html</file>
-            <file>file:/E:/Sviluppo/IlLievitario/WebClient_Manut/css/base.style.css</file>
-            <file>file:/E:/Sviluppo/IlLievitario/WebClient_Manut/js/modules/more/moreViewTemplate.html</file>
+            <file>file:/E:/Sviluppo/IlLievitario/WebClient_Manut/js/router.js</file>
+            <file>file:/E:/Sviluppo/IlLievitario/WebClient_Manut/js/modules/search/foundViewTemplate.html</file>
+            <file>file:/E:/Sviluppo/IlLievitario/WebClient_Manut/js/model/categoryItem/foundItemCollection.js</file>
+            <file>file:/E:/Sviluppo/IlLievitario/WebClient_Manut/js/modules/search/search.js</file>
             <file>file:/E:/Sviluppo/IlLievitario/WebClient_Manut/js/manifest.js</file>
-            <file>file:/E:/Sviluppo/IlLievitario/WebClient_Manut/js/modules/index/index.js</file>
+            <file>file:/E:/Sviluppo/IlLievitario/WebClient_Manut/js/modules/search/found.js</file>
         </group>
     </open-files>
 </project-private>