diff --git a/index.html b/index.html index 60d537d..0defbb9 100644 --- a/index.html +++ b/index.html @@ -44,8 +44,7 @@ 

/*                           [to clipboard] [toggle rule off] */
 .box_round {
-  -webkit-border-radius: 12px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
-          border-radius: 12px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */
+  border-radius: 12px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */
 
   /* useful if you don't want a bg color from leaking outside the border: */
   background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
@@ -83,11 +82,8 @@ 

   
 .box_gradient {
   background-color: #444444;
-  background-image: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#999999)); /* Chrome, Safari 4+ */
   background-image: -webkit-linear-gradient(top, #444444, #999999); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
-  background-image:    -moz-linear-gradient(top, #444444, #999999); /* Firefox 3.6-15 */
-  background-image:      -o-linear-gradient(top, #444444, #999999); /* Opera 11.10-12.00 */
-  background-image:         linear-gradient(to bottom, #444444, #999999); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
+  background-image:         linear-gradient(to bottom, #444444, #999999); /* Chrome 26, Firefox 16+, IE 10+, Opera */
 }

   
/* */

 
@@ -108,11 +104,9 @@ 

   
/*                           [to clipboard] [toggle rule on] */

   
 .box_rotate {
-  -webkit-transform: rotate(7.5deg);  /* Chrome, Safari 3.1+ */
-     -moz-transform: rotate(7.5deg);  /* Firefox 3.5-15 */
+  -webkit-transform: rotate(7.5deg);  /* Chrome, Opera 15+, Safari 3.1+ */
       -ms-transform: rotate(7.5deg);  /* IE 9 */
-       -o-transform: rotate(7.5deg);  /* Opera 10.50-12.00 */
-          transform: rotate(7.5deg);  /* Firefox 16+, IE 10+, Opera 12.10+ */
+          transform: rotate(7.5deg);  /* Firefox 16+, IE 10+, Opera */
 }

   
/* */

 
@@ -121,11 +115,9 @@ 

   
/*                           [to clipboard] [toggle rule on] */

   
 .box_scale {
-  -webkit-transform: scale(0.8);  /* Chrome, Safari 3.1+ */
-     -moz-transform: scale(0.8);  /* Firefox 3.5+ */
+  -webkit-transform: scale(0.8);  /* Chrome, Opera 15+, Safari 3.1+ */
       -ms-transform: scale(0.8);  /* IE 9 */
-       -o-transform: scale(0.8);  /* Opera 10.50-12.00 */
-          transform: scale(0.8);  /* Firefox 16+, IE 10+, Opera 12.10+ */
+          transform: scale(0.8);  /* Firefox 16+, IE 10+, Opera */
 }

   
/* */

 
@@ -135,11 +127,9 @@ 

   
 .box_3dtransforms {
   -webkit-perspective: 300px;  /* Chrome 12+, Safari 4+ */
-     -moz-perspective: 300px;  /* Firefox 10+ */
       -ms-perspective: 300px;  /* IE 10 */
           perspective: 300px;
   -webkit-transform: rotateY(180deg);  -webkit-transform-style: preserve-3d;
-     -moz-transform: rotateY(180deg);     -moz-transform-style: preserve-3d;
       -ms-transform: rotateY(180deg);      -ms-transform-style: preserve-3d;
           transform: rotateY(180deg);          transform-style: preserve-3d;
 }

@@ -151,10 +141,8 @@ 

   
/*                           [to clipboard] [toggle rule off] */

   
 .box_transition {
-  -webkit-transition: all 0.3s ease-out;  /* Chrome 1-25, Safari 3.2+ */
-     -moz-transition: all 0.3s ease-out;  /* Firefox 4-15 */
-       -o-transition: all 0.3s ease-out;  /* Opera 10.50–12.00 */
-          transition: all 0.3s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+, Safari 6.1+ */
+  -webkit-transition: all 0.3s ease-out;  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
+          transition: all 0.3s ease-out;  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
 }

   
/* */

 
@@ -219,10 +207,8 @@ 

   
/*                           [to clipboard] [toggle rule off] */

   
 .box_animation:hover {
-  -webkit-animation: myanim 5s infinite; /* Chrome, Safari 5+ */
-     -moz-animation: myanim 5s infinite; /* Firefox 5-15 */
-       -o-animation: myanim 5s infinite; /* Opera 12.00 */
-          animation: myanim 5s infinite; /* Chrome, Firefox 16+, IE 10+, Opera 12.10+ */
+  -webkit-animation: myanim 5s infinite; /* Chrome, Opera 15+, Safari 5+ */
+          animation: myanim 5s infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
 }
 
 @-webkit-keyframes myanim {
@@ -230,16 +216,6 @@ 

   50%  { opacity: 0.5; }
   100% { opacity: 1.0; }
 }
-@-moz-keyframes myanim {
-  0%   { opacity: 0.0; }
-  50%  { opacity: 0.5; }
-  100% { opacity: 1.0; }
-}
-@-o-keyframes myanim {
-  0%   { opacity: 0.0; }
-  50%  { opacity: 0.5; }
-  100% { opacity: 1.0; }
-}
 @keyframes myanim {
   0%   { opacity: 0.0; }
   50%  { opacity: 0.5; }
@@ -297,7 +273,6 @@ 

   
 .box_tabsize {
   -moz-tab-size: 2; /* Firefox 4+ */
-    -o-tab-size: 2; /* Opera 10.60+ */
        tab-size: 2;
 }