mirror of
https://github.com/jimeh/modern_bubbling.git
synced 2026-02-19 11:56:38 +00:00
245 lines
6.7 KiB
HTML
245 lines
6.7 KiB
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
|
<html>
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
|
|
|
<title>(Compact Glass)</title>
|
|
<link rel="stylesheet" href="Variants/Modern.css" type="text/css" media="screen" title="no title" charset="utf-8">
|
|
<script src="javascripts/reflection.js" type="text/javascript" charset="utf-8"></script>
|
|
<script src="javascripts/fade.js" type="text/javascript" charset="utf-8"></script>
|
|
<script type="text/javascript" charset="utf-8">
|
|
function alignChat(shouldScroll) {
|
|
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';
|
|
}
|
|
}
|
|
|
|
if (shouldScroll) scrollToBottom();
|
|
}
|
|
|
|
function windowDidResize(){
|
|
alignChat(true);
|
|
}
|
|
|
|
window.onresize = windowDidResize;
|
|
</script>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div id="Chat">
|
|
|
|
<span class="incoming history" style="" onload="alert('what');">
|
|
<div class="sender">
|
|
<div class="icon"><img src="Incoming/buddy_icon.png" alt="" width="32" height="32" onload="Reflection.add(this,null);" /></div>
|
|
<div class="name">Dave Auayan</div>
|
|
<div class="service">MSN</div>
|
|
</div>
|
|
<div class="message">
|
|
<div class="topleft"></div>
|
|
<div class="top"></div>
|
|
<div class="topright"></div>
|
|
<div class="compact">
|
|
<div class="cbody">
|
|
<div class="ctime">12:59:23</div>
|
|
Hey, how are you?
|
|
</div>
|
|
<div class="cnbody">
|
|
<div class="ctime">12:59:47</div>
|
|
alright and all :)
|
|
</div>
|
|
</div>
|
|
<div class="left"></div>
|
|
<div class="middle"></div>
|
|
<div class="right"></div>
|
|
<div class="bottomleft"></div>
|
|
<div class="bottom"></div>
|
|
<div class="bottomright"></div>
|
|
</div>
|
|
</span>
|
|
<br clear="all">
|
|
|
|
<div class="status">
|
|
<div class="stime">13:00:32</div>
|
|
<div class="smessage">Dave Auayan went away</div>
|
|
</div>
|
|
<div class="status">
|
|
<div class="stime">13:00:32</div>
|
|
<div class="smessage">Dave Auayan came back</div>
|
|
</div>
|
|
|
|
<span class="outgoing">
|
|
<div class="sender">
|
|
<div class="icon"><img src="images/jimeh.png" alt="" width="32" height="32" onload="Reflection.add(this,null);" /></div>
|
|
<div class="name">Jim</div>
|
|
<div class="service">MSN</div>
|
|
</div>
|
|
<div class="message">
|
|
<div class="topleft"></div>
|
|
<div class="top"></div>
|
|
<div class="topright"></div>
|
|
<div class="compact">
|
|
<div class="cbody">
|
|
<div class="ctime">13:00:46</div>
|
|
same ol' samd ol', what can i say?
|
|
</div>
|
|
<div class="cnbody">
|
|
<div class="ctime">13:01:03</div>
|
|
...life's a bitch... lol
|
|
</div>
|
|
<div class="cnbody">
|
|
<div class="ctime">13:01:12</div>
|
|
its how it goes in this dark world...
|
|
</div>
|
|
</div>
|
|
<div class="left"></div>
|
|
<div class="middle"></div>
|
|
<div class="right"></div>
|
|
<div class="bottomleft"></div>
|
|
<div class="bottom"></div>
|
|
<div class="bottomright"></div>
|
|
</div>
|
|
</span>
|
|
<br clear="all">
|
|
|
|
<span class="incoming">
|
|
<div class="sender">
|
|
<div class="icon"><img src="Incoming/buddy_icon.png" alt="" width="32" height="32" onload="Reflection.add(this,null);" /></div>
|
|
<div class="name">Dave Auayan</div>
|
|
<div class="service">MSN</div>
|
|
</div>
|
|
<div class="message">
|
|
<div class="topleft"></div>
|
|
<div class="top"></div>
|
|
<div class="topright"></div>
|
|
<div class="compact">
|
|
<div class="cbody">
|
|
<div class="ctime">13:04:42</div>
|
|
i know what you mean... test text blah bleee bee pooo test text blah bleee bee pooo test text blah bleee bee pooo test text blah bleee bee pooo test text blah bleee bee pooo<img class="emoticon" src="file://localhost/Applications/iChat.app/Contents/Resources/wink.tiff" alt=";)" width="18" height="18">
|
|
</div>
|
|
</div>
|
|
<div class="left"></div>
|
|
<div class="middle"></div>
|
|
<div class="right"></div>
|
|
<div class="bottomleft"></div>
|
|
<div class="bottom"></div>
|
|
<div class="bottomright"></div>
|
|
</div>
|
|
</span>
|
|
<br clear="all">
|
|
|
|
<span class="outgoing">
|
|
<div class="sender">
|
|
<div class="icon"><img src="images/jimeh.png" alt="" width="32" height="32" onload="Reflection.add(this,null);" /></div>
|
|
<div class="name">Jim</div>
|
|
<div class="service">MSN</div>
|
|
</div>
|
|
<div class="message">
|
|
<div class="topleft"></div>
|
|
<div class="top"></div>
|
|
<div class="topright"></div>
|
|
<div class="compact">
|
|
<div class="cbody">
|
|
<div class="ctime">13:00:46</div>
|
|
longwordgoeshere....o
|
|
</div>
|
|
</div>
|
|
<div class="left"></div>
|
|
<div class="middle"></div>
|
|
<div class="right"></div>
|
|
<div class="bottomleft"></div>
|
|
<div class="bottom"></div>
|
|
<div class="bottomright"></div>
|
|
</div>
|
|
</span>
|
|
<br clear="all">
|
|
|
|
|
|
<SPAN class="outgoing">
|
|
<DIV class="sender">
|
|
<DIV class="icon">
|
|
<DIV class="" style="width: 32px; height: 46px; ">
|
|
<IMG src="Outgoing/buddy_icon.png" alt="" width="32" height="32" onload="Reflection.add(this,null);" class="reflected" style="vertical-align: bottom; "><CANVAS style="height: 14px; width: 32px; ">
|
|
</DIV>
|
|
</DIV>
|
|
<DIV class="name">Jim</DIV>
|
|
<DIV class="service">MSN</DIV>
|
|
</DIV>
|
|
<DIV class="message">
|
|
<DIV class="topleft"></DIV>
|
|
<DIV class="top"></DIV>
|
|
<DIV class="topright"></DIV>
|
|
<DIV class="compact">
|
|
<DIV class="cbody">
|
|
<DIV class="ctime">2:31:27</DIV>
|
|
shit
|
|
</DIV>
|
|
</DIV>
|
|
<DIV class="left"></DIV>
|
|
<DIV class="middle"></DIV>
|
|
<DIV class="right"></DIV>
|
|
<DIV class="bottomleft"></DIV>
|
|
<DIV class="bottom"></DIV>
|
|
<DIV class="bottomright"></DIV>
|
|
</DIV>
|
|
</SPAN>
|
|
<BR clear="all">
|
|
|
|
<SPAN class="incoming">
|
|
<DIV class="sender">
|
|
<DIV class="icon">
|
|
<DIV class="" style="width: 32px; height: 46px; ">
|
|
<IMG src="Incoming/buddy_icon.png" alt="" width="32" height="32" onload="Reflection.add(this,null);" class="reflected" style="vertical-align: bottom; "><CANVAS style="height: 14px; width: 32px; ">
|
|
</DIV>
|
|
</DIV>
|
|
<DIV class="name">jim</DIV>
|
|
<DIV class="service">MSN</DIV>
|
|
</DIV>
|
|
<DIV class="message">
|
|
<DIV class="topleft"></DIV>
|
|
<DIV class="top"></DIV>
|
|
<DIV class="topright"></DIV>
|
|
<DIV class="compact">
|
|
<DIV class="cbody">
|
|
<DIV class="ctime">2:31:34</DIV>
|
|
fuck
|
|
</DIV>
|
|
<DIV class="cnbody">
|
|
<DIV class="ctime">2:31:35</DIV>
|
|
fuck
|
|
</DIV>
|
|
<DIV class="cnbody">
|
|
<DIV class="ctime">2:31:37</DIV>
|
|
fuck
|
|
</DIV>
|
|
<DIV class="cnbody">
|
|
<DIV class="ctime">2:31:39</DIV>
|
|
fuck
|
|
</DIV>
|
|
<DIV id="insert"></DIV>
|
|
</DIV>
|
|
<DIV class="left"></DIV>
|
|
<DIV class="middle"></DIV>
|
|
<DIV class="right"></DIV>
|
|
<DIV class="bottomleft"></DIV>
|
|
<DIV class="bottom"></DIV>
|
|
<DIV class="bottomright"></DIV>
|
|
</DIV>
|
|
</SPAN>
|
|
<BR clear="all">
|
|
|
|
|
|
</div>
|
|
|
|
</body>
|
|
</html> |