From a41c18977929bd1f1d426300d57476230477efd2 Mon Sep 17 00:00:00 2001
From: Karen <Unknown>
Date: Wed, 26 Oct 2011 11:45:15 +0530
Subject: [PATCH] added lightbox styling, please check and push... thanks..

---
 itf/static/css/noel/inner.css      |  46 +++++++++++++++++++++++++++--
 itf/static/images/noel/close.jpg   | Bin 0 -> 531 bytes
 itf/templates/noel/insidepage.html |  18 +++++++++--
 3 files changed, 58 insertions(+), 6 deletions(-)
 create mode 100644 itf/static/images/noel/close.jpg

diff --git a/itf/static/css/noel/inner.css b/itf/static/css/noel/inner.css
index 4c7fd1f..8c85139 100755
--- a/itf/static/css/noel/inner.css
+++ b/itf/static/css/noel/inner.css
@@ -493,9 +493,49 @@ color:#666;
 -moz-border-radius:12px; 
 -webkit-border-radius:12px; 
 border-radius:12px;
-background-image:url(/static/images/noel/close.png);
-background-repeat:no-repeat;
-background-position:99.5% 1%;} /*must have the highest z-index, just more than the lightbox*/
+} /*must have the highest z-index, just more than the lightbox*/
+
+#closeImg
+{position: absolute;
+right:20px;
+top: 20px;
+cursor:pointer;}
+
+.lightboxStyling h1 {
+font-size:24px;	
+padding-bottom:4px;
+color:#F7BD00;
+font-family:'Century Gothic', Helvetica, Arial, 'DejaVu Sans', sans-serif;
+text-transform:uppercase;
+margin-top:10px;
+margin-bottom:12px;
+margin-left:6px;
+vertical-align:bottom;
+text-align:left;}
+
+.lightboxStyling h2 
+{font-size:14px;	
+font-family:Arial, Helvetica, 'DejaVu Sans', sans-serif; 
+color:#F7BD00;
+margin-bottom:18px;
+margin-left:6px;}
+
+.lightboxStyling p, .lightboxStyling span
+{font-size:14px;	
+font-family:Arial, Helvetica, 'DejaVu Sans', sans-serif; 
+color:#666;
+margin-left:6px;
+line-height:17px;}
+
+.lightboxImg img
+{display:block;
+margin:0 auto;}
+
+.imgCaptionLightbox
+{text-align:center;
+font-weight:bold;
+margin-bottom:6px;
+margin-top:6px}
 
 #addForm input, #addForm textarea {
 border:1px solid #e3e3e3; 
diff --git a/itf/static/images/noel/close.jpg b/itf/static/images/noel/close.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..603c93a887abbf1e50fc0443815748df236b7377
GIT binary patch
literal 531
zcmex=<Nrej3D=6uGzJDwPb~%x1_b#3hC$G!G&#GHfsug)C~U*P@c$hHpJPgXQYu5r
z0iX!u|Jw{L3~VecEUYYStgLLDY(UJ-!N$hH&BMjT&Betdzyk&XJbe5D{CqsZ!XhHV
z!ZOm*(lYXJz{t+d&db9qAs`?jB`PQ?1(zU}@&5pWAP0j00}nH!AOn*iBeNjm|04|L
z42+Bj&wyC09E?DKBF4hXCcwbR%*4jT43}UOWM*L!VlWI87GZTXQdBZl6=YywVd7xs
zgllCKWMXCzQZ#f7OjHtP`C#N!*f?=vk+QKf>;GFIX8>KnEXZKbu=we>&j}~XwAa43
z`5Cw6l0euBUQx9$t;x%bchA34o%3i`P<qfmC9XG$U#=;aSnk~=<DtRQV7cR%(CxVg
zH<!&z-M@B!^yjaak7=Ly*61U(G%}!ex?`{K%+%&3CHZGce;UP#oMPc%-Q=s&<#nmf
zA;^E5s{N1GwcdqCh37{~Dy-yQDfp~qaR~>5m$QDDO(e&E2IuC<F|UQKw!Oa^7<?{b
a_4^lJUW-1~{2^JM*dwj-?c{U$|2F}=dxQo6

literal 0
HcmV?d00001

diff --git a/itf/templates/noel/insidepage.html b/itf/templates/noel/insidepage.html
index 7b021d2..0d97f77 100755
--- a/itf/templates/noel/insidepage.html
+++ b/itf/templates/noel/insidepage.html
@@ -29,13 +29,25 @@
 
     </div>
     <div id="lightboxClose">
-
-    </div>
+    <img src="/static/images/noel/close.jpg" width="12" height="16"  id="closeImg" alt="close" /></div>
 </div>
 <div id="lightbox"></div>
 
 <div id="moduleAbout" class="hidden">
-    {{ about|linebreaksbr }}
+	<div class="lightboxStyling">
+    	<h1>Dummy lightbox heading</h1>
+        <h2>Dummy sub-title</h2>
+
+        <p>Some text here. Some text here. Some text here. Some text here. Some text here. Some text here. Some text here. Some text here. Some text here. Some text here. Some text here. Some text here. Some text here. Some text here. Some text here. Some text here. </p>
+      
+        <p>Some text here</p>
+        <div class="lightboxImg">
+            <img src="/static/images/noel/events-tab.jpg" width="230" height="233" alt="close" />
+            <p class="imgCaptionLightbox">Some Image Caption here</p>
+        </div>
+        <p>Some text here</p>
+    </div>
+    <!--{{ about|linebreaksbr }}-->
 </div>
 
 <div id="moduleAdd" class="hidden">