Add support for landing page template.

andrezrv · May 27, 2014 · b066a7a · b066a7a
1 parent a37b0b0
commit b066a7a
Show file tree

Hide file tree

Showing 6 changed files with 61 additions and 3 deletions.
diff --git a/css/fonts.css b/css/fonts.css
@@ -79,6 +79,11 @@ body {
   font-size: 38px;
 }
 
+.landing-page .page-title {
+  font-family: 'Neuton', serif;
+  font-size: 48px;
+}
+
 /* =============================================================================
    Content
    ========================================================================== */

diff --git a/css/fonts.scss b/css/fonts.scss
@@ -94,6 +94,13 @@ body {
 	}
 }
 
+.landing-page {
+	.page-title {
+		font-family: 'Neuton', serif;
+		font-size: 48px;
+	}
+}
+
 /* =============================================================================
    Content
    ========================================================================== */

diff --git a/css/general-colors.css b/css/general-colors.css
@@ -102,6 +102,10 @@ body {
   color: white;
 }
 
+.landing-page .navbar-inverse .site-title a {
+  color: white;
+}
+
 /* =============================================================================
    Header
    ========================================================================== */
@@ -115,6 +119,10 @@ body {
   color: white;
 }
 
+.landing-page-header {
+  color: white;
+}
+
 /* =============================================================================
    Content
    ========================================================================== */
@@ -146,12 +154,21 @@ blockquote {
 
 /* Posts
    ========================================================================== */
-#main article, #tinymce.wp-editor {
+#main article,
+#tinymce.wp-editor {
   background-color: white;
 }
-#main article.post header:before, #tinymce.wp-editor.post header:before {
+#main article.post header:before,
+#tinymce.wp-editor.post header:before {
   color: #777777;
 }
+.landing-page #main article .entry-content,
+.landing-page #main article .entry-summary, .landing-page
+#tinymce.wp-editor .entry-content,
+.landing-page
+#tinymce.wp-editor .entry-summary {
+  padding-top: 15px;
+}
 
 #main article h1 a {
   color: black;

diff --git a/css/general-colors.scss b/css/general-colors.scss
@@ -156,6 +156,14 @@ body {
 	}
 }
 
+.landing-page .navbar-inverse {
+	.site-title {
+		a {
+			color: $white;
+		}
+	}
+}
+
 /* =============================================================================
    Header
    ========================================================================== */
@@ -172,6 +180,10 @@ body {
 	}
 }
 
+.landing-page-header {
+	color: $white;
+}
+
 /* =============================================================================
    Content
    ========================================================================== */
@@ -214,7 +226,8 @@ blockquote {
 	}
 }
 
-#main article, #tinymce.wp-editor {
+#main article,
+#tinymce.wp-editor {
 	background-color: $white;
 	&.post {
 		header {
@@ -223,6 +236,12 @@ blockquote {
 			}
 		}
 	}
+	.landing-page & {
+		.entry-content,
+		.entry-summary {
+			padding-top: 15px;
+		}
+	}
 }
 
 #main article {

diff --git a/style.css b/style.css
@@ -55,6 +55,10 @@
   padding: 15px 20px;
 }
 
+.landing-page .page-title {
+  margin-top: 15px;
+}
+
 #primary,
 #secondary {
   margin: 30px 0;

diff --git a/style.scss b/style.scss
@@ -56,6 +56,12 @@
 	padding: 15px 20px;
 }
 
+.landing-page {
+	.page-title {
+		margin-top: 15px;
+	}
+}
+
 #primary,
 #secondary {
 	margin: 30px 0;