初步引入xunsearch的样式
This commit is contained in:
parent
bf1a0d61c5
commit
06fa3be40f
|
@ -26,3 +26,70 @@
|
|||
width:90%;
|
||||
}
|
||||
#help ul li {white-space:normal;}
|
||||
|
||||
/* global */
|
||||
a { color: #04c; text-decoration: none; }
|
||||
a:hover { text-decoration: underline; }
|
||||
.outer { width: 880px; margin: 0 auto; }
|
||||
#header h1 { font-size: 24px; margin: 0 0 10px 0; }
|
||||
#header a, #header a:hover { text-decoration: none; color: #444; }
|
||||
#footer { font-size: 12px; margin-top: 20px; border-top: 1px solid #46a; padding-top: 10px; color: #666; }
|
||||
#footer a { color: #666; text-decoration: underline; }
|
||||
/* form */
|
||||
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-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 ul { float: left; margin: 0; padding: 0; }
|
||||
#q-options li { float: left; margin: 0 0 0 10px; padding: 0; list-style: none; }
|
||||
/* result */
|
||||
.res_div2 { overflow: hidden; zoom: 1; clear: both; margin-top: 10px; }
|
||||
.res_div2 h4 { font-size: 16px; font-weight: bold; float: left; margin: 0; padding: 0; }
|
||||
.res_div2 ul { float: left; margin: 0; padding: 0; }
|
||||
.res_div2 li { float: left; margin: 0 0 0 0; padding: 0; list-style: none; }
|
||||
#hot-search h4 { margin: 10px 0; float: none; }
|
||||
#hot-search li { margin-right: 10px; }
|
||||
#hot-search li small { font-size: 80%; color: #aaa; }
|
||||
#res-neck { margin-top: 10px; border-bottom: 1px solid #46a; background: #def; font-size: 12px; padding: 5px; }
|
||||
#res-error { margin: 20px 0; color: red; }
|
||||
#res-error strong { font-weight: bold; font-size: 120%; }
|
||||
#res-fixed h4 { font-size: 14px; font-weight: normal; font-style: italic; }
|
||||
#res-fixed li { margin: 0 5px; }
|
||||
#res-fixed li a { color: #a00; }
|
||||
#res-empty { margin-top: 10px; }
|
||||
#res-pager a { margin: 0 5px; }
|
||||
#res-pager strong { margin: 0 5px; }
|
||||
#res-related { padding: 10px; background: #eee; }
|
||||
#res-related h4 { font-size: 14px; }
|
||||
#res-related ul { margin-left: 20px; width: 600px; }
|
||||
#res-related li { width: 120px; padding: 0 5px; }
|
||||
#res-related li a { text-decoration: underline; font-size: 12px; }
|
||||
.res-doc { margin-top: 15px; }
|
||||
.res-doc em { font-style: normal; color: red; }
|
||||
.res-doc h2 { font-size: 16px; margin: 0; font-weight: normal; }
|
||||
.res-doc h2 small { font-size: 12px; color: #aaa; }
|
||||
.res-doc p { font-size: 12px; color: #666; margin: 4px 0; }
|
||||
.res-doc ul { overflow: hidden; zoom: 1; margin: 0; padding: 0; }
|
||||
.res-doc li { list-style: none; padding: 0; margin: 0 20px 0 0; float: left; font-size: 12px; color: #666; }
|
||||
.res-doc li span { border-bottom: 1px dotted #aaa; font-family: arial; color: #444; }
|
||||
.ui-autocomplete li.ui-menu-item { font-size: 12px; }
|
Loading…
Reference in New Issue