CSS refactoring and style fixes for secondary banners. Fixes jquerygh-373

Author: sigorilla

themes/api.jquery.com/style.css

@@ -4,20 +4,20 @@ Template: jquery
 */
 
 a {
-	color: #0769AD;
+	color: #0769ad;
 }
 
 .signatures li h4 {
-	background: #25649F;
+	background: #25649f;
 }
 
 .version-details a,
 .returns a {
-	color: #7ACEF4;
+	color: #7acef4;
 }
 
 .versionAdded a {
-	color: #7ACEF4;
+	color: #7acef4;
 }
 
 #content figure {

themes/api.jquerymobile.com/style.css

@@ -9,7 +9,7 @@ a {
 
 .version-details a,
 .returns a {
-	color: #3EB249;
+	color: #3eb249;
 }
 
 .signatures li h4 {

themes/api.jqueryui.com/style.css

@@ -4,14 +4,14 @@ Template: jquery
 */
 
 a {
-	color: #B24926;
+	color: #b24926;
 }
 
 .version-details a,
 .returns a {
-	color: #FAA523;
+	color: #faa523;
 }
 
 .signatures li h4 {
-	background: #B24926;
+	background: #b24926;
 }

themes/api.qunitjs.com/style.css

@@ -4,9 +4,9 @@ Template: jquery
 */
 
 a {
-	color: #730E00;
+	color: #730e00;
 }
 
 .signatures li h4 {
-	background: #390F39;
+	background: #390f39;
 }

themes/brand.jquery.org/style.css

@@ -98,7 +98,7 @@ hr {
 
 /* Links */
 a {
-	color: #032A42;
+	color: #032a42;
 }
 
 /* Buttons */

themes/codeorigin.jquery.com/style.css

@@ -5,7 +5,7 @@ Template: jquery
 
 a,
 .title {
-	color: #B24926;
+	color: #b24926;
 }
 
 #content a:hover {

themes/contribute.jquery.org/style.css

@@ -38,9 +38,9 @@ em.color {
 .example h3.ignore-example {
 	background-color: #fff;
 	margin:0 0 10px 0;
-	padding: 0px;
-	border-top-left-radius: 0px;
-	border-top-right-radius: 0px;
+	padding: 0;
+	border-top-left-radius: 0;
+	border-top-right-radius: 0;
 }
 
 .example #banner-secondary {

themes/events.jquery.org/index.php

@@ -1,14 +1,14 @@
 <?php get_header(); ?>
 
-<div id="banner-secondary" class="large-banner">
-	<div class="banner-text">
-	<h1>jQuery is better with friends.</h1>
-	<p>There are loads of events big and small.</p>
-	</div>
-</div>
-
 <div class="content-full full-width twelve columns">
 	<div id="content">
+		<div id="banner-secondary" class="large-banner">
+			<div class="banner-text">
+				<h1>jQuery is better with friends.</h1>
+				<p>There are loads of events big and small.</p>
+			</div>
+		</div>
+
 		<?php if ( count( $events[ 'future' ] ) === 0 ) : ?>
 			<p>
 			Unfortunately there are no upcoming events right now.

themes/events.jquery.org/style.css

@@ -6,7 +6,6 @@ Template: jquery
 #banner-secondary.large-banner {
 	background-image: url("/resources/images/banner-events-bkg.jpg");
 	background-repeat: no-repeat;
-	margin: -20px 0 20px;
 	padding: 85px 0;
 }
 
@@ -21,7 +20,7 @@ Template: jquery
 	width: 49%;
 	margin-right: 2%;
 	margin-bottom: 2%;
-	padding:3% 0;
+	padding: 3% 0;
 	text-align: center;
 	background-position: center center;
 	background-repeat: no-repeat;
@@ -38,7 +37,6 @@ Template: jquery
 	padding-bottom: 5%;
 	padding-left: 2%;
 	padding-right: 2%;
-	
 	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.51);
 }
 
@@ -110,8 +108,7 @@ a.past-conference-grid p {
 	padding-right: 2%;
 }
 
-#content a.past-conference-grid:hover
- {
- 	background-color: #bcbcbc;
- }
+#content a.past-conference-grid:hover {
+	background-color: #bcbcbc;
+}
 

themes/jquery.com/style.css

@@ -6,7 +6,7 @@ Template: jquery
 
 a,
 .title {
-	color: #B24926;
+	color: #b24926;
 }
 #content a:hover {
 	color: #333;
@@ -23,8 +23,8 @@ a,
 	color: #b3b3b3;
 }
 #banner-secondary h3 {
-	color: #7ACEF4;
-	margin-bottom:0.5em;
+	color: #7acef4;
+	margin-bottom: 0.5em;
 }
 
 #banner-secondary .features-box p {
@@ -40,13 +40,13 @@ a,
 	overflow: hidden;
 }
 .lightweight-footprint .feature-box-image {
-	background: url('i/feature-sprites.png') 0px 0px no-repeat;
+	background: url('i/feature-sprites.png') 0 0 no-repeat;
 }
 .css3-compliant .feature-box-image{
-	background: url('i/feature-sprites.png') -139px 0px no-repeat;
+	background: url('i/feature-sprites.png') -139px 0 no-repeat;
 }
 .cross-browser .feature-box-image{
-	background: url('i/feature-sprites.png') -278px 0px no-repeat;
+	background: url('i/feature-sprites.png') -278px 0 no-repeat;
 	transition: all 0.4s;
 	position: relative;
 	z-index: 10;
@@ -66,24 +66,24 @@ a,
 	margin-top: 1em;
 }
 #banner-secondary .download-options a {
-	display:block;
+	display: block;
 }
 #banner-secondary .download-main .button {
 	float: none;
-	box-shadow: 0px 0px 20px rgba(209, 143, 79, 0.6);
+	box-shadow: 0 0 20px rgba(209, 143, 79, 0.6);
 	border-radius: 0;
 	border: none;
 	transition: all 1s;
 }
 #banner-secondary .download-main .button:hover {
-	box-shadow: 0px 0px 25px rgba(209, 143, 79, 0.9);
+	box-shadow: 0 0 25px rgba(209, 143, 79, 0.9);
 }
 #content #banner-secondary .download-main > a {
-	display:block;
+	display: block;
 	padding: 0 0 .5em 0;
 	font-size: 2em;
 	width: 100%;
-	text-align:center;
+	text-align: center;
 	text-decoration: none;
 	line-height: 0.8em;
 }
@@ -92,13 +92,13 @@ a,
 	font-size: 0.6em;
 }
 #content #banner-secondary .download-main > a span.download {
-	background: url('i/download.png') 0px 0px;
+	background: url('i/download.png') 0 0;
 	width: 44px;
-	height:37px;
+	height: 37px;
 	position: relative;
 	top: 1em;
-	display:inline-block;
-	margin-right:0.5em;
+	display: inline-block;
+	margin-right: 0.5em;
 }
 
 .resources {
@@ -166,7 +166,7 @@ a,
 
 /* Browser Support */
 
-#support-matrix {
+#content #support-matrix {
 	width: 100%;
 	margin: 0 auto 1em;
 }