mirror of
https://github.com/jimeh/modern_bubbling.git
synced 2026-02-19 11:56:38 +00:00
186 lines
5.9 KiB
HTML
186 lines
5.9 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>(Glass)</title>
|
|
<link rel="stylesheet" href="Variants/Glass (Glass).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>
|
|
|
|
<script type="text/javascript" charset="utf-8">
|
|
function show_header () {
|
|
document.getElementById('header_bar').style.display = '';
|
|
document.getElementById('toggle_show').style.display = 'none';
|
|
document.getElementById('toggle_hide').style.display = '';
|
|
}
|
|
function hide_header () {
|
|
document.getElementById('header_bar').style.display = 'none';
|
|
document.getElementById('toggle_hide').style.display = 'none';
|
|
document.getElementById('toggle_show').style.display = '';
|
|
}
|
|
</script>
|
|
<div id="header">
|
|
<div id="toggle_hide" onclick="hide_header();"></div>
|
|
<div id="toggle_show" onclick="show_header();" style="display: none"></div>
|
|
<div id="header_bar">
|
|
<div class="left">Sugar</div>
|
|
<div class="right">19:05</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="Chat">
|
|
|
|
<span class="incoming history">
|
|
<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="time">12:59:23</div>
|
|
<div class="body">Hey, how are you? alright and all :)</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="smessage">Dave Auayan went away</div>
|
|
<div class="stime">13:00:32</div>
|
|
</div>
|
|
<div class="status">
|
|
<div class="smessage">Dave Auayan came back</div>
|
|
<div class="stime">13:00:32</div>
|
|
</div>
|
|
|
|
<span class="outgoing history">
|
|
<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="time">13:00:46</div>
|
|
<div class="body">same ol' samd ol', what can i say?</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="time">13:01:03</div>
|
|
<div class="body">...life's a bitch... lol <!-- <img src="/Users/jim/Library/Application Support/Adium 2.0/Emoticons/Adiumicons.AdiumEmoticonset/wink.png" width="20" height="20" alt=";)"> --></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="time">13:04:42</div>
|
|
<div class="body">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 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="time">13:00:46</div>
|
|
<div class="body">longwordgoeshere....ohyeahrighthere...wiieeverydamnlongwordherelikenothingevermadebymankind</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> |