merged

itf/boxes/views.py

@@ -6,14 +6,14 @@ from ox.django.decorators import login_required_json
 from ox.django.shortcuts import render_to_json_response, get_object_or_404_json, json_response
 from models import Panel
 import json
-
+from django.template import RequestContext
 
 def mainPage(request):
 	d = {'title': 'India Theatre Forum'}
 	return render_to_response("noel/index.html", d)
 
 def innerPage(request):
-	return render_to_response("noel/bestpractices.html")
+	return render_to_response("noel/bestpractices.html", RequestContext(request, {}))
 
 def getPage(request):
   '''

itf/frontpage/templatetags/itftags.py

@@ -21,7 +21,7 @@ def format_title(value):
     words = v.split(splitter)
     l = len(words)
     if l > 1:
-        boldWord = "<b>" + words[l - 1] + "</b>"
+        boldWord = "<span>" + words[l - 1] + "</span>"
         return (splitter.join(words[:l-1]) + splitter + boldWord).upper()
     else:
         return words[0].upper()

itf/static/css/noel/home.css

@@ -140,8 +140,10 @@ margin-right:6px;
 font-weight:bold;}
 
 #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
 {color:#0024ff;}
@@ -155,14 +157,14 @@ color:#929292;}
 
 #triangleNext
 {position:absolute;
-left:22px;
+left:20px;
 bottom:10px;
 cursor:pointer;}
 
 #trianglePrevious
 {position:absolute;
 bottom:10px;
-right:22px;
+right:20px;
 cursor:pointer;}
 
 #slider
@@ -178,16 +180,23 @@ position:relative;}
 
 #arrowLeft
 {position:absolute;
-top:49%;
+top:92px;
+left:12px;
 z-index:5;
-left:10px;}
+padding-left:0;
+padding-right:120px;
+padding-bottom:60px;
+padding-top:60px;} 
 
 #arrowRight
 {position:absolute;
-top:49%;
+top:92px;
+right:12px;
 z-index:5;
-right:10px;}
+padding-right:0;
-
+padding-left:120px;
+padding-bottom:60px;
+padding-top:60px;}
 
 #sliderTabs /*at 800 res, we have different probs in different browsers with the tabs, ok to give position absolute to the ul?*/
 {width:4000px;

itf/static/css/noel/inner.css

@@ -155,7 +155,7 @@ color:#f7bd00;
 position:absolute;
 right:8px;
 top:-14px;
-cursor:pointer;} /*unicode not showing in IE*/
+cursor:pointer;} 
 
 #triangleDown
 {font-size:10px;
@@ -207,13 +207,14 @@ float:left;}
 .twitter-share-button
 {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*/
 
 #fb
 {width:62px;
 font-size:12px;
 color:#fff;
-padding-top:36px;
+padding-top:35px;
 float:left;}
 
 #fb a
@@ -226,7 +227,7 @@ border-radius:3px;
 }/*problem customising these*/
 
 #download
-{padding-top:38px;
+{padding-top:39px;
 cursor:pointer;
 margin-left:4px;
 clear:both;}

itf/templates/noel/bestpractices.html

@@ -55,8 +55,8 @@
             	<li><a href=""><span>Name of Play</span></a></li>
   	        </ul>
         
-      		<div id="triangleUp">&#x25B2</div>
+      		<div id="triangleUp">&#x25B2;</div>
-        	<div id="triangleDown">&#x25BC</div>
+        	<div id="triangleDown">&#x25BC;</div>
                 
         </div>
 
@@ -75,7 +75,7 @@
         	</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>
+<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:80px; height:21px;" allowTransparency="true"></iframe>
                     
 			</p>
         	

itf/templates/noel/index.html

@@ -65,8 +65,8 @@
     	</div>
     
     <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">
     {% for b in boxes %}
         <li class="tab" style="background-image:url('{{b.image.url}}');background-position:0px {{b.imageTop}}px;">