From aa40aa9354e85ab239d7e56a048a8f926d425227 Mon Sep 17 00:00:00 2001
From: Karen <karen.menezes@gmail.com>
Date: Wed, 28 Sep 2011 18:38:57 +0530
Subject: [PATCH] added search for list and changes for social icons

---
 itf/static/css/noel/inner-details.css |   5 +-
 itf/static/css/noel/inner.css         |  63 +++++++++++++++++++-------
 itf/static/images/noel/facebook.png   | Bin 0 -> 967 bytes
 itf/static/images/noel/tweet.png      | Bin 0 -> 1093 bytes
 itf/templates/noel/insidepage.html    |  24 +++++-----
 5 files changed, 61 insertions(+), 31 deletions(-)
 create mode 100644 itf/static/images/noel/facebook.png
 create mode 100644 itf/static/images/noel/tweet.png

diff --git a/itf/static/css/noel/inner-details.css b/itf/static/css/noel/inner-details.css
index f9c4010..6a141ee 100644
--- a/itf/static/css/noel/inner-details.css
+++ b/itf/static/css/noel/inner-details.css
@@ -14,7 +14,8 @@ border-radius:8px;
 -moz-box-shadow:2px 3px 20px #252425;
 -webkit-box-shadow:2px 3px 20px #252425;
 box-shadow:2px 3px 20px #252425;
-overflow:auto;}
+overflow:auto;
+clear:both;}
 
 .itfInfoSub
 {color:#f7bd00;
@@ -43,7 +44,7 @@ font-weight:bold;
 text-decoration:none;}
 
 .noListItem
-{margin-bottom:10px;}
+{margin-bottom:16px;}
 
 .linksInnerOrange a
 {text-decoration:none;
diff --git a/itf/static/css/noel/inner.css b/itf/static/css/noel/inner.css
index fb331c2..3e86314 100644
--- a/itf/static/css/noel/inner.css
+++ b/itf/static/css/noel/inner.css
@@ -139,7 +139,6 @@ cursor:pointer;}
 {font-family:Arial, Helvetica, 'DejaVu Sans', sans-serif;
 font-size:13px;
 color:#3b3b39;
-text-align:justify;
 padding-top:6px;
 padding-left:10px;
 padding-right:20px; /*why is this 20 and the left 10?*/
@@ -163,6 +162,35 @@ outline:none;}
 .selectMenu select:focus
 {}
 
+.searchListField
+{margin-top:5px;
+margin-bottom:2px;
+width:114px;
+background:url(img/search-icon.png) no-repeat right; 
+padding:2px 2px 2px 4px;
+font-family:Arial, Helvetica, 'DejaVu Sans', sans-serif; 
+font-size:12px;
+color:#7d7d7d;
+-moz-border-radius:8px; 
+-webkit-border-radius:8px; 
+border-radius:8px;
+border:1px solid #f0f0f0; 
+-moz-box-shadow:inset 2px 2px 6px #d7d7d7;
+-webkit-box-shadow:inset 2px 2px 6px #d7d7d7;
+box-shadow:inset 2px 2px 6px #d7d7d7;
+outline:none;}  /*placeholder input text supported by html5 for FF3.7 and webkit*/
+
+
+.searchListField:focus
+{border:1px solid #999; }
+
+#searchListIcon
+{cursor:pointer;}
+
+#searchListIcon:hover
+{box-shadow:1px 1px 1px 3px #e3e3e3;}
+
+
 #listLeft
 {position:relative;
 }
@@ -253,7 +281,8 @@ background-color:#FFF;
 border-radius:8px;
 -moz-box-shadow:2px 3px 20px #252425;
 -webkit-box-shadow:2px 3px 20px #252425;
-box-shadow:2px 3px 20px #252425;}
+box-shadow:2px 3px 20px #252425;
+position:relative;}
 
 #imageLeft
 {width:170px;
@@ -294,10 +323,22 @@ padding-right:14px;
 float:right;}
 
 .socialIcons
-{position:relative;
+{position:absolute;
+bottom:4px;
+right:4px;
 clear:both;}
 
-.twitter
+.iconImages
+{float:left;
+margin-right:4px;}
+
+/*cursor:pointer;
+position:absolute;
+bottom:6px;
+right:10px;/*}
+
+
+/*.twitter
 {position:absolute;
 bottom:2px;
 right:89px;}
@@ -306,15 +347,13 @@ right:89px;}
 {/*padding-top:35px;
 margin-left:164px;
 margin-right:20px;
-float:left;*/
+float:left;
 }
 
 .fb
 {width:62px;
 font-size:12px;
 color:#fff;
-/*padding-top:35px;
-float:left;*/
 position:absolute;
 bottom:2px;
 right:20px;}
@@ -326,15 +365,7 @@ background-color:#3b5998;
 -moz-border-radius:3px;
 -webkit-border-radius:3px;
 border-radius:3px; 
-}/*problem customising these*/
-
-.download
-{cursor:pointer;
-position:absolute;
-bottom:6px;
-right:10px;
-/*padding-top:39px;
-clear:both;*/}
+}*/
 
 #clearBoth
 {clear:both;}
diff --git a/itf/static/images/noel/facebook.png b/itf/static/images/noel/facebook.png
new file mode 100644
index 0000000000000000000000000000000000000000..c078b058b9e9b0869fe2f8d22a939eeaa2dd5616
GIT binary patch
literal 967
zcmV;&133JNP)<h;3K|Lk000e1NJLTq000sI000sQ0{{R3VGw?000001b5ch_0Itp)
z=>Px%3Q$Z`MKMs5F;SB<Qj#-Llr&P5G*gl^Q<OAQl{HkAHB^>1RF*eYlsHzGI9HcB
zSC=|im^)aPJ6V}LS(!XqnLk~dKwX?cUYtc?o<(AvMq-~wW1mN4pG#+<OlO}=XQNGL
zp-yR|QEQ}AZKhOirBrUFRc@wLZ>Cmos912LS#zmkdaYu6uV#F!XMU|`ey?bLt!IC+
zXMnM2fU;?TuxWv^YJswBg0gCZvulI1Y=g3FgtTpiv~7j8ZiTgOhP8Bvuy~BPe2%hy
zkhOo3yn&LpfRnd^mAZqKyMva!gO<L7mcNCTyM&g$hM2#Jn!Spg!Hk@}lcUCzq{o(~
z$d{(am!`;<r^uM6$eF0go2tp4tjnRV&7-l-r?JMQvCpHj&!n=?sI<_kw$iJ&(yX}D
zuDR2$y3?+@)UUhMv%b`{zSg(C&$z+Zy2IAJ#@fEe*T2Wt!pYdc%HF}s-@(h?$Ijcu
z&f&<;+sMw`%hKb@)8x+7-_X|K&)4SE*WJ_C;n3LU)7t3P+Tz&T<JR2i*xl#X-Rjxh
z<=Ecp*xu{e-s;)j>)GGy+~4Kg;OE`q?c(F*<KyMy<mTn&=j7+_=IQb0>F?|7>+S9C
z?d|XG?(gpJ@bdKd^!4`m`TP0#`}z9%`TG0$`uzL)_xk$$`uqI*`~Ca;{rvs?{r&#_
z{{H{|{Qv*`|NsBrac~y^0004EOGiWihy@);00009a7bBm000XU000XU0RWnu7ytkO
z2XskIMF-mn91IZv`7su50003tNkl<Z7}F)n1ycf16o%nrV&I};VHenmg@GN|x^`k9
zc6SE`u7O>+%E}6^-v8)jdFIS~Gw&SWjOP?Z>Gk;Z7u4A`!+~)~i)l1t+R3?v`H7Kf
zE1V3E+RZ%wqQ7lzj|FtSYHU#5cZt}C``Lju3mmkNB-!3Uw!Wap?yk=Erf=9OuTiN~
zwN;g`=&G!uy1s;kjZ{UBLXqBo_=(<+cAK*k&9E9NmC2;xQwVVgebq%pFt98N!2IG<
z-q3Mca+tsO2P`@eJb?kNI0^~EnZ`-PbH71rE`*41#R=?RZnoq_5Kc5K3B)|10j+!b
zh<!b1*o;o##oeN<7`(9z>}M44a_`Wd9B(EIx+G<hP2Lkal@}`Wvsj=T0)uTNrH#cw
pA(GJXAK)w|hR3pI6Juhm+&}exa2UWPzJ>q*002ovPDHLkV1j@z84Umc

literal 0
HcmV?d00001

diff --git a/itf/static/images/noel/tweet.png b/itf/static/images/noel/tweet.png
new file mode 100644
index 0000000000000000000000000000000000000000..6d8ea23be8805656b78550ff50f3404d381c88f3
GIT binary patch
literal 1093
zcmV-L1iJf)P)<h;3K|Lk000e1NJLTq000sI000sQ0{{R3VGw?000001b5ch_0Itp)
z=>Px%e^5+RMUeskE3(!sv)3=Q*)p`&R;<M|wb(Yc*)q4=SFgr4xZ60m+Bvw}Ho4t9
zy4*Uu-#okBLAu*Myxv2*+&{eDKfK>dyV^g#;X%INLB8NVz~e)};zYpVM8M)tzT8c}
z;zz;bN5bPr!{tcB<VnNjPQv0!#N|@L<x|4rPsHO)#^zVU<W0usPR8e3#N|`R=TFG#
zP{`?A#phDU>0ZU<P|4|C#^+zg=3vI=RLbjP#^+$i=V8a@V#nuW$LDFr=4Qv}W60-f
z$KYki=UU6^X~*bh$mnXv=WEE}X~^hi$>(Ot=vU3{YRKtl$>?Xv=~&I~Xvyek$?0jy
z>TSv5UCr!i%Ia#$>RHe4Zp!0Y&+lr>>Tk>AaLeRe(eQE1<z3P7W6<w#&ggT_=5NpG
zU(@n*&*yc|=VsIKcF^c%)bV%F=zGuXe9!E8(dm8A?0wMfdD7{5(&}o~^M29nYu59A
z(d~fI?t{_nfzs}R((G>7^?%juh}7<a*6xYa?}ydyaohKD+xK$Z_l(x<blmxk*6oeg
z?RVYykJs*y*Y20u@0i)}gW~yx;`xT+`HSQEisbsF-tmv+`j+JRm*n}D==+}M`LN^k
zo9X+n<nyBG`=jamrtSQu?ft#z_N?vvzUubE>Gr+r_pk5$$Lsa7@&2~({j>4@$n5sY
z@A=N|_`dW0zw`dm@c6{^{lxVC$oBow^!>{A{>=9O&i4M!_x{)Q{nPmV)cF3@`2OJc
z{pI%h=l1*Q_WI-a{pa`m>i7EV_xs@b{^a@o?DzZW`1|Af{_Xhu?)dxb`TXqp{pb7t
z@B01o`uy|#{`>y^{Qmy^{{H{|{{R2~$e1_s00001bW%=J06^y0W&i*H0b)x>L;#2d
z9Y_EG010qNS#tmY3ljhU3ljkVnw%H_000McNliru+X);D5*)@I8R7r{0WwKMK~xyi
zV_;xl$SJRcg7RDj5U}sA&Cf3=1B3kf9(SNng{y;G$^3?(=<wh$Pk-Mkpiq~c)ubzD
zuFUWb^z-+2w(9~4wOQ!xJ$!uEWpy(nYe!p~PM}bWiS~(|+csXgbm`(EFKhF5ppcWG
z{E4j_)^FLhWApiy8p0kxp%50veQTGk0D@&}PBO7Y0)=AOnGY_XH+KmT99hc69SanS
z=ixZCVCJ+dK(J0#h%Xr^lq|q|boS(lS1w$*a7<G|G#x0ECc?jGPH%62Utiy*)#8%b
zK%q=Y=~=s*J3wH<IVssfpirKSvi{la)2B?GI(7d-CB-73P?Ca*j_Kk9r%#_gwaP$C
zEd?kfR-<cZ84#6_8W-VXX<R1<3LRFL#H`Zlrq;&l;*3yE25bNT_$hY9P67tY00000
LNkvXXu0mjfiISN_

literal 0
HcmV?d00001

diff --git a/itf/templates/noel/insidepage.html b/itf/templates/noel/insidepage.html
index d6f92b6..79348f7 100644
--- a/itf/templates/noel/insidepage.html
+++ b/itf/templates/noel/insidepage.html
@@ -64,10 +64,10 @@
 -->
                         </select>
                         
-                        <input type="text" placeholder="search list" name="field" class="searchInnerField"/>
-                                           
+                        <input type="text" placeholder="search list" name="field" class="searchListField"/>
+                        <img src="/static/images/noel/search-icon.png" width="18" height="14" alt="search-icon" id="searchListIcon">                    
                         </form>
-    
+                       
                     
             </div>
 	    </div>
@@ -107,16 +107,14 @@
         	</p>
          
         	<div class="socialIcons">
-                <p class="twitter">
-                    <a href="http://twitter.com/share" class="twitter-share-button" data-count="none" data-via="http://twitter.com/#!/indtheatreforum">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>     	
-                </p>
-        	
-                <p class="fb">
-    <iframe src="http://www.facebook.com/plugins/like.php?href=www.theatreforum.in&amp;send=false&amp;layout=button_count&amp;width=450&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font=arial&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowTransparency="true"></iframe>
-                    
-                </p>
-        	
-                <img src="/static/images/noel/download.jpg" width="18" height="18" alt="download" class="download">
+                
+                    <img src="/static/images/noel/tweet.png" width="18" height="18" alt="twitter" class="iconImages"> 
+                    <!--<a href="http://twitter.com/share" class="twitter-share-button" data-count="none" data-via="http://twitter.com/#!/indtheatreforum">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>-->     	
+                
+                    <img src="/static/images/noel/facebook.png" width="18" height="18" alt="facebook" class="iconImages">        
+   <!-- <iframe src="http://www.facebook.com/plugins/like.php?href=www.theatreforum.in&amp;send=false&amp;layout=button_count&amp;width=450&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font=arial&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowTransparency="true"></iframe>-->
+                
+                    <img src="/static/images/noel/download.jpg" width="18" height="18" alt="download" class="iconImages">
           	</div>
     	</div>