NH_Gooi/nhgooi.nl
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Zoekbalk naar onderen

Browse Source
This commit is contained in:
Mischa Spelt
2020-02-04 17:03:45 +01:00
parent 89a0808404
commit a32f4b7476
2 changed files with 59 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
website/public/css/nhgooi.css vendored
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 { .header .now-playing-header {
float: right; float: right;
font-size: 16pt; 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 { .tabs_navigation li.ui-tabs-active span {
border-top-color: #03A6E0; border-top-color: #03A6E0;
border-bottom-color: #03A6E0; border-bottom-color: #03A6E0;
} }
@@ -172,15 +192,28 @@ button[disabled]:hover
text-decoration: none; text-decoration: none;
} }
.search {
border: none;
margin-right: 50px;
background: none;
color: #464D53;
}
.blog_grid .post img { .search .search_input.hint {
height: 100%; color: inherit;
}
.search .search_input {
background: none;
border: none;
color: inherit;
} }
.post h2, .post h2,
.post h5 { .post h5 {
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
margin-top: 3px;
} }
.post.single .post_details a { .post.single .post_details a {
@@ -193,6 +226,17 @@ button[disabled]:hover
background-color: #03A6E0; 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 { .post_details.simple li.category a {
color: #1F3977; color: #1F3977;
} }
@@ -244,6 +288,11 @@ button[disabled]:hover
width: 100px; width: 100px;
} }
.blog_grid .post img {
/* Gaat meestal goed, alleen op tablet moet plaatje iets uitgerekt worden. */
height: 100%;
}
.post.single { .post.single {
width: 100%; width: 100%;
} }

15
website/resources/views/layouts/master.blade.php
View File

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