added lightbox styling, please check and push... thanks..

This commit is contained in:
Karen 2011-10-26 11:45:15 +05:30
parent 325a94338f
commit a41c189779
3 changed files with 58 additions and 6 deletions

View File

@ -493,9 +493,49 @@ color:#666;
-moz-border-radius:12px; -moz-border-radius:12px;
-webkit-border-radius:12px; -webkit-border-radius:12px;
border-radius:12px; border-radius:12px;
background-image:url(/static/images/noel/close.png); } /*must have the highest z-index, just more than the lightbox*/
background-repeat:no-repeat;
background-position:99.5% 1%;} /*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 { #addForm input, #addForm textarea {
border:1px solid #e3e3e3; border:1px solid #e3e3e3;

Binary file not shown.

After

Width:  |  Height:  |  Size: 531 B

View File

@ -29,13 +29,25 @@
</div> </div>
<div id="lightboxClose"> <div id="lightboxClose">
<img src="/static/images/noel/close.jpg" width="12" height="16" id="closeImg" alt="close" /></div>
</div>
</div> </div>
<div id="lightbox"></div> <div id="lightbox"></div>
<div id="moduleAbout" class="hidden"> <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>
<div id="moduleAdd" class="hidden"> <div id="moduleAdd" class="hidden">