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

changes for home and inner - arrows, etc.

Browse Source
This commit is contained in:
Karen 2011-08-10 20:52:20 +05:30
parent 6c91759fb0
commit 672a8167f8
6 changed files with 16 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
itf/static/css/noel/home.css
View File

@ -140,8 +140,10 @@ margin-right:6px;
font-weight:bold;} font-weight:bold;}
#contentTab #contentTab
{padding:6px 26px 10px 6px; {padding:6px 18px 10px 6px;
clear:both;} clear:both;
height:172px;
overflow:hidden;} /*we may need to do some JAVASCRIPT for this*/
#contentTab ul li span #contentTab ul li span
{color:#0024ff;} {color:#0024ff;}
@ -155,14 +157,14 @@ color:#929292;}
#triangleNext #triangleNext
{position:absolute; {position:absolute;
left:22px; left:20px;
bottom:10px; bottom:10px;
cursor:pointer;} cursor:pointer;}
#trianglePrevious #trianglePrevious
{position:absolute; {position:absolute;
bottom:10px; bottom:10px;
right:22px; right:20px;
cursor:pointer;} cursor:pointer;}
#slider #slider
@ -180,13 +182,13 @@ position:relative;}
{position:absolute; {position:absolute;
top:49%; top:49%;
z-index:5; z-index:5;
left:10px;} left:12px;} /*need to increase size for sliding purposes*/
#arrowRight #arrowRight
{position:absolute; {position:absolute;
top:49%; top:49%;
z-index:5; z-index:5;
right:10px;} right:8px;}
#sliderTabs /*at 800 res, we have different probs in different browsers with the tabs, ok to give position absolute to the ul?*/ #sliderTabs /*at 800 res, we have different probs in different browsers with the tabs, ok to give position absolute to the ul?*/

7
itf/static/css/noel/inner.css
View File

@ -155,7 +155,7 @@ color:#f7bd00;
position:absolute; position:absolute;
right:8px; right:8px;
top:-14px; top:-14px;
cursor:pointer;} /*unicode not showing in IE*/ cursor:pointer;}
#triangleDown #triangleDown
{font-size:10px; {font-size:10px;
@ -207,13 +207,14 @@ float:left;}
.twitter-share-button .twitter-share-button
{padding-top:35px; {padding-top:35px;
margin-left:164px; 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;}/*WHAT'S HAPPENING IN SAFARI, doesn't show until you hover?? hard to custmoise these ones, on hover*/
#fb #fb
{width:62px; {width:62px;
font-size:12px; font-size:12px;
color:#fff; color:#fff;
padding-top:36px; padding-top:35px;
float:left;} float:left;}
#fb a #fb a
@ -226,7 +227,7 @@ border-radius:3px;
}/*problem customising these*/ }/*problem customising these*/
#download #download
{padding-top:38px; {padding-top:39px;
cursor:pointer; cursor:pointer;
margin-left:4px; margin-left:4px;
clear:both;} clear:both;}

BIN
itf/static/images/noel/arrow-lft.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

BIN
itf/static/images/noel/arrow-rt.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

4
itf/templates/noel/bestpractices.html
View File

@ -55,8 +55,8 @@
<li><a href=""><span>Name of Play</span></a></li> <li><a href=""><span>Name of Play</span></a></li>
</ul> </ul>
<div id="triangleUp">&#x25B2</div> <div id="triangleUp">&#x25B2;</div>
<div id="triangleDown">&#x25BC</div> <div id="triangleDown">&#x25BC;</div>
</div> </div>

4
itf/templates/noel/index.html
View File

@ -64,8 +64,8 @@
</div> </div>
<div id="slider"> <div id="slider">
<img src="/static/images/noel/arrow-left.png" width="28" height="42" alt="arrow-left" id="arrowLeft"> <img src="/static/images/noel/arrow-lft.png" width="27" height="39" alt="arrow-left" id="arrowLeft">
<img src="/static/images/noel/arrow-right.png" width="28" height="42" alt="arrow-right" id="arrowRight"> <img src="/static/images/noel/arrow-rt.png" width="27" height="39" alt="arrow-right" id="arrowRight">
<ul id="sliderTabs"> <ul id="sliderTabs">
{% for b in boxes %} {% for b in boxes %}
<li class="tab" style="background-image:url('{{b.image.url}}');background-position:0px {{b.imageTop}}px;"> <li class="tab" style="background-image:url('{{b.image.url}}');background-position:0px {{b.imageTop}}px;">