Improve download button styles and add fun transforms for the kids

Author: danheberden

themes/jquery.com/style.css

@@ -41,6 +41,14 @@ a,
 }
 .cross-browser .feature-box-image{
 	background: url('i/feature-sprites.png') -278px 0px no-repeat;
+	-webkit-transition: all 0.4s;
+	transition: all 0.4s;
+}
+.cross-browser .feature-box-image:hover {
+	-webkit-transition: all 0.7s linear;
+	-webkit-transform: rotate(6.28rad);
+        transition: all 0.7s;
+	transform: rorate(6.28rad);
 }
 
 #banner-secondary .downloads-box span.download {
@@ -57,11 +65,25 @@ a,
 	margin: 15px 0 5px;
 }
 
-#banner-secondary .download-main {
-	height: 107px;
-	width: 90%;
-	margin-left:5%;
-	margin-bottom:1em;
+#banner-secondary .download-options,
+#banner-secondary .download-help {
+	margin-top: 1em;
+}
+#banner-secondary .download-options a {
+	display:block;
+}
+#banner-secondary .download-main .button {
+	float: none;
+	box-shadow: 0px 0px 20px rgba(209, 143, 79, 0.6);
+	-webkit-box-shadow: 0px 0px 20px rgba(209, 143, 79, 0.6);
+	border-radius: 0;
+	border: none;
+	-webkit-transition: -webkit-box-shadow 1s linear;
+	transition: box-shadow 1s;
+}
+#banner-secondary .download-main .button:hover {
+	box-shadow: 0px 0px 25px rgba(209, 143, 79, 0.9);
+	-webkit-box-shadow: 0px 0px 25px rgba(209, 143, 79, 0.9);
 }
 
 #content #banner-secondary .download-main > a {