[Bast-commits] r8882 - in DBIC-Web: . components pages/resources/css pages/resources/js

[david at dev.catalyst.perl.org]

Author: david
Date: 2010-03-04 14:43:01 +0000 (Thu, 04 Mar 2010)
New Revision: 8882

Modified:
   DBIC-Web/
   DBIC-Web/components/twitter.tt
   DBIC-Web/pages/resources/css/basic.css
   DBIC-Web/pages/resources/js/twitter.js
Log:
 r31 at drax:  david | 2010-03-04 14:15:26 +0000
 Restyle sidebar



Property changes on: DBIC-Web
___________________________________________________________________
Modified: svk:merge
   - 8f56f3f5-0ce6-439a-8bf6-7ff32a8a3359:/local/DBIC-Web:30
   + 8f56f3f5-0ce6-439a-8bf6-7ff32a8a3359:/local/DBIC-Web:31

Modified: DBIC-Web/components/twitter.tt
===================================================================
--- DBIC-Web/components/twitter.tt	2010-03-04 14:42:58 UTC (rev 8881)
+++ DBIC-Web/components/twitter.tt	2010-03-04 14:43:01 UTC (rev 8882)
@@ -1,14 +1,13 @@
       <div id="sidebar">
         <div id="twitter">
-          <img src="resources/images/twitter_logo-150px.png" alt="" style="margin: 0 0 0.5em 0;">
           <h2 class="sidebar-title">
             Latest information
           </h2>
           <div id="twitter_update_list"></div>
 	<div>
-            <a href="http://twitter.com/dbix_class" id="twitter-link" style="display:block;text-align:right;">
+            <p id="twitter-link"><a href="http://twitter.com/dbix_class">
             follow us on Twitter
-            </a>
+            </a></p>
 	</div>
         </div>
       </div>

Modified: DBIC-Web/pages/resources/css/basic.css
===================================================================
--- DBIC-Web/pages/resources/css/basic.css	2010-03-04 14:42:58 UTC (rev 8881)
+++ DBIC-Web/pages/resources/css/basic.css	2010-03-04 14:43:01 UTC (rev 8882)
@@ -1,6 +1,6 @@
 
 body {
-  font-family: sans-serif;
+  font-family: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
   background: #ffffff;
 }
 
@@ -39,9 +39,8 @@
   
 h2.sidebar-title {
   margin: 0px 0px 5px 3px;
-  font-size: 125%;
-  font-family: serif;
   color: #03436a;
+  text-align: center;
 }
 
 a:hover{
@@ -85,14 +84,23 @@
 
 #twitter ul{
   margin: 0px;
+  font-size: 85%;
 }
 
 #twitter li{
   list-style: url(images/bird-bullet.png) disc;
-  padding: 5px 5px 5px 5px;
+  padding: 0 5px 10px 5px;
   color: #eeeeee;
 }
 
+#twitter .time {
+    display: block;
+    font-size: 85%;
+    margin-bottom: 5px;
+}
 
+#twitter-link {
+    text-align: right;
+}
 
 

Modified: DBIC-Web/pages/resources/js/twitter.js
===================================================================
--- DBIC-Web/pages/resources/js/twitter.js	2010-03-04 14:42:58 UTC (rev 8881)
+++ DBIC-Web/pages/resources/js/twitter.js	2010-03-04 14:43:01 UTC (rev 8882)
@@ -7,9 +7,9 @@
     }).replace(/\B@([_a-z0-9]+)/ig, function(reply) {
       return  reply.charAt(0)+'<a href="http://twitter.com/'+reply.substring(1)+'">'+reply.substring(1)+'</a>';
     });
-    statusHTML.push('<li><span>'+status+'</span> <a style="font-size:85%" href="http://twitter.com/'+username+'/statuses/'+twitters[i].id+'">'+relative_time(twitters[i].created_at)+'</a></li>');
+    statusHTML.push('<li><a class="time" href="http://twitter.com/'+username+'/statuses/'+twitters[i].id+'">'+relative_time(twitters[i].created_at)+'</a> <span class="status">'+status+'</span> </li>');
   }
-  document.getElementById('twitter_update_list').innerHTML = "<ul>" + statusHTML.join('') + "</ul>";
+  document.getElementById('twitter_update_list').innerHTML = "<ul class='twitter'>" + statusHTML.join('') + "</ul>";
 }
 
 function relative_time(time_value) {