search.css 11 KB

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