From 76be17d5d702d6a5fa34b26e98c6fff5bba254d7 Mon Sep 17 00:00:00 2001
From: Karen <karen.menezes@gmail.com>
Date: Fri, 1 Jul 2011 12:57:59 +0530
Subject: [PATCH] changes to html, css for file items

---
 edgware/static/css/files/browse.css  | 118 ++++++++++++++++++---------
 edgware/static/css/reset.css         |  44 ++++++++++
 edgware/templates/files/browser.html |  17 ++--
 edgware/templates/main_base.html     |   2 +
 4 files changed, 135 insertions(+), 46 deletions(-)
 create mode 100644 edgware/static/css/reset.css

diff --git a/edgware/static/css/files/browse.css b/edgware/static/css/files/browse.css
index b7fd778..252cae5 100644
--- a/edgware/static/css/files/browse.css
+++ b/edgware/static/css/files/browse.css
@@ -1,3 +1,4 @@
+
 #filterForm
 {padding:18px;}
 
@@ -7,7 +8,81 @@ padding-right:40px;
 font-size:14px;
 float:left;}
 
-.previewObject a, a:link
+.fileItem
+{width:250px; /*is this width ok*/
+text-align:justify;
+overflow:hidden;
+white-space:nowrap;
+text-overflow:ellipsis;} /*I SUGGEST you have icon, checkbox and then text so a long filename wont bajao someone, FF7 only supports*/
+
+#withSelected, #firstPage, #lastPage, #pageData
+{font-size:12px;}
+
+.fileItem
+{font-size:12px;
+padding-bottom:8px;
+padding-left:18px;
+cursor:pointer;
+clear:both;}
+
+.fileItem:hover
+{color:#555353;}
+
+.fileIcon
+{margin-right:4px;}
+
+.selectedItem
+{background-color:#f4f3ba;}
+
+.fileCheckbox
+{padding-right:4px;} /*any way to change the bottom margin*/
+
+#pageData
+{padding-top:16px;
+padding-left:16px;
+font-style:italic;}
+
+#firstPage 
+{cursor:pointer;
+padding-top:18px;
+padding-left:16px;
+clear:both;
+float:left;}
+
+#prevBtn, #nextBtn
+{font-size:14px;
+cursor:pointer;
+padding-top:18px;} 
+
+#prevBtn
+{padding-left:16px;
+float:left;}
+
+#nextBtn
+{padding-left:36px;
+padding-right:18px;
+float:left;}
+
+#lastPage
+{float:left;
+cursor:pointer;
+padding-top:18px;}
+
+#withSelected
+{padding-top:12px;
+padding-left:16px;
+clear:both;}
+
+#em
+{font-style:italic;}
+
+
+#previewPane {
+  position:absolute;
+  left:350px;
+  top:154px;}
+
+.previewObject a, .previewObject a:link
 {text-decoration:none;
 font-size:12px;
 color:#555353;}
@@ -21,42 +96,7 @@ color:#555353;}
 .previewObject a:active
 {color:#000;}
 
-#prevBtn, #nextBtn
-{font-size:16px;
-cursor:pointer;} 
-
-#prevBtn
-{padding-left:16px;
-font-size:14px;
-float:left;
-clear:both;}
-
-#nextBtn
-{padding-left:40px;
-font-size:14px;
-float:left;}
-
-.fileItem
+.itemForm p span
 {font-size:12px;
-padding-bottom:8px;
-padding-left:18px;
-cursor:pointer;
-clear:both;}
-
-
-.fileItem:hover
-{color:#555353;}
-
-.fileIcon
-{margin-right:4px;}
-
-.selectedItem
-{background-color:#f4f3ba;}
-
-.fileCheckbox
-{margin:0px 0 0px 4px;} /*any way to change the bottom margin*/
-
-#previewPane {
-  position:absolute;
-  left:350px;
-  top:154px;}
+padding-top:6px;
+font-weight:bold;}
diff --git a/edgware/static/css/reset.css b/edgware/static/css/reset.css
new file mode 100644
index 0000000..b6bde9f
--- /dev/null
+++ b/edgware/static/css/reset.css
@@ -0,0 +1,44 @@
+/* http://meyerweb.com/eric/tools/css/reset/ 
+   v2.0 | 20110126
+   License: none (public domain)
+*/
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed, 
+figure, figcaption, footer, header, hgroup, 
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	font-size: 100%;
+	font: inherit;
+	vertical-align: baseline;
+}
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure, 
+footer, header, hgroup, menu, nav, section {
+	display: block;
+}
+body {
+	line-height: 1;
+}
+ol, ul {
+	list-style: none;
+}
+blockquote, q {
+	quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+	content: '';
+	content: none;
+}
diff --git a/edgware/templates/files/browser.html b/edgware/templates/files/browser.html
index d94cc93..bb2714a 100644
--- a/edgware/templates/files/browser.html
+++ b/edgware/templates/files/browser.html
@@ -1,6 +1,7 @@
 {% extends 'main_base.html' %}
 
 {% block extra_head %}
+	<!-- <link rel="stylesheet" href="/static/css/reset.css" /> -->
     <link rel="stylesheet" href="/static/css/files/browse.css" />
     <script type="text/javascript" src="/static/js/files/browse.js"></script>
 {% endblock %}
@@ -19,19 +20,21 @@
       <div id="fileWrapper">
         <div id="fileList">
         
-        </div>
-        <div id="withSelected">
-          With Selected: <button id="deleteSelectedBtn">Delete</button>
-          or Move To:
-          <select id="moveSelectedSelect">
-            <option value="">...............</option>
-          </select>
         </div>
         <div id="pageData">
           Results: <span id="noOfResults"></span>. Page <span id="currentPageNo"></span> of <span id="noOfPages"></span>
         </div>
+        <div id="firstPage">First</div>
         <div id="prevBtn">&lt;&lt;</div>
         <div id="nextBtn">&gt;&gt;</div>
+        <div id="lastPage">Last</div>
+		<div id="withSelected">
+          Selected Items: <button id="deleteSelectedBtn">Delete</button>
+          &nbsp;&nbsp;<span id="em">OR</span> &nbsp;&nbsp;Move to:
+			<select id="moveSelectedSelect">
+				<option value="">...............</option>
+			</select>
+        </div>      
       </div>      
     </div>
     <div id="previewPane">
diff --git a/edgware/templates/main_base.html b/edgware/templates/main_base.html
index 6ebc57c..2fa9427 100644
--- a/edgware/templates/main_base.html
+++ b/edgware/templates/main_base.html
@@ -1,5 +1,7 @@
 {% extends 'base.html' %}
 {% block head %}
+  
+  
   <link rel="stylesheet" href="/static/css/fonts.css" />
   <link rel="stylesheet" href="/static/css/main.css" />