Project

General

Profile

« Previous | Next » 

Revision 1cc843b5

Added by Frédéric Péters almost 8 years ago

style search box

View differences:

ckanext/ozwillo_theme/fanstatic/ozwillo.css
66 66
.hero {
67 67
	background: url(/img/stripe.jpg);
68 68
}
69

  
70
.homepage .module-search {
71
	background: #E6E6E6;
72
	color: #626580;
73
}
74

  
75
.homepage .module-search .module-content,
76
.homepage .module-search .tags {
77
	background: transparent;
78
}
79

  
80
.search-form .search-input.search-giant button {
81
	margin: 0;
82
	top: 0;
83
	right: 0;
84
	height: 100%;
85
	padding: 0 1em;
86
	background: #714090;
87
	border-top-right-radius: 4px;
88
	border-bottom-right-radius: 4px;
89
}
90

  
91
.search-form .search-input button i {
92
	color: white !important;
93
}
ckanext/ozwillo_theme/templates/home/snippets/search.html
1
{% set tags = h.get_facet_items_dict('tags', limit=3) %}
2
{% set placeholder = _('eg. Gold Prices') %}
3

  
4
<div class="module module-search module-narrow module-shallow box">
5
  <form class="module-content search-form" method="get" action="{% url_for controller='package', action='search' %}">
6
    <div class="search-input control-group search-giant">
7
      <input type="text" class="search" name="q" value="" autocomplete="off" placeholder="{{ _("Search Your Data") }}" />
8
      <button type="submit">
9
        <i class="icon-search"></i>
10
        <span>{{ _('Search') }}</span>
11
      </button>
12
    </div>
13
  </form>
14
  <div class="tags">
15
    <h3>{{ _('Popular Tags') }}</h3>
16
    {% for tag in tags %}
17
      <a class="tag" href="{% url_for controller='package', action='search', tags=tag.name %}">{{ h.truncate(tag.display_name, 22) }}</a>
18
    {% endfor %}
19
  </div>
20
</div>

Also available in: Unified diff