Zoekbalk naar onderen
This commit is contained in:
55
website/public/css/nhgooi.css
vendored
55
website/public/css/nhgooi.css
vendored
@@ -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%;
|
||||
}
|
||||
|
||||
@@ -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 -->
|
||||
|
||||
Reference in New Issue
Block a user