CAMP/itf
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

done with gallery and synopsis in script archive. url is /scriptarchive/synopsis or /gallery

Browse Source
This commit is contained in:
Karen 2012-10-20 15:08:51 +05:30
parent 1185c5dc14
commit 2c80c16b14
2 changed files with 46 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
itf/static/css/modules/tabsinnerright.css
View File

@ -26,8 +26,9 @@ ul.tabsInnerRight li a {
text-decoration: none; text-decoration: none;
color: #FFB80F; color: #FFB80F;
display: block; display: block;
font-size: 14px; font-size: 13px;
padding: 0 20px; font-weight: bold;
padding: 0 6px;
border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/ border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
outline: none; outline: none;
} }
@ -55,6 +56,8 @@ background: #fff;
margin-bottom:8px;} margin-bottom:8px;}
.tab_content { .tab_content {
border:1px solid #e0e0e0;
border-top: none;
padding: 20px; padding: 20px;
font-family: 'Arial Regular', Arial, Helvetica, sans-serif; font-family: 'Arial Regular', Arial, Helvetica, sans-serif;
font-size: 12px; font-size: 12px;
@ -121,3 +124,15 @@ margin-left: 10px;
.itfFormDisplay:first-of-type .itfFormDisplay:first-of-type
{padding-top: 10px;} {padding-top: 10px;}
.imgVideoBlock img
{margin: 0 20px 20px 0;}
.imgVideoBlock img:nth-of-type(3n) {
margin-right: 0;
}
.moreLink {
text-align: right;
display: block;
}

28
itf/templates/test_static_templates/scriptarchive/synopsis.html
View File

@ -40,6 +40,34 @@
</div> <!-- end synopsis --> </div> <!-- end synopsis -->
<div id="gallery" class="tab_content"> <div id="gallery" class="tab_content">
<div class="imgVideoBlock">
<h3 class="orange">Photos</h3>
<img src="/static/images/150x150.jpg" width="160" height="120" alt="" />
<img src="/static/images/150x150.jpg" width="160" height="120" alt="" />
<img src="/static/images/150x150.jpg" width="160" height="120" alt="" />
<img src="/static/images/150x150.jpg" width="160" height="120" alt="" />
<img src="/static/images/150x150.jpg" width="160" height="120" alt="" />
<img src="/static/images/150x150.jpg" width="160" height="120" alt="" />
<a href="" class="moreLink">More&raquo;</a>
</div> </div>
<br>
<div class="imgVideoBlock">
<h3 class="orange">Videos</h3>
<img src="/static/images/150x150.jpg" width="160" height="120" alt="" />
<img src="/static/images/150x150.jpg" width="160" height="120" alt="" />
<img src="/static/images/150x150.jpg" width="160" height="120" alt="" />
<img src="/static/images/150x150.jpg" width="160" height="120" alt="" />
<img src="/static/images/150x150.jpg" width="160" height="120" alt="" />
<img src="/static/images/150x150.jpg" width="160" height="120" alt="" />
<a href="" class="moreLink">More&raquo;</a>
</div>
</div> <!-- end gallery -->
<script type="text/javascript" src="/static/js/innertabs.js"></script> <script type="text/javascript" src="/static/js/innertabs.js"></script>