jimeh/modern_bubbling
1
0
Fork 0
mirror of https://github.com/jimeh/modern_bubbling.git synced 2026-02-19 11:56:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

applied Safari 4 fixes

Browse Source
This commit is contained in:
Jim Myhrberg
2009-11-21 16:52:27 +02:00
parent c925489308
commit 4e9d9542b4
6 changed files with 364 additions and 356 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,36 +1,32 @@
/** /**
* reflection.js v1.6 * reflection.js v2.0
* * http://cow.neondragon.net/stuff/reflection/
* 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. * Freely distributable under MIT-style license.
*/ */
/* From prototype.js */ /* From prototype.js */
document.getElementsByClassName = function(className) { if (!document.myGetElementsByClassName) {
var children = document.getElementsByTagName('*') || document.all; document.myGetElementsByClassName = function(className) {
var elements = new Array(); var children = document.getElementsByTagName('*') || document.all;
var elements = new Array();
for (var i = 0; i < children.length; i++) { for (var i = 0; i < children.length; i++) {
var child = children[i]; var child = children[i];
var classNames = child.className.split(' '); var classNames = child.className.split(' ');
for (var j = 0; j < classNames.length; j++) { for (var j = 0; j < classNames.length; j++) {
if (classNames[j] == className) { if (classNames[j] == className) {
elements.push(child); elements.push(child);
break; break;
}
} }
} }
return elements;
} }
return elements;
} }
var Reflection = { var Reflection = {
defaultHeight : 0.45, defaultHeight : 0.5,
defaultOpacity: 0.4, defaultOpacity: 0.5,
add: function(image, options) { add: function(image, options) {
Reflection.remove(image); Reflection.remove(image);
@@ -68,6 +64,12 @@ var Reflection = {
var reflectionWidth = p.width; var reflectionWidth = p.width;
if (document.all && !window.opera) { 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 */ /* Copy original image's classes & styles to div */
d.className = newClasses; d.className = newClasses;
p.className = 'reflected'; p.className = 'reflected';
@@ -78,6 +80,8 @@ var Reflection = {
var reflection = document.createElement('img'); var reflection = document.createElement('img');
reflection.src = p.src; reflection.src = p.src;
reflection.style.width = reflectionWidth+'px'; reflection.style.width = reflectionWidth+'px';
reflection.style.display = 'block';
reflection.style.height = p.height+"px";
reflection.style.marginBottom = "-"+(p.height-reflectionHeight)+'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)+')'; 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)+')';
@@ -128,11 +132,8 @@ var Reflection = {
gradient.addColorStop(0, "rgba(255, 255, 255, "+(1-options['opacity'])+")"); gradient.addColorStop(0, "rgba(255, 255, 255, "+(1-options['opacity'])+")");
context.fillStyle = gradient; context.fillStyle = gradient;
if (navigator.appVersion.indexOf('WebKit') != -1) { context.rect(0, 0, reflectionWidth, reflectionHeight*2);
context.fill(); context.fill();
} else {
context.fillRect(0, 0, reflectionWidth, reflectionHeight*2);
}
} }
} }
} catch (e) { } catch (e) {
@@ -148,7 +149,7 @@ var Reflection = {
} }
function addReflections() { function addReflections() {
var rimages = document.getElementsByClassName('reflect'); var rimages = document.myGetElementsByClassName('reflect');
for (i=0;i<rimages.length;i++) { for (i=0;i<rimages.length;i++) {
var rheight = null; var rheight = null;
var ropacity = null; var ropacity = null;

18
Modern Bubbling (Compact)/Contents/Resources/main.css
View File

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

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

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

55
Modern Bubbling/Contents/Resources/javascripts/reflection.js
View File

@@ -1,36 +1,32 @@
/** /**
* reflection.js v1.6 * reflection.js v2.0
* * http://cow.neondragon.net/stuff/reflection/
* 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. * Freely distributable under MIT-style license.
*/ */
/* From prototype.js */ /* From prototype.js */
document.getElementsByClassName = function(className) { if (!document.myGetElementsByClassName) {
var children = document.getElementsByTagName('*') || document.all; document.myGetElementsByClassName = function(className) {
var elements = new Array(); var children = document.getElementsByTagName('*') || document.all;
var elements = new Array();
for (var i = 0; i < children.length; i++) { for (var i = 0; i < children.length; i++) {
var child = children[i]; var child = children[i];
var classNames = child.className.split(' '); var classNames = child.className.split(' ');
for (var j = 0; j < classNames.length; j++) { for (var j = 0; j < classNames.length; j++) {
if (classNames[j] == className) { if (classNames[j] == className) {
elements.push(child); elements.push(child);
break; break;
}
} }
} }
return elements;
} }
return elements;
} }
var Reflection = { var Reflection = {
defaultHeight : 0.45, defaultHeight : 0.5,
defaultOpacity: 0.4, defaultOpacity: 0.5,
add: function(image, options) { add: function(image, options) {
Reflection.remove(image); Reflection.remove(image);
@@ -68,6 +64,12 @@ var Reflection = {
var reflectionWidth = p.width; var reflectionWidth = p.width;
if (document.all && !window.opera) { 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 */ /* Copy original image's classes & styles to div */
d.className = newClasses; d.className = newClasses;
p.className = 'reflected'; p.className = 'reflected';
@@ -78,6 +80,8 @@ var Reflection = {
var reflection = document.createElement('img'); var reflection = document.createElement('img');
reflection.src = p.src; reflection.src = p.src;
reflection.style.width = reflectionWidth+'px'; reflection.style.width = reflectionWidth+'px';
reflection.style.display = 'block';
reflection.style.height = p.height+"px";
reflection.style.marginBottom = "-"+(p.height-reflectionHeight)+'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)+')'; 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)+')';
@@ -128,11 +132,8 @@ var Reflection = {
gradient.addColorStop(0, "rgba(255, 255, 255, "+(1-options['opacity'])+")"); gradient.addColorStop(0, "rgba(255, 255, 255, "+(1-options['opacity'])+")");
context.fillStyle = gradient; context.fillStyle = gradient;
if (navigator.appVersion.indexOf('WebKit') != -1) { context.rect(0, 0, reflectionWidth, reflectionHeight*2);
context.fill(); context.fill();
} else {
context.fillRect(0, 0, reflectionWidth, reflectionHeight*2);
}
} }
} }
} catch (e) { } catch (e) {
@@ -148,7 +149,7 @@ var Reflection = {
} }
function addReflections() { function addReflections() {
var rimages = document.getElementsByClassName('reflect'); var rimages = document.myGetElementsByClassName('reflect');
for (i=0;i<rimages.length;i++) { for (i=0;i<rimages.length;i++) {
var rheight = null; var rheight = null;
var ropacity = null; var ropacity = null;

18
Modern Bubbling/Contents/Resources/main.css
View File

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

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

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