Source

adium-xtras / Squader.AdiumMessageStyle / Contents / Resources / Context_Mockup.html

Full commit
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
		<title>Message Style Mockup (2torial)</title>
		<link rel="stylesheet" type="text/css" href="main.css">
	</head>
	<body>
		<div id="Chat">
			<div class="incoming message history">
				<span class="time">23:04:12</span>
				<span class="sender">SomeoneElse:</span>
				<span class="content">Well, I'd better be going; <a href="http://www.geocities.com/thejavawocky/">Javawocky</a> tonight. Check out <a href="http://example.com">Nowhere</a> while I'm gone.</span>
			</div>

			<div class="outgoing message history">
				<span class="time">23:04:12</span>
				<span class="sender">Me:</span>
				<span class="content"><a href="example.com">http://www.amazon.de/gp/product/B0000AN3QH/ref=ord_cart_shr?ie=UTF8&m=A3VJ28RZM7OIAE</a></span>
			</div>

			<div class="incoming message">
				<span class="time">23:04:59</span>
				<span class="sender">SomeoneElse:</span>
				<span class="content">Have a good time!</span>
			</div>

			<div class="incoming message consecutive">
				<span class="time">00:00:02</span>
				<span class="sender">SomeoneElse:</span>
				<span class="content">'Bye!</span>
			</div>

			<div class="outgoing message">
				<span class="time">00:00:12</span>
				<span class="sender">Me:</span>
				<span class="content">Thanks. I intend to.</span>
			</div>

			<div class="outgoing message consecutive">
				<span class="time">00:00:13</span>
				<span class="sender">Me:</span>
				<span class="content">Bye bye.</span>
			</div>

			<div class="status date_separator">
				<span class="time">14:22:53</span>
				<span class="content">2004, May 04</span>
			</div>

			<div class="status online">
				<span class="time">14:23:06</span>
				<span class="content">SomeoneElse signed on.</span>
			</div>

			<div class="incoming message">
			    <span class="time">14:23:08</span>
			    <span class="sender">SomeoneElse:</span>
			    <span class="content">Good moooorning!</span>
			</div>

			<div class="incoming message consecutive mention">
			    <span class="time">14:25:39</span>
				<span class="sender">SomeoneElse:</span>
			    <span class="content">Hello? Are you there Me? You should check out <a href="http://adium.sourceforge.net">Adium X</a> if you haven't. It's way cool. <a href="http://nowhere.anywhere.atall/that/you/can/not/getto.xyz">Nowhere</a>, too, since you can never visit it.</span>
			</div>
			<div class="incoming message consecutive mention">
			    <span class="time">14:25:39</span>
				<span class="sender">SomeoneElse:</span>
			    <span class="content">Hello? Are you there Me? You should check out <a href="http://adium.sourceforge.net">Adium X</a> if you haven't. It's way cool. <a href="http://nowhere.anywhere.atall/that/you/can/not/getto.xyz">Nowhere</a>, too, since you can never visit it.</span>
			</div>

			<div class="outgoing message">
			    <span class="time">14:25:50</span>
			    <span class="sender">Me:</span>
			    <span class="content">Sorry!</span>
			</div>

			<div class="outgoing message consecutive">
			    <span class="time">14:25:55</span>
				<span class="sender">Me:</span>
			    <span class="content">Me here now.</span>
			</div>

			<div class="incoming message">
			    <span class="time">14:26:02</span>
			    <span class="sender">SomeoneElse:</span>
			    <span class="content">Okay. Sorry - brb.</span>
			</div>

			<div class="status away">
			    <span class="time">14:26:23</span>
			    <span class="content">SomeoneElse has gone away.</span>
			</div>

			<div class="event">
			    <span class="time">14:26:24</span>
			    <span class="content">wabu [wabu@10tok.net/Laptop] entered the room.</span>
			</div>

			<div class="event consecutive">
			    <span class="time">14:26:24</span>
			    <span class="content">forti left the room.</span>
			</div>

			<div class="event status error consecutive">
			    <span class="time">14:26:24</span>
			    <span class="content">some error occured</span>
			</div>

			<div class="status away_message consecutive">
			    <span class="time">14:26:24</span>
			    <span class="content">Away Message: /me is listening to U Lied by Crea 01:02</span>
			</div>

			<div class="outgoing message">
				<span class="time">14:26:33</span>
				<span class="sender">Me:</span>
				<span class="content">Okay.</span>
			</div>

			<div class="incoming message">
				<span class="time">14:26:33</span>
				<span class="sender">SomeoneElse (Autoreply):</span>
				<span class="content">/me is listening to U Lied by Crea  01:11</span>
			</div>

			<div class="status return_away">
				<span class="time">14:29:45</span>
				<span class="content">SomeoneElse came back.</span>
			</div>

			<div class="incoming message">
				<span class="time">14:30:08</span>
				<span class="sender">SomeoneElse:</span>
				<span class="content">Back, but must go. 'Bye!</span>
			</div>

			<div class="status idle">
				<span class="time">14:40:08</span>
				<span class="content">SomeoneElse went idle.</span>
			</div>

			<div class="status return_idle consecutive">
				<span class="time">14:45:12</span>
				<span class="content">SomeoneElse is no longer idle.</span>
			</div>

			<div class="status offline consecutive">
				<span class="time">14:48:45</span>
				<span class="content">SomeoneElse signed off.</span>
			</div>
		</div>
		<!--
		<div class="container status return_away">
			<span class="time">
				1:04 AM
			</span>
			<span class="content">
				Joel Watson came back
			</span>
			<span class="clear"></span>
		</div>
		<span id="insert"></span>
		<div class="container outgoing initial context">
			<span class="sender greyed">
				Joel Watson
			</span>
			<span class="content greyed_link">
				<span class="time">1:48 AM</span> This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text.
			</span>
			<span class="clear"></span>
		</div>
		<span id="insert"></span>
		<div class="container outgoing next context">
			<span class="sender next greyed"></span>
			<span class="content next greyed_link">
				<span class="time next">1:48 AM</span> Some more text. Some more text. Some more text. Some more text. Some more text. Some more text. Some more text. Some more text. Some more text. Some more text. Some more text. Some more text. Some more text. Some more text. Some more text. Some more text. Some more text. Some more text.
			</span>
			<span class="clear"></span>
		</div>
		<span id="insert"></span>
		<div class="container incoming initial context">
			<span class="sender greyed">
				Andre Arko
			</span>
			<span class="content greyed_link">
				<span class="time">1:48 AM</span> lol!
			</span>
			<span class="clear"></span>
		</div>
		<span id="insert"></span>
		<div class="container incoming next context">
			<span class="sender next greyed"></span>
			<span class="content next greyed_link">
				<span class="time next">1:48 AM</span> yes, it is.
			</span>
			<span class="clear"></span>
		</div>
		<span id="insert"></span>
		<div class="container outgoing initial context">
			<span class="sender greyed">
				Joel Watson
			</span>
			<span class="content greyed_link">
				<span class="time">1:48 AM</span> here's some interesting banter.
			</span>
			<span class="clear"></span>
		</div>
		<span id="insert"></span>
		<div class="container incoming initial">
			<span class="sender">
				Andre Arko
			</span>
			<span class="content outgoing_link">
				<span class="time">1:48 AM</span> if you say so.
			</span>
			<span class="clear"></span>
		</div>
		<span id="insert"></span>
		<div class="container incoming">
			<span class="sender">
				Andre Arko
			</span>
			<span class="content outgoing_link">
				<span class="time">1:48 AM</span> if you say so.
			</span>
			<span class="clear"></span>
		</div>
		<span id="insert"></span>
		<div class="container status away_message">
			<span class="time">
				1:49 AM
			</span>
			<span class="content">
				Away Message: yep
			</span>
			<span class="clear"></span>
		</div>
		-->
	</body>
</html>