easyui.css 24 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331
  1. .accordion{
  2. background:#fff;
  3. overflow:hidden;
  4. }
  5. .accordion .accordion-header{
  6. background:#E0ECFF;
  7. border-top-width:0;
  8. cursor:pointer;
  9. }
  10. .accordion .accordion-header .panel-title{
  11. font-weight:normal;
  12. }
  13. .accordion .accordion-header-selected .panel-title{
  14. font-weight:bold;
  15. }
  16. .accordion-noborder .accordion-header{
  17. border-width:0 0 1px;
  18. }
  19. .accordion-noborder .accordion-body{
  20. border-width:0px;
  21. }.calendar{
  22. background:#fff;
  23. border:1px solid #A4BED4;
  24. padding:1px;
  25. overflow:hidden;
  26. }
  27. .calendar-noborder{
  28. border:0px;
  29. }
  30. .calendar-header{
  31. position:relative;
  32. background:#E0ECFF;
  33. font-size:12px;
  34. height:22px;
  35. }
  36. .calendar-title{
  37. text-align:center;
  38. height:22px;
  39. }
  40. .calendar-title span{
  41. position:relative;
  42. top:4px;
  43. display:incline-block;
  44. padding:3px;
  45. cursor:pointer;
  46. -moz-border-radius:4px;
  47. -webkit-border-radius:4px;
  48. }
  49. .calendar-prevmonth,.calendar-nextmonth,.calendar-prevyear,.calendar-nextyear{
  50. position:absolute;
  51. top:4px;
  52. width:14px;
  53. height:14px;
  54. line-height:12px;
  55. cursor:pointer;
  56. font-size:1px;
  57. -moz-border-radius:4px;
  58. -webkit-border-radius:4px;
  59. }
  60. .calendar-prevmonth{
  61. left:20px;
  62. background:url('images/calendar_prevmonth.gif') no-repeat 3px 2px;
  63. }
  64. .calendar-nextmonth{
  65. right:20px;
  66. background:url('images/calendar_nextmonth.gif') no-repeat 3px 2px;
  67. }
  68. .calendar-prevyear{
  69. left:3px;
  70. background:url('images/calendar_prevyear.gif') no-repeat 1px 2px;
  71. }
  72. .calendar-nextyear{
  73. right:3px;
  74. background:url('images/calendar_nextyear.gif') no-repeat 1px 2px;
  75. }
  76. .calendar-body{
  77. font-size:12px;
  78. position:relative;
  79. }
  80. .calendar-body table{
  81. width:100%;
  82. height:100%;
  83. border:1px solid #eee;
  84. font-size:12px;
  85. padding1:5px;
  86. }
  87. .calendar-body th,.calendar-body td{
  88. text-align:center;
  89. }
  90. .calendar-body th{
  91. background:#fafafa;
  92. color:#888;
  93. border-bottom1:1px solid #ccc;
  94. }
  95. .calendar-day{
  96. color:#222;
  97. cursor:pointer;
  98. border:1px solid #fff;
  99. -moz-border-radius:4px;
  100. -webkit-border-radius:4px;
  101. }
  102. .calendar-sunday{
  103. color:#CC2222;
  104. }
  105. .calendar-saturday{
  106. color:#00ee00;
  107. }
  108. .calendar-today{
  109. color:#0000ff;
  110. }
  111. .calendar-other-month{
  112. opacity:0.3;
  113. filter:alpha(opacity=30);
  114. }
  115. .calendar-hover{
  116. border:1px solid red;
  117. }
  118. .calendar-selected{
  119. background:#FBEC88;
  120. border:1px solid red;
  121. }
  122. .calendar-nav-hover{
  123. background-color:#FBEC88;
  124. }
  125. .calendar-menu{
  126. position:absolute;
  127. top:0px;
  128. left:0px;
  129. width:180px;
  130. height:150px;
  131. padding:5px;
  132. font-size:12px;
  133. background:#fafafa;
  134. opacity:0.8;
  135. filter:alpha(opacity=80);
  136. display:none;
  137. }
  138. .calendar-menu-year-inner{
  139. text-align:center;
  140. padding-bottom:5px;
  141. }
  142. .calendar-menu-year{
  143. width:40px;
  144. text-align:center;
  145. border:1px solid #ccc;
  146. padding:2px;
  147. font-weight:bold;
  148. }
  149. .calendar-menu-prev,.calendar-menu-next{
  150. display:inline-block;
  151. width:21px;
  152. height:21px;
  153. vertical-align:top;
  154. cursor:pointer;
  155. }
  156. .calendar-menu-prev{
  157. margin-right:10px;
  158. background:url('images/calendar_prevyear.gif') no-repeat 5px 6px;
  159. }
  160. .calendar-menu-next{
  161. margin-left:10px;
  162. background:url('images/calendar_nextyear.gif') no-repeat 5px 6px;
  163. }
  164. .calendar-menu-hover{
  165. background-color:#FBEC88;
  166. }
  167. .calendar-menu-month-inner table{
  168. width:100%;
  169. height:100%;
  170. }
  171. .calendar-menu-month{
  172. text-align:center;
  173. cursor:pointer;
  174. border:1px solid #fafafa;
  175. font-weight:bold;
  176. color:#666;
  177. -moz-border-radius:4px;
  178. -webkit-border-radius:4px;
  179. }
  180. .combobox{
  181. display:inline-block;
  182. white-space:nowrap;
  183. font-size:12px;
  184. margin:0;
  185. padding:0;
  186. border:1px solid #A4BED4;
  187. }
  188. .combobox-text{
  189. font-size:12px;
  190. border:0px;
  191. line-height:20px;
  192. height:20px;
  193. padding:0px;
  194. }
  195. .combobox-arrow{
  196. background:url('images/combo_arrow.gif') no-repeat 0 0;
  197. width:18px;
  198. height:20px;
  199. overflow:hidden;
  200. display:inline-block;
  201. vertical-align:top;
  202. cursor:pointer;
  203. opacity:0.6;
  204. filter:alpha(opacity=60);
  205. }
  206. .combobox-arrow-hover{
  207. opacity:1.0;
  208. filter:alpha(opacity=100);
  209. }
  210. .combobox-content{
  211. position:absolute;
  212. background:#fff;
  213. display:none;
  214. border:1px solid #A4BED4;
  215. overflow-x:hidden;
  216. overflow-y:auto;
  217. }
  218. .combobox-item{
  219. padding:2px;
  220. font-size:12px;
  221. padding:3px;
  222. padding-right:0px;
  223. }
  224. .combobox-item-hover{
  225. background:#fafafa;
  226. }
  227. .combobox-item-selected{
  228. background:#FBEC88;
  229. }.combotree{
  230. display:inline-block;
  231. white-space:nowrap;
  232. font-size:12px;
  233. margin:0;
  234. padding:0;
  235. border:1px solid #A4BED4;
  236. }
  237. .combotree-text{
  238. font-size:12px;
  239. border:0px;
  240. line-height:20px;
  241. height:20px;
  242. padding:0px;
  243. }
  244. .combotree-arrow{
  245. background:url('images/combo_arrow.gif') no-repeat 0 0;
  246. width:18px;
  247. height:20px;
  248. overflow:hidden;
  249. display:inline-block;
  250. vertical-align:top;
  251. cursor:pointer;
  252. opacity:0.6;
  253. filter:alpha(opacity=60);
  254. }
  255. .combotree-arrow-hover{
  256. opacity:1.0;
  257. filter:alpha(opacity=100);
  258. }
  259. .combotree-content{
  260. position:absolute;
  261. background:#fff;
  262. display:none;
  263. border:1px solid #A4BED4;
  264. overflow:auto;
  265. }.datagrid .panel-body{
  266. overflow:hidden;
  267. }
  268. .datagrid-wrap{
  269. position:relative;
  270. }
  271. .datagrid-view{
  272. position:relative;
  273. overflow:hidden;
  274. }
  275. .datagrid-view1{
  276. position:absolute;
  277. overflow:hidden;
  278. left:0px;
  279. top:0px;
  280. border-right1:1px solid #ccc;
  281. }
  282. .datagrid-view2{
  283. position:absolute;
  284. overflow:hidden;
  285. left:210px;
  286. top:0px;
  287. }
  288. .datagrid-mask{
  289. position:absolute;
  290. left:0;
  291. top:0;
  292. background:#ccc;
  293. opacity:0.3;
  294. filter:alpha(opacity=30);
  295. display:none;
  296. }
  297. .datagrid-mask-msg{
  298. position:absolute;
  299. cursor1:wait;
  300. left:100px;
  301. top:50px;
  302. width:auto;
  303. height:16px;
  304. padding:12px 5px 10px 30px;
  305. background:#fff url('images/pagination_loading.gif') no-repeat scroll 5px 10px;
  306. border:2px solid #6593CF;
  307. color:#222;
  308. display:none;
  309. }
  310. .datagrid-title{
  311. background:url('images/datagrid_title_bg.png') repeat-x;
  312. border-bottom:1px solid #8DB2E3;
  313. border-top:1px solid #fff;
  314. position:relative;
  315. padding:5px 0px;
  316. }
  317. .datagrid-title-text{
  318. color:#15428b;
  319. font-weight:bold;
  320. padding-left:5px;
  321. }
  322. .datagrid-title-with-icon{
  323. padding-left:22px;
  324. }
  325. .datagrid-title-icon{
  326. position:absolute;
  327. width:16px;
  328. height:16px;
  329. left:3px;
  330. top:4px!important;
  331. top:6px;
  332. }
  333. .datagrid-sort-desc .datagrid-sort-icon{
  334. padding:2px 13px 3px 0px;
  335. background:url('images/datagrid_sort_desc.gif') no-repeat center center;
  336. }
  337. .datagrid-sort-asc .datagrid-sort-icon{
  338. padding:2px 13px 3px 0px;
  339. background:url('images/datagrid_sort_asc.gif') no-repeat center center;
  340. }
  341. .datagrid-toolbar{
  342. height:28px;
  343. background:#efefef;
  344. padding:1px 2px;
  345. border-bottom:1px solid #ccc;
  346. }
  347. .datagrid-btn-separator{
  348. float:left;
  349. height:24px;
  350. border-left:1px solid #ccc;
  351. border-right:1px solid #fff;
  352. margin:2px 1px;
  353. }
  354. .datagrid-pager{
  355. background:#efefef;
  356. border-top:1px solid #ccc;
  357. position:relative;
  358. }
  359. .datagrid-header{
  360. overflow:hidden;
  361. background:#fafafa url('images/datagrid_header_bg.gif') repeat-x left bottom;
  362. border-bottom:1px solid #ccc;
  363. margin-bottom:1px;
  364. }
  365. .datagrid-header-inner{
  366. float:left;
  367. padding-right:20px;
  368. margin-bottom:-1px;
  369. }
  370. .datagrid-header td{
  371. border-right:1px dotted #ccc;
  372. font-size:12px;
  373. font-weight:normal;
  374. background:#fafafa url('images/datagrid_header_bg.gif') repeat-x left bottom;
  375. border-bottom:1px dotted #ccc;
  376. border-top:1px dotted #fff;
  377. }
  378. .datagrid-header td.datagrid-header-over{
  379. background:#EBF3FD;
  380. }
  381. .datagrid-header .datagrid-cell{
  382. margin:0;
  383. padding:3px 4px;
  384. white-space:nowrap;
  385. word-wrap:normal;
  386. overflow:hidden;
  387. text-align:center;
  388. }
  389. .datagrid-header .datagrid-cell-group{
  390. margin:0;
  391. padding:4px 2px 4px 4px;
  392. white-space:nowrap;
  393. word-wrap:normal;
  394. overflow:hidden;
  395. text-align:center;
  396. }
  397. .datagrid-header-rownumber{
  398. width:25px;
  399. text-align:center;
  400. margin:0px;
  401. padding:3px 0px;
  402. }
  403. .datagrid-td-rownumber{
  404. background:#fafafa url('images/datagrid_header_bg.gif') repeat-x left bottom;
  405. }
  406. .datagrid-cell-rownumber{
  407. width:25px;
  408. text-align:center;
  409. margin:0px;
  410. padding:3px 0px;
  411. }
  412. .datagrid-body{
  413. margin:0;
  414. padding:0;
  415. overflow:auto;
  416. zoom:1;
  417. }
  418. .datagrid-view1 .datagrid-body-inner{
  419. padding-bottom:20px;
  420. }
  421. .datagrid-view1 .datagrid-body{
  422. overflow:hidden;
  423. }
  424. .datagrid-body td{
  425. font-size:12px;
  426. border-right:1px dotted #ccc;
  427. border-bottom:1px dotted #ccc;
  428. overflow:hidden;
  429. padding:0;
  430. margin:0;
  431. }
  432. .datagrid-body .datagrid-cell{
  433. overflow:hidden;
  434. margin:0;
  435. padding:3px 4px;
  436. white-space:nowrap;
  437. word-wrap:normal;
  438. }
  439. .datagrid-header-check{
  440. padding:3px 6px;
  441. }
  442. .datagrid-cell-check{
  443. padding:3px 6px;
  444. }
  445. .datagrid-header-check input{
  446. margin:0;
  447. padding:0;
  448. width:15px;
  449. height:15px;
  450. }
  451. .datagrid-cell-check input{
  452. margin:0;
  453. padding:0;
  454. width:15px;
  455. height:15px;
  456. }
  457. .datagrid-row-alt{
  458. background:#EEEEFF;
  459. }
  460. .datagrid-row-over{
  461. background:#D0E5F5;
  462. background1:#FBEC88;
  463. cursor:default;
  464. }
  465. .datagrid-row-selected{
  466. background:#FBEC88;
  467. }
  468. .datagrid-resize-proxy{
  469. position:absolute;
  470. width:1px;
  471. top:0;
  472. height:10000px;
  473. background:red;
  474. cursor:e-resize;
  475. display:none;
  476. }
  477. .datagrid-body .datagrid-editable{
  478. padding:0;
  479. }
  480. .datagrid-body .datagrid-editable table{
  481. width:100%;
  482. height:100%;
  483. }
  484. .datagrid-body .datagrid-editable td{
  485. border:0;
  486. padding:0;
  487. }
  488. .datagrid-body .datagrid-editable .datagrid-editable-input{
  489. width:100%;
  490. font-size:12px;
  491. border:1px solid #A4BED4;
  492. padding:3px 2px;
  493. }
  494. .datebox-calendar{
  495. position:absolute;
  496. border:1px solid #A4BED4;
  497. width:180px;
  498. }
  499. .datebox-calendar-inner{
  500. height:180px;
  501. }
  502. .datebox-button{
  503. height:18px;
  504. padding:2px 5px;
  505. font-size:12px;
  506. background-color:#fafafa;
  507. }
  508. .datebox-current,.datebox-close{
  509. float:left;
  510. color:#888;
  511. text-decoration:none;
  512. font-weight:bold;
  513. }
  514. .datebox-close{
  515. float:right;
  516. }
  517. .datebox-button-hover{
  518. color:#A4BED4;
  519. }
  520. .dialog-content{
  521. overflow:auto;
  522. }
  523. .dialog-toolbar{
  524. background:#fafafa;
  525. padding:2px 5px;
  526. border-bottom:1px solid #eee;
  527. }
  528. .dialog-tool-separator{
  529. float:left;
  530. height:24px;
  531. border-left:1px solid #ccc;
  532. border-right:1px solid #fff;
  533. margin:2px 1px;
  534. }
  535. .dialog-button{
  536. border-top:1px solid #eee;
  537. background:#fafafa;
  538. padding:5px 5px;
  539. text-align:right;
  540. }
  541. .dialog-button .l-btn{
  542. margin-left:5px;
  543. }.layout{
  544. position:relative;
  545. overflow:hidden;
  546. margin:0;
  547. padding:0;
  548. }
  549. .layout-panel{
  550. position:absolute;
  551. overflow:hidden;
  552. }
  553. .layout-panel-east,.layout-panel-west{
  554. z-index:2;
  555. background1:#fff;
  556. }
  557. .layout-panel-north,.layout-panel-south{
  558. z-index:3;
  559. background1:#fff;
  560. }
  561. .layout-button-up{
  562. background:url('images/layout_button_up.gif') no-repeat;
  563. }
  564. .layout-button-down{
  565. background:url('images/layout_button_down.gif') no-repeat;
  566. }
  567. .layout-button-left{
  568. background:url('images/layout_button_left.gif') no-repeat;
  569. }
  570. .layout-button-right{
  571. background:url('images/layout_button_right.gif') no-repeat;
  572. }
  573. .layout-expand{
  574. position:absolute;
  575. padding:0px 5px;
  576. padding:0px;
  577. background:#D2E0F2;
  578. font-size:1px;
  579. cursor:pointer;
  580. z-index:1;
  581. }
  582. .layout-expand .panel-header{
  583. background:transparent;
  584. border-bottom-width:0px;
  585. }
  586. .layout-expand .panel-header .panel-tool{
  587. top: 5px;
  588. }
  589. .layout-expand .panel-body{
  590. overflow:hidden;
  591. }
  592. .layout-expand-over{
  593. background:#E1F0F2;
  594. }
  595. .layout-body{
  596. overflow:auto;
  597. background:#fff;
  598. }
  599. .layout-split-proxy-h{
  600. position:absolute;
  601. width:5px;
  602. background:#ccc;
  603. font-size:1px;
  604. cursor:e-resize;
  605. display:none;
  606. z-index:5;
  607. }
  608. .layout-split-proxy-v{
  609. position:absolute;
  610. height:5px;
  611. background:#ccc;
  612. font-size:1px;
  613. cursor:n-resize;
  614. display:none;
  615. z-index:5;
  616. }
  617. .layout-split-north{
  618. border-bottom:5px solid #D2E0F2;
  619. }
  620. .layout-split-south{
  621. border-top:5px solid #D2E0F2;
  622. }
  623. .layout-split-east{
  624. border-left:5px solid #D2E0F2;
  625. }
  626. .layout-split-west{
  627. border-right:5px solid #D2E0F2;
  628. }
  629. .layout-mask{
  630. position:absolute;
  631. background:#fafafa;
  632. filter:alpha(opacity=10);
  633. opacity:0.10;
  634. z-index:4;
  635. }
  636. a.l-btn{
  637. color:#444;
  638. background:url('images/button_a_bg.gif') no-repeat top right;
  639. font-size:12px;
  640. text-decoration:none;
  641. display:inline-block;
  642. zoom:1;
  643. height:24px;
  644. padding-right:18px;
  645. cursor:pointer;
  646. outline:none;
  647. }
  648. a.l-btn-plain{
  649. background:transparent;
  650. padding-right:5px;
  651. border:1px solid transparent;
  652. _border:0px solid #efefef;
  653. _padding:1px 6px 1px 1px;
  654. }
  655. a.l-btn-disabled{
  656. color:#ccc;
  657. opacity:0.5;
  658. filter:alpha(opacity=50);
  659. cursor:default;
  660. }
  661. a.l-btn span.l-btn-left{
  662. display:block;
  663. background:url('images/button_span_bg.gif') no-repeat top left;
  664. padding:4px 0px 4px 18px;
  665. line-height:16px;
  666. }
  667. a.l-btn-plain span.l-btn-left{
  668. background:transparent;
  669. padding-left:5px;
  670. }
  671. a.l-btn span span.l-btn-text{
  672. display:inline-block;
  673. height:16px;
  674. line-height:16px;
  675. padding:0px;
  676. }
  677. a.l-btn span span span.l-btn-empty{
  678. display:inline-block;
  679. padding:0px;
  680. width:16px;
  681. }
  682. a:hover.l-btn{
  683. background-position: bottom right;
  684. outline:none;
  685. }
  686. a:hover.l-btn span.l-btn-left{
  687. background-position: bottom left;
  688. }
  689. a:hover.l-btn-plain{
  690. border:1px solid #7eabcd;
  691. background:url('images/button_plain_hover.png') repeat-x left bottom;
  692. _padding:0px 5px 0px 0px;
  693. }
  694. a:hover.l-btn-disabled{
  695. background-position:top right;
  696. }
  697. a:hover.l-btn-disabled span.l-btn-left{
  698. background-position:top left;
  699. }
  700. .menu{
  701. position:absolute;
  702. background:#f0f0f0 url('images/menu.gif') repeat-y;
  703. margin:0;
  704. padding:2px;
  705. border:1px solid #ccc;
  706. overflow:hidden;
  707. }
  708. .menu-item{
  709. position:relative;
  710. margin:0;
  711. padding:0;
  712. height:22px;
  713. line-height:20px;
  714. overflow:hidden;
  715. font-size:12px;
  716. cursor:pointer;
  717. border:1px solid transparent;
  718. _border:1px solid #f0f0f0;
  719. }
  720. .menu-text{
  721. position:absolute;
  722. left:28px;
  723. top:0px;
  724. }
  725. .menu-icon{
  726. position:absolute;
  727. width:16px;
  728. height:16px;
  729. top:3px;
  730. left:2px;
  731. }
  732. .menu-rightarrow{
  733. position: absolute;
  734. width:4px;
  735. height:7px;
  736. top:7px;
  737. right:5px;
  738. background:url('images/menu_rightarrow.png') no-repeat;
  739. }
  740. .menu-sep{
  741. margin:3px 0px 3px 24px;
  742. line-height:2px;
  743. font-size:2px;
  744. background:url('images/menu_sep.png') repeat-x;
  745. }
  746. .menu-active{
  747. border:1px solid #7eabcd;
  748. background:#fafafa;
  749. -moz-border-radius:3px;
  750. -webkit-border-radius: 3px;
  751. }
  752. .menu-shadow{
  753. position:absolute;
  754. background:#ddd;
  755. -moz-border-radius:5px;
  756. -webkit-border-radius: 5px;
  757. -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
  758. -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
  759. filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=2,MakeShadow=false,ShadowOpacity=0.2);
  760. }
  761. .m-btn-downarrow{
  762. display:inline-block;
  763. width:12px;
  764. background:url('images/menu_downarrow.png') no-repeat 4px 5px;
  765. }
  766. a.m-btn-active{
  767. background-position: bottom right;
  768. }
  769. a.m-btn-active span.l-btn-left{
  770. background-position: bottom left;
  771. }
  772. a.m-btn-plain-active{
  773. background:transparent;
  774. border:1px solid #7eabcd;
  775. -moz-border-radius:3px;
  776. -webkit-border-radius: 3px;
  777. }
  778. .messager-body{
  779. padding:5px 10px;
  780. }
  781. .messager-button{
  782. text-align:center;
  783. padding-top:10px;
  784. }
  785. .messager-icon{
  786. float:left;
  787. width:47px;
  788. height:35px;
  789. }
  790. .messager-error{
  791. background:url('images/messager_error.gif') no-repeat scroll left top;
  792. }
  793. .messager-info{
  794. background:url('images/messager_info.gif') no-repeat scroll left top;
  795. }
  796. .messager-question{
  797. background:url('images/messager_question.gif') no-repeat scroll left top;
  798. }
  799. .messager-warning{
  800. background:url('images/messager_warning.gif') no-repeat scroll left top;
  801. }
  802. .messager-input{
  803. width: 262px;
  804. border:1px solid #ccc;
  805. }.pagination{
  806. zoom:1;
  807. }
  808. .pagination table{
  809. float:left;
  810. }
  811. .pagination-btn-separator{
  812. float:left;
  813. height:24px;
  814. border-left:1px solid #ccc;
  815. border-right:1px solid #fff;
  816. margin:3px 1px;
  817. }
  818. .pagination-num{
  819. border:1px solid #ccc;
  820. margin:0 2px;
  821. }
  822. .pagination-page-list{
  823. margin:0px 6px;
  824. }
  825. .pagination-info{
  826. float:right;
  827. padding-right:6px;
  828. padding-top:8px;
  829. font-size:12px;
  830. }
  831. .pagination span{
  832. font-size:12px;
  833. }
  834. .pagination-first{
  835. background:url('images/pagination_first.gif') no-repeat;
  836. }
  837. .pagination-prev{
  838. background:url('images/pagination_prev.gif') no-repeat;
  839. }
  840. .pagination-next{
  841. background:url('images/pagination_next.gif') no-repeat;
  842. }
  843. .pagination-last{
  844. background:url('images/pagination_last.gif') no-repeat;
  845. }
  846. .pagination-load{
  847. background:url('images/pagination_load.png') no-repeat;
  848. }
  849. .pagination-loading{
  850. background:url('images/pagination_loading.gif') no-repeat;
  851. }
  852. .panel{
  853. overflow:hidden;
  854. font-size:12px;
  855. }
  856. .panel-header{
  857. padding:5px;
  858. line-height:15px;
  859. color:#15428b;
  860. font-weight:bold;
  861. font-size:12px;
  862. background:url('images/panel_title.png') repeat-x;
  863. /*position:relative;*/
  864. border:1px solid #99BBE8;
  865. }
  866. .panel-header-noborder{
  867. border-width:0px;
  868. border-bottom:1px solid #99BBE8;
  869. }
  870. .panel-body{
  871. overflow:auto;
  872. border:1px solid #99BBE8;
  873. border-top-width:0px;
  874. }
  875. .panel-body-noheader{
  876. border-top-width:1px;
  877. }
  878. .panel-body-noborder{
  879. border-width:0px;
  880. }
  881. .panel-with-icon{
  882. padding-left:18px;
  883. }
  884. .panel-icon{
  885. position:absolute;
  886. left:5px;
  887. top:4px;
  888. width:16px;
  889. height:16px;
  890. }
  891. .panel-tool{
  892. position:absolute;
  893. right:5px;
  894. top:4px;
  895. }
  896. .panel-tool div{
  897. display:block;
  898. float:right;
  899. width:16px;
  900. height:16px;
  901. margin-left:2px;
  902. cursor:pointer;
  903. opacity:0.6;
  904. filter:alpha(opacity=60);
  905. }
  906. .panel-tool div.panel-tool-over{
  907. opacity:1;
  908. filter:alpha(opacity=100);
  909. }
  910. .panel-tool-close{
  911. background:url('images/panel_tools.gif') no-repeat -16px 0px;
  912. }
  913. .panel-tool-min{
  914. background:url('images/panel_tools.gif') no-repeat 0px 0px;
  915. }
  916. .panel-tool-max{
  917. background:url('images/panel_tools.gif') no-repeat 0px -16px;
  918. }
  919. .panel-tool-restore{
  920. background:url('images/panel_tools.gif') no-repeat -16px -16px;
  921. }
  922. .panel-tool-collapse{
  923. background:url('images/panel_tool_collapse.gif') no-repeat;
  924. }
  925. .panel-tool-expand{
  926. background:url('images/panel_tool_expand.gif') no-repeat;
  927. }
  928. .panel-loading{
  929. padding:11px 0px 10px 30px;
  930. background:url('images/panel_loading.gif') no-repeat 10px 10px;
  931. }
  932. .s-btn-downarrow{
  933. display:inline-block;
  934. width:16px;
  935. background:url('images/menu_downarrow.png') no-repeat 9px center;
  936. }
  937. a.s-btn-active{
  938. background-position: bottom right;
  939. }
  940. a.s-btn-active span.l-btn-left{
  941. background-position: bottom left;
  942. }
  943. a.s-btn-active .s-btn-downarrow{
  944. background:url('images/menu_split_downarrow.png') no-repeat 4px center;
  945. }
  946. a:hover.l-btn .s-btn-downarrow{
  947. background:url('images/menu_split_downarrow.png') no-repeat 4px center;
  948. }
  949. a.s-btn-plain-active{
  950. background:transparent;
  951. border:1px solid #7eabcd;
  952. -moz-border-radius:3px;
  953. -webkit-border-radius: 3px;
  954. }
  955. a.s-btn-plain-active .s-btn-downarrow{
  956. background:url('images/menu_split_downarrow.png') no-repeat 4px center;
  957. }.tabs-container{
  958. overflow:hidden;
  959. background:#fff;
  960. }
  961. .tabs-header{
  962. border:1px solid #8DB2E3;
  963. background:#E0ECFF;
  964. border-bottom:0px;
  965. position:relative;
  966. overflow:hidden;
  967. padding:0px;
  968. padding-top:2px;
  969. overflow:hidden;
  970. }
  971. .tabs-header-noborder{
  972. border:0px;
  973. }
  974. .tabs-header-plain{
  975. border:0px;
  976. background:transparent;
  977. }
  978. .tabs-scroller-left{
  979. position:absolute;
  980. left:0px;
  981. top:-1px;
  982. width:18px;
  983. height:28px!important;
  984. height:30px;
  985. border:1px solid #8DB2E3;
  986. font-size:1px;
  987. display:none;
  988. cursor:pointer;
  989. background:#E0ECFF url('images/tabs_leftarrow.png') no-repeat 1px 5px;
  990. }
  991. .tabs-scroller-right{
  992. position:absolute;
  993. right:0;
  994. top:-1px;
  995. width:18px;
  996. height:28px!important;
  997. height:30px;
  998. border:1px solid #8DB2E3;
  999. font-size:1px;
  1000. display:none;
  1001. cursor:pointer;
  1002. background:#E0ECFF url('images/tabs_rightarrow.png') no-repeat 2px 5px;
  1003. }
  1004. .tabs-header-plain .tabs-scroller-left{
  1005. top:2px;
  1006. height:25px!important;
  1007. height:27px;
  1008. }
  1009. .tabs-header-plain .tabs-scroller-right{
  1010. top:2px;
  1011. height:25px!important;
  1012. height:27px;
  1013. }
  1014. .tabs-scroller-over{
  1015. background-color:#ECF9F9;
  1016. }
  1017. .tabs-wrap{
  1018. position:relative;
  1019. left:0px;
  1020. overflow:hidden;
  1021. width:100%;
  1022. margin:0px;
  1023. padding:0px;
  1024. }
  1025. .tabs-scrolling{
  1026. margin-left:18px;
  1027. margin-right:18px;
  1028. }
  1029. .tabs{
  1030. list-style-type:none;
  1031. height:26px;
  1032. margin:0px;
  1033. padding:0px;
  1034. padding-left:4px;
  1035. font-size:12px;
  1036. width:5000px;
  1037. border-bottom:1px solid #8DB2E3;
  1038. }
  1039. .tabs li{
  1040. float:left;
  1041. display:inline-block;
  1042. margin1:0px 1px;
  1043. margin-right:4px;
  1044. margin-bottom:-1px;
  1045. padding:0;
  1046. position:relative;
  1047. border:1px solid #8DB2E3;
  1048. -moz-border-radius-topleft:5px;
  1049. -moz-border-radius-topright:5px;
  1050. -webkit-border-top-left-radius:5px;
  1051. -webkit-border-top-right-radius:5px;
  1052. }
  1053. .tabs li a.tabs-inner{
  1054. display:inline-block;
  1055. text-decoration:none;
  1056. color:#416AA3;
  1057. background:url('images/tabs_enabled.png') repeat-x left top;
  1058. margin:0px;
  1059. padding:0px 10px;
  1060. height:25px;
  1061. line-height:25px;
  1062. text-align:center;
  1063. white-space:nowrap;
  1064. -moz-border-radius-topleft:5px;
  1065. -moz-border-radius-topright:5px;
  1066. -webkit-border-top-left-radius:5px;
  1067. -webkit-border-top-right-radius:5px;
  1068. }
  1069. .tabs li a.tabs-inner:hover{
  1070. background:url('images/tabs_active.png') repeat-x left bottom;
  1071. }
  1072. .tabs li.tabs-selected{
  1073. border:1px solid #8DB2E3;
  1074. border-bottom:1px solid #fff;
  1075. border-top1:2px solid #8DB2E3;
  1076. }
  1077. .tabs li.tabs-selected a{
  1078. color:#416AA3;
  1079. font-weight:bold;
  1080. background:#fff;
  1081. background:#7eabcd url('images/tabs_active.png') repeat-x left bottom;
  1082. outline: none;
  1083. }
  1084. .tabs li.tabs-selected a:hover{
  1085. cursor:default;
  1086. pointer:default;
  1087. }
  1088. .tabs-with-icon{
  1089. padding-left:20px;
  1090. }
  1091. .tabs-icon{
  1092. position:absolute;
  1093. width:16px;
  1094. height:16px;
  1095. left:10px;
  1096. top:5px;
  1097. }
  1098. .tabs-closable{
  1099. padding-right:8px;
  1100. }
  1101. .tabs li a.tabs-close{
  1102. position:absolute;
  1103. font-size:1px;
  1104. display:block;
  1105. padding:0px;
  1106. width:11px;
  1107. height:11px;
  1108. top:3px;
  1109. right:3px;
  1110. opacity:0.6;
  1111. filter:alpha(opacity=60);
  1112. background:url('images/tabs_close.gif') no-repeat;
  1113. }
  1114. .tabs li a:hover.tabs-close{
  1115. opacity:1;
  1116. filter:alpha(opacity=100);
  1117. cursor:hand;
  1118. cursor:pointer;
  1119. }
  1120. .tabs-panels{
  1121. margin:0px;
  1122. padding:0px;
  1123. border:1px solid #8DB2E3;
  1124. border-top:0px;
  1125. overflow:auto;
  1126. }
  1127. .tabs-panels-noborder{
  1128. border:0px;
  1129. }
  1130. .tree{
  1131. font-size:12px;
  1132. margin:0;
  1133. padding:0;
  1134. list-style-type:none;
  1135. }
  1136. .tree li{
  1137. white-space:nowrap;
  1138. }
  1139. .tree li ul{
  1140. list-style-type:none;
  1141. margin:0;
  1142. padding:0;
  1143. }
  1144. .tree-node{
  1145. height:18px;
  1146. white-space:nowrap;
  1147. cursor:pointer;
  1148. }
  1149. .tree-indent{
  1150. display:inline-block;
  1151. width:16px;
  1152. height:18px;
  1153. vertical-align:middle;
  1154. }
  1155. .tree-hit{
  1156. cursor:pointer;
  1157. }
  1158. .tree-expanded{
  1159. display:inline-block;
  1160. width:16px;
  1161. height:18px;
  1162. vertical-align:middle;
  1163. background:url('images/tree_arrows.gif') no-repeat -18px 0px;
  1164. }
  1165. .tree-expanded-hover{
  1166. background:url('images/tree_arrows.gif') no-repeat -50px 0px;
  1167. }
  1168. .tree-collapsed{
  1169. display:inline-block;
  1170. width:16px;
  1171. height:18px;
  1172. vertical-align:middle;
  1173. background:url('images/tree_arrows.gif') no-repeat 0px 0px;
  1174. }
  1175. .tree-collapsed-hover{
  1176. background:url('images/tree_arrows.gif') no-repeat -32px 0px;
  1177. }
  1178. .tree-folder{
  1179. display:inline-block;
  1180. background:url('images/tree_folder.gif') no-repeat;
  1181. width:16px;
  1182. height:18px;
  1183. vertical-align:middle;
  1184. }
  1185. .tree-folder-open{
  1186. background:url('images/tree_folder_open.gif') no-repeat;
  1187. }
  1188. .tree-file{
  1189. display:inline-block;
  1190. background:url('images/tree_file.gif') no-repeat;
  1191. width:16px;
  1192. height:18px;
  1193. vertical-align:middle;
  1194. }
  1195. .tree-loading{
  1196. background:url('images/tree_loading.gif') no-repeat;
  1197. }
  1198. .tree-title{
  1199. display:inline-block;
  1200. line-height1:18px;
  1201. text-decoration:none;
  1202. vertical-align:middle;
  1203. padding:1px 2px 1px 2px;
  1204. white-space:nowrap;
  1205. }
  1206. .tree-node-hover{
  1207. background:#fafafa;
  1208. }
  1209. .tree-node-selected{
  1210. background:#FBEC88;
  1211. }
  1212. .tree-checkbox{
  1213. display:inline-block;
  1214. width:16px;
  1215. height:18px;
  1216. vertical-align:middle;
  1217. }
  1218. .tree-checkbox0{
  1219. background:url('images/tree_checkbox_0.gif') no-repeat;
  1220. }
  1221. .tree-checkbox1{
  1222. background:url('images/tree_checkbox_1.gif') no-repeat;
  1223. }
  1224. .tree-checkbox2{
  1225. background:url('images/tree_checkbox_2.gif') no-repeat;
  1226. }
  1227. .validatebox-invalid{
  1228. background:#FFFFEE url('images/validatebox_warning.png') no-repeat right 1px;
  1229. }
  1230. .validatebox-tip{
  1231. position:absolute;
  1232. width:200px;
  1233. height:auto;
  1234. display:none;
  1235. z-index:9900000;
  1236. }
  1237. .validatebox-tip-content{
  1238. display:inline-block;
  1239. position:absolute;
  1240. top:0px;
  1241. left:10px;
  1242. padding:3px 5px;
  1243. border:1px solid #CC9933;
  1244. background:#FFFFCC;
  1245. z-index:9900001;
  1246. font-size:12px;
  1247. }
  1248. .validatebox-tip-pointer{
  1249. background:url('images/validatebox_pointer.gif') no-repeat left top;
  1250. display:inline-block;
  1251. width:10px;
  1252. height:19px;
  1253. position:absolute;
  1254. left:1px;
  1255. top:0px;
  1256. z-index:9900002;
  1257. }.window {
  1258. font-size:12px;
  1259. position:absolute;
  1260. overflow:hidden;
  1261. background:transparent url('images/panel_title.png');
  1262. background1:#878787;
  1263. padding:5px;
  1264. border:1px solid #99BBE8;
  1265. -moz-border-radius:5px;
  1266. -webkit-border-radius: 5px;
  1267. }
  1268. .window-shadow{
  1269. position:absolute;
  1270. background:#ddd;
  1271. -moz-border-radius:5px;
  1272. -webkit-border-radius: 5px;
  1273. -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
  1274. -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
  1275. filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=2,MakeShadow=false,ShadowOpacity=0.2);
  1276. }
  1277. .window .window-header{
  1278. background:transparent;
  1279. padding:2px 0px 4px 0px;
  1280. }
  1281. .window .window-body{
  1282. background:#fff;
  1283. border:1px solid #99BBE8;
  1284. border-top-width:0px;
  1285. }
  1286. .window .window-header .panel-icon{
  1287. left:1px;
  1288. top:1px;
  1289. }
  1290. .window .window-header .panel-with-icon{
  1291. padding-left:18px;
  1292. }
  1293. .window .window-header .panel-tool{
  1294. top:0px;
  1295. right:1px;
  1296. }
  1297. .window-proxy{
  1298. position:absolute;
  1299. overflow:hidden;
  1300. border:1px dashed #15428b;
  1301. }
  1302. .window-mask{
  1303. position:absolute;
  1304. left:0;
  1305. top:0;
  1306. width:100%;
  1307. height:100%;
  1308. filter:alpha(opacity=40);
  1309. opacity:0.40;
  1310. background:#ccc;
  1311. display1:none;
  1312. font-size:1px;
  1313. *zoom:1;
  1314. overflow:hidden;
  1315. }