Skip to content
This repository
Browse code

Add details on Firefox 16

This will make it easier for us to remove the old -moz-prefixed properties
once Firefox 16 ships.
  • Loading branch information...
commit e1ade3e3fdd587c2b6bfc516f3ad7a3181b188b8 1 parent b911dbd
Mathias Bynens authored July 21, 2012
2  css/build.css
... ...
@@ -1,4 +1,4 @@
1  
-/*! css3please.com | 2012-07-11 15:45:57 */
  1
+/*! css3please.com | 2012-07-21 20:04:19 */
2 2
 
3 3
 html, body {
4 4
 	padding:0;
2  css/build.min.css
... ...
@@ -1,2 +1,2 @@
1  
-/*! css3please.com | 2012-07-11 15:45:57 */
  1
+/*! css3please.com | 2012-07-21 20:04:19 */
2 2
 html,body{padding:0;margin:0;background:#def}body{font-family:arial,tahoma,verdana;font-size:75%;line-height:1.5;padding:20px}h1{font-family:georgia,garamond,serif;font-weight:normal;color:rgba(0,0,0,0.5);text-shadow:1px 1px 2px rgba(0,0,0,0.25)}p{width:230px}#save{width:300px;height:300px;padding:20px;position:absolute;left:50%;top:50%;margin:-150px 0 0 -150px;border:1px dashed rgba(0,0,0,0.5);color:rgba(0,0,0,0.5);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#save a.reset{position:absolute;color:rgba(0,0,0,0.5);left:20px;bottom:20px;text-decoration:none;font-size:10px}#save a.reset:hover{-webkit-transform:matrix(1.4172,-0.3424,0.3074,1.2345,0,0);-moz-transform:matrix(1.4172,-0.3424,0.3074,1.2345,0px,0px);-ms-transform:matrix(1.4172,-0.3424,0.3074,1.2345,0,0);-o-transform:matrix(1.4172,-0.3424,0.3074,1.2345,0,0);transform:matrix(1.4172,-0.3424,0.3074,1.2345,0,0)}#play{width:300px;height:300px;padding:20px;position:absolute;left:50%;top:50%;margin:-150px 0 0 -150px;background:#ffa;-webkit-user-select:none;-webkit-box-shadow:0 0 10px rgba(0,0,0,0.15);-moz-box-shadow:0 0 10px rgba(0,0,0,0.15);box-shadow:0 0 10px rgba(0,0,0,0.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transform:translate3d(0,0,0)}#play span{position:absolute;border:1px solid silver;background:white;font-size:14px;padding:4px 8px;white-space:nowrap;cursor:pointer;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}#play span:hover{border-color:gray}#play .rotate{right:-65px;top:45%;cursor:n-resize}#play .scale{bottom:-40px;right:-50px;cursor:nw-resize;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}#play .skewx{left:42%;bottom:-15px;cursor:w-resize}#play .skewy{left:-25px;top:45%;cursor:n-resize;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg)}#play .move{top:10px;right:10px;cursor:move}#output{position:absolute;width:100%;bottom:0;left:0;padding:20px 20px;border-top:1px solid gray;background:#fff;font-family:courier new;text-align:center;white-space:pre;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.colorpicker{width:356px;height:176px;overflow:hidden;position:absolute;background:url(../img/colorpicker/colorpicker_background.png);font-family:Arial,Helvetica,sans-serif;display:none;z-index:100}.colorpicker_color{width:150px;height:150px;left:14px;top:13px;position:absolute;background:#f00;overflow:hidden;cursor:crosshair}.colorpicker_color div{position:absolute;top:0;left:0;width:150px;height:150px;background:url(../img/colorpicker/colorpicker_overlay.png)}.colorpicker_color div div{position:absolute;top:0;left:0;width:11px;height:11px;overflow:hidden;background:url(../img/colorpicker/colorpicker_select.gif);margin:-5px 0 0 -5px}.colorpicker_hue{position:absolute;top:13px;left:171px;width:35px;height:150px;cursor:n-resize}.colorpicker_hue div{position:absolute;width:35px;height:9px;overflow:hidden;background:url(../img/colorpicker/colorpicker_indic.gif) left top;margin:-4px 0 0 0;left:0}.colorpicker_new_color{position:absolute;width:60px;height:30px;left:213px;top:13px;background:#f00}.colorpicker_current_color{position:absolute;width:60px;height:30px;left:283px;top:13px;background:#f00}.colorpicker input{background-color:transparent;border:1px solid transparent;position:absolute;font-size:10px;font-family:Arial,Helvetica,sans-serif;color:#898989;top:4px;right:11px;text-align:right;margin:0;padding:0;height:11px}.colorpicker_hex{position:absolute;width:72px;height:22px;background:url(../img/colorpicker/colorpicker_hex.png) top;left:212px;top:142px}.colorpicker_hex input{right:6px}.colorpicker_field{height:22px;width:62px;background-position:top;position:absolute}.colorpicker_field span{position:absolute;width:12px;height:22px;overflow:hidden;top:0;right:0;cursor:n-resize}.colorpicker_rgb_r{background-image:url(../img/colorpicker/colorpicker_rgb_r.png);top:52px;left:212px}.colorpicker_rgb_g{background-image:url(../img/colorpicker/colorpicker_rgb_g.png);top:82px;left:212px}.colorpicker_rgb_b{background-image:url(../img/colorpicker/colorpicker_rgb_b.png);top:112px;left:212px}.colorpicker_hsb_h{background-image:url(../img/colorpicker/colorpicker_hsb_h.png);top:52px;left:282px}.colorpicker_hsb_s{background-image:url(../img/colorpicker/colorpicker_hsb_s.png);top:82px;left:282px}.colorpicker_hsb_b{background-image:url(../img/colorpicker/colorpicker_hsb_b.png);top:112px;left:282px}.colorpicker_submit{position:absolute;width:22px;height:22px;background:url(../img/colorpicker/colorpicker_submit.png) top;left:322px;top:142px;overflow:hidden}.colorpicker_focus{background-position:center}.colorpicker_hex.colorpicker_focus{background-position:bottom}.colorpicker_submit.colorpicker_focus{background-position:bottom}.colorpicker_slider{background-position:bottom}html{overflow-y:scroll;background:none}article,aside,figure,footer,header,hgroup,nav,section{display:block}a{cursor:pointer;outline:none}a:link{color:#aaa}q:before,q:after{content:""}img{border:0;vertical-align:text-bottom}table{border-collapse:collapse}h1,h2,h3,h4,h5,h6{margin:20px 0}blockquote,dl,ol,menu,p,pre,ul{margin:16px 0}body{margin:8px}ol,ul ol{list-style:decimal outside}ul,ol ul{list-style:disc outside}ul ul{list-style:circle}ol ol{list-style:upper-roman}.rule_wrapper{margin:0 0 15px 0;position:relative}.toolbox_container{position:absolute;visibility:hidden;bottom:18px;left:15px}.rule_wrapper:hover .toolbox_container{visibility:visible}.toolbox{position:relative;display:block;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}.button_container{position:relative;float:left}.copybutton{width:24px;height:24px;background:url(../img/clipboard.png) no-repeat 0 0;background-position:0 0;background-position-x:0;background-position-y:0}.copybutton.hover{background:url(../img/clipboard.png) no-repeat 0 -24px;background-position:0 -24px;background-position-x:0;background-position-y:-24px}.resetbutton{width:24px;height:24px;background:url(../img/reset.png) no-repeat 0 0;background-position:0 0;background-position-x:0;background-position-y:0;display:none}.resetbutton:hover{background:url(../img/reset.png) no-repeat 0 -24px;background-position:0 -24px;background-position-x:0;background-position-y:-24px}abbr{border-bottom:1px dotted;border-bottom-color:inherit}body{background-color:#FFF;color:#d8d8d8}hr{border:0 solid #808080;border-width:0 0 1px;height:0}body{font:16px/20px Times,"Times New Roman",Georgia,serif}code,h3,h4,h5,h6,kbd,listing,pre,samp,tt{line-height:20px}h1{font-size:32px;line-height:40px}h2{font-size:24px;line-height:30px}h3{font-size:18px}h4,h5,h6{font-size:16px}sub,sup{font-size:12px;line-height:0}code,kbd,listing,pre,samp,tt{font-size:13px}dfn{font-style:italic}body{background-color:#0c1021;overflow-x:hidden}#sandboxwrap{position:fixed;right:25px;top:50px;z-index:10}#sandbox{font-family:"goudy-bookletter-1911-1","goudy-bookletter-1911-2","Baskerville","Georgia",serif;border:1px solid rgba(21,11,11,0.2);overflow:hidden;padding:20px;width:440px;z-index:2;color:rgba(0,0,0,0.6);font-size:16px}#sandbox h1{font-weight:normal;margin:0 0 20px 0;font-size:56px;word-spacing:2px}#sandbox abbr{cursor:help;font-size:1.3em;color:#ff2166;text-shadow:0 0 1px #333;border-bottom:1px dashed #888}#sandbox p{font-size:30px;line-height:50px;margin:0;width:auto}.rule,.rule input{font:14px/20px Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,monospace;white-space:pre;margin:0;position:relative;z-index:1;display:inline}.bracket{color:#f8f8f8}.rule .comment{color:#08f;color:rgba(0,136,255,.9)}.rule.comment{display:block}.comment a{color:inherit;text-decoration:none}.commentedout .endcomment{display:none}.commentclose{visibility:hidden}.commentedout .commentclose{visibility:visible}.commentedout .rule,.commentedout .rule span{color:#08f;color:rgba(0,136,255,.9)!important}body .declaration .comment,span.comment .comment{color:rgba(0,136,255,.3)!important}pre.comment .comment{color:rgba(0,136,255,.5);-moz-transition:color 0.6s ease-out;-o-transition:color 0.6s ease-out;-webkit-transition:color 0.6s ease-out}.rule_wrapper:hover pre.comment .comment{color:rgba(0,136,255,.9)}.rule_wrapper pre.comment span.comment a:hover,.rule_wrapper pre.comment span.comment a.hover{color:rgba(0,136,255,1)}body .commentclose .comment{color:rgba(0,136,255,.9)!important}.footer .comment a,.comment a{border-bottom:1px solid hsla(208,100%,70%,0.4)!important}.rule .selector{color:#ff6400}.rule .property,span.ie{color:#8da6ce}.rule .comment .declaration{color:#8da6ce}.rule .value,span.ie .filter{color:#61ce3c}.rule b{border-bottom:1px dotted #808080;color:#d8fa3c;font-weight:normal;padding:0 0 1px;position:relative}.rule b[readonly]{border-bottom:0;opacity:.82}.commentedout .rule b[readonly]{opacity:1}.rule b input{background:none;border:0;color:inherit;display:none;left:-1px;min-width:2em;outline:0;padding:0;position:absolute;top:0;width:200%}.rule b.edit span{visibility:hidden}.rule b.edit input{display:inline;color:white}#guestbook{position:absolute;right:10px;padding-bottom:10px}::-moz-selection{background:#FF5E99;color:#fff}::selection{background:#FF5E99;color:#fff}#sandbox{margin-bottom:20px}#sandboxwrap .rule.comment{text-align:right}body{-webkit-transition:background-color 0.5s ease-out;-moz-transition:background-color 0.5s ease-out;-ms-transition:background-color 0.5s ease-out;-o-transition:background-color 0.5s ease-out;transition:background-color 0.5s ease-out}.cb{display:none}.flash .cb{display:inline}#matrixbox{position:relative;top:160px}#output{position:static;background:none;border:0;text-align:inherit;font-family:inherit}#box_matrix{position:relative;z-index:10;background:#0c1021;min-height:270px;margin-right:-10px}#play,#save{height:160px;width:160px;padding:50px;text-align:center;right:12%;z-index:20;left:auto;color:black}#save{color:white;border-color:white}.light body,.light #box_matrix{background-color:#eee;background-image:-webkit-gradient(linear,left top,left bottom,from(#eee),to(#fff));background-image:-webkit-linear-gradient(top,#eee,#fff);background-image:-moz-linear-gradient(top,#eee,#fff);background-image:-o-linear-gradient(top,#eee,#fff);background-image:linear-gradient(to bottom,#eee,#fff);color:#ff6400}.light .rule_wrapper pre.comment .comment,.light .rule .comment,.light .commentedout .rule,.light .commentedout .rule span{color:#50bd2b!important}.light .rule_wrapper:hover pre.comment .comment,.light .rule_wrapper pre.comment span.comment a:hover,.light .rule_wrapper pre.comment span.comment a.hover{color:#2d9e06}.light .rule .property,span.ie{color:#333}.light .rule b{color:rgba(0,136,255,0.898438)}.light .rule b.edit input{color:red}.light .rule .value,span.ie .filter{color:saddleBrown}.light .footer .comment a,.light .comment a{border-bottom:1px solid #50bd2b}.light .rule.comment .comment a{border-bottom:none}
17  index.html
@@ -85,9 +85,9 @@
85 85
   background-color: <b g="0" i="lHex">#444444</b>;
86 86
   background-image: -webkit-gradient(linear, left top, left bottom, from(<b g="0" i="lHex">#444444</b>), to(<b g="1" i="lHex">#999999</b>)); <span class="comment">/* Saf4+, Chrome <span class="endcomment">*/</span></span>
87 87
   background-image: -webkit-linear-gradient(top, <b g="0" i="lHex">#444444</b>, <b g="1" i="lHex">#999999</b>); <span class="comment">/* Chrome 10+, Saf5.1+, iOS 5+ <span class="endcomment">*/</span></span>
88  
-  background-image:    -moz-linear-gradient(top, <b g="0" i="lHex">#444444</b>, <b g="1" i="lHex">#999999</b>); <span class="comment">/* FF3.6+ <span class="endcomment">*/</span></span>
  88
+  background-image:    -moz-linear-gradient(top, <b g="0" i="lHex">#444444</b>, <b g="1" i="lHex">#999999</b>); <span class="comment">/* Firefox 3.6-15 <span class="endcomment">*/</span></span>
89 89
   background-image:      -o-linear-gradient(top, <b g="0" i="lHex">#444444</b>, <b g="1" i="lHex">#999999</b>); <span class="comment">/* Opera 11.10+ <span class="endcomment">*/</span></span>
90  
-  background-image:         linear-gradient(to bottom, <b g="0" i="lHex">#444444</b>, <b g="1" i="lHex">#999999</b>);</span>
  90
+  background-image:         linear-gradient(to bottom, <b g="0" i="lHex">#444444</b>, <b g="1" i="lHex">#999999</b>); <span class="comment">/* Firefox 16+ <span class="endcomment">*/</span></span>
91 91
 }</pre>
92 92
   <pre class="rule comment commentclose"><span class="comment">/* */</span></pre>
93 93
 </div>
@@ -111,10 +111,10 @@
111 111
   <pre class="rule">
112 112
 .box_rotate {
113 113
   -webkit-transform: rotate(<b g="0">7.5</b>deg);  <span class="comment">/* Saf3.1+, Chrome <span class="endcomment">*/</span></span>
114  
-     -moz-transform: rotate(<b g="0">7.5</b>deg);  <span class="comment">/* FF3.5+ <span class="endcomment">*/</span></span>
  114
+     -moz-transform: rotate(<b g="0">7.5</b>deg);  <span class="comment">/* Firefox 3.5-15 <span class="endcomment">*/</span></span>
115 115
       -ms-transform: rotate(<b g="0">7.5</b>deg);  <span class="comment">/* IE9 <span class="endcomment">*/</span></span>
116 116
        -o-transform: rotate(<b g="0">7.5</b>deg);  <span class="comment">/* Opera 10.5 <span class="endcomment">*/</span></span>
117  
-          transform: rotate(<b g="0">7.5</b>deg);
  117
+          transform: rotate(<b g="0">7.5</b>deg);  <span class="comment">/* Firefox 16+ <span class="endcomment">*/</span>
118 118
              <span class="ie">filter: <span class="filter">progid:DXImageTransform.Microsoft.Matrix(<span class="comment">/* IE6–IE9 <span class="endcomment">*/</span></span>
119 119
                      <b g="0" i="matrix2deg" o="deg2matrix" readonly>M11=0.9914448613738104, M12=-0.13052619222005157,M21=0.13052619222005157, M22=0.9914448613738104</b>, sizingMethod='auto expand')</span>;</span></span>
120 120
                zoom: 1;
@@ -159,9 +159,10 @@
159 159
   <pre class="rule">
160 160
 .box_transition {
161 161
   -webkit-transition: <b g="0">all</b> <b g="1">0.3s</b> <b g="2">ease-out</b>;  <span class="comment">/* Saf3.2+, Chrome <span class="endcomment">*/</span></span>
162  
-     -moz-transition: <b g="0">all</b> <b g="1">0.3s</b> <b g="2">ease-out</b>;  <span class="comment">/* FF4+ <span class="endcomment">*/</span></span>
  162
+     -moz-transition: <b g="0">all</b> <b g="1">0.3s</b> <b g="2">ease-out</b>;  <span class="comment">/* Firefox 4-15 <span class="endcomment">*/</span></span>
163 163
        -o-transition: <b g="0">all</b> <b g="1">0.3s</b> <b g="2">ease-out</b>;  <span class="comment">/* Opera 10.5+ <span class="endcomment">*/</span></span>
164  
-          transition: <b g="0">all</b> <b g="1">0.3s</b> <b g="2">ease-out</b>;
  164
+          transition: <b g="0">all</b> <b g="1">0.3s</b> <b g="2">ease-out</b>
  165
+          ;  <span class="comment">/* Firefox 16+ <span class="endcomment">*/</span>
165 166
 }</pre>
166 167
   <pre class="rule comment commentclose"><span class="comment">/* */</span></pre>
167 168
 </div>
@@ -228,9 +229,9 @@
228 229
   <pre class="rule">
229 230
 .box_animation&#58;hover {
230 231
   -webkit-animation: <b g="0">myanim</b> <b g="8">5s</b> infinite; <span class="comment">/* Saf5, Chrome <span class="endcomment">*/</span></span>
231  
-     -moz-animation: <b g="0">myanim</b> <b g="8">5s</b> infinite; <span class="comment">/* FF5+ <span class="endcomment">*/</span></span>
  232
+     -moz-animation: <b g="0">myanim</b> <b g="8">5s</b> infinite; <span class="comment">/* Firefox 5-15 <span class="endcomment">*/</span></span>
232 233
        -o-animation: <b g="0">myanim</b> <b g="8">5s</b> infinite; <span class="comment">/* Opera 12+ <span class="endcomment">*/</span></span>
233  
-          animation: <b g="0">myanim</b> <b g="8">5s</b> infinite; <span class="comment">/* Saf5, Chrome <span class="endcomment">*/</span></span>
  234
+          animation: <b g="0">myanim</b> <b g="8">5s</b> infinite; <span class="comment">/* Saf5, Chrome, Firefox 16+ <span class="endcomment">*/</span></span>
234 235
 }
235 236
 
236 237
 @-webkit-keyframes <b g="0">myanim</b> {
2  javascript/build.js
... ...
@@ -1,4 +1,4 @@
1  
-/*! css3please.com | 2012-07-11 15:45:57 */
  1
+/*! css3please.com | 2012-07-21 20:04:19 */
2 2
 
3 3
 if (((navigator.plugins && typeof navigator.plugins['Shockwave Flash'] == 'object') || (window.ActiveXObject && (new ActiveXObject('ShockwaveFlash.ShockwaveFlash')))) && location.protocol != 'file:') document.documentElement.className = 'flash';
4 4
 /*! jQuery v1.7.1 jquery.com | jquery.org/license */

0 notes on commit e1ade3e

Please sign in to comment.
Something went wrong with that request. Please try again.