From 55ab2758e1fdd14aa52662c9c0ffb5507a2162b0 Mon Sep 17 00:00:00 2001
From: Karen <karen.menezes@gmail.com>
Date: Thu, 25 Aug 2011 23:25:56 +0530
Subject: [PATCH] added select for menu on left.

---
 itf/static/css/noel/inner.css      | 17 ++++++++++++++++-
 itf/templates/noel/insidepage.html | 15 +++++++++++++--
 2 files changed, 29 insertions(+), 3 deletions(-)

diff --git a/itf/static/css/noel/inner.css b/itf/static/css/noel/inner.css
index 0d6a793..600d33a 100644
--- a/itf/static/css/noel/inner.css
+++ b/itf/static/css/noel/inner.css
@@ -58,7 +58,6 @@ right:4px;
 top:11px;*/
 margin-left: 174px;
 margin-top:4px;
-border:1px solid #f0f0f0; 
 background:url(img/search-icon.png) no-repeat right; 
 padding:2px 2px 2px 4px;
 font-family:Arial, Helvetica, 'DejaVu Sans', sans-serif; 
@@ -67,6 +66,7 @@ color:#7d7d7d;
 -moz-border-radius:8px; 
 -webkit-border-radius:8px; 
 border-radius:8px;
+border:1px solid #f0f0f0; 
 -moz-box-shadow:inset 2px 2px 6px #d7d7d7;
 -webkit-box-shadow:inset 2px 2px 6px #d7d7d7;
 box-shadow:inset 2px 2px 6px #d7d7d7;
@@ -145,6 +145,21 @@ padding-right:20px; /*why is this 20 and the left 10?*/
 padding-bottom:6px;
 clear:both;}
 
+.selectMenu
+{padding-top:6px;}
+
+.selectMenu select
+{color:#3b3b39;
+-moz-border-radius:8px;
+-webkit-border-radius:8px;
+border-radius:8px;
+border:2px outset #f0f0f0; 
+background-color:#f0f0f0;
+outline:none;}
+
+.selectMenu select:focus
+{border:1px solid #999;}
+
 #listLeft
 {position:relative;}
 
diff --git a/itf/templates/noel/insidepage.html b/itf/templates/noel/insidepage.html
index 694dae0..193d3b7 100644
--- a/itf/templates/noel/insidepage.html
+++ b/itf/templates/noel/insidepage.html
@@ -39,7 +39,7 @@
                     <li class="tabCategory" data-id="{{ t.id }}">{{ t.title }}</li>
                 {% endfor %}
 	  		</ul>
-
+            
 	    	<div id="contentTabsInner">
                 <div id="tabText_{{default_tab.id}}" class="tabText displayedTab">
 	  	            {{ default_tab.text }}
@@ -49,7 +49,18 @@
 	      	            {{ t.text }}
                     </div>          
                 {% endfor %}
-      		</div>
+                    <!--is this select okay, my forms are a bit weak, do we need action and method here?--><form class="selectMenu" action="" method="post">
+                        <span>Select by</span><!--Can i avoid a p tag here to keep it inline-->
+                        <select>Select
+                            <option value="atoz">A-Z</option>
+                            <option value="ztoa">Z-A</option>
+                            <option value="title">Title</option>
+                            <option value="mostpopular">Most popular</option>
+                        </select>    
+                        </form>
+    
+                    
+            </div>
 	    </div>
       
         <div id="listLeft">