diff options
| author | Evgeny Fadeev <evgeny.fadeev@gmail.com> | 2011-10-07 14:26:13 -0300 |
|---|---|---|
| committer | Evgeny Fadeev <evgeny.fadeev@gmail.com> | 2011-10-07 14:26:13 -0300 |
| commit | 1f2e3b559fa5d56932f8da46b6a734954cdbd6db (patch) | |
| tree | 4c05632ea67a41b87a1f60664e141ee6ecce2b0d | |
| parent | 24ff4a184a200b9e2620189db04d38a218194656 (diff) | |
| download | askbot-1f2e3b559fa5d56932f8da46b6a734954cdbd6db.tar.gz askbot-1f2e3b559fa5d56932f8da46b6a734954cdbd6db.tar.bz2 askbot-1f2e3b559fa5d56932f8da46b6a734954cdbd6db.zip | |
fixed tag rendering bug in opera
| -rw-r--r-- | askbot/skins/default/media/js/jquery.animate-colors.js | 105 | ||||
| -rw-r--r-- | askbot/skins/default/media/style/style.css | 1 |
2 files changed, 105 insertions, 1 deletions
diff --git a/askbot/skins/default/media/js/jquery.animate-colors.js b/askbot/skins/default/media/js/jquery.animate-colors.js new file mode 100644 index 00000000..07d8ac9c --- /dev/null +++ b/askbot/skins/default/media/js/jquery.animate-colors.js @@ -0,0 +1,105 @@ +/**!
+ * @preserve Color animation jQuery-plugin
+ * http://www.bitstorm.org/jquery/color-animation/
+ * Copyright 2011 Edwin Martin <edwin@bitstorm.org>
+ * Released under the MIT and GPL licenses.
+ */
+
+(function($) {
+ /**
+ * Check whether the browser supports RGBA color mode.
+ *
+ * Author Mehdi Kabab <http://pioupioum.fr>
+ * @return {boolean} True if the browser support RGBA. False otherwise.
+ */
+ function isRGBACapable() {
+ var $script = $('script:first'),
+ color = $script.css('color'),
+ result = false;
+ if (/^rgba/.test(color)) {
+ result = true;
+ } else {
+ try {
+ result = ( color != $script.css('color', 'rgba(0, 0, 0, 0.5)').css('color') );
+ $script.css('color', color);
+ } catch (e) {
+ }
+ }
+
+ return result;
+ }
+
+ $.extend(true, $, {
+ support: {
+ 'rgba': isRGBACapable()
+ }
+ });
+
+ var properties = ['color', 'backgroundColor', 'borderBottomColor', 'borderLeftColor', 'borderRightColor', 'borderTopColor', 'outlineColor'];
+ $.each(properties, function(i, property) {
+ $.fx.step[property] = function(fx) {
+ if (!fx.init) {
+ fx.begin = parseColor($(fx.elem).css(property));
+ fx.end = parseColor(fx.end);
+ fx.init = true;
+ }
+
+ fx.elem.style[property] = calculateColor(fx.begin, fx.end, fx.pos);
+ }
+ });
+
+ // borderColor doesn't fit in standard fx.step above.
+ $.fx.step.borderColor = function(fx) {
+ if (!fx.init) {
+ fx.end = parseColor(fx.end);
+ }
+ var borders = properties.slice(2, 6); // All four border properties
+ $.each(borders, function(i, property) {
+ if (!fx.init) {
+ fx[property] = {begin: parseColor($(fx.elem).css(property))};
+ }
+
+ fx.elem.style[property] = calculateColor(fx[property].begin, fx.end, fx.pos);
+ });
+ fx.init = true;
+ }
+
+ // Calculate an in-between color. Returns "#aabbcc"-like string.
+ function calculateColor(begin, end, pos) {
+ var color = 'rgb' + ($.support['rgba'] ? 'a' : '') + '('
+ + parseInt((begin[0] + pos * (end[0] - begin[0])), 10) + ','
+ + parseInt((begin[1] + pos * (end[1] - begin[1])), 10) + ','
+ + parseInt((begin[2] + pos * (end[2] - begin[2])), 10);
+ if ($.support['rgba']) {
+ color += ',' + (begin && end ? parseFloat(begin[3] + pos * (end[3] - begin[3])) : 1);
+ }
+ color += ')';
+ return color;
+ }
+
+ // Parse an CSS-syntax color. Outputs an array [r, g, b]
+ function parseColor(color) {
+ var match, triplet;
+
+ // Match #aabbcc
+ if (match = /#([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})/.exec(color)) {
+ triplet = [parseInt(match[1], 16), parseInt(match[2], 16), parseInt(match[3], 16), 1];
+
+ // Match #abc
+ } else if (match = /#([0-9a-fA-F])([0-9a-fA-F])([0-9a-fA-F])/.exec(color)) {
+ triplet = [parseInt(match[1], 16) * 17, parseInt(match[2], 16) * 17, parseInt(match[3], 16) * 17, 1];
+
+ // Match rgb(n, n, n)
+ } else if (match = /rgb\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*\)/.exec(color)) {
+ triplet = [parseInt(match[1]), parseInt(match[2]), parseInt(match[3]), 1];
+
+ } else if (match = /rgba\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9\.]*)\s*\)/.exec(color)) {
+ triplet = [parseInt(match[1], 10), parseInt(match[2], 10), parseInt(match[3], 10),parseFloat(match[4])];
+
+ // No browser returns rgb(n%, n%, n%), so little reason to support this format.
+ } else if (color == 'transparent'){
+ triplet = [0,0,0,0]
+ }
+ return triplet;
+ }
+})(jQuery);
diff --git a/askbot/skins/default/media/style/style.css b/askbot/skins/default/media/style/style.css index 6297721b..600cd31e 100644 --- a/askbot/skins/default/media/style/style.css +++ b/askbot/skins/default/media/style/style.css @@ -473,7 +473,6 @@ ul#related-tags li { float: left; height: 18px; margin: 0 5px 0 0; - overflow-x: hidden; padding: 0; } |