added css for tipue search and fixed js bug

forgot to add a css for the tipue search. so i reworked the template
style management a little and added the tipue search css with some font
changings. i also fixed a bug that was there because of my new script
template handling.
This commit is contained in:
Marvin Steadfast 2015-08-26 15:46:43 +00:00
parent f0fc7fb21e
commit 3a29963fd4
5 changed files with 97 additions and 89 deletions

View File

@ -229,7 +229,7 @@
margin: 0;
width: 210px;
max-width: 100%;
/* display: block; */
display: block;
margin-bottom: 20px;
background: #fff; }
select {

View File

@ -6,10 +6,13 @@ Tipue Search is released under the MIT License
http://www.tipue.com/search
*/
@import url(http://fonts.googleapis.com/css?family=Droid+Serif);
@import url(http://fonts.googleapis.com/css?family=Droid+Sans);
@import url(http://fonts.googleapis.com/css?family=Source+Code+Pro);
#tipue_search_input
{
font: 13px/1.6 'open sans', sans-serif;
font: 13px/1.6 'Droid Sans', sans-serif;
color: #333;
padding: 12px 12px 12px 40px;
width: 170px;
@ -31,7 +34,7 @@ http://www.tipue.com/search
}
#tipue_search_warning
{
font: 300 15px/1.6 'Open Sans', sans-serif;
font: 300 15px/1.6 'Droid Sans', sans-serif;
color: #555;
margin: 7px 0;
}
@ -46,12 +49,12 @@ http://www.tipue.com/search
}
#tipue_search_results_count
{
font: 300 15px/1.7 'Open Sans', sans-serif;
font: 300 15px/1.7 'Droid Sans', sans-serif;
color: #555;
}
.tipue_search_content_title
{
font: 300 21px/1.7 'Open Sans', sans-serif;
font: 300 21px/1.7 'Droid Sans', sans-serif;
margin-top: 23px;
}
.tipue_search_content_title a
@ -65,7 +68,7 @@ http://www.tipue.com/search
}
.tipue_search_content_url
{
font: 300 14px/1.9 'Open Sans', sans-serif;
font: 300 14px/1.9 'Droid Sans', sans-serif;
word-wrap: break-word;
hyphens: auto;
}
@ -80,7 +83,7 @@ http://www.tipue.com/search
}
.tipue_search_content_text
{
font: 300 15px/1.6 'Open Sans', sans-serif;
font: 300 15px/1.6 'Droid Sans', sans-serif;
color: #555;
word-wrap: break-word;
hyphens: auto;
@ -88,7 +91,7 @@ http://www.tipue.com/search
}
.tipue_search_content_debug
{
font: 300 13px/1.6 'Open Sans', sans-serif;
font: 300 13px/1.6 'Droid Sans', sans-serif;
color: #555;
margin: 5px 0;
}
@ -106,7 +109,7 @@ http://www.tipue.com/search
{
padding: 0;
margin: 0;
font: 12px 'Open Sans', sans-serif;
font: 12px 'Droid Sans', sans-serif;
}
#tipue_search_foot_boxes li
{
@ -195,9 +198,3 @@ http://www.tipue.com/search
-webkit-transform: scaleY(1.0);
}
}

View File

@ -35,7 +35,13 @@
<div class="back-to-home"><a href="/">← Back to Home</a></div>
<hr class="large">
{% block scripts %}
{% if DISQUS_SITENAME %}
<div id="disqus_thread"></div>
{% endif %}
{% endblock %}
{% block scripts %}
<!-- DISQUS -->
{% if DISQUS_SITENAME %}
@ -89,6 +95,4 @@
});
</script>
{% endblock %}
{% endblock %}

View File

@ -45,12 +45,14 @@
<!-- CSS
================================================== -->
<link rel="stylesheet" href="/theme/css/base.css">
<link rel="stylesheet" href="/theme/css/skeleton.css">
<link rel="stylesheet" href="/theme/css/layout.css">
<link rel="stylesheet" href="/theme/css/simply.css">
<link rel="stylesheet" href="/theme/css/pygment.css">
{% block styles %}
<link rel="stylesheet" href="{{ SITEURL }}/theme/css/base.css">
<link rel="stylesheet" href="{{ SITEURL }}/theme/css/skeleton.css">
<link rel="stylesheet" href="{{ SITEURL }}/theme/css/layout.css">
<link rel="stylesheet" href="{{ SITEURL }}/theme/css/simply.css">
<link rel="stylesheet" href="{{ SITEURL }}/theme/css/pygment.css">
<link href="//netdna.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.css" rel="stylesheet">
{% endblock %}
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>

View File

@ -1,14 +1,19 @@
{% extends 'base.html' %}
{% block title %}Search | {{ SITENAME }}{% endblock %}
{% block styles %}
{{ super() }}
<link rel="stylesheet" href="{{ SITEURL }}/theme/tipuesearch/tipuesearch.css">
{% endblock %}
{% block content %}
<h3 class="article-title">Search</h3>
<br>
<p>
<br/ >
<br/ >
<form action="{{ SITEURL}}/pages/search.html">
<input type="text" value="" placeholder="Suchen" name="q" id="tipue_search_input" autocomplete="on" required><input type="submit"/>
<input type="text" value="" placeholder="Suchen" name="q" id="tipue_search_input" autocomplete="on" required>
<br /><input type="submit"/>
</form>
</p>
<div id="tipue_search_content"><div id="tipue_search_loading"></div></div>
<br>
@ -21,7 +26,7 @@
$(document).ready(function() {
$('#tipue_search_input').tipuesearch({
'mode' : 'json',
'show': 100,
'show': 1000,
'newWindow': false,
'contentLocation': '{{ SITEURL }}/tipuesearch_content.json'
});