Tried getting An IRC like theme from Adium to the pidgin (3)

pidgin_theme.patch

diff -ru a/pidgin/themes/Contents/Resources/Content.html b/pidgin/themes/Contents/Resources/Content.html
--- a/pidgin/themes/Contents/Resources/Content.html	2014-04-15 12:32:45.000000000 +0530
+++ b/pidgin/themes/Contents/Resources/Content.html	2014-04-15 18:22:07.000000000 +0530
@@ -1,6 +1,4 @@
 <div class="x-container %messageClasses% %messageDirection%">
-	<abbr class="x-time" title="%time{yyyy-MM-ddTHH:mm:ssZZ}%">(%time%)</abbr>
-	<span class="x-sender">%sender%:</span>
-	<span class="x-message">%message%</span>
+<div class="x-sender">%sender%:</div><div class="x-message">%message%</div><div class="x-time" title="%time{yyyy-MM-ddTHH:mm:ssZZ}%">%time%</div>
 </div>
 <div id="insert"></div>
diff -ru a/pidgin/themes/Contents/Resources/Incoming/Content.html b/pidgin/themes/Contents/Resources/Incoming/Content.html
--- a/pidgin/themes/Contents/Resources/Incoming/Content.html	2014-04-15 12:32:45.000000000 +0530
+++ b/pidgin/themes/Contents/Resources/Incoming/Content.html	2014-04-15 18:21:56.000000000 +0530
@@ -1,8 +1,4 @@
 <div class="x-container %messageClasses% %messageDirection%">
-	<span class="x-header" style="color: %senderColor%;">
-		<abbr class="x-time" title="%time{yyyy-MM-ddTHH:mm:ssZZ}%">(%time%)</abbr>
-		<span class="x-sender">%sender%:</span>
-	</span>
-	<span class="x-message">%message%</span>
+<div class="x-sender">%sender%:</div><div class="x-message">%message%</div><div class="x-time" title="%time{yyyy-MM-ddTHH:mm:ssZZ}%">%time%</div>
 </div>
 <div id="insert"></div>
diff -ru a/pidgin/themes/Contents/Resources/main.css b/pidgin/themes/Contents/Resources/main.css
--- a/pidgin/themes/Contents/Resources/main.css	2014-04-15 12:32:45.000000000 +0530
+++ b/pidgin/themes/Contents/Resources/main.css	2014-04-16 11:22:24.000000000 +0530
@@ -1,10 +1,10 @@
 body {
 	word-wrap: break-word;
 	word-break: break-word;
-
-	font-size: 13px;
+	font-size: 12px;
 	margin: 2px;
 	overflow-y: scroll;
+	background-color: #EEE;
 }
 
 .x-container,
@@ -12,26 +12,54 @@
 {
 	clear: left;
 	line-height: 1.3em;
-	margin-bottom: 4px;
+	padding: 0;
+	margin: 0;
 	height: 100%;
 	overflow: hidden;
+	background-color: #DDD;
+	white-space: nowrap;
 }
 
 .x-container .x-time,
 .x-status_container .x-time
 {
-	display: inline;
-	font-size: 12px;
-}
-
-.x-container .x-sender
-{
-	font-weight: bold;
+    width: 10%;
+    display: inline-block;
+    padding-right: 2px;
+    padding-left: 2px;
+    font-size: 10px;
+    background-color: #DDD;
+    vertical-align: top;
+    height: 100%;
+}
+
+.x-container .x-sender,
+.x-status_container .x-sender
+{
+    width: 20%;
+    padding-right: 2px;
+    display: inline-block;
+    font-weight: bold;
+    text-align: right;
+    overflow: hidden;
+    vertical-align: top;
+    height: 100%;
+}
+
+.x-container .x-message,
+.x-status_container .x-message
+{
+    display: inline-block;
+    background-color: #EEE;
+    padding-left: 4px;
+    width: 70%;
+    height: 100%;
+    white-space: normal;
 }
 
 .x-message p
 {
-	margin: 0;
+    margin: 0;
 }
 
 .x-message p:first-child
@@ -47,6 +75,18 @@
 
 /* Colour-ify things */
 
+#Chat
+{
+    position: absolute;
+    margin: 0px;
+    border-width: 1px 0 0 0;
+    border-style: dashed none none none;
+    border-color: gray;
+    bottom: 0px;
+    left: 0px;
+    right: 0px
+}
+
 #Chat:not(.groupchat) .x-container.incoming .x-header
 {
 	color: #cc0000 ! important;
@@ -66,7 +106,8 @@
 
 .x-status_container
 {
-	color: #777777;
+    background-color: #EEE;
+    color: #777777;
 }
 
 .x-status_container.error
diff -ru a/pidgin/themes/Contents/Resources/Status.html b/pidgin/themes/Contents/Resources/Status.html
--- a/pidgin/themes/Contents/Resources/Status.html	2014-04-15 12:32:45.000000000 +0530
+++ b/pidgin/themes/Contents/Resources/Status.html	2014-04-16 11:05:28.000000000 +0530
@@ -1,7 +1,4 @@
 <div class="x-status_container %messageClasses% %messageDirection% %status%">
-	<span class="x-header">
-		<abbr class="x-time" title="%time{yyyy-MM-ddTHH:mm:ssZZ}%">%time%</abbr>
-	</span>
-	<span class="x-message">%message%</span>
+<div class="x-sender"></div><div class="x-message">%message%</div><div class="x-time" title="%time{yyyy-MM-ddTHH:mm:ssZZ}%">%time%</div>
 </div>
 <div id="insert"></div>