Permalink
Browse files

finished the browser support comments

  • Loading branch information...
boazsender committed Mar 9, 2010
1 parent 43707af commit 39d716aac0aee3d0b4bda831ca6d899ce1e6a606
Showing with 14 additions and 14 deletions.
  1. +14 −14 index.html
View
@@ -40,10 +40,10 @@ <h1>
<div id="box_round" class="rule_wrapper">
<pre class="rule comment"><span class="comment">/* <a href="#">{toggle rule off}</a> <span class="endcomment">*/</span></span></pre>
<pre class="rule">
-.box_round { //No IE, support,
+.box_round {
-moz-border-radius: <b g="0">12px</b>; <span class="comment">/* Firefox 1.0 (partial), Firefox 3.5 and up <span class="endcomment">*/</span></span>
-webkit-border-radius: <b g="0">12px</b>; <span class="comment">/* Safari 3.0 (partial) Safari 4.0 +, Chrome <span class="endcomment">*/</span></span>
- border-radius: <b g="0">12px</b>; <span class="comment">/* IE 9, Opera 10.5 and up, W3C rule, non vendor specific <span class="endcomment">*/</span></span>
+ border-radius: <b g="0">12px</b>; <span class="comment">/* IE 9, Opera 10.5, W3C rule, non vendor specific <span class="endcomment">*/</span></span>
}
</pre>
<pre class="rule comment commentclose"><span class="comment"> */</span></pre>
@@ -64,9 +64,9 @@ <h1>
<pre class="rule comment"><span class="comment">/* <a href="#">{toggle rule off}</a> <span class="endcomment">*/</span></span></pre>
<pre class="rule">
.box_shadow {
- -moz-box-shadow: <b g="0">0px</b> <b g="1">0px</b> <b g="2">4px</b> <b g="3" i="s2Hex" o="sHex">#ffffff</b>; <span class="comment">/* Firefox 1.0 (partial), Firefox 3.5 and up <span class="endcomment">*/</span></span>
+ -moz-box-shadow: <b g="0">0px</b> <b g="1">0px</b> <b g="2">4px</b> <b g="3" i="s2Hex" o="sHex">#ffffff</b>; <span class="comment">/* Firefox 3.5 and up <span class="endcomment">*/</span></span>
-webkit-box-shadow: <b g="0">0px</b> <b g="1">0px</b> <b g="2">4px</b> <b g="3" i="s2Hex" o="sHex">#ffffff</b>; <span class="comment">/* Safari 3.0 (partial) Safari 4.0 +, Chrome <span class="endcomment">*/</span></span>
- box-shadow: <b g="0">0px</b> <b g="1">0px</b> <b g="2">4px</b> <b g="3" i="s2Hex" o="sHex">#ffffff</b>; <span class="comment">/* IE 9.0, Opera 10.5 and up, W3C rule, non vendor specific <span class="endcomment">*/</span></span>
+ box-shadow: <b g="0">0px</b> <b g="1">0px</b> <b g="2">4px</b> <b g="3" i="s2Hex" o="sHex">#ffffff</b>; <span class="comment">/* IE 9.0, Opera 10.5, W3C rule, non vendor specific <span class="endcomment">*/</span></span>
filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=<b g="0">0px</b>, OffY=<b g="1">0px</b>, Color='<b g="3" i="s2Hex" o="lHex">#ffffff</b>'); <span class="comment">/* IE 6.0, IE 7.0 <span class="endcomment">*/</span></span>
-ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=<b g="0">0px</b>, OffY=<b g="1">0px</b>, Color='<b g="3" i="s2Hex" o="lHex">#ffffff</b>')"; <span class="comment">/* IE 8.0 <span class="endcomment">*/</span></span>
}
@@ -88,10 +88,10 @@ <h1>
<pre class="rule comment"><span class="comment">/* <a href="#">{toggle rule off}</a> <span class="endcomment">*/</span></span></pre>
<pre class="rule">
.box_gradient {
- background-image: -moz-linear-gradient(top, <b g="0" i="s2Hex">#444444</b>, <b g="1" i="s2Hex">#999999</b>); //Firefox 3.6 and up
+ background-image: -moz-linear-gradient(top, <b g="0" i="s2Hex">#444444</b>, <b g="1" i="s2Hex">#999999</b>); <span class="comment">/* Firefox 3.6 <span class="endcomment">*/</span></span>
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, <b g="0" i="s2Hex">#444444</b>),color-stop(1, <b g="1" i="s2Hex">#999999</b>)); <span class="comment">/* Safari 4.0 and up <span class="endcomment">*/</span></span>
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='<b g="0" i="s2Hex">#444444</b>', endColorstr='<b g="1" i="s2Hex">#999999</b>'); <span class="comment">/* IE 5.5, 6.0, IE 7.0 <span class="endcomment">*/</span></span>
- -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='<b g="0" i="s2Hex">#444444</b>', endColorstr='<b g="1" i="s2Hex">#999999</b>')"; <span class="comment">/* IE 8 <span class="endcomment">*/</span></span>
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='<b g="0" i="s2Hex">#444444</b>', endColorstr='<b g="1" i="s2Hex">#999999</b>'); <span class="comment">/* IE 6.0, IE 7.0 <span class="endcomment">*/</span></span>
+ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='<b g="0" i="s2Hex">#444444</b>', endColorstr='<b g="1" i="s2Hex">#999999</b>')"; <span class="comment">/* IE 8.0 <span class="endcomment">*/</span></span>
}
</pre>
<pre class="rule comment commentclose"><span class="comment"> */</span></pre>
@@ -112,8 +112,8 @@ <h1>
<pre class="rule">
.box_rgba {
background-color: <b g="0" i="s2aHex" o="aCh">rgba(180, 180, 144, 0.6)</b>;
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='<b g="0" i="s2aHex">#AN0F4F31</b>',endColorstr='<b g="0" i="s2aHex">#AN0F4F31</b>'); <span class="comment">/* IE 5.5, IE 7 <span class="endcomment">*/</span></span>
- -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='<b g="0" i="s2aHex">#AN0F4F31</b>',endColorstr='<b g="0" i="s2aHex">#AN0F4F31</b>')"; <span class="comment">/* IE 8 <span class="endcomment">*/</span></span>
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='<b g="0" i="s2aHex">#AN0F4F31</b>',endColorstr='<b g="0" i="s2aHex">#AN0F4F31</b>'); <span class="comment">/* IE 6.0 IE 7.0 <span class="endcomment">*/</span></span>
+ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='<b g="0" i="s2aHex">#AN0F4F31</b>',endColorstr='<b g="0" i="s2aHex">#AN0F4F31</b>')"; <span class="comment">/* IE 8.0 <span class="endcomment">*/</span></span>
}
</pre>
<pre class="rule comment commentclose"><span class="comment"> */</span></pre>
@@ -133,11 +133,11 @@ <h1>
<pre class="rule comment"><span class="comment">/* <a href="#">{toggle rule on}</a> <span class="endcomment">*/</span></span></pre>
<pre class="rule">
.box_rotate {
- -moz-transform: rotate(<b g="0">7.5</b>deg);
- -o-transform: rotate(<b g="0">7.5</b>deg);
- -webkit-transform: rotate(<b g="0">7.5</b>deg);
- filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=<b g="0" i="s2deg" o="rot">0.083</b>); //IE 6, IE 7
- -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=<b g="0" i="s2deg" o="rot">0.083</b>)"; //IE 8
+ -moz-transform: rotate(<b g="0">7.5</b>deg); <span class="comment">/* IE 6.0, IE 7.0 <span class="endcomment">*/</span></span>
+ -o-transform: rotate(<b g="0">7.5</b>deg); <span class="comment">/* Opera 10.5 <span class="endcomment">*/</span></span>
+ -webkit-transform: rotate(<b g="0">7.5</b>deg); <span class="comment">/* Safari 3.1, Chrome <span class="endcomment">*/</span></span>
+ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=<b g="0" i="s2deg" o="rot">0.083</b>); <span class="comment">/* IE 6.0, IE 7.0 <span class="endcomment">*/</span></span>
+ -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=<b g="0" i="s2deg" o="rot">0.083</b>)"; <span class="comment">/* IE 8.0 <span class="endcomment">*/</span></span>
}
</pre>
<pre class="rule comment commentclose"><span class="comment"> */</span></pre>

0 comments on commit 39d716a

Please sign in to comment.