xtras/mathuaerknedam 541:268035ef2e5d: Mockie: new mention/focus...
commits at adium.im
commits at adium.im
Tue Nov 30 01:26:57 UTC 2010
details: http://hg.adium.im/xtras/mathuaerknedam/rev/268035ef2e5d
revision: 541:268035ef2e5d
author: mathuaerknedam
date: Mon Nov 29 11:32:35 2010 -0600
Mockie: new mention/focus indicators. For this I needed to improve element scaling at large font sizes, so that's fixed here too.
diffs (815 lines):
diff -r 29bc4d662d6a -r 268035ef2e5d Mockie.AdiumMessageStyle/Contents/Resources/Styles/basestyle.css
--- a/Mockie.AdiumMessageStyle/Contents/Resources/Styles/basestyle.css Fri Nov 19 08:34:12 2010 -0600
+++ b/Mockie.AdiumMessageStyle/Contents/Resources/Styles/basestyle.css Mon Nov 29 11:32:35 2010 -0600
@@ -6,7 +6,7 @@
#Chat
{
overflow: hidden;
- padding: 5px 10px 5px 10px;
+ padding: 5px 10px 5px 1em;
}
#topic
@@ -39,9 +39,11 @@
word-break: break-word;
}
-#topic[title=""] #topicEdit:after
+#topic[title=""] #topicEdit
{
- content: "< no topic available >";
+ border-top: .2em solid rgba(184, 184, 184, 1);
+ margin-top: .4em;
+ margin-bottom: .4em;
}
.incoming,
@@ -72,8 +74,6 @@
{
color: white;
font-weight: bold;
- font-size: 11px;
- height: 14px;
padding-right: 4px;
padding-left: 4px;
overflow: hidden;
@@ -89,14 +89,10 @@
{
color: rgba(255, 255, 255, .5);
font-weight: bold;
- font-size: 11px;
float: right;
- position: relative;
- height: 14px;
- top: -14px;
+ margin-top: -1.18em;
padding-right: 4px;
right: 0px;
- margin-bottom: -14px;
word-wrap: normal;
}
@@ -159,142 +155,49 @@
width:auto;
}
-.firstFocus.message .x-text:before,
-.firstFocus.status .x-wrap:before,
-.firstFocus.event .x-wrap:before
+.focus .x-message:before
{
position: absolute;
- right: 10px;
- margin-top: -19px;
- content: "focus lost here";
- background: rgba(184, 184, 184, 1);
- color: white;
+ margin-top: 2px;
+ margin-left: -.8em;
+ content: "\25e6";
+ color: rgba(176, 176, 176, .8);
font-weight: bold;
- font-size: 11px;
- z-index: 99;
- white-space: nowrap;
- overflow: hidden;
- padding: 2px;
- padding-left: 4px;
- -webkit-border-top-left-radius: 5px;
- -webkit-border-top-right-radius: 5px;
}
-.firstFocus.status .x-wrap:before,
-.firstFocus.event .x-wrap:before
+.focus.status .x-wrap:before,
+.focus.event .x-wrap:before
{
- padding-right: 4px;
- margin-top: -17px;
+ position: absolute;
+ margin-top: 1px;
+ margin-left: -.8em;
+ content: "\25e6";
+ color: rgba(176, 176, 176, .8);
+ font-weight: bold;
}
-.firstFocus.message .x-text,
-.firstFocus.status .x-wrap,
-.firstFocus.event .x-wrap
+.mention.focus .x-message:before
{
- border-top: 4px solid rgba(184, 184, 184, 1);
+ position: absolute;
+ margin-top: 3px;
+ margin-left: -.8em;
+ content: "\25e6";
+ font-weight: bold;
}
-.firstFocus.message .x-text
-{
- margin-top: 15px;
- margin-right: 2px;
-}
-
-.firstFocus.message .x-time
-{
- margin-top: 19px;
-}
-
-.firstFocus.status .x-wrap,
-.firstFocus.event .x-wrap
-{
- margin-top: 18px;
- /*margin-top: 20px;*/
- /*padding-top: 2px;*/
-}
-
-.mention .x-text:before
+.mention .x-message:before
{
position: absolute;
- margin-top: -19px;
- margin-left: -2px;
- content: "mentioned here";
- background: rgba(184, 184, 184, 1);
- color: white;
- font-weight: bold;
- font-size: 11px;
- z-index: 99;
- white-space: nowrap;
- overflow: hidden;
- padding: 2px;
- padding-right: 4px;
- -webkit-border-top-left-radius: 5px;
- -webkit-border-top-right-radius: 5px;
-}
-
-.mention .x-text
-{
- border-top: 4px solid rgba(184, 184, 184, 1);
- padding-left: 2px;
- padding-right: 4px;
- margin-bottom: 2px;
- margin-left: 2px;
- margin-top: 15px;
-}
-
-.mention .x-time
-{
- margin-top: 19px;
-}
-
-.mention.firstFocus .x-text:before
-{
- content: "mentioned here + focus lost here";
- padding-left: 4px;
-}
-
-.mention.firstFocus .x-text
-{
- margin-left: 0px;
-}
-
-.history + :not(.history):before
-{
- position: absolute;
- margin-top: -22px;
- margin-left: 0px;
- content: "message history ends here";
- background: rgba(184, 184, 184, 1);
- color: white;
- font-weight: bold;
- font-size: 11px;
- z-index: 99;
- white-space: nowrap;
- overflow: hidden;
- padding: 4px;
- padding-top: 2px;
- padding-bottom: 2px;
- -webkit-border-bottom-left-radius: 5px;
- -webkit-border-bottom-right-radius: 5px;
+ margin-top: 2px;
+ margin-left: -.8em;
+ content: "\2022";
}
.history + :not(.history)
{
- margin-top: 5px;
- padding-top: 18px;
- border-top: 4px solid rgba(184, 184, 184, 1);
-}
-
-.history + :not(.history).status.firstFocus:before,
-.history + :not(.history).event.firstFocus:before
-{
- margin-top: -14px;
-}
-
-.history + :not(.history).status.firstFocus,
-.history + :not(.history).event.firstFocus
-{
- padding-top: 10px;
+ border-top: .2em solid rgba(184, 184, 184, 1);
+ margin-top: .4em;
+ padding-top: .4em;
}
.message.consecutive:not(.firstFocus) .x-buddyicon,
@@ -336,11 +239,3 @@
{
-webkit-border-radius: 3px;
}
-
-.status.firstFocus .x-wrap,
-.event.firstFocus .x-wrap
-{
- -webkit-border-top-left-radius: 0px;
- -webkit-border-top-right-radius: 0px;
-}
-
diff -r 29bc4d662d6a -r 268035ef2e5d Mockie.AdiumMessageStyle/Contents/Resources/Styles/colors_brown_olive.css
--- a/Mockie.AdiumMessageStyle/Contents/Resources/Styles/colors_brown_olive.css Fri Nov 19 08:34:12 2010 -0600
+++ b/Mockie.AdiumMessageStyle/Contents/Resources/Styles/colors_brown_olive.css Mon Nov 29 11:32:35 2010 -0600
@@ -27,6 +27,8 @@
background: rgba(209, 184, 156, 1);
}
+.focus.mention .x-message:before,
+.mention .x-message:before,
.incoming .x-time,
.incoming a
{
@@ -45,7 +47,7 @@
}
.incoming.history .x-message,
-.incoming.consecutive .x-message
+.incoming.consecutive:not(.firstFocus) .x-message
{
border-top: 1px solid rgba(209, 184, 156, 1);
}
@@ -85,7 +87,7 @@
}
.outgoing.history .x-message,
-.outgoing.consecutive .x-message
+.outgoing.consecutive:not(.firstFocus) .x-message
{
border-top: 1px solid rgba(178, 200, 166, 1);
}
diff -r 29bc4d662d6a -r 268035ef2e5d Mockie.AdiumMessageStyle/Contents/Resources/Styles/colors_indigo_maroon.css
--- a/Mockie.AdiumMessageStyle/Contents/Resources/Styles/colors_indigo_maroon.css Fri Nov 19 08:34:12 2010 -0600
+++ b/Mockie.AdiumMessageStyle/Contents/Resources/Styles/colors_indigo_maroon.css Mon Nov 29 11:32:35 2010 -0600
@@ -27,6 +27,8 @@
background: rgba(161, 168, 211, 1);
}
+.focus.mention .x-message:before,
+.mention .x-message:before,
.incoming .x-time,
.incoming a
{
@@ -45,7 +47,7 @@
}
.incoming.history .x-message,
-.incoming.consecutive .x-message
+.incoming.consecutive:not(.firstFocus) .x-message
{
border-top: 1px solid rgba(161, 168, 211, 1);
}
@@ -85,7 +87,7 @@
}
.outgoing.history .x-message,
-.outgoing.consecutive .x-message
+.outgoing.consecutive:not(.firstFocus) .x-message
{
border-top: 1px solid rgba(212, 159, 159, 1);
}
diff -r 29bc4d662d6a -r 268035ef2e5d Mockie.AdiumMessageStyle/Contents/Resources/Styles/colors_orange_green.css
--- a/Mockie.AdiumMessageStyle/Contents/Resources/Styles/colors_orange_green.css Fri Nov 19 08:34:12 2010 -0600
+++ b/Mockie.AdiumMessageStyle/Contents/Resources/Styles/colors_orange_green.css Mon Nov 29 11:32:35 2010 -0600
@@ -27,6 +27,8 @@
background: rgba(249, 188, 120, 1);
}
+.focus.mention .x-message:before,
+.mention .x-message:before,
.incoming .x-time,
.incoming a
{
@@ -45,7 +47,7 @@
}
.incoming.history .x-message,
-.incoming.consecutive .x-message
+.incoming.consecutive:not(.firstFocus) .x-message
{
border-top: 1px solid rgba(249, 188, 120, 1);
}
@@ -85,7 +87,7 @@
}
.outgoing.history .x-message,
-.outgoing.consecutive .x-message
+.outgoing.consecutive:not(.firstFocus) .x-message
{
border-top: 1px solid rgba(172, 228, 145, 1);
}
diff -r 29bc4d662d6a -r 268035ef2e5d Mockie.AdiumMessageStyle/Contents/Resources/Styles/colors_red_blue.css
--- a/Mockie.AdiumMessageStyle/Contents/Resources/Styles/colors_red_blue.css Fri Nov 19 08:34:12 2010 -0600
+++ b/Mockie.AdiumMessageStyle/Contents/Resources/Styles/colors_red_blue.css Mon Nov 29 11:32:35 2010 -0600
@@ -27,6 +27,8 @@
background: rgba(127, 145, 250, 1);
}
+.focus.mention .x-message:before,
+.mention .x-message:before,
.incoming .x-time,
.incoming a
{
@@ -45,7 +47,7 @@
}
.incoming.history .x-message,
-.incoming.consecutive .x-message
+.incoming.consecutive:not(.firstFocus) .x-message
{
border-top: 1px solid rgba(127, 145, 250, 1);
}
@@ -85,7 +87,7 @@
}
.outgoing.history .x-message,
-.outgoing.consecutive .x-message
+.outgoing.consecutive:not(.firstFocus) .x-message
{
border-top: 1px solid rgba(254, 123, 123, 1);
}
diff -r 29bc4d662d6a -r 268035ef2e5d Mockie.AdiumMessageStyle/Contents/Resources/Styles/icon_alternate.css
--- a/Mockie.AdiumMessageStyle/Contents/Resources/Styles/icon_alternate.css Fri Nov 19 08:34:12 2010 -0600
+++ b/Mockie.AdiumMessageStyle/Contents/Resources/Styles/icon_alternate.css Mon Nov 29 11:32:35 2010 -0600
@@ -17,16 +17,5 @@
.outgoing .x-buddyicon
{
position: absolute;
- left: 10px;
+ margin-left: -37px;
}
-
-.firstFocus.message .x-text:before
-{
- right: 49px;
-}
-
-.firstFocus.status .x-text:before,
-.firstFocus.event .x-text:before
-{
- right: 10px;
-}
diff -r 29bc4d662d6a -r 268035ef2e5d Mockie.AdiumMessageStyle/Contents/Resources/Styles/icon_hidden.css
--- a/Mockie.AdiumMessageStyle/Contents/Resources/Styles/icon_hidden.css Fri Nov 19 08:34:12 2010 -0600
+++ b/Mockie.AdiumMessageStyle/Contents/Resources/Styles/icon_hidden.css Mon Nov 29 11:32:35 2010 -0600
@@ -7,14 +7,3 @@
{
padding-right: 41px;
}
-
-.firstFocus.message .x-text:before
-{
- right: 12px;
-}
-
-.firstFocus.status .x-text:before,
-.firstFocus.event .x-text:before
-{
- right: 10px;
-}
diff -r 29bc4d662d6a -r 268035ef2e5d Mockie.AdiumMessageStyle/Contents/Resources/Styles/icon_left.css
--- a/Mockie.AdiumMessageStyle/Contents/Resources/Styles/icon_left.css Fri Nov 19 08:34:12 2010 -0600
+++ b/Mockie.AdiumMessageStyle/Contents/Resources/Styles/icon_left.css Mon Nov 29 11:32:35 2010 -0600
@@ -1,3 +1,8 @@
+#Chat
+{
+ padding: 5px 1em 5px 10px;
+}
+
.message .x-wrap
{
margin-left: 37px;
@@ -9,13 +14,24 @@
left: 10px;
}
-.firstFocus.message .x-text:before
+.focus .x-message:before
{
- right: 12px;
+ right: .2em;
}
-.firstFocus.status .x-text:before,
-.firstFocus.event .x-text:before
+.focus.status .x-wrap:before,
+.focus.event .x-wrap:before
{
- right: 10px;
+ right: .2em;
}
+
+.mention .x-message:before
+{
+ right: .2em;
+}
+
+.mention.focus .x-message:before
+{
+ right: .2em;
+}
+
diff -r 29bc4d662d6a -r 268035ef2e5d Mockie.AdiumMessageStyle/Contents/Resources/Styles/icon_right.css
--- a/Mockie.AdiumMessageStyle/Contents/Resources/Styles/icon_right.css Fri Nov 19 08:34:12 2010 -0600
+++ b/Mockie.AdiumMessageStyle/Contents/Resources/Styles/icon_right.css Mon Nov 29 11:32:35 2010 -0600
@@ -8,11 +8,3 @@
position: absolute;
right: 10px;
}
-
-.firstFocus.message .x-text:before,
-.firstFocus.status .x-text:before,
-.firstFocus.event .x-text:before
-{
- right: 49px;
-}
-
diff -r 29bc4d662d6a -r 268035ef2e5d Mockie.AdiumMessageStyle/Contents/Resources/mockup.html
--- a/Mockie.AdiumMessageStyle/Contents/Resources/mockup.html Fri Nov 19 08:34:12 2010 -0600
+++ b/Mockie.AdiumMessageStyle/Contents/Resources/mockup.html Mon Nov 29 11:32:35 2010 -0600
@@ -6,11 +6,11 @@
</title>
<style type="text/css" media="screen,print">
- @import url( "./Variants/Red - Icon Alternate.css" );
+ @import url( "./Variants/Indigo - Icon left.css" );
body
{
- font: 7.5pt "Lucida Grande" !important;
+ font: 8pt "Lucida Grande" !important;
border-bottom: 1px solid yellow !important;
}
@@ -19,6 +19,14 @@
<body>
+<div id="topic" title="1.3.6 http://adium.im || Adium VV? See http://adium.im/blog/2009/08/pidgin-2-6-0-and-adium-vv/ || #adium-devl for development talk || Paste into http://paste.lisp.org/new/adium">
+ <style type="text/css">
+ @import url(./Styles/Topic.css);
+ </style>
+
+ <span id="topicEdit" ondblclick="this.setAttribute('contentEditable', true); this.focus();">1.3.6 http://adium.im || Adium VV? See http://adium.im/blog/2009/08/pidgin-2-6-0-and-adium-vv/ || #adium-devl for development talk || Paste into http://paste.lisp.org/new/adium"</span>
+</div>
+
<div id="Chat" style="top: 248px; position: static; " class="">
<div class="history date_separator event">
@@ -31,11 +39,12 @@
<div class="outgoing message history">
<div class="x-wrap">
<div class="x-buddyicon">
- <img src="file:///Users/mneedham/Library/Caches/Adium/Default/TEMP-155YTHE.png"> </div>
+ <img src="Outgoing/buddy_icon.png">
+ </div>
<div class="x-sender">mthrkndm</div>
<div class="x-service">IRC</div>
<div class="x-message" style="background-color:;">
- <div class="x-time" title="11 May 2010">20:48:05 </div>
+ <div class="x-time" title="11 May 2010">20:48:05</div>
<div class="x-text">Yessir.</div>
</div>
</div>
@@ -44,11 +53,12 @@
<div class="incoming message autoreply history">
<div class="x-wrap">
<div class="x-buddyicon">
- <img src="Incoming/buddy_icon.png"> </div>
+ <img src="Incoming/buddy_icon.png">
+ </div>
<div class="x-sender">vnds (Autoreply)</div>
<div class="x-service">IRC</div>
<div class="x-message" style="background-color:;">
- <div class="x-time" title="11 May 2010">20:48:05 </div>
+ <div class="x-time" title="11 May 2010">20:48:05</div>
<div class="x-text">Dinner</div>
</div>
</div>
@@ -57,16 +67,100 @@
<div class="consecutive incoming message history">
<div class="x-wrap">
<div class="x-buddyicon">
- <img src="Incoming/buddy_icon.png"> </div>
+ <img src="Incoming/buddy_icon.png">
+ </div>
<div class="x-sender">vnds</div>
<div class="x-service">IRC</div>
<div class="x-message" style="background-color:;">
- <div class="x-time" title="11 May 2010">20:49:40 </div>
+ <div class="x-time" title="11 May 2010">20:49:40</div>
<div class="x-text">oops, nm</div>
</div>
</div>
</div>
+<div class="outgoing message">
+ <div class="x-wrap">
+ <div class="x-buddyicon">
+ <img src="Outgoing/buddy_icon.png"> </div>
+ <div class="x-sender">mthrkndm</div>
+ <div class="x-service">IRC</div>
+ <div class="x-message" style="background-color:;">
+ <div class="x-time" title="11 May 2010">20:48:05</div>
+ <div class="x-text">Yessir.</div>
+ </div>
+ </div>
+</div>
+
+<div class="status">
+ <div class="x-wrap">
+ <span class="x-time" title="11 May 2010">20:48:05 </span>
+ <span class="x-text">vnds went away!</span>
+ </div>
+</div>
+
+<div class="event firstFocus focus">
+ <div class="x-wrap">
+ <span class="x-time" title="11 May 2010">20:48:05 </span>
+ <span class="x-text">vnds wants your attention!</span>
+ </div>
+</div>
+
+<div class="incoming focus message">
+ <div class="x-wrap">
+ <div class="x-buddyicon">
+ <img src="Incoming/buddy_icon.png">
+ </div>
+ <div class="x-sender">vnds</div>
+ <div class="x-service">IRC</div>
+ <div class="x-message" style="background-color:;">
+ <div class="x-time" title="11 May 2010">20:48:05</div>
+ <div class="x-text">BUZZ!</div>
+ </div>
+ </div>
+</div>
+
+<div class="consecutive incoming focus message">
+ <div class="x-wrap">
+ <div class="x-buddyicon">
+ <img src="Incoming/buddy_icon.png">
+ </div>
+ <div class="x-sender">vnds</div>
+ <div class="x-service">IRC</div>
+ <div class="x-message" style="background-color:;">
+ <div class="x-time" title="11 May 2010">20:48:05</div>
+ <div class="x-text">oops, nvm</div>
+ </div>
+ </div>
+</div>
+
+<div class="consecutive incoming firstFocus focus message mention">
+ <div class="x-wrap">
+ <div class="x-buddyicon">
+ <img src="Incoming/buddy_icon.png">
+ </div>
+ <div class="x-sender">vnds</div>
+ <div class="x-service">IRC</div>
+ <div class="x-message" style="background-color:;">
+ <div class="x-time" title="11 May 2010">20:48:05</div>
+ <div class="x-text">Mentioning you</div>
+ </div>
+ </div>
+</div>
+
+<div class="incoming message mention">
+ <div class="x-wrap">
+ <div class="x-buddyicon">
+ <img src="Incoming/buddy_icon.png">
+ </div>
+ <div class="x-sender">ctfsh_mn</div>
+ <div class="x-service">IRC</div>
+ <div class="x-message" style="background-color:;">
+ <div class="x-time" title="11 May 2010">20:48:05</div>
+ <div class="x-text">also mentioning you</div>
+ </div>
+ </div>
+</div>
+
<div id="insert"></div>
</div>
diff -r 29bc4d662d6a -r 268035ef2e5d Mockie.AdiumMessageStyle/Contents/Resources/sample.html
--- a/Mockie.AdiumMessageStyle/Contents/Resources/sample.html Fri Nov 19 08:34:12 2010 -0600
+++ /dev/null Thu Jan 01 00:00:00 1970 +0000
@@ -1,198 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
- <meta http-equiv="content-type" content="text/html; charset=utf-8" />
- <meta name="generator" content="Colloquy 2.0" />
- <meta name="formatter" content="libxslt 1.0.30" />
- <link rel="stylesheet" href="main.css" type="text/css" />
-
- <script type="text/ecmascript" defer="defer">
- var scrollToBottomIsNeeded = false;
-
- function appendMessage(html) {
- //Remove any existing insertion point
- insert = document.getElementById("insert");
- if(insert) insert.parentNode.removeChild(insert);
-
- //Append the new message to the bottom of our chat block
- chat = document.getElementById("Chat");
- range = document.createRange();
- range.selectNode(chat);
- documentFragment = range.createContextualFragment(html);
- chat.appendChild(documentFragment);
- alignChat();
- }
-
- function appendNextMessage(html){
- //
- insert = document.getElementById("insert");
-
- //make new node
- range = document.createRange();
- range.selectNode(insert.parentNode);
- newNode = range.createContextualFragment(html);
-
- //swap
- insert.parentNode.replaceChild(newNode,insert);
- alignChat();
- }
-
- function scrollToBottom() {
- document.body.scrollTop = document.body.offsetHeight;
- }
-
- function checkIfScrollToBottomIsNeeded() {
- scrollToBottomIsNeeded = ( document.body.scrollTop >= ( document.body.offsetHeight - ( window.innerHeight * 1.2 ) ) );
- }
-
- function scrollToBottomIfNeeded() {
- if( scrollToBottomIsNeeded )
- document.body.scrollTop = document.body.offsetHeight;
- }
-
- function setStylesheet( id, url ) {
- code = "<style id=\"" + id + "\" type=\"text/css\" media=\"screen,print\">";
- if( url.length ) code += "@import url( \"" + url + "\" );";
- code += "</style>";
- range = document.createRange();
- head = document.getElementsByTagName( "head" ).item(0);
- range.selectNode( head );
- documentFragment = range.createContextualFragment( code );
- head.removeChild( document.getElementById( id ) );
- head.appendChild( documentFragment );
- }
- document.onclick = imageCheck;
- function imageCheck() {
- node = event.target;
- if(node.tagName == 'IMG' && node.alt) {
- a = document.createElement('a');
- a.setAttribute('onclick', 'imageSwap(this)');
- a.setAttribute('src', node.src);
- text = document.createTextNode(node.alt);
- a.appendChild(text);
- node.parentNode.replaceChild(a, node);
- }
- }
- function imageSwap(node) {
- img = document.createElement('img');
- img.setAttribute('src', node.src);
- img.setAttribute('alt', node.firstChild.nodeValue);
- node.parentNode.replaceChild(img, node);
- }
- function alignChat() {
- var windowHeight = window.innerHeight;
- if (windowHeight > 0) {
- var contentElement = document.getElementById('Chat');
- var contentHeight = contentElement.offsetHeight;
- if (windowHeight - contentHeight > 0) {
- contentElement.style.position = 'relative';
- contentElement.style.top = (windowHeight - contentHeight) + 'px';
- }
- else {
- contentElement.style.position = 'static';
- }
- }
- scrollToBottom();
- }
- window.onresize = alignChat;
-
- </script>
-</head>
-<!--
-<body onload="alignChat();" style="background: url(josie2.jpg); font: 11px 'Lucida Grande';">
--->
-<body onload="alignChat();" style="background: url(); font: 11px 'Lucida Grande';">
-<div id="Chat">
-<div class="x-incoming context">
- <div class="x-buddyicon">
- <img src="Incoming/buddy_icon.png" width="32" height="32" />
- </div>
- <div class="x-mask"></div>
- <div class="x-topleft"></div>
- <div class="x-sender">
- <span alt="ramoth4">Colin the Great</span>
- </div>
- <div class="x-protocol">AIM</div>
- <div class="x-message">
- <div class="x-time_initial">10:24:14</div><p>Testing context messages!</p>
- <div class="x-time_consecutive">10:24:14</div><p>Not much</p>
- <div id="insert"></div>
- </div>
-</div>
-<div class="x-outgoing context">
- <div class="x-buddyicon">
- <img src="Incoming/buddy_icon.png" width="32" height="32" />
- </div>
- <div class="x-mask"></div>
- <div class="x-topleft"></div>
- <div class="x-sender">
- Jorge Salvador Caffarena (eevyl at mac.com) testing very long wassup
- </div>
- <div class="x-protocol">AIM</div>
- <div class="x-message">
- <div class="x-time_initial">10:24:14</div><p>more test</p>
- </div>
-</div>
-<div class="x-incoming actual">
- <div class="x-buddyicon">
- <img src="Incoming/buddy_icon.png" width="32" height="32" />
- </div>
- <div class="x-topleft"></div>
- <div class="x-sender">
- Colin the Great
- </div>
- <div class="x-protocol">AIM</div>
- <div class="x-message">
- <div class="x-time_initial">10:24:14</div><p>Ahoy!</p>
- </div>
-</div>
-<div class="x-status_container">
- <div class="x-status_message">
- Pepito has gone offline
- <span class="x-status_time">
- 10:23
- </span>
- </div>
-</div>
-<div class="x-status_container">
- <div class="x-status_message">
- Colin has returned from idle
- <span class="x-status_time">
- 10:23
- </span>
- </div>
-</div>
-<div class="x-outgoing actual">
- <div class="x-buddyicon">
- <img src="Incoming/buddy_icon.png" width="32" height="32" />
- </div>
- <div class="x-topleft"></div>
- <div class="x-sender">
- Jorge Salvador Caffarena (eevyl at mac.com) testing very long wassup
- </div>
- <div class="x-protocol">AIM</div>
- <div class="x-message">
- <div class="x-time_initial">10:23:22</div><p>That is what happens when a long url is inserted, magic scroller</p>
- <div class="x-time_consecutive">10:23:22</div><p>Not much <a href="http://www.apple.com/long/url/as/it/can/be/whatever">http://www.apple.com/long/url/as/it/can/be/whatever/longer/than/anything/</a></p>
- <div id="insert"></div>
- </div>
-</div>
-<div class="x-incoming actual">
- <div class="x-buddyicon">
- <img src="Incoming/buddy_icon.png" width="32" height="32" />
- </div>
- <div class="x-topleft"></div>
- <div class="x-sender">
- Colin the Great
- </div>
- <div class="x-protocol">AIM</div>
- <div class="x-message">
- <div class="x-time_initial">10:23:22</div><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean quam lectus, tristique sit amet, luctus ut, euismod ut, velit. Quisque vulputate tortor nec justo. Suspendisse pede. Curabitur ac enim ac nunc porta bibendum. Ut vel dolor id orci tempus semper. Sed pretium enim eget nulla. Vestibulum mollis, tortor at accumsan luctus, dolor nulla aliquam elit, nec vehicula augue erat sit amet leo. Sed ornare est. Maecenas facilisis, erat quis varius vehicula, nibh lorem tempor quam, vel egestas massa wisi viverra orci. Etiam rutrum erat nec est. Donec facilisis, ligula nec venenatis interdum, mi wisi dapibus nulla, eu consectetuer libero justo id lectus. Sed vitae ipsum vitae lectus tincidunt malesuada. Nulla congue erat. Mauris auctor, neque ut pellentesque placerat, metus augue aliquam risus, vitae elementum diam ante a lectus. Etiam dignissim scelerisque lectus. Vivamus libero metus, ullamcorper sit amet, bibendum a, pretium q!
uis, leo. Vivamus vel elit.</p>
- <div class="x-time_consecutive">10:23:22</div><p>Not much</p>
- <div id="insert"></div>
- </div>
-</div>
-</div>
-</body>
-</html>
More information about the commits
mailing list