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; margin: 0;
width: 210px; width: 210px;
max-width: 100%; max-width: 100%;
/* display: block; */ display: block;
margin-bottom: 20px; margin-bottom: 20px;
background: #fff; } background: #fff; }
select { select {

View File

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

View File

@ -35,6 +35,12 @@
<div class="back-to-home"><a href="/">← Back to Home</a></div> <div class="back-to-home"><a href="/">← Back to Home</a></div>
<hr class="large"> <hr class="large">
{% if DISQUS_SITENAME %}
<div id="disqus_thread"></div>
{% endif %}
{% endblock %}
{% block scripts %} {% block scripts %}
<!-- DISQUS --> <!-- DISQUS -->
@ -90,5 +96,3 @@
</script> </script>
{% endblock %} {% endblock %}
{% endblock %}

View File

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

View File

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