[enh] set up special css classes for highlighting results + highlight definitions with dark grey border

This commit is contained in:
rhapsodhy 2014-01-11 03:31:54 +00:00
parent 04c408389d
commit 74ca542a02
3 changed files with 14 additions and 8 deletions

View File

@ -13,9 +13,10 @@ def response(resp):
results = [] results = []
if 'Definition' in search_res: if 'Definition' in search_res:
if search_res.get('AbstractURL'): if search_res.get('AbstractURL'):
res = {'title' : search_res.get('Heading', '') res = {'title' : search_res.get('Heading', '')
,'content' : search_res.get('Definition', '') ,'content' : search_res.get('Definition', '')
,'url' : search_res.get('AbstractURL', '') ,'url' : search_res.get('AbstractURL', '')
,'class' : 'definition_result'
} }
results.append(res) results.append(res)

View File

@ -97,6 +97,11 @@ a:visited { color: #7b11be; }
.image_result p span a { color: #FFFFFF; } .image_result p span a { color: #FFFFFF; }
.image_result p:hover span a { display: block; position: absolute; bottom: 0; right: 0; padding: 4px; background-color: rgba(0, 0, 0, 0.6); font-size: 0.7em; } .image_result p:hover span a { display: block; position: absolute; bottom: 0; right: 0; padding: 4px; background-color: rgba(0, 0, 0, 0.6); font-size: 0.7em; }
.torrent_result { border-left: 10px solid lightgray; padding-left: 3px; }
.torrent_result p { margin: 3px; font-size: 0.8em; }
.definition_result { border-left: 10px solid gray; padding-left: 3px; }
.percentage { position: relative; width: 300px; } .percentage { position: relative; width: 300px; }
.percentage div { background: #444444; } .percentage div { background: #444444; }
td { padding: 0 4px; } td { padding: 0 4px; }
@ -142,7 +147,7 @@ tr:hover td { background: #DDDDDD; }
#suggestions form { display: block; } #suggestions form { display: block; }
#suggestions input { padding: 2px 6px; margin: 2px 4px; font-size: 0.8em; display: inline-block; background: #E4E4E4; border-radius: 4px; border: 0; cursor: pointer; } #suggestions input { padding: 2px 6px; margin: 2px 4px; font-size: 0.8em; display: inline-block; background: #E4E4E4; border-radius: 4px; border: 0; cursor: pointer; }
#preferences { #preferences {
top: 10px; top: 10px;
padding: 0; padding: 0;
border: 0; border: 0;
@ -163,7 +168,7 @@ tr:hover td { background: #DDDDDD; }
} }
@media screen and (max-width: 60em) { @media screen and (max-width: 60em) {
#suggestions { position: static; max-width: 50em; margin: 0 0 2px 0; padding: 0; float: none; border: none; width: auto } #suggestions { position: static; max-width: 50em; margin: 0 0 2px 0; padding: 0; float: none; border: none; width: auto }
#suggestions span { display: inline; font-size: 0.8em } #suggestions span { display: inline; font-size: 0.8em }
#suggestions form { display: inline; } #suggestions form { display: inline; }
@ -172,13 +177,13 @@ tr:hover td { background: #DDDDDD; }
} }
@media screen and (max-width: 680px) { @media screen and (max-width: 680px) {
#search_wrapper { width: 90%; clear:both; overflow: hidden } #search_wrapper { width: 90%; clear:both; overflow: hidden }
.right { display: none; postion: fixed !important; top: 100px; right: 0px; } .right { display: none; postion: fixed !important; top: 100px; right: 0px; }
#categories { font-size: 80% } #categories { font-size: 80% }
#categories .checkbox_container { margin-top: 2px; margin: 0 2px; } #categories .checkbox_container { margin-top: 2px; margin: 0 2px; }
.result { border-top: 1px solid #e8e7e6; margin: 7px 0 6px 0; } .result { border-top: 1px solid #e8e7e6; margin: 7px 0 6px 0; }

View File

@ -1,4 +1,4 @@
<div class="result"> <div class="result {{ result.class }}">
<h3 class="result_title"><a href="{{ result.url }}">{{ result.title|safe }}</a></h3> <h3 class="result_title"><a href="{{ result.url }}">{{ result.title|safe }}</a></h3>
<p class="content">{% if result.content %}{{ result.content|safe }}<br />{% endif %}</p> <p class="content">{% if result.content %}{{ result.content|safe }}<br />{% endif %}</p>
<p class="url">{{ result.pretty_url }}</p> <p class="url">{{ result.pretty_url }}</p>