更新搜索样式

This commit is contained in:
wlx 2013-04-09 02:25:56 +00:00
parent 2c8349ae17
commit a22b71e260
2 changed files with 11 additions and 35 deletions

View File

@ -43,18 +43,15 @@ $search=$this->search;
<div class="row"> <div class="row">
<div class="span12"> <div class="span12">
<!-- search form --> <!-- search form -->
<form id="q-form" method="get"> <form id="q-form" class="form-search form-inline" method="get">
<div id="q-input"> <div id="q-input" class="input-append">
<input class="text" type="text" name="q" size="40" title="输入任意关键词皆可搜索" value="<?php echo htmlspecialchars($q); ?>" /> <input class="span4 search-query text" type="text" name="q" title="输入任意关键词皆可搜索" value="<?php echo htmlspecialchars($q); ?>" />
<input class="button" type="submit" value=" 搜索! " /> <button type="submit" class="btn">Search</button>
</div> </div>
<div id="q-options"> <input type="radio" name="f" value="title" <?php if (!empty($f_title)) echo $f_title; ?> />标题
<h4>选项</h4> <input type="radio" name="f" value="_all" <?php if (!empty($f__all)) echo $f__all; ?> />全文
<ul> <input type="checkbox" name="m" value="yes" <?php echo $m_check; ?> />模糊搜索
<li><input type="radio" name="f" value="title" <?php if (!empty($f_title)) echo $f_title; ?> />Title</li> <!-- <li><input type="checkbox" name="syn" value="yes" <?php echo $syn_check; ?> />同义词</li>
<li><input type="radio" name="f" value="_all" <?php if (!empty($f__all)) echo $f__all; ?> />全文</li>
<li><input type="checkbox" name="m" value="yes" <?php echo $m_check; ?> />模糊搜索</li>
<li><input type="checkbox" name="syn" value="yes" <?php echo $syn_check; ?> />同义词</li>
<li> <li>
<select name="s" size="1"> <select name="s" size="1">
@ -62,9 +59,7 @@ $search=$this->search;
</select> </select>
排序 排序
</li> </li>-->
</ul>
</div>
</form> </form>
<!-- hot search --> <!-- hot search -->

View File

@ -37,26 +37,7 @@ a:hover { text-decoration: underline; }
#footer a { color: #666; text-decoration: underline; } #footer a { color: #666; text-decoration: underline; }
/* form */ /* form */
form#q-form { margin: 0; } form#q-form { margin: 0; }
#q-input { overflow: hidden; zoom: 1; clear: both; }
#q-input .text {
float: left; width: 333px;
padding: 0 3px; line-height: 26px;
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #9A9A9A #CDCDCD #CDCDCD #9A9A9A;
border-style: solid; border-width: 1px;
font: 16px arial; height: 22px;
padding: 4px 7px; vertical-align: top;
background: url("http://su.bdimg.com/static/superpage/img/spis_167a8734.png") no-repeat scroll 0 0 transparent;
}
#q-input .button {
float: left; font-size: 14px; margin-left: 10px;
background: url("http://su.bdimg.com/static/superpage/img/spis_167a8734.png") repeat scroll 0 -35px #DDDDDD;
border: 0 none; cursor: pointer; height: 32px; padding: 0; width: 95px;
}
#q-input .tips { color: #aaa; font-size: 12px; } #q-input .tips { color: #aaa; font-size: 12px; }
#q-options { overflow: hidden; zoom: 1; margin: 10px 0; font-size: 12px; clear: both; } #q-options { overflow: hidden; zoom: 1; margin: 10px 0; font-size: 12px; clear: both; }
#q-options h4 { font-size: 14px; float: left; margin: 0; } #q-options h4 { font-size: 14px; float: left; margin: 0; }