Merge pull request #84 from rodrigo-brito/issue-11

Include internal pages #11.
WordPressBeloHorizonte · May 8, 2015 · ff07329 · ff07329
2 parents 6e1115c + 492dcaa
commit ff07329
Show file tree

Hide file tree

Showing 17 changed files with 720 additions and 382 deletions.
diff --git a/404.php b/404.php
@@ -7,7 +7,7 @@
 
 get_header(); ?>
 
-	<div id="primary" class="">
+	<div id="primary" class="container">
 		<main id="main-content" class="site-main" role="main">
 
 			<header class="page-header">

diff --git a/assets/images/blog/banner-blog.jpg b/assets/images/blog/banner-blog.jpg
diff --git a/assets/scss/horizon/_blog.scss b/assets/scss/horizon/_blog.scss
@@ -0,0 +1,170 @@
+.blog-item {
+	border-bottom: 10px solid #F1F1F1;
+	margin: 0px auto 85px;
+
+	&:not(.blog-single) {
+		border: 11px solid transparent;
+		-webkit-transition: border $hover-transition-time;
+		transition: border $hover-transition-time;
+
+		&:hover {
+			border-color: #f1f1f1;
+		}
+	}
+
+	@media (min-width: $screen-md-min) {
+		margin-left: 0;
+		margin-right: 0;
+	}	
+
+	.blog-item-content {
+		padding: 30px 45px 35px;
+	}
+
+	.blog-item-image {
+		position: relative;
+		overflow: hidden;
+		border-bottom: 5px solid $secondaryColor;
+		img {
+			width: 100%;
+		}
+
+
+		&:after {
+			content: '';
+			display: block;
+			width: 60px;
+			height: 47px;
+			position: absolute;
+			top: 0;
+			left: 50%;
+			margin-left: -30px;
+			background: no-repeat center center;
+			//Regra separada para ser editável
+			background-image: url('assets/images/blog/icon-blog.png');
+		}
+	}
+
+	.blog-item-header {
+		text-align: center;
+		margin-bottom: 35px;
+		color: $ligthGray;
+
+		h3 {
+			margin-top: 0;
+		}
+
+		.blog-item-title {
+			font-size: 17px;
+			font-weight: 700;
+			margin: 0;
+			text-transform: uppercase;
+		}
+
+		.sep {
+			display: block;
+			width: 240px;
+			height: 1px;
+			margin: 30px auto 20px;
+			background: $secondaryColor;
+		}
+
+		.blog-item-publish-date {
+			font-size: 11px;
+			font-weight: 600;
+		}
+	}
+
+	.blog-content,
+	.blog-item-excerpt {
+		font-size: 12px;
+		font-weight: 600;
+		margin-bottom: 40px;
+		color: $ligthGray;
+	}
+
+	.btn-blog-item {
+		font-size: 11px;
+		font-weight: 700;
+		width: 100%;
+		padding: 0;
+		height: 40px;
+	}
+
+	.blog-item-footer {
+		margin: 40px -5px 0;
+		font-size: 10px;
+		text-transform: uppercase;
+		color: $ligthGray;
+
+		&:after {
+			content: '';
+			display: block;
+			clear: both;
+		}
+
+		span {
+			padding: 0 5px;
+			line-height: 2em;
+			@media (min-width: $screen-lg-min) {
+				line-height: normal;
+			}
+		}
+
+		a {
+			color: $ligthGray;
+			text-decoration: none;
+			-webkit-transition: all $hover-transition-time;
+			transition: all $hover-transition-time;
+
+			&:hover {
+				color: $secondaryColor;
+			}
+		}
+
+		.fa {
+			font-size: 13px;
+			margin: 0 5px;
+
+			&:hover {
+				text-decoration: none;
+			}
+		}
+
+		.blog-list-categories {
+			width: 100%;
+			padding: 50px 5px;				
+			a {
+				margin-left: 5px;
+			}		
+		}
+
+		.blog-item-comments {
+			display: block;
+
+			.fa {
+				margin: 0;
+				padding: 0 0 0 10px;
+			}
+
+			@media (min-width: $screen-sm-min) {
+				display: inline;
+				border-left: 1px solid $secondaryColor;
+			}
+		}
+
+		.blog-item-share {
+			@media (min-width: $screen-lg-min) {
+				float: right;
+			}
+		}
+	}
+}
+
+.banner-blog {
+	margin: 30px 0;
+	img {
+		max-width: 100%;
+		width: 100%;
+	}
+}
diff --git a/assets/scss/horizon/_classes.scss b/assets/scss/horizon/_classes.scss
@@ -62,7 +62,6 @@
 
 .horizon-btn {
 	display: inline-block;
-	box-sizing: content-box;
 	background-color: $secondaryColor;
 	padding: 22px 32px;
 	color: $primaryColor;
@@ -172,9 +171,10 @@ blockquote {
 /**
  * Form style
  */
-.horizon-form{
+.comment-form, .horizon-form {
 	padding: 10px 30px;
 	text-align: center;
+
 	input, textarea{
 		width: 100%;
 		padding: 10px 5px;
@@ -183,15 +183,67 @@ blockquote {
 		border-top: 0;
 		border-bottom: 2px #9f9f9f solid;
 		resize: none;
-		&:focus, &:active{
+
+		&:focus, &:active {
 			border-bottom-color: $secondaryColor;
 			outline: none;
 		}
-		.error{
+
+		.error {
 			border-bottom-color: #555;
 		}
 	}
-	button{
+
+	input[type="submit"], button {
+		border: 0;
 		margin: 0 auto;
 	}
+
+}
+
+.comment-reply-title {
+	color: $ligthGray;
+}
+
+.comment-form {
+	color: $ligthGray;	
+	margin: 0;
+	padding: 0;
+	text-align: left;
+}
+
+.horizon-search {
+	position: relative;
+	width: 100%;
+	display: block;
+	text-align: right;
+
+	.search {
+		position: absolute;
+	    left: 0px;
+	    right: 50px;
+		input[type="search"] {
+			border: 1px $ligthGray solid;
+			border-right: none;
+			outline: none;
+			padding-left: 20px;
+			width: 100%;
+			height: 50px;
+		}
+	}
+
+	.search-btn {
+		border: none;
+		color: #fff;
+		background-color: $secondaryColor;
+		height: 50px;
+		width: 50px;
+		outline: none;
+		transition: background-color $hover-transition-time;
+
+		&:hover {
+			background-color: $darkColor;
+			transition: background-color $hover-transition-time;
+		}
+	}	
 }
diff --git a/assets/scss/horizon/_header.scss b/assets/scss/horizon/_header.scss
@@ -4,19 +4,17 @@
 	padding: 0px;
 	margin: 0px;
 	height: auto;
-	position: absolute;
-	top: 0;
 	width: 100%;
 }
 
-.navbar-brand{
+.navbar-brand {
 	padding: 0;
 	margin: 32px 0px 32px 10px !important;
 	height: auto;
 	line-height: 5px;
 }
 
-.nav>li>a{
+.nav>li>a {
 	padding: 0px 30px;
 }