Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

Fixes Issue 19; Add linear gradients for Opera 11.10

  • Loading branch information...
commit 32fd454ad780f3dd92fd32841855f31824508636 1 parent ee3e85d
@miketaylr miketaylr authored
Showing with 6 additions and 4 deletions.
  1. +1 −0  css/light.css
  2. +2 −1  index.html
  3. +3 −3 javascript/javascript.js
View
1  css/light.css
@@ -1,6 +1,7 @@
body {
background-color: #eeeeee;
background-image: -moz-linear-gradient(top, #eeeeee, #ffffff);
+ background-image: -o-linear-gradient(top, #eeeeee, #ffffff);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #ffffff));
background-image: -webkit-linear-gradient(#eeeeee, #ffffff);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#ffffff');
View
3  index.html
@@ -86,8 +86,9 @@
.box_gradient {
background-color: <b g="0" i="s2Hex">#444444</b>;
background-image: -moz-linear-gradient(top, <b g="0" i="s2Hex">#444444</b>, <b g="1" i="s2Hex">#999999</b>); <span class="comment">/* FF3.6 <span class="endcomment">*/</span></span>
+ background-image: -o-linear-gradient(top, <b g="0" i="s2Hex">#444444</b>, <b g="1" i="s2Hex">#999999</b>); <span class="comment">/* Opera 11.10+ <span class="endcomment">*/</span></span>
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, <b g="0" i="s2Hex">#444444</b>),color-stop(1, <b g="1" i="s2Hex">#999999</b>)); <span class="comment">/* Saf4+, Chrome <span class="endcomment">*/</span></span>
- background-image: -webkit-linear-gradient(<b g="0" i="s2Hex">#444444</b>, <b g="1" i="s2Hex">#999999</b>); <span class="comment">/* Chrome 10+, Saf6 <span class="endcomment">*/</span></span>
+ background-image: -webkit-linear-gradient(<b g="0" i="s2Hex">#444444</b>, <b g="1" i="s2Hex">#999999</b>); <span class="comment">/* Chrome 10+, Saf5.1+ <span class="endcomment">*/</span></span>
background-image: linear-gradient(top, <b g="0" i="s2Hex">#444444</b>, <b g="1" i="s2Hex">#999999</b>);</span>
<span class="ie">filter: <span class="filter">progid:DXImageTransform.Microsoft.gradient(startColorStr='<b g="0" i="s2Hex">#444444</b>', EndColorStr='<b g="1" i="s2Hex">#999999</b>')</span>; <span class="comment">/* IE6–IE9 <span class="endcomment">*/</span></span></span>
}</pre>
View
6 javascript/javascript.js
@@ -112,7 +112,7 @@ window.cssMath = {
var dec = parseInt(ha[i],16) / 256;
var num = Math.round(dec * 100) / 100;
} else {
- var num = this.h2d( ha[i] )
+ var num = this.h2d( ha[i] );
}
da.push( num );
}
@@ -535,8 +535,8 @@ $(document).ready(function () {
generator.applyStyles();
}
- // use rgba and not gradients for opera since he's silly.
- if (/Opera/.test(({}).toString.call(window.opera))){
+ // use rgba and not gradients for older operas since they're silly.
+ if (/Opera/.test(({}).toString.call(window.opera)) && (parseFloat(opera.version(), 10) < 11.1)){
$('#box_gradient,#box_rgba').find('a.off').click();
}
Please sign in to comment.
Something went wrong with that request. Please try again.