search.css 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628
  1. body {
  2. font-size: 12.5px;
  3. }
  4. * {
  5. -webkit-box-sizing: border-box;
  6. -moz-box-sizing: border-box;
  7. box-sizing: border-box;
  8. }
  9. input,button,select,textarea {
  10. font-family: inherit;
  11. font-size: inherit;
  12. line-height: inherit;
  13. }
  14. input {
  15. line-height: normal;
  16. }
  17. button,input,optgroup,select,textarea {
  18. margin: 0;
  19. font: inherit;
  20. color: inherit;
  21. }
  22. .clearfix:before,.clearfix:after,.dl-horizontal dd:before,.dl-horizontal dd:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after,.btn-toolbar:before,.btn-toolbar:after,.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after,.nav:before,.nav:after,.navbar:before,.navbar:after,.navbar-header:before,.navbar-header:after,.navbar-collapse:before,.navbar-collapse:after,.pager:before,.pager:after,.panel-body:before,.panel-body:after,.modal-footer:before,.modal-footer:after
  23. {
  24. display: table;
  25. content: " ";
  26. }
  27. .x-column-header {
  28. font-size: 14px
  29. }
  30. .x-menu-item-text,.x-html-editor-tb .x-font-select,.x-tip-header,.x-tip-body,.x-form-invalid-tip-body,.x-tip-header-text,.x-progress-text,.x-window-header-text-default,.x-grid-rowbody,.x-grid-row .x-grid-cell,.x-grid-row-editor .x-form-field,.x-grid-row-editor .x-form-display-field,.x-form-invalid-under,.x-fieldset-header,.x-mask-msg div,.x-btn-group-header-text-default-framed,table.x-datepicker-inner a,.x-monthpicker-item,.x-dd-drag-ghost
  31. {
  32. font-size: 13px
  33. }
  34. .x-form-item-label {
  35. margin-top: 0
  36. }
  37. .x-monthpicker {
  38. width: 180px;
  39. }
  40. .x-monthpicker-body {
  41. margin-bottom: 31px;
  42. }
  43. .x-monthpicker-months {
  44. width: 89px;
  45. }
  46. .x-monthpicker-years {
  47. width: 89px;
  48. }
  49. /*icons*/
  50. .icon-add {
  51. background-image: url("../images/16/add.png")
  52. }
  53. .icon-find {
  54. background-image: url("../images/16/find.png") !important;
  55. }
  56. .icon-find32 {
  57. background-image: url("../images/32/find.png") !important;
  58. }
  59. .icon-filter {
  60. background-image: url("../images/16/filter.png") !important;
  61. }
  62. .icon-sort {
  63. background-image: url("../images/16/asc.gif") !important;
  64. }
  65. .icon-temp {
  66. background-image: url("../images/16/temp.png") !important;
  67. }
  68. .icon-export {
  69. background-image: url("../images/32/export.png") !important;
  70. }
  71. .icon-freeze {
  72. background-image: url("../images/32/freeze.png") !important;
  73. }
  74. .icon-sum32 {
  75. background-image: url("../images/32/sum.png") !important;
  76. }
  77. .icon-sum {
  78. background-image: url("../images/16/sum.png") !important;
  79. }
  80. .icon-avg {
  81. background-image: url("../images/16/middle.png") !important;
  82. }
  83. .icon-fx {
  84. background-image: url("../images/16/fx.png") !important;
  85. }
  86. .icon-limit {
  87. background-image: url("../images/16/limit.png") !important;
  88. }
  89. .icon-group {
  90. background-image: url("../images/16/groups.png") !important;
  91. }
  92. .icon-xls {
  93. background-image: url("../images/icon/excel.png") !important;
  94. }
  95. .icon-pdf {
  96. background-image: url("../images/icon/pdf.gif") !important;
  97. }
  98. .icon-remove {
  99. background-image: url("../images/16/remove.gif") !important;
  100. }
  101. .icon-del {
  102. background-image: url("../images/16/delete_1.png") !important;
  103. }
  104. .icon-clear {
  105. background-image: url("../images/16/brush.png") !important;
  106. }
  107. .icon-maximize {
  108. background-image: url("../images/16/maximize.png") !important;
  109. }
  110. .icon-amp {
  111. background-image: url("../images/16/amp.png") !important;
  112. }
  113. .icon-fixed {
  114. background-image: url("../images/16/fixed.png") !important;
  115. }
  116. .default-grid .x-grid-cell-inner {
  117. padding: 6px;
  118. font-size: 13.5px;
  119. }
  120. .default-grid .x-grid-row-summary .x-grid-cell {
  121. border-right: none;
  122. }
  123. .default-grid .x-grid-row-summary .x-grid-cell-inner {
  124. padding: 3px 6px 4px 6px;
  125. }
  126. .custom-grid .x-grid-rowbody {
  127. font: normal 12px/1.5 tahoma, arial, verdana, sans-serif;
  128. }
  129. .custom-grid .x-grid-row .x-grid-row-alt {
  130. height: 20px;
  131. }
  132. .custom-grid .x-grid-row .x-grid-cell {
  133. height: 20px;
  134. line-height: 20px;
  135. vertical-align: top;
  136. }
  137. .custom-grid .x-grid-row-selected .x-grid-cell,.custom-grid .x-grid-row-selected .x-grid-rowwrap-div
  138. {
  139. border-style: solid !important;
  140. border-color: #ddd !important;
  141. background-color: #fcf8e3 !important;
  142. color: #8a6d3b;
  143. }
  144. .custom-grid .x-grid-row .x-grid-cell-inner {
  145. height: 20px;
  146. line-height: 20px;
  147. vertical-align: top;
  148. padding: 0 6px;
  149. font-size: 12.5px;
  150. }
  151. .custom-grid .x-grid-row .x-grid-cell-special .x-grid-cell-inner,.custom-grid .x-grid-row .x-grid-cell-inner img
  152. {
  153. padding-top: 3px;
  154. }
  155. .custom-grid .x-action-col-icon {
  156. margin: 0px 5px 0px 5px;
  157. cursor: pointer;
  158. }
  159. .x-docked-summary .x-grid-table {
  160. width: auto;
  161. }
  162. .x-autocontainer-form-item,.x-anchor-form-item,.x-vbox-form-item,.x-table-form-item
  163. {
  164. margin-bottom: 0 !important;
  165. border: none;
  166. }
  167. .x-form-field {
  168. border-color: #b5b8c8;
  169. }
  170. .x-form-field.x-form-empty-field {
  171. text-align: center;
  172. font-size: 12.5px !important
  173. }
  174. .x-grid-row .x-grid-cell {
  175. border-right-width: 1px !important;
  176. border-color: #fafafa #c6c6c6 #ededed #c6c6c6 !important;
  177. }
  178. .x-grid-row-alt .x-grid-cell {
  179. border-color: #fafafa #ddd #ededed #ddd !important;
  180. }
  181. .x-btn-default-toolbar-small .x-btn-inner {
  182. font-size: 11px;
  183. font-weight: normal;
  184. font-family: tahoma, arial, verdana, sans-serif;
  185. color: #333;
  186. }
  187. .x-screen {
  188. cursor: text;
  189. border-radius: 4px;
  190. -webkit-border-radius: 4px;
  191. -webkit-box-shadow: inset 0 1px 2px #9e9e9e;
  192. box-shadow: inset 0 1px 2px #9e9e9e
  193. }
  194. .x-screen .x-form-item-body {
  195. padding: 3px;
  196. }
  197. .x-screen .x-btn {
  198. position: relative;
  199. }
  200. .x-screen .x-btn:hover,.x-screen .x-btn.x-selected {
  201. background: #ec971f;
  202. }
  203. .x-screen .x-btn:hover .x-btn-inner,.x-screen .x-btn.x-selected {
  204. color: #fff;
  205. }
  206. .x-screen .x-btn.x-selected {
  207. }
  208. .x-btn-clear {
  209. border-raduis: 0;
  210. -webkit-border-radius: 0;
  211. border: none;
  212. }
  213. /*msg*/
  214. .msg {
  215. font-size: 14px
  216. }
  217. #msg-div {
  218. position: absolute;
  219. left: 50%;
  220. top: 10px;
  221. width: 400px;
  222. margin-left: -200px;
  223. z-index: 20000
  224. }
  225. #msg-div .msg {
  226. border-radius: 8px;
  227. -moz-border-radius: 8px;
  228. background-color: #f6f6f6;
  229. background-position: 15px center;
  230. background-repeat: no-repeat;
  231. border: 2px solid #ccc;
  232. margin: 0 0 6px;
  233. padding: 15px 15px 15px 60px;
  234. color: #555
  235. }
  236. #msg-div .msg h3 {
  237. margin: 0 0 8px;
  238. font-weight: bold;
  239. font-size: 15px
  240. }
  241. #msg-div .msg p {
  242. margin: 0
  243. }
  244. /**/
  245. .x-form-item-label {
  246. font: 12px/1.5 Tahoma, Arial, "\5b8b\4f53", sans-serif;
  247. }
  248. .x-column-header-text {
  249. font-family: 'Microsoft Yahei';
  250. }
  251. .x-grid-cell-inner {
  252. color: #444;
  253. }
  254. .x-grid-row-selected .x-grid-cell-inner {
  255. color: #8a6d3b;
  256. }
  257. .x-grid-row-summary .x-grid-cell-inner {
  258. color: #8a6d3b;
  259. }
  260. .x-panel-header-text {
  261. color: inherit;
  262. font-family: "\5fae\8f6f\96c5\9ed1", sans-serif;
  263. }
  264. .x-btn-text {
  265. line-height: 16px;
  266. padding-left: 20px;
  267. }
  268. a.btn-default {
  269. margin-left: 15px;
  270. color: #428bca;
  271. text-decoration: none;
  272. display: block;
  273. width: 100px;
  274. }
  275. a.btn-default:hover,a.btn-default:focus {
  276. color: #2a6496;
  277. text-decoration: underline;
  278. }
  279. .x-window-body-default {
  280. border-color: #bcb1b0;
  281. border-width: 1px;
  282. border-style: solid;
  283. background: #efeee4;
  284. color: black;
  285. }
  286. .tip-custom.x-tip-default {
  287. color: #8a6d3b;
  288. background-color: #fcf8e3;
  289. padding: 15px;
  290. margin-bottom: 20px;
  291. border: 1px solid #faebcc;
  292. border-radius: 4px;
  293. }
  294. .code-title {
  295. display: block;
  296. padding: .35em 0;
  297. color: #8a6d3b;
  298. }
  299. .code-body {
  300. background-color: #fff;
  301. border: 1px solid #e3e3e3;
  302. border-radius: 4px;
  303. padding: 10px;
  304. min-height: 10px;
  305. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  306. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  307. font-size: 80%;
  308. }
  309. .label {
  310. display: inline;
  311. padding: .2em .6em .3em;
  312. font-size: 75%;
  313. font-weight: bold;
  314. line-height: 1;
  315. color: #ffffff;
  316. text-align: center;
  317. white-space: nowrap;
  318. vertical-align: baseline;
  319. border-radius: .25em;
  320. margin-right: .3em;
  321. }
  322. .label-info {
  323. background-color: #777777;
  324. }
  325. .code-key {
  326. color: #428bca;
  327. }
  328. .code-quot {
  329. color: #31b0d5
  330. }
  331. .text-info {
  332. color: #31708f;
  333. }
  334. /*mode*/
  335. .mode-type {
  336. padding: 5px 0;
  337. }
  338. .mode-items .mode-item {
  339. float: left;
  340. padding: 5px 0 5px 15px;
  341. }
  342. .mode-items .mode-item input {
  343. width: 128px;
  344. height: 23px;
  345. padding: 3px 12px;
  346. font-size: 13px;
  347. line-height: 23px;
  348. color: #555;
  349. background-color: #fff;
  350. background-image: none;
  351. border: 1px solid #ccc;
  352. border-right-width: 0;
  353. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  354. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  355. -webkit-transition: border-color ease-in-out .15s, box-shadow
  356. ease-in-out .15s;
  357. -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out
  358. .15s;
  359. transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  360. }
  361. .mode-items .mode-item input:first-child {
  362. border-top-left-radius: 4px;
  363. border-bottom-left-radius: 4px;
  364. }
  365. .mode-items .mode-item input:last-child {
  366. border-top-right-radius: 4px;
  367. border-bottom-right-radius: 4px;
  368. border-right-width: 1px;
  369. }
  370. .mode-items .mode-item input[type="button"] {
  371. width: auto;
  372. line-height: 1;
  373. padding: 3px 6px;
  374. text-align: center;
  375. background-color: #eee;
  376. white-space: nowrap;
  377. cursor: pointer;
  378. }
  379. .mode-items .mode-item input[type="button"]:hover {
  380. color: #333;
  381. background-color: #e6e6e6;
  382. border-color: #adadad;
  383. }
  384. .links .radio-inline {
  385. padding-bottom: 5px;
  386. }
  387. /*排序*/
  388. .sort {
  389. float: left;
  390. padding: 10px 15px;
  391. margin: 12px;
  392. background-color: #fff;
  393. border: 1px solid #ddd;
  394. border-radius: 4px;
  395. -webkit-border-radius: 4px;
  396. cursor: pointer;
  397. }
  398. .sort-over {
  399. -webkit-box-shadow: 0 0 20px rgba(50, 50, 50, .1);
  400. box-shadow: 0 0 20px rgba(50, 50, 50, .1);
  401. }
  402. .sort .sort-name {
  403. border-bottom: 1px dashed #b0babf;
  404. padding-bottom: 9px;
  405. text-align: center;
  406. }
  407. .sort .sort-value {
  408. color: #4f5962;
  409. }
  410. .sort-note {
  411. float: left;
  412. margin-top: 15px;
  413. }
  414. .sort-note li {
  415. padding: 4px 0;
  416. color: #777;
  417. }
  418. /*grid*/
  419. .x-gridheaderfilters-filter-container .x-form-text {
  420. border-width: 1px 0 0 0;
  421. }
  422. .x-grid-row .x-grid-cell {
  423. background-color: #e0e0ff;
  424. border-color: #ededed;
  425. border-style: solid;
  426. border-width: 1px 0;
  427. border-top-color: #fafafa;
  428. }
  429. tbody>.x-grid-wrap-row td.x-grid-rowwrap .x-grid-cell {
  430. background-color: #f1f1f1;
  431. }
  432. tbody>.x-grid-wrap-row:nth-child(odd) td.x-grid-rowwrap .x-grid-cell {
  433. background-color: #e0e0ff;
  434. }
  435. .x-grid-row-alt .x-grid-cell,.x-grid-row-alt .x-grid-rowwrap-div {
  436. background-color: #f1f1f1;
  437. }
  438. .x-grid-row-over .x-grid-cell,.x-grid-row-over .x-grid-rowwrap-div {
  439. border-color: #eaeaea;
  440. background-color: #bcd2ee;
  441. color: green
  442. }
  443. .x-grid-row-focused .x-grid-cell,.x-grid-row-focused .x-grid-rowwrap-div
  444. {
  445. border-color: #ddd;
  446. background-color: #efefef
  447. }
  448. /**/
  449. .row {
  450. margin-left: -15px;
  451. margin-right: -15px;
  452. }
  453. .col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12
  454. {
  455. position: relative;
  456. min-height: 1px;
  457. padding-left: 15px;
  458. padding-right: 15px;
  459. }
  460. .col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12
  461. {
  462. float: left;
  463. }
  464. .col-xs-12 {
  465. width: 100%;
  466. }
  467. .col-xs-11 {
  468. width: 91.66666667%;
  469. }
  470. .col-xs-10 {
  471. width: 83.33333333%;
  472. }
  473. .col-xs-9 {
  474. width: 75%;
  475. }
  476. .col-xs-8 {
  477. width: 66.66666667%;
  478. }
  479. .col-xs-7 {
  480. width: 58.33333333%;
  481. }
  482. .col-xs-6 {
  483. width: 50%;
  484. }
  485. .col-xs-5 {
  486. width: 41.66666667%;
  487. }
  488. .col-xs-4 {
  489. width: 33.33333333%;
  490. }
  491. .col-xs-3 {
  492. width: 25%;
  493. }
  494. .col-xs-2 {
  495. width: 16.66666667%;
  496. }
  497. .col-xs-1 {
  498. width: 8.33333333%;
  499. }
  500. .radio-inline {
  501. display: inline-block;
  502. padding-left: 30px;
  503. margin-bottom: 0;
  504. font-weight: 400;
  505. font-size: 13px;
  506. cursor: pointer;
  507. }
  508. .radio-inline input[type="radio"] {
  509. position: absolute;
  510. margin-top: 2px \9;
  511. margin-left: -16px;
  512. }