Merge pull request #18 from dxn7335/master

nateperry · nateperry · commit 3de734b1c56f · 2014-10-10T23:53:11.000-04:00
Added styling to center inner-container in banner
diff --git a/_sass/main.sass b/_sass/main.sass
@@ -96,8 +96,14 @@ a
 	position: relative
 	width: 100%
 	.inner
-		left: 0
-		right: 0
+		position: absolute;   
+	    	left: 50%;   
+	    	top: 50%;   
+	    	min-width: 300px;
+	    	transform: translate(-50%, -50%);   
+	    	-webkit-transform: translate(-50%, -50%);   
+	    	-moz-transform: translate(-50%, -50%);   
+	    	-o-transform: translate(-50%, -50%);
 	// custom banners
 	&.welcome
 		background: url('coderit_background.png') center center fixed
@@ -108,7 +114,6 @@ a
 		text-align: center
 		.logo
 			margin-bottom: 25px
-			max-width: 60%
 		#learn-more
 			&:after
 				border-color: $white transparent transparent transparent
@@ -371,4 +376,4 @@ a
 		.inner
 			padding: 10px 3px
 	#event-list-cta
-		width: auto
+		width: auto
diff --git a/assets/css/main.css b/assets/css/main.css
@@ -77,8 +77,14 @@ a {
   position: relative;
   width: 100%; }
   .banner .inner {
-    left: 0;
-    right: 0; }
+    position: absolute;   
+    left: 50%;   
+    top: 50%;   
+    min-width: 300px;
+    transform: translate(-50%, -50%);   
+    -webkit-transform: translate(-50%, -50%);   
+    -moz-transform: translate(-50%, -50%);   
+    -o-transform: translate(-50%, -50%);}
   .banner.welcome {
     background: url("coderit_background.png") center center fixed;
     font-size: 1.25em;
@@ -87,8 +93,7 @@ a {
     padding: 60px 0 80px;
     text-align: center; }
     .banner.welcome .logo {
-      margin-bottom: 25px;
-      max-width: 60%; }
+      margin-bottom: 25px;}
     .banner.welcome #learn-more:after {
       border-color: white transparent transparent transparent;
       border-style: solid;
