Zoekbalk naar onderen

This commit is contained in:
2020-02-04 17:03:45 +01:00
parent 89a0808404
commit a32f4b7476
2 changed files with 59 additions and 11 deletions

View File

@@ -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%;
}

View File

@@ -53,15 +53,8 @@
<body class="pattern_10">-->
<body>
<div class="site_container boxed">
<!--<div class="header_top_bar_container style_2 clearfix">
<div class="header_top_bar_container style_2 border clearfix">
<div class="header_top_bar_container style_3 clearfix">
<div class="header_top_bar_container style_3 border clearfix">
<div class="header_top_bar_container style_4 clearfix">
<div class="header_top_bar_container style_4 border clearfix">
<div class="header_top_bar_container style_5 clearfix">
<div class="header_top_bar_container style_5 border clearfix"> -->
<div class="header_top_bar_container style_11 clearfix">
{{--
<div class="header_top_bar">
<form class="search">
<input type="text" name="s" placeholder="Search..." value="Search..." class="search_input hint">
@@ -254,6 +247,7 @@
</ul>
@include('widgets.laatstenieuws')
</div>
--}}
</div>
<style>
img.ri{ max-width:100%; height: 90px; }
@@ -305,6 +299,11 @@
</div>
<div class="menu_container sticky clearfix">
@include('widgets.menu')
<form class="search">
<input type="text" name="s" placeholder="Zoeken..." value="Zoeken..." class="search_input hint">
<input type="submit" class="search_submit" value="">
<input type="hidden" name="page" value="search">
</form>
</div>
<!-- Content -->