Zoekbalk naar onderen

website/public/css/nhgooi.css

@@ -48,6 +48,26 @@ h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
 		}
 }
 
+@media screen and (max-width: 479px) {
+	.search {
+		float: none;
+		display: flex;
+		width: 300px;
+		border: solid 1px #464D53 !important;
+		margin-top: 10px;
+		margin-bottom: -30px; /* Offset page_margin_top */
+		margin-left: auto !important;
+		margin-right: auto !important;
+	}
+	.search .search_input {
+		float: none;
+		flex: 1;
+	}
+	.search .search_submit {
+		display: block;
+	}
+}
+
 .header .now-playing-header {
 	float: right;
 	font-size: 16pt;
@@ -139,7 +159,7 @@ h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
 }
 
 .tabs_navigation li.ui-tabs-active span {
-    border-top-color: #03A6E0;
+	border-top-color: #03A6E0;
 	border-bottom-color: #03A6E0;
 }
 
@@ -172,15 +192,28 @@ button[disabled]:hover
 	text-decoration: none;
 }
 
+.search {
+	border: none;
+	margin-right: 50px;
+	background: none;
+	color: #464D53;
+}
 
-.blog_grid .post img {
-	height: 100%;
+.search .search_input.hint {
+	color: inherit;
+}
+
+.search .search_input {
+	background: none;
+	border: none;
+	color: inherit;
 }
 
 .post h2,
 .post h5 {
 	text-overflow: ellipsis;
 	overflow: hidden;
+	margin-top: 3px;
 }
 
 .post.single .post_details a {
@@ -193,6 +226,17 @@ button[disabled]:hover
 	background-color: #03A6E0;
 }
 
+.post_details li.date {
+	display: block;
+	border: none !important;
+ 	padding-left: 3px;
+ 	clear: both;
+}
+
+.post_details p {
+	margin-top: 0px;
+}
+
 .post_details.simple li.category a {
 	color: #1F3977;
 }
@@ -244,6 +288,11 @@ button[disabled]:hover
 	width: 100px;
 }
 
+.blog_grid .post img {
+	/* Gaat meestal goed, alleen op tablet moet plaatje iets uitgerekt worden. */
+	height: 100%;
+}
+
 .post.single {
 	width: 100%;
 }