ServiceStack's re-designed homepage

ServiceStack · Mar 25, 2013 · 223c6e6 · 223c6e6
1 parent d886df6
commit 223c6e6
Show file tree

Hide file tree

Showing 36 changed files with 9,430 additions and 302 deletions.
diff --git a/html/.idea/misc.xml b/html/.idea/misc.xml
diff --git a/html/.idea/workspace.xml b/html/.idea/workspace.xml
diff --git a/html/default.css b/html/default.css
@@ -142,41 +142,40 @@ H3#logo-title
 }
 H3.intro
 {
-	margin: 0 0 15px -15px;
-	width: 530px;
+    margin: 0;
+    padding: 0;
 	font-family: 'Droid Sans', Helvetica;
 	font-size: 24px;
 	line-height: 28px;
 	font-weight: normal;
 	color: #060;
+    text-align: center;
 	text-shadow: 1px 1px 1px rgba(162, 162, 162, 0.6);
 }
-#btn-googlecode
-{
-	margin: 18px 0 0 745px;
-	position: absolute;
-}
-#home #btn-googlecode {
-	margin-top: 28px;
-}
 
 #contributors, #d100k 
 {
+    color: #999;
 	float:right;
-	color:#B66D31;
-	font: 16px 'Droid Sans', Helvetica; 
+	font: 14px 'Droid Sans', Helvetica;
 	margin: 0px 20px 0 0;
-	text-shadow: 1px 1px 1px rgba(247, 150, 70, 0.3);
 	text-decoration:none;
 }
 #contributors:hover, #d100k:hover{
-	text-shadow: 1px 1px 1px rgba(247, 150, 70, 0.8);
 	text-decoration:underline;
 }
 #contributors {
 	margin: 0px 45px 0 0;
 }
 
+#whatstack {
+    text-align: center;
+    margin: 100px 0 0 0;
+}
+#gitstatus
+{
+}
+
 #quote
 {
 	color: #999;
@@ -191,7 +190,8 @@ H3.intro
 }
 #slides
 {
-	margin: 30px 0 30px 0px;
+    clear: left;
+	padding: 180px 0 160px 0px;
 }
 #slides iframe {
     box-shadow: 0px 0px 6px #6e6e6e;
@@ -237,6 +237,7 @@ H3.intro
 
 #footer
 {
+    text-align: right;
     border-top: 1px dotted #D2D2D2;
 	font-size: 11px;
 	color: #666;
@@ -248,21 +249,7 @@ H3.intro
 	width: 900px;
 	padding: 20px;
 }
-#img-overview
-{
-	float: right;
-	margin: 0 0 0 20px;
-}
-#img-overview IMG
-{
-	border: 1px solid #7BB682;
-}
-#img-overview P
-{
-	text-align: center;
-	margin: 0;
-    padding: 0;
-}
+
 #download
 {
 	margin: 0 0 20px 10px;
@@ -276,23 +263,6 @@ H3.intro
 	clear: right;
 	float: right;
 }
-#primary-links, #second-links
-{
-	margin: 0px 0 20px 10px;
-	padding: 10px;
-	width: 320px;
-	text-align: center;
-	clear: right;
-	float: right;
-}
-#primary-links a, #second-links a {
-	margin-bottom: 10px;
-	width: 200px;
-	text-align: center;
-}
-#primary-links {
-	padding-top: 9px;
-}
 
 #download H2
 {
@@ -376,6 +346,7 @@ A IMG {
 #nuget 
 {
 	clear: both;
+    padding: 120px 0 0 0;
 }
 #nuget H3
 {
@@ -392,6 +363,14 @@ A IMG {
     text-decoration: none;
 }
 
+#mvcpowerpack {
+    text-shadow: 0px 2px 3px #ccc;
+    margin: 10px 0 160px 0;
+}
+
+#livedemos h3 {
+    text-align: center;
+}
 .nuget-badge code {
     background-color: #202020;
     border: 4px solid #c0c0c0;
@@ -407,6 +386,59 @@ A IMG {
     padding: 15px; 
 }
 
+#mid {
+    padding: 0;
+}
+#mid-left {
+    float: left;
+    width: 50%;
+    text-align: left;
+}
+#mid-right {
+    text-align: right;
+    width: 50%;
+    float: left;
+}
+
+#img-overview
+{
+}
+#img-overview IMG
+{
+    border: 1px solid #7BB682;
+}
+#img-overview P
+{
+    margin: 0 65px 0 0;
+    padding: 0;
+}
+
+#primary-links, #second-links
+{
+    margin: 0px 0 20px 10px;
+    padding: 10px;
+    text-align: center;
+    clear: right;
+    float: right;
+}
+#primary-links {
+    padding: 22px 10px 0 0;
+}
+#second-links {
+    width: 320px;
+}
+#primary-links a, #second-links a {
+    margin-bottom: 10px;
+    text-align: center;
+    text-decoration: none;
+}
+#primary-links a {
+    width: 160px;
+}
+#second-links a {
+    width: 200px;
+}
+
 
 /* jstweets */
 
@@ -417,29 +449,22 @@ A IMG {
 #content a:hover {
     text-decoration: underline;
 }
-#gitstatus
-{
-	margin-left: 10px;
-}
+
 #tweets-container {
-	float: right;
-	clear: right;
+    margin: 40px 0 0 0;
 }
 
 #jstweets {
-    clear: right;
     width:340px;
-    float: right;
     font-family: arial;
     font-size: 12px;
     line-height: 130%;
-    min-height:225px;
+    min-height:240px;
     border: 1px solid #7BB682;
     text-align:left;
     cursor: pointer;
     overflow: auto;
     color: #444;
-    margin: 0 0 20px 40px;
 }
 #jstweets DIV {
     padding: 5px;
@@ -454,12 +479,10 @@ A IMG {
 H3#from-tweets
 {
     margin: -10px 0 0 0;
-    float: right;
     width: 280px;
     background:transparent url('tbird.png') no-repeat top  left;
     height: 32px;
     padding: 20px 0 0 55px;
-    left: 520px;
     font-size: 16px;
     font-weight: normal;
 }