html + css changes, added icons and etc.

pylons_app/public/css/diff.css

@@ -19,7 +19,7 b' div.diffblock .code-header div{'
 	font-weight: bold;
 }
 div.diffblock .code-body{
-	background: #EEEEEE;
+	background: #FFFFFF;
 }
 div.diffblock pre.raw{
 	background: #FFFFFF;

pylons_app/public/css/monoblue_custom.css

@@ -6,15 +6,99 b''
 }
 
 a {
-	color: #0000cc;
+	color: #556CB5;
 	text-decoration: none;
 }
 a:HOVER{
 	text-decoration: underline;
 }
+
 /*** end of Initial Settings ***/ 
 
+/*** ***/
+.table_disp {
+    border-left: 0px solid #666666;
+    border-bottom: 1px solid #666666;
+    border-right: 1px solid #666666;
+    padding: 0px;
+    margin: 0px;
+    border-spacing: 0px;    
+}
+
+.table_disp .header {
+    border-top: 1px solid #666666;
+    background-color: #556CB5;
+    font-weight: bold;
+    color: white;
+    vertical-align: middle;
+    padding: 3px 5px;
+    text-align: left;
+    font-size: 0.9em;
+}
+
+.table_disp .header td {
+    padding: 4px;
+    vertical-align: middle;
+    border-top: 1px solid #AAAAAA;
+    border-bottom: 2px solid #666666;
+}
+.table_disp td {
+    border-left: 1px solid #AAAAAA;
+    padding-left: 2px;
+    padding-right: 0px;
+}
+
+table tr.parity0:hover,table tr.parity1:hover {
+    background: #D5E1E6;
+}
+
+table tr.parity0 {
+    background: #EAEAE9;
+}
+
+table tr.parity1 {
+    background: #FFFFFF;
+}
+
+
+/*** ***/
+
 /** common settings **/
+.add_icon{
+    background: url("/images/icons/add.png") no-repeat scroll 3px;
+    height: 16px;
+    padding-left: 20px;
+    padding-top: 0px;
+    text-align: left;
+
+}
+.edit_icon{
+    background: url("/images/icons/folder_edit.png") no-repeat scroll 3px;
+    height: 16px;
+    padding-left: 20px;
+    padding-top: 0px;
+    text-align: left;
+}
+
+.delete_icon{
+    background: url("/images/icons/delete.png") no-repeat scroll 3px;
+    height: 16px;
+    padding-left: 20px;
+    padding-top: 0px;
+    text-align: left;
+
+}
+
+.action_button{
+    border:0px;
+    display: block;
+}
+.action_button:hover{
+    border:0px;
+    font-style:italic;
+    cursor: pointer;
+}
+
 div#main {
 	padding: 5px;
 }
@@ -121,15 +205,42 b' ul.page-nav li a:hover {'
 }
 
 ul.submenu {
-	margin: 10px 0 -10px 20px;
+	margin: 5px 0px -20px 0px;
 	list-style-type: none;
 }
 
 ul.submenu li {
 	margin: 0 10px 0 0;
-	font-size: 1.2em;
+	font-size: 0.9em;
+	font-weight:bold;
 	display: inline;
 }
+ul.submenu .repos {
+    background: url("/images/icons/folder_edit.png") no-repeat scroll 3px;
+    height: 16px;
+    padding-left: 20px;
+    padding-top: 0px;
+    text-align: left;
+   
+}
+ul.submenu .users {
+    background: url("/images/icons/user_edit.png") no-repeat scroll 3px;
+    height: 16px;
+    padding-left: 20px;
+    padding-top: 0px;
+    text-align: left;
+}
+ul.submenu .permissions {
+    background: url("/images/icons/folder_key.png") no-repeat scroll 3px;
+    height: 16px;
+    padding-left: 20px;
+    padding-top: 0px;
+    text-align: left;
+}
+
+ul.submenu .current_submenu {
+    border-bottom: 2px solid #556CB5;
+}
 
 h2 {
 	margin: 20px 0 10px;
@@ -140,6 +251,7 b' h2 {'
 	font-size: 1.2em;
 	border-top: dotted 1px #D5E1E6;
 	font-weight: bold;
+	color:#556CB5;
 }
 
 h2.no-link {
@@ -215,18 +327,6 b' p.normal {'
 	font-size: 1.2em;
 }
 
-table tr.parity0:hover,table tr.parity1:hover {
-	background: #D5E1E6;
-}
-
-table tr.parity0 {
-	background: #EAEAE9;
-}
-
-table tr.parity1 {
-	background: #FFFFFF;
-}
-
 span.logtags span {
 	background-repeat: no-repeat;
 	height: 16px;
@@ -336,6 +436,9 b' dl.overview dt {'
 	width: 150px;
 }
 
+#clone_url{
+    border: 0px;
+}
 /** end of summary **/ 
 
 /** chagelog **/
@@ -651,10 +754,6 b' table.code-browser tbody td {'
 	text-align: left;
 }
 
-.current_submenu {
-	border-bottom: 2px solid;
-}
-
 #repos_list {
 	border: 1px solid #556CB5;
 	background: #FFFFFF;

pylons_app/templates/admin/admin.html

@@ -16,7 +16,6 b''
     %if c.admin_user:
 	    <div>
 	        <h2>Welcome ${c.admin_username}</h2>
-	        ${_('Last actions')}
 			    <div id="user_log">
 					${c.log_data}
 				</div>

pylons_app/templates/admin/admin_log.html

@@ -1,7 +1,7 b''
 ## -*- coding: utf-8 -*-
 %if c.users_log:
-<table>
-	<tr>
+<table class="table_disp">
+	<tr class="header">
 		<td>${_('Username')}</td>
 		<td>${_('Repository')}</td>
 		<td>${_('Action')}</td>
@@ -20,8 +20,8 b''
 </table>
 <div>
 		<script type="text/javascript">
-		var data_div = 'user_log';
-		YAHOO.util.Event.onDOMReady(function(){
+		  var data_div = 'user_log';
+		  YAHOO.util.Event.onDOMReady(function(){
 			YAHOO.util.Event.addListener(YAHOO.util.Dom.getElementsByClassName('pager_link'),"click",function(){
 					YAHOO.util.Dom.setStyle('shortlog_data','opacity','0.3');});});
 		</script>

pylons_app/templates/admin/repos/repos.html

@@ -15,18 +15,24 b''
 <%def name="main()">
 	<div>
         <h2>${_('Repositories administration')}</h2>
-        <table>
+        <table class="table_disp">
+        <tr class="header">
+            <td>${_('name')}</td>
+            <td>${_('last revision')}</td>
+            <td>${_('action')}</td>
+        </tr>
 	        %for cnt,repo in enumerate(c.repos_list):
 	 		<tr class="parity${cnt%2}">
 			    <td>${h.link_to(repo['name'],h.url('summary_home',repo_name=repo['name']))}</td>
 		        <td>r${repo['rev']}:${repo['tip']}</td>
                 <td>
                   ${h.form(url('repo', id=repo['name']),method='delete')}
-                  	${h.submit('remove','remove',class_="submit",onclick="return confirm('Confirm to delete this repository');")}
+                  	${h.submit('remove','delete',class_="delete_icon action_button",onclick="return confirm('Confirm to delete this repository');")}
                   ${h.end_form()}
      			</td>
 			</tr>
 			%endfor
 		</table>
+		<span class="add_icon">${h.link_to(u'add repo',h.url('new_repo'))}</span>    
     </div>
 </%def>    

pylons_app/templates/admin/users/users.html

@@ -15,13 +15,13 b''
 <%def name="main()">
 	<div>
         <h2>${_('Mercurial users')}</h2>
-        <table>
-         <tr>
-            <th>Id</th>
-            <th>Username</th>
-            <th>Active</th>
-            <th>Admin</th>
-            <th>Action</th>
+        <table class="table_disp">
+         <tr class="header">
+            <td>ID</td>
+            <td>Username</td>
+            <td>Active</td>
+            <td>Admin</td>
+            <td>Action</td>
          </tr>
             %for user in c.users_list:
                 <tr>
@@ -31,12 +31,12 b''
                     <td>${user.admin}</td>
                     <td>
 	                    ${h.form(url('user', id=user.user_id),method='delete')}
-	                    	${h.submit('remove','remove',class_="submit")}
+	                    	${h.submit('remove','delete',class_="delete_icon action_button")}
 	                    ${h.end_form()}
         			</td>
                 </tr>
             %endfor
         </table>
-        <h3>${h.link_to(u'Add user',h.url('new_user'))}</h3>        
+        <span class="add_icon">${h.link_to(u'add user',h.url('new_user'))}</span>        
     </div>
 </%def>

pylons_app/templates/base/base.html

@@ -113,10 +113,10 b' def is_current(selected):'
 	%if current != None:
 	<div>
     <ul class="submenu">
-        <li ${is_current('repos')}>${h.link_to(u'repos',h.url('repos'))}</li>
-        <li ${is_current('users')}>${h.link_to(u'users',h.url('users'))}</li>
+        <li ${is_current('repos')}>${h.link_to(u'repos',h.url('repos'),class_='repos')}</li>
+        <li ${is_current('users')}>${h.link_to(u'users',h.url('users'),class_='users')}</li>
+        <li ${is_current('permissions')}>${h.link_to(u'permissions',h.url('permissions'),class_='permissions')}</li>
     </ul>
-    <br/>
     </div>
     %endif
 </%def>

pylons_app/templates/summary/summary.html

@@ -15,6 +15,22 b' from pylons_app.lib import filters'
 <%def name="page_nav()">
 	${self.menu('summary')}    
 </%def>
+
+<%def name="js()">
+<script type="text/javascript" src="/js/yui/utilities/utilities.js"></script>
+<script type="text/javascript">
+var E = YAHOO.util.Event;
+var D = YAHOO.util.Dom;
+
+E.onDOMReady(function(e){
+    id = 'clone_url';
+	E.addListener(id,'click',function(e){
+	    D.get('clone_url').select();
+	})
+})
+</script>
+</%def>
+
 <%def name="main()">
     <h2 class="no-link no-border">${_('Mercurial Repository Overview')}</h2>
     <dl class="overview">
@@ -26,8 +42,8 b' from pylons_app.lib import filters'
         <dd>${c.repo_info.contact}</dd>
         <dt>${_('last change')}</dt>
         <dd>${c.repo_info.last_change|n,filters.rfc822date} - ${c.repo_info.last_change|n,filters.age}</dd>
-        <dt>${_('url')}</dt>
-        <dd><pre style="margin:0">hg clone <a href="${c.clone_repo_url}">${c.clone_repo_url}</a></pre></dd>
+        <dt>${_('clone url')}</dt>
+        <dd><input type="text" id="clone_url"  readonly="readonly" value="hg clone ${c.clone_repo_url}" size="40"/></dd>
         <dt>${_('download')}</dt>
         <dd>
        	%for cnt,archive in enumerate(c.repo_info._get_archives()):