From 162d4ee8b6f20d54ecd89a34f10a844cc0bb921f Mon Sep 17 00:00:00 2001
From: Karen <karen.menezes@gmail.com>
Date: Sat, 27 Aug 2011 02:25:30 +0530
Subject: [PATCH] added ellipsis, list style image, changed select styling,
 line height for bottom right col.

---
 itf/static/css/noel/inner.css      | 34 +++++++++++++++++++++---------
 itf/templates/noel/insidepage.html |  2 +-
 2 files changed, 25 insertions(+), 11 deletions(-)

diff --git a/itf/static/css/noel/inner.css b/itf/static/css/noel/inner.css
index c7186fa..8052a72 100644
--- a/itf/static/css/noel/inner.css
+++ b/itf/static/css/noel/inner.css
@@ -9,7 +9,7 @@ margin-left:auto;
 position:relative;} 
 
 #leftColumn
-{width:306px;
+{width:300px;
 height:620px; /*SANJ to change height in JS according to screen*/
 background-color:#FFF;
 margin-top:-8px; /*had to give this because of shadow*/
@@ -21,7 +21,8 @@ border-radius:8px;
 -webkit-box-shadow:2px 3px 20px #252425;
 box-shadow:2px 3px 20px #252425;  
 position:relative;
-float:left;}
+float:left;
+padding-right:6px;}
 
 #topText
 {font-size:24px;
@@ -149,27 +150,37 @@ clear:both;}
 {padding-top:6px;}
 
 .selectMenu select
-{color:#3B3B39;
+{border:1px solid #f7bd00;
+background-color:#f7bd00;
+color:#3B3B39;
 -moz-border-radius:8px;
 -webkit-border-radius:8px;
 border-radius:8px;
 border:2px outset #f0f0f0; 
-background-color:#f0f0f0;
+/*background-color:#f0f0f0;*/
 outline:none;}
 
 .selectMenu select:focus
-{border:1px solid #f7bd00;
-background-color:#f7bd00;}
+{}
 
 #listLeft
-{position:relative;}
+{position:relative;
+}
+
+.tabListItem
+{text-overflow:ellipsis;
+overflow:hidden;
+white-space:nowrap;
+width:100%;}
 
 #listLeft ul
-{color:#f7bd00;
+{color:#898989; /*was originally f7bd00*/
+list-style-image:url(/static/images/noel/disc.png);
 list-style-type:disc;
 list-style-position:inside;
 padding-left:16px;
-overflow:hidden; /*this prevents the box shadow from sticking out on the right*/}
+overflow:hidden; /*this prevents the box shadow from sticking out on the right*/
+}
 
 #listLeft ul span
 {color:#898989;}
@@ -184,6 +195,8 @@ padding-bottom:6px;
 cursor:pointer;
 } 
 
+
+
 #listLeft ul li a, #listLeft ul li a:link, #listLeft ul li a:visited, #listLeft ul li a:active 
 {color:#898989;
 text-decoration:none;}
@@ -288,7 +301,8 @@ clear:both;}
 height:100%; /*IS THIS REQUIRED??*/
 background-color:#FFF;
 color:#3b3b39;
-font-size:12.5px;
+font-size:14px;
+line-height:16px;
 font-family:Arial, Helvetica, 'DejaVu Sans', sans-serif;
 padding:20px;
 margin-top:20px;
diff --git a/itf/templates/noel/insidepage.html b/itf/templates/noel/insidepage.html
index 7e446be..8b2b1ac 100644
--- a/itf/templates/noel/insidepage.html
+++ b/itf/templates/noel/insidepage.html
@@ -67,7 +67,7 @@
       		<ul>
                 <li id="loadingList">Loading...</li>
                 {% for l in default_list %}
-                    <li class="tabListItem"><a href="{{ l.url }}" data-id="{{ l.id }}"><span>{{ l.title|slice:"30" }}{% if l.title|length > 30 %}...{% endif %}</span></a></li>
+                    <li class="tabListItem"><a href="{{ l.url }}" data-id="{{ l.id }}"><span>{{ l.title }}</span></a></li>
                 {% endfor %}
         		<!-- <li><a href=""><span>The Mystery of vanishing rights<span></a></li> -->
   	        </ul>