applied Safari 4 fixes

Modern Bubbling (Compact)/Contents/Resources/javascripts/reflection.js

@@ -1,170 +1,171 @@
-/**
- * reflection.js v1.6
- *
- * Contributors: Cow http://cow.neondragon.net
- *               Gfx http://www.jroller.com/page/gfx/
- *               Sitharus http://www.sitharus.com
- *               Andreas Linde http://www.andreaslinde.de
- *               Tralala, coder @ http://www.vbulletin.org
- *
- * Freely distributable under MIT-style license.
- */
- 
-/* From prototype.js */
-document.getElementsByClassName = function(className) {
-	var children = document.getElementsByTagName('*') || document.all;
-	var elements = new Array();
-  
-	for (var i = 0; i < children.length; i++) {
-		var child = children[i];
-		var classNames = child.className.split(' ');
-		for (var j = 0; j < classNames.length; j++) {
-			if (classNames[j] == className) {
-				elements.push(child);
-				break;
-			}
-		}
-	}
-	return elements;
-}
-
-var Reflection = {
-	defaultHeight : 0.45,
-	defaultOpacity: 0.4,
-	
-	add: function(image, options) {
-		Reflection.remove(image);
-		
-		doptions = { "height" : Reflection.defaultHeight, "opacity" : Reflection.defaultOpacity }
-		if (options) {
-			for (var i in doptions) {
-				if (!options[i]) {
-					options[i] = doptions[i];
-				}
-			}
-		} else {
-			options = doptions;
-		}
-	
-		try {
-			var d = document.createElement('div');
-			var p = image;
-			
-			var classes = p.className.split(' ');
-			var newClasses = '';
-			for (j=0;j<classes.length;j++) {
-				if (classes[j] != "reflect") {
-					if (newClasses) {
-						newClasses += ' '
-					}
-					
-					newClasses += classes[j];
-				}
-			}
-
-			var reflectionHeight = Math.floor(p.height*options['height']);
-			var divHeight = Math.floor(p.height*(1+options['height']));
-			
-			var reflectionWidth = p.width;
-			
-			if (document.all && !window.opera) {
-				/* Copy original image's classes & styles to div */
-				d.className = newClasses;
-				p.className = 'reflected';
-				
-				d.style.cssText = p.style.cssText;
-				p.style.cssText = 'vertical-align: bottom';
-			
-				var reflection = document.createElement('img');
-				reflection.src = p.src;
-				reflection.style.width = reflectionWidth+'px';
-				
-				reflection.style.marginBottom = "-"+(p.height-reflectionHeight)+'px';
-				reflection.style.filter = 'flipv progid:DXImageTransform.Microsoft.Alpha(opacity='+(options['opacity']*100)+', style=1, finishOpacity=0, startx=0, starty=0, finishx=0, finishy='+(options['height']*100)+')';
-				
-				d.style.width = reflectionWidth+'px';
-				d.style.height = divHeight+'px';
-				p.parentNode.replaceChild(d, p);
-				
-				d.appendChild(p);
-				d.appendChild(reflection);
-			} else {
-				var canvas = document.createElement('canvas');
-				if (canvas.getContext) {
-					/* Copy original image's classes & styles to div */
-					d.className = newClasses;
-					p.className = 'reflected';
-					
-					d.style.cssText = p.style.cssText;
-					p.style.cssText = 'vertical-align: bottom';
-			
-					var context = canvas.getContext("2d");
-				
-					canvas.style.height = reflectionHeight+'px';
-					canvas.style.width = reflectionWidth+'px';
-					canvas.height = reflectionHeight;
-					canvas.width = reflectionWidth;
-					
-					d.style.width = reflectionWidth+'px';
-					d.style.height = divHeight+'px';
-					p.parentNode.replaceChild(d, p);
-					
-					d.appendChild(p);
-					d.appendChild(canvas);
-					
-					context.save();
-					
-					context.translate(0,image.height-1);
-					context.scale(1,-1);
-					
-					context.drawImage(image, 0, 0, reflectionWidth, image.height);
-	
-					context.restore();
-					
-					context.globalCompositeOperation = "destination-out";
-					var gradient = context.createLinearGradient(0, 0, 0, reflectionHeight);
-					
-					gradient.addColorStop(1, "rgba(255, 255, 255, 1.0)");
-					gradient.addColorStop(0, "rgba(255, 255, 255, "+(1-options['opacity'])+")");
-		
-					context.fillStyle = gradient;
-					if (navigator.appVersion.indexOf('WebKit') != -1) {
-						context.fill();
-					} else {
-						context.fillRect(0, 0, reflectionWidth, reflectionHeight*2);
-					}
-				}
-			}
-		} catch (e) {
-	    }
-	},
-	
-	remove : function(image) {
-		if (image.className == "reflected") {
-			image.className = image.parentNode.className;
-			image.parentNode.parentNode.replaceChild(image, image.parentNode);
-		}
-	}
-}
-
-function addReflections() {
-	var rimages = document.getElementsByClassName('reflect');
-	for (i=0;i<rimages.length;i++) {
-		var rheight = null;
-		var ropacity = null;
-		
-		var classes = rimages[i].className.split(' ');
-		for (j=0;j<classes.length;j++) {
-			if (classes[j].indexOf("rheight") == 0) {
-				var rheight = classes[j].substring(7)/100;
-			} else if (classes[j].indexOf("ropacity") == 0) {
-				var ropacity = classes[j].substring(8)/100;
-			}
-		}
-		
-		Reflection.add(rimages[i], { height: rheight, opacity : ropacity});
-	}
-}
-
-var previousOnload = window.onload;
-window.onload = function () { if(previousOnload) previousOnload(); addReflections(); }
+/**
+ * reflection.js v2.0
+ * http://cow.neondragon.net/stuff/reflection/
+ * Freely distributable under MIT-style license.
+ */
+ 
+/* From prototype.js */
+if (!document.myGetElementsByClassName) {
+	document.myGetElementsByClassName = function(className) {
+		var children = document.getElementsByTagName('*') || document.all;
+		var elements = new Array();
+	  
+		for (var i = 0; i < children.length; i++) {
+			var child = children[i];
+			var classNames = child.className.split(' ');
+			for (var j = 0; j < classNames.length; j++) {
+				if (classNames[j] == className) {
+					elements.push(child);
+					break;
+				}
+			}
+		}
+		return elements;
+	}
+}
+
+var Reflection = {
+	defaultHeight : 0.5,
+	defaultOpacity: 0.5,
+	
+	add: function(image, options) {
+		Reflection.remove(image);
+		
+		doptions = { "height" : Reflection.defaultHeight, "opacity" : Reflection.defaultOpacity }
+		if (options) {
+			for (var i in doptions) {
+				if (!options[i]) {
+					options[i] = doptions[i];
+				}
+			}
+		} else {
+			options = doptions;
+		}
+	
+		try {
+			var d = document.createElement('div');
+			var p = image;
+			
+			var classes = p.className.split(' ');
+			var newClasses = '';
+			for (j=0;j<classes.length;j++) {
+				if (classes[j] != "reflect") {
+					if (newClasses) {
+						newClasses += ' '
+					}
+					
+					newClasses += classes[j];
+				}
+			}
+
+			var reflectionHeight = Math.floor(p.height*options['height']);
+			var divHeight = Math.floor(p.height*(1+options['height']));
+			
+			var reflectionWidth = p.width;
+			
+			if (document.all && !window.opera) {
+				/* Fix hyperlinks */
+                if(p.parentElement.tagName == 'A') {
+	                var d = document.createElement('a');
+	                d.href = p.parentElement.href;
+                }  
+                    
+				/* Copy original image's classes & styles to div */
+				d.className = newClasses;
+				p.className = 'reflected';
+				
+				d.style.cssText = p.style.cssText;
+				p.style.cssText = 'vertical-align: bottom';
+			
+				var reflection = document.createElement('img');
+				reflection.src = p.src;
+				reflection.style.width = reflectionWidth+'px';
+				reflection.style.display = 'block';
+				reflection.style.height = p.height+"px";
+				
+				reflection.style.marginBottom = "-"+(p.height-reflectionHeight)+'px';
+				reflection.style.filter = 'flipv progid:DXImageTransform.Microsoft.Alpha(opacity='+(options['opacity']*100)+', style=1, finishOpacity=0, startx=0, starty=0, finishx=0, finishy='+(options['height']*100)+')';
+				
+				d.style.width = reflectionWidth+'px';
+				d.style.height = divHeight+'px';
+				p.parentNode.replaceChild(d, p);
+				
+				d.appendChild(p);
+				d.appendChild(reflection);
+			} else {
+				var canvas = document.createElement('canvas');
+				if (canvas.getContext) {
+					/* Copy original image's classes & styles to div */
+					d.className = newClasses;
+					p.className = 'reflected';
+					
+					d.style.cssText = p.style.cssText;
+					p.style.cssText = 'vertical-align: bottom';
+			
+					var context = canvas.getContext("2d");
+				
+					canvas.style.height = reflectionHeight+'px';
+					canvas.style.width = reflectionWidth+'px';
+					canvas.height = reflectionHeight;
+					canvas.width = reflectionWidth;
+					
+					d.style.width = reflectionWidth+'px';
+					d.style.height = divHeight+'px';
+					p.parentNode.replaceChild(d, p);
+					
+					d.appendChild(p);
+					d.appendChild(canvas);
+					
+					context.save();
+					
+					context.translate(0,image.height-1);
+					context.scale(1,-1);
+					
+					context.drawImage(image, 0, 0, reflectionWidth, image.height);
+	
+					context.restore();
+					
+					context.globalCompositeOperation = "destination-out";
+					var gradient = context.createLinearGradient(0, 0, 0, reflectionHeight);
+					
+					gradient.addColorStop(1, "rgba(255, 255, 255, 1.0)");
+					gradient.addColorStop(0, "rgba(255, 255, 255, "+(1-options['opacity'])+")");
+		
+					context.fillStyle = gradient;
+					context.rect(0, 0, reflectionWidth, reflectionHeight*2);
+					context.fill();
+				}
+			}
+		} catch (e) {
+	    }
+	},
+	
+	remove : function(image) {
+		if (image.className == "reflected") {
+			image.className = image.parentNode.className;
+			image.parentNode.parentNode.replaceChild(image, image.parentNode);
+		}
+	}
+}
+
+function addReflections() {
+	var rimages = document.myGetElementsByClassName('reflect');
+	for (i=0;i<rimages.length;i++) {
+		var rheight = null;
+		var ropacity = null;
+		
+		var classes = rimages[i].className.split(' ');
+		for (j=0;j<classes.length;j++) {
+			if (classes[j].indexOf("rheight") == 0) {
+				var rheight = classes[j].substring(7)/100;
+			} else if (classes[j].indexOf("ropacity") == 0) {
+				var ropacity = classes[j].substring(8)/100;
+			}
+		}
+		
+		Reflection.add(rimages[i], { height: rheight, opacity : ropacity});
+	}
+}
+
+var previousOnload = window.onload;
+window.onload = function () { if(previousOnload) previousOnload(); addReflections(); }

Modern Bubbling (Compact)/Contents/Resources/main.css

@@ -1,11 +1,10 @@
 
 /*
    
-   Modern Bubbling v1.0 beta 4
+   Modern Bubbling v1.0 beta 7
    an Adium Message Style
    
-   Created by Jim Myhrberg (jim@zydev.info).
-   http://blog.zydev.info/category/modern-bubbling/
+   Created by Jim Myhrberg (contact@jimeh.me).
 
    Available for download and/or updates at:
    http://www.adiumxtras.com/index.php?a=xtras&xtra_id=3629
@@ -23,18 +22,22 @@
 /*@import url("styles/_bubbles/disable-reflection.css");*/
 
 
-BODY {
+body {
 /* font property used for development only */
 /*	font: 11px helvetica;*/
-	background: #fff url("images/bg.jpg") bottom repeat-x;
+	background: #fff;
 	color: #303030;
-	margin: 8px 10px 8px 10px;
+	margin: 0;
+	z-index: -3
 }
 
 #Chat {
+	background: transparent url(images/bg.jpg) repeat-x left bottom;
+	padding: 5px 10px 12px 10px;
 	overflow: hidden;
-	padding-bottom: 15px;
+	z-index: -2;
 }
+
 .emoticon {
 	border-style: none;
 	position: relative;
@@ -110,4 +113,3 @@ BODY {
 
 
 
-

Modern Bubbling (Compact)/Contents/Resources/styles/_bubbles/message-bubble.css

@@ -3,6 +3,7 @@
 .message {
 	position: relative;
 	min-height: 42px;
+	z-index: 0;
 }
 .message .body {
 	padding: 9px 20px 22px 20px;

Modern Bubbling/Contents/Resources/javascripts/reflection.js

@@ -1,170 +1,171 @@
-/**
- * reflection.js v1.6
- *
- * Contributors: Cow http://cow.neondragon.net
- *               Gfx http://www.jroller.com/page/gfx/
- *               Sitharus http://www.sitharus.com
- *               Andreas Linde http://www.andreaslinde.de
- *               Tralala, coder @ http://www.vbulletin.org
- *
- * Freely distributable under MIT-style license.
- */
- 
-/* From prototype.js */
-document.getElementsByClassName = function(className) {
-	var children = document.getElementsByTagName('*') || document.all;
-	var elements = new Array();
-  
-	for (var i = 0; i < children.length; i++) {
-		var child = children[i];
-		var classNames = child.className.split(' ');
-		for (var j = 0; j < classNames.length; j++) {
-			if (classNames[j] == className) {
-				elements.push(child);
-				break;
-			}
-		}
-	}
-	return elements;
-}
-
-var Reflection = {
-	defaultHeight : 0.45,
-	defaultOpacity: 0.4,
-	
-	add: function(image, options) {
-		Reflection.remove(image);
-		
-		doptions = { "height" : Reflection.defaultHeight, "opacity" : Reflection.defaultOpacity }
-		if (options) {
-			for (var i in doptions) {
-				if (!options[i]) {
-					options[i] = doptions[i];
-				}
-			}
-		} else {
-			options = doptions;
-		}
-	
-		try {
-			var d = document.createElement('div');
-			var p = image;
-			
-			var classes = p.className.split(' ');
-			var newClasses = '';
-			for (j=0;j<classes.length;j++) {
-				if (classes[j] != "reflect") {
-					if (newClasses) {
-						newClasses += ' '
-					}
-					
-					newClasses += classes[j];
-				}
-			}
-
-			var reflectionHeight = Math.floor(p.height*options['height']);
-			var divHeight = Math.floor(p.height*(1+options['height']));
-			
-			var reflectionWidth = p.width;
-			
-			if (document.all && !window.opera) {
-				/* Copy original image's classes & styles to div */
-				d.className = newClasses;
-				p.className = 'reflected';
-				
-				d.style.cssText = p.style.cssText;
-				p.style.cssText = 'vertical-align: bottom';
-			
-				var reflection = document.createElement('img');
-				reflection.src = p.src;
-				reflection.style.width = reflectionWidth+'px';
-				
-				reflection.style.marginBottom = "-"+(p.height-reflectionHeight)+'px';
-				reflection.style.filter = 'flipv progid:DXImageTransform.Microsoft.Alpha(opacity='+(options['opacity']*100)+', style=1, finishOpacity=0, startx=0, starty=0, finishx=0, finishy='+(options['height']*100)+')';
-				
-				d.style.width = reflectionWidth+'px';
-				d.style.height = divHeight+'px';
-				p.parentNode.replaceChild(d, p);
-				
-				d.appendChild(p);
-				d.appendChild(reflection);
-			} else {
-				var canvas = document.createElement('canvas');
-				if (canvas.getContext) {
-					/* Copy original image's classes & styles to div */
-					d.className = newClasses;
-					p.className = 'reflected';
-					
-					d.style.cssText = p.style.cssText;
-					p.style.cssText = 'vertical-align: bottom';
-			
-					var context = canvas.getContext("2d");
-				
-					canvas.style.height = reflectionHeight+'px';
-					canvas.style.width = reflectionWidth+'px';
-					canvas.height = reflectionHeight;
-					canvas.width = reflectionWidth;
-					
-					d.style.width = reflectionWidth+'px';
-					d.style.height = divHeight+'px';
-					p.parentNode.replaceChild(d, p);
-					
-					d.appendChild(p);
-					d.appendChild(canvas);
-					
-					context.save();
-					
-					context.translate(0,image.height-1);
-					context.scale(1,-1);
-					
-					context.drawImage(image, 0, 0, reflectionWidth, image.height);
-	
-					context.restore();
-					
-					context.globalCompositeOperation = "destination-out";
-					var gradient = context.createLinearGradient(0, 0, 0, reflectionHeight);
-					
-					gradient.addColorStop(1, "rgba(255, 255, 255, 1.0)");
-					gradient.addColorStop(0, "rgba(255, 255, 255, "+(1-options['opacity'])+")");
-		
-					context.fillStyle = gradient;
-					if (navigator.appVersion.indexOf('WebKit') != -1) {
-						context.fill();
-					} else {
-						context.fillRect(0, 0, reflectionWidth, reflectionHeight*2);
-					}
-				}
-			}
-		} catch (e) {
-	    }
-	},
-	
-	remove : function(image) {
-		if (image.className == "reflected") {
-			image.className = image.parentNode.className;
-			image.parentNode.parentNode.replaceChild(image, image.parentNode);
-		}
-	}
-}
-
-function addReflections() {
-	var rimages = document.getElementsByClassName('reflect');
-	for (i=0;i<rimages.length;i++) {
-		var rheight = null;
-		var ropacity = null;
-		
-		var classes = rimages[i].className.split(' ');
-		for (j=0;j<classes.length;j++) {
-			if (classes[j].indexOf("rheight") == 0) {
-				var rheight = classes[j].substring(7)/100;
-			} else if (classes[j].indexOf("ropacity") == 0) {
-				var ropacity = classes[j].substring(8)/100;
-			}
-		}
-		
-		Reflection.add(rimages[i], { height: rheight, opacity : ropacity});
-	}
-}
-
-var previousOnload = window.onload;
-window.onload = function () { if(previousOnload) previousOnload(); addReflections(); }
+/**
+ * reflection.js v2.0
+ * http://cow.neondragon.net/stuff/reflection/
+ * Freely distributable under MIT-style license.
+ */
+ 
+/* From prototype.js */
+if (!document.myGetElementsByClassName) {
+	document.myGetElementsByClassName = function(className) {
+		var children = document.getElementsByTagName('*') || document.all;
+		var elements = new Array();
+	  
+		for (var i = 0; i < children.length; i++) {
+			var child = children[i];
+			var classNames = child.className.split(' ');
+			for (var j = 0; j < classNames.length; j++) {
+				if (classNames[j] == className) {
+					elements.push(child);
+					break;
+				}
+			}
+		}
+		return elements;
+	}
+}
+
+var Reflection = {
+	defaultHeight : 0.5,
+	defaultOpacity: 0.5,
+	
+	add: function(image, options) {
+		Reflection.remove(image);
+		
+		doptions = { "height" : Reflection.defaultHeight, "opacity" : Reflection.defaultOpacity }
+		if (options) {
+			for (var i in doptions) {
+				if (!options[i]) {
+					options[i] = doptions[i];
+				}
+			}
+		} else {
+			options = doptions;
+		}
+	
+		try {
+			var d = document.createElement('div');
+			var p = image;
+			
+			var classes = p.className.split(' ');
+			var newClasses = '';
+			for (j=0;j<classes.length;j++) {
+				if (classes[j] != "reflect") {
+					if (newClasses) {
+						newClasses += ' '
+					}
+					
+					newClasses += classes[j];
+				}
+			}
+
+			var reflectionHeight = Math.floor(p.height*options['height']);
+			var divHeight = Math.floor(p.height*(1+options['height']));
+			
+			var reflectionWidth = p.width;
+			
+			if (document.all && !window.opera) {
+				/* Fix hyperlinks */
+                if(p.parentElement.tagName == 'A') {
+	                var d = document.createElement('a');
+	                d.href = p.parentElement.href;
+                }  
+                    
+				/* Copy original image's classes & styles to div */
+				d.className = newClasses;
+				p.className = 'reflected';
+				
+				d.style.cssText = p.style.cssText;
+				p.style.cssText = 'vertical-align: bottom';
+			
+				var reflection = document.createElement('img');
+				reflection.src = p.src;
+				reflection.style.width = reflectionWidth+'px';
+				reflection.style.display = 'block';
+				reflection.style.height = p.height+"px";
+				
+				reflection.style.marginBottom = "-"+(p.height-reflectionHeight)+'px';
+				reflection.style.filter = 'flipv progid:DXImageTransform.Microsoft.Alpha(opacity='+(options['opacity']*100)+', style=1, finishOpacity=0, startx=0, starty=0, finishx=0, finishy='+(options['height']*100)+')';
+				
+				d.style.width = reflectionWidth+'px';
+				d.style.height = divHeight+'px';
+				p.parentNode.replaceChild(d, p);
+				
+				d.appendChild(p);
+				d.appendChild(reflection);
+			} else {
+				var canvas = document.createElement('canvas');
+				if (canvas.getContext) {
+					/* Copy original image's classes & styles to div */
+					d.className = newClasses;
+					p.className = 'reflected';
+					
+					d.style.cssText = p.style.cssText;
+					p.style.cssText = 'vertical-align: bottom';
+			
+					var context = canvas.getContext("2d");
+				
+					canvas.style.height = reflectionHeight+'px';
+					canvas.style.width = reflectionWidth+'px';
+					canvas.height = reflectionHeight;
+					canvas.width = reflectionWidth;
+					
+					d.style.width = reflectionWidth+'px';
+					d.style.height = divHeight+'px';
+					p.parentNode.replaceChild(d, p);
+					
+					d.appendChild(p);
+					d.appendChild(canvas);
+					
+					context.save();
+					
+					context.translate(0,image.height-1);
+					context.scale(1,-1);
+					
+					context.drawImage(image, 0, 0, reflectionWidth, image.height);
+	
+					context.restore();
+					
+					context.globalCompositeOperation = "destination-out";
+					var gradient = context.createLinearGradient(0, 0, 0, reflectionHeight);
+					
+					gradient.addColorStop(1, "rgba(255, 255, 255, 1.0)");
+					gradient.addColorStop(0, "rgba(255, 255, 255, "+(1-options['opacity'])+")");
+		
+					context.fillStyle = gradient;
+					context.rect(0, 0, reflectionWidth, reflectionHeight*2);
+					context.fill();
+				}
+			}
+		} catch (e) {
+	    }
+	},
+	
+	remove : function(image) {
+		if (image.className == "reflected") {
+			image.className = image.parentNode.className;
+			image.parentNode.parentNode.replaceChild(image, image.parentNode);
+		}
+	}
+}
+
+function addReflections() {
+	var rimages = document.myGetElementsByClassName('reflect');
+	for (i=0;i<rimages.length;i++) {
+		var rheight = null;
+		var ropacity = null;
+		
+		var classes = rimages[i].className.split(' ');
+		for (j=0;j<classes.length;j++) {
+			if (classes[j].indexOf("rheight") == 0) {
+				var rheight = classes[j].substring(7)/100;
+			} else if (classes[j].indexOf("ropacity") == 0) {
+				var ropacity = classes[j].substring(8)/100;
+			}
+		}
+		
+		Reflection.add(rimages[i], { height: rheight, opacity : ropacity});
+	}
+}
+
+var previousOnload = window.onload;
+window.onload = function () { if(previousOnload) previousOnload(); addReflections(); }

Modern Bubbling/Contents/Resources/main.css

@@ -1,11 +1,10 @@
 
 /*
    
-   Modern Bubbling v1.0 beta 4
+   Modern Bubbling v1.0 beta 7
    an Adium Message Style
    
-   Created by Jim Myhrberg (jim@zydev.info).
-   http://blog.zydev.info/category/modern-bubbling/
+   Created by Jim Myhrberg (contact@jimeh.me).
 
    Available for download and/or updates at:
    http://www.adiumxtras.com/index.php?a=xtras&xtra_id=3629
@@ -23,18 +22,22 @@
 /*@import url("styles/_bubbles/disable-reflection.css");*/
 
 
-BODY {
+body {
 /* font property used for development only */
 /*	font: 11px helvetica;*/
-	background: #fff url("images/bg.jpg") bottom repeat-x;
+	background: #fff;
 	color: #303030;
-	margin: 8px 10px 8px 10px;
+	margin: 0;
+	z-index: -3;
 }
 
 #Chat {
+	background: transparent url(images/bg.jpg) repeat-x left bottom;
+	padding: 5px 10px 12px 10px;
 	overflow: hidden;
-	padding-bottom: 15px;
+	z-index: -2;
 }
+
 .emoticon {
 	border-style: none;
 	position: relative;
@@ -110,4 +113,3 @@ BODY {
 
 
 
-

Modern Bubbling/Contents/Resources/styles/_bubbles/message-bubble.css

@@ -3,6 +3,7 @@
 .message {
 	position: relative;
 	min-height: 42px;
+	z-index: 0;
 }
 .message .body {
 	padding: 9px 20px 22px 20px;