From f3001cf2c3bb1159594ef77b713d69aee6abbb64 Mon Sep 17 00:00:00 2001
From: Karen <karen.menezes@gmail.com>
Date: Sat, 10 Sep 2011 09:33:04 +0530
Subject: [PATCH] changes for details in inner pages

---
 itf/static/css/noel/inner.css           | 102 ++++++++++++++----------
 itf/static/images/noel/download.jpg     | Bin 1348 -> 1262 bytes
 itf/static/images/noel/image-holder.png | Bin 0 -> 6699 bytes
 itf/static/images/noel/pin.png          | Bin 0 -> 1467 bytes
 itf/templates/noel/insidepage.html      |  32 +++++---
 5 files changed, 81 insertions(+), 53 deletions(-)
 create mode 100644 itf/static/images/noel/image-holder.png
 create mode 100644 itf/static/images/noel/pin.png

diff --git a/itf/static/css/noel/inner.css b/itf/static/css/noel/inner.css
index 8052a72..fb331c2 100644
--- a/itf/static/css/noel/inner.css
+++ b/itf/static/css/noel/inner.css
@@ -236,7 +236,13 @@ margin-top:-8px;
 margin-left:36px;
 margin-bottom:20px;
 float:left;
-}
+position:relative;}
+
+#pin
+{position:absolute;
+left:18px;
+top:-24px;
+z-index:60;}
 
 #topRight
 {width:610px;
@@ -250,38 +256,70 @@ border-radius:8px;
 box-shadow:2px 3px 20px #252425;}
 
 #imageLeft
-{width:280px;
-height:210px; /*width and height for placeholder ok?*/
-background-image:url(/static/images/noel/image-left.jpg);
+{width:170px;
+height:223px; /*width and height for placeholder ok?*/
+background-image:url(/static/images/noel/image-holder.png);
 background-repeat:no-repeat;
--moz-border-radius:8px; 
+/*-moz-border-radius:8px; 
 -webkit-border-radius:8px; 
-border-radius:8px;
-float:left;}
+border-radius:8px;*/
+float:left;
+position:relative;
+z-index:40;
+margin-left:14px;
+margin-top:2px;
+-moz-transform: rotate(-4deg);
+-o-transform: rotate(-4deg);
+-webkit-transform: rotate(-4deg);
+transform: rotate(-4deg);}
+
+#imageInside
+{width:142px;
+height:150px;
+position:absolute;
+left:14px;
+top:12px;
+background-color:purple;
+z-index:50;}
 
 #textRight
 {width:306px;
+height:159px;
+overflow:hidden;
 color:#f7bd00;
 font-size:50px;
 text-align:right;
 padding-top:20px;
 padding-right:14px;
-float:left;}
+float:right;}
+
+.socialIcons
+{position:relative;
+clear:both;}
+
+.twitter
+{position:absolute;
+bottom:2px;
+right:89px;}
 
 .twitter-share-button
-{padding-top:35px;
+{/*padding-top:35px;
 margin-left:164px;
 margin-right:20px;
-float:left;}/*WHAT'S HAPPENING IN SAFARI, doesn't show until you hover?? hard to custmoise these ones, on hover*/
+float:left;*/
+}
 
-#fb
+.fb
 {width:62px;
 font-size:12px;
 color:#fff;
-padding-top:35px;
-float:left;}
+/*padding-top:35px;
+float:left;*/
+position:absolute;
+bottom:2px;
+right:20px;}
 
-#fb a
+.fb a
 {text-decoration:none;
 color:#fff;
 background-color:#3b5998;
@@ -290,35 +328,13 @@ background-color:#3b5998;
 border-radius:3px; 
 }/*problem customising these*/
 
-#download
-{padding-top:39px;
-cursor:pointer;
-margin-left:4px;
-clear:both;}
-
-#bottomRight
-{width:570px;
-height:100%; /*IS THIS REQUIRED??*/
-background-color:#FFF;
-color:#3b3b39;
-font-size:14px;
-line-height:16px;
-font-family:Arial, Helvetica, 'DejaVu Sans', sans-serif;
-padding:20px;
-margin-top:20px;
--moz-border-radius:8px; 
--webkit-border-radius:8px; 
-border-radius:8px;
--moz-box-shadow:2px 3px 20px #252425;
--webkit-box-shadow:2px 3px 20px #252425;
-box-shadow:2px 3px 20px #252425;}
-
-.itfInfoSub
-{color:#f7bd00;
-font-weight:bold;}
-
-.itfInfo p
-{padding-bottom:8px;}
+.download
+{cursor:pointer;
+position:absolute;
+bottom:6px;
+right:10px;
+/*padding-top:39px;
+clear:both;*/}
 
 #clearBoth
 {clear:both;}
diff --git a/itf/static/images/noel/download.jpg b/itf/static/images/noel/download.jpg
index 829c5cf2fe2bc7920b823e19239aaf9707575e10..f34963dd41b63d648bc44644cea74e3d85c24da6 100644
GIT binary patch
literal 1262
zcmex=<NpH&0WUXCHwH#VMg|WcWcdG(p~1BxGmU}4(^HFqgMop8g+Ypum4Ok+vIAmi
zDBBIl)?j1?i!%Y)ne8lKwjYoU0zjj{d>GBlz%YRwXchy5fsvsB!vZMV(7=Fk0mPL5
z|3UgdE@0Z0QBqQ1rLUh?te2RQpOmVXoS&;-kyxN_sAr(hU}IlVkeHmETB4AYnx2_w
ztNwoXeszV+6kGLhQ(pt$0_W6>OpmIf)Zi+=kmRcDWXlwFdpj<h3ag6Tg51=SM1_jn
zoV;SI3R`us;Z{I4NLXJTsHi9<%__*n4XOmlvsH(>rM$dcuiRKKzbIYb(9+UU-@r)U
z$VeBcLbtdwuOzWTH?LS3Xabi4*bJA{;^d;tf|AVqJeYO41#q*l`U|L8LBR&-Ml0u{
z)WnkfqLBRj96Lvl{}lo<@=NlIGx7@*oP$jj!ZY(y^2>{D^wAXqE!PM60LgazF7oxo
z@21>bP^dth<?CzZnO9trn3tUD>0$@8S}!v*#mdac)y%}y&Bf8u&B)Nu)xgoj%-Pw(
z#Ld*u#L3y%%mD02RILc}T=J7kb5rw5JY5t(&MrzV&Mz%WPPJ7BnVy0$-4&PV>I(Wu
z&T~mE$}CGwaVyHt1)EopSX7)EQds~rFbHZi#5bUT1G))GJ<t?vK?e~7CJ12C(1#}=
zAP1fVQ}cl7t_YOC{@-SBW?*GzVPRor1rn^RtZeK&9PB{A&&|!rBgii#B*-r)C@dx;
zE-WG?DkvzSC?O>)D=#lEEUu)YB&Q-HCocywgb}EfosFH3gM&{_L{LPIWbpq0gCGZk
z5Q7jiqY?v?AS1IN<NqTJlED1P1k8p=fRTxrodYPPAi%)L!o<W3%H$9LQp&<AC=@7c
z=$HspAqFfU5VBx3Z0taBc|isyCMIB+fB=GwLW+q@%s`EW|8Fty01aglWENzwXLu3y
zwYR6vTQlwHql69LwoW{IK)|GSLUo9a&ar^g;ae-$O}o%@T;<NOMtcWY&8DLnS@FkG
zR>YQ1I{hSjaoUM{4a(^sll9lCYDL^B)t=Kj%~NI45ynDkdCs@Vb9R=j<Vw62mv;B`
f<I5knY+kfV=gXH>`(_&oiXHQ6ad8j?2Ea`Kn}}61

literal 1348
zcmex=<Nrej3D=6uGzJDwPb~%x1_b#3hC$G!G&#GHfsug)C~U*P@c$vRW=2U#ft9{~
zUa?+cN`6wRUUGh}ennz|zM-ChK7);YML}Y6c4~=2Qfhi;o~_dR-TRdkGE;1o!cBb*
zd<&dYGcrA@ic*8C{6dnevXd=Sl<e&kY$~iOatm@(OA-|-a&z*EttxDlz=m4^*&tzk
zB?YjOl5ATgN06-w5xxNm&iO^D3Z{Any2%D+1`1||dWOa(=H}))3PuKo2Koj@`i4fj
zhUQkrMpgy}3Q(W~w5=#5%__*n4QdyVXR8GDRC#&1Ub(Seeo?x<p{1oI$P6PRU7!lx
z;>x^|#0uTKVr7^KE~&-IMVSR9nfZANAQKal@=Hr>m4GgVcp<j{ZY<WYLQ?4Ki(hGO
zE+_!N#uk?Zr6Sym)!^cg%7Rq=pw#00(xT*4pmJr9<^n6{qSVBa{GyQj{2W*)24v)y
z<QHe;7brLfn<|87=B4D97lT#%`dWGB6_+IDC8v72*eU__>t$x9SeY5Qnwgloxj0(7
z85tV78aSGmIXhdJxS1N7I5``e8Nl?q<R_QrrskEv^rj&6y5iIeN(i|HK$~4si!#en
zQ{0O3a}~fIw#vlq7AKtMLG`BKc8fDkz4}1M=!2paDVkwIz_bHm!V@i!15fs;dBC(@
z1WeTb-!brklPW{X0bu4~{C}IFg@KKQg@u)cjg^&+lMRTuIoQ}ZxOup^xVgA^1bDze
zfQOG?fS->?SXe|vSXf3{T3SXP4j9?l*?D<*B?JT{q(lWprQj08GX5W65aeJGU=Uzt
z6l7o$WMmd({C|WYmw}Oy5s~qMEG9;FMg}HkR54~oR(1gfCMHG}W`t@+W+oOv2B9EU
zL&rd2pqY$Jtjw%%eT+aeSOgUf9fblD8!svu1quJZ#lQp9&Lqez$Y9TK`*Os-x&ID+
z(-CU-GmN^qLBOD9qF&T_#cf81ZI4Xyep4o)ow!VP_S(2Db7GYPb~dh95SHjPJ*E9d
z&+G)9l|A<iIKQ!2yi_yV_TkR4PfeFt56++VeAC~Iok?${Sx*+8NPHa{rmeO0-oC%#
zr@z$P<XmT|Y{Aeo@w2Pwk-($6dyf>!1sO9f_T8?$d{&!VTDV)x6rLB7*XBk|(YRLk
v;fLYc6b2(@<%`pGHTL+5gne*V*S{D!b9$`Xk*^<JnAy_H;yWd!{@(-u&CZ10

diff --git a/itf/static/images/noel/image-holder.png b/itf/static/images/noel/image-holder.png
new file mode 100644
index 0000000000000000000000000000000000000000..89b66ebca8604e57d8d50b7a2d43d96049669e28
GIT binary patch
literal 6699
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

literal 0
HcmV?d00001

diff --git a/itf/static/images/noel/pin.png b/itf/static/images/noel/pin.png
new file mode 100644
index 0000000000000000000000000000000000000000..7894d065444773d4c0dbea82ba5c576d1eabe7c0
GIT binary patch
literal 1467
zcmeAS@N?(olHy`uVBq!ia0vp^dO&Q&!3-pSD9r8vQq09po*^6@9Je3(KVV>B+#KK&
z;`;yp|L=Pl?yqJ%Gn3)?Or|w0EGwE==2x@KDr22e#M+X^RvgKm;LQ=?$`Rzq;bF<?
zV9aTy&t<I1rJ=|zEzZr&%>&f_WF1I5P<>AhR7++MdyEHE7f=gCy__UeJ<vLcMN8^H
zcFm~-*#*%H)CjZ=t`}&dn+3>HWE(&2VmLgFdH*D4h#^3y0`<0Ku+=1hTnjM);##0n
zfzAV}2YL;t1#T(OMu;w;dZ2=L+dy8py@K)D5++DE02OcRfvN|(4dO?L0*FyS+aU_z
z+JT-zGXY}t%gv0)h64p5A`tZuH9!Zz1<^#{TnGb5-j4X33XIK(B|(0{41(Bz5*jeZ
z3S3Y@C<3G*fpQq=fPtA1unGirgTWaPxO?~RyLbQJ$k)yWI*zlzBeIx*L3$ksGxo$5
z{{RZgl(<He1m~xflqVLYGB~E>C#5R5WfrBD=NDxcD>w(67H)lP22>{oQs-Qhnpl#V
zpQjL#nVZUBV5x6lp>JrY@V2{~fq`j<r;B5VN9WmTFN1|0MUIH)hlEUUbp0R~vM2wf
z5=Y0QMs^LZtPnm|M^;8h*8q+b#hW+(O|H!^Yg}Nu`DaG>s%1exeXn21+dt3Z-2W9#
zyYDi~hE^U*wO?QwKb!yVT8^_zDi2?-s1gZiR$nsZq|OJOJ~@Uu;Wv}sRRpNNEfKxQ
zZtAmZseyJ<-y*G<)1sUYFl*0081Box)|oNr(lO@RS$z9BH|1}B$mOiP<#EWd8|em9
zovj}Uf4I@quef7YcKAwz^o{mhd(QujtYOKEcysxK@}4z|7oREorsWg;#=4RJPw_#G
zcD2pkJ<Mm*_E>bY9;-L>nSXY9;@0=fah!$x5<1iM8w$7W&phV6<*&r0rnvVqS8f^~
zFyFja;kSFs`2vY~2ET+~HQlVMZg9QHyrtkm5Qm=W&9~K!-+~X6^W7?S%RHaD`EMBC
zshl5GtZT!i8Wm^not~A)u+Jcfo#*(C{OpXKy6OT~1eDS;av$5KRnH2owCgVKxx?=E
zBcuK7w<h&`rhkIlzCTcxb8|QT=rrXT^WUB=pLPknGtCyht#?~pQ10vs)7I+^OB9}1
zo^KFO-`^<Lb#C8@L*<j}&z{|{weIr6k~w-&OZVHDt4*y+{ARf%ufD`&bJvZq7RB1R
z9}e$LTYGzE?6&xl`#|Hf-cDP$;b@76u;ZM+d9z~fCYdl_E}HTDSev!$-o)<Cu=l;u
zhl`V+nv1!ro@_q-_io<y`;PoeCl>nMZQSv%jO#n=j7f_6N7AbgPV)M-Xws9{3lGI@
zSn^fWQuU<h)s*e=p_86!+01gS-f-*Qr3R^mV%FPRLOwsa_4CynvBhtqrF31?7V7CK
zdTpOQ)qY!2y!XbQ!#C~rEZ{Oaq4ucYxy6Iex$&m_drFcE<<yrP|H1TX;>R7zllJ{%
zUTXDuq2_*5<;(X{-q*c+*8F;p`>E!055r&B?{3$+7PMICBrugTc)I$ztaD0e0sycQ
BZ3X}U

literal 0
HcmV?d00001

diff --git a/itf/templates/noel/insidepage.html b/itf/templates/noel/insidepage.html
index 8d1136b..68ea9aa 100644
--- a/itf/templates/noel/insidepage.html
+++ b/itf/templates/noel/insidepage.html
@@ -4,6 +4,7 @@
 
 {% block extra_head %}
 <link rel="stylesheet" href="/static/css/noel/inner.css" type="text/css" />
+<link rel="stylesheet" href="/static/css/noel/inner-details.css" type="text/css" />
 <script type="text/javascript" src="/static/js/insidepage.js"></script>
 {% endblock %}
 
@@ -89,27 +90,38 @@
     </div>
     
     <div id="rightColumn">
+ 
    		<div id="topRight">
+            <img src="/static/images/noel/pin.png" width="46" height="58" alt="pin" id="pin">
+ 
     		<div id="imageLeft">
+                <div id="imageInside">
+                </div>
+ 
         	</div>
       		<p id="textRight">
 
         	</p>
-         <!--
-        	<p id="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>
+         
+        	<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 id="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 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="16" height="16" alt="download" id="download">
-          	
+                </p>
+        	
+                <img src="/static/images/noel/download.jpg" width="18" height="18" alt="download" class="download">
+          	</div>
     	</div>
         
     <div id="bottomRight">
+        
+        <div class="thumbsGallery">
+            <img src="" alt="" class="thumbsDetails">
+        </div>
         <!--
     	<p><span class="sectionTitle">Story 1:</span> A well known theatre group had auditions for casting lead characters in their play for which over 150 actors auditioned. A television film director happened to see the recording of the auditions and obtained a copy. Two months later, a few actors who had auditioned were horrified to see themselves in a television comedy show. Snippets of the recording had obviously been used!</p><br/>