all.css 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204
  1. /* Layout 样式重写*/
  2. .l-layout-top,.l-layout-left,.l-layout-center{border:0px;}
  3. .l-layout-content{overflow-y: auto}
  4. /* grid样式重写 */
  5. .l-clear{height:0px;}
  6. .l-panel{border:1px solid #e1e1e1;}
  7. .l-panel-bar{background:#f0f0f0;border-top: 1px solid #e1e1e1;height:40px;}
  8. .l-panel-bbar-inner{margin-top:0px;}
  9. .l-bar-group{height:24px;padding-top:8px}
  10. .l-bar-selectpagesize select{height:24px;}
  11. .l-bar-group input { height: 24px; line-height: 24px; }
  12. .l-bar-group input { height: 24px; line-height: 24px; }
  13. .l-bar-text{line-height: 24px}
  14. .l-bar-separator {float: left; height: 24px; border-left: 1px solid #e1e1e1; border-right: 1px solid white; margin: 8px 4px; }
  15. .l-bar-button{margin-top:0px;width:24px;height:24px;}
  16. .l-bar-button span{margin-top:4px;margin-left:4px;}
  17. .l-grid-header{border-bottom:1px solid #e1e1e1;line-height: 40px;background:#f0f0f0}
  18. .l-grid-hd-cell {border-right:1px solid #e1e1e1;}
  19. .l-grid-hd-cell-mul {border-bottom: 1px solid #A3C0E8;}
  20. .l-grid-hd-cell-text{font-weight: bolder;line-height: 40px;color:#323232}
  21. .l-grid-row-cell{border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;}
  22. .l-grid-row-cell-inner{text-align: left;line-height:40px;padding-left:3px;padding-right:3px;}
  23. .l-grid-row-cell-rownumbers .l-grid-row-cell-inner{text-align: center}
  24. .l-grid-row-alt .l-grid-row-cell,.l-grid-row-alt .l-grid-row-cell-rownumbers{background-color: #f5f8fa}
  25. .l-selected .l-grid-row-cell, .l-selected,.l-grid-row-over .l-grid-row-cell-rownumbers,.l-grid-row-over .l-grid-row-cell{background-color:#E0ECFF}
  26. .l-grid-row-cell-inner .l-grid-row-cell-btn-checkbox{margin-left:4px}
  27. .l-grid .l-grid-grouprow-cell{border-bottom:1px solid #e1e1e1;border-right:1px solid #e1e1e1;line-height: 30px;font-weight:bolder;background: #f0f0f0}
  28. .l-grid-tree-space{height:40px;width:22px;}
  29. .l-grid-tree-link-open{background:url(../images/tree_d1.png) no-repeat;}
  30. .l-grid-tree-link-close{background:url(../images/tree_a1.png) no-repeat;}
  31. .l-grid-row-cell-checkbox span, .l-grid-hd-cell-checkbox .l-grid-hd-cell-inner div{width:15px;height:15px;background:url(../images/checkbox_btn.png) no-repeat;}
  32. .l-checked .l-grid-row-cell-checkbox span, .l-checked .l-grid-hd-cell-checkbox .l-grid-hd-cell-inner div{background:url(../images/checkbox_on_btn.png) no-repeat;}
  33. .l-selected .l-grid-row-cell-checkbox span, .l-selected .l-grid-hd-cell-checkbox .l-grid-hd-cell-inner div{background:url(../images/checkbox_on_btn.png) no-repeat;}
  34. /* 按钮样式覆盖 */
  35. .l-button { width: 86px;height: 30px; line-height: 30px; border: none; border-radius: 3px;background: #1eaaff;color:#fff;float:left;margin-left:10px;}
  36. .l-button:hover{background: #008cdc;}
  37. .l-button span{color:#fff;}
  38. .l-button.l-button-green{background: #50b946;}
  39. .l-button.l-button-green:hover{background: #18b009;}
  40. .l-button-large { width: 98px !important; height: 35px; line-height: 35px;border: none; border-radius: 3px;background: #1eaaff;color:#fff;float:left}
  41. .l-button-no{background-color: #f0f0f0;border:1px solid #e1e1e1;}
  42. .l-button-no span{color:#323232}
  43. .l-button-no:hover{background-color: #dcdcdc;border:1px solid #a8a8a8;}
  44. .l-button-no .l-dialog-btn-inner{color:#323232}
  45. /* form.css 样式覆盖 */
  46. .l-form{margin:0px;}
  47. .l-text-wrapper{height:32px;float:left}
  48. .l-text { width: 240px; height: 32px; border:1px solid #e1e1e1}
  49. .l-textbox{ width: 240px; height: 32px; line-height: 32px; border:1px solid #e1e1e1;padding-left:5px;padding-right:5px;outline: none;}
  50. .l-textbox:focus{ border-color:#1eaaff;}
  51. .l-text-focus { border-color:#1eaaff;}
  52. .l-text-field { padding-left: 5px;padding-right:5px;border:0px;width:220px; height:30px;line-height: 30px;}
  53. .l-trigger, .l-trigger-hover, .l-trigger-pressed{top:0px;right:0px;background:transparent;width:30px;height:30px;border:0px;}
  54. .l-spinner-split{display: none}
  55. .l-spinner-up, .l-spinner-down{height:14px;}
  56. .l-spinner-down-over, .l-spinner-up-over{background: #e1e1e1}
  57. .l-text-search{padding-right:40px;background:url(../images/search-btn-icon.png) no-repeat right;}
  58. .l-text-search:focus{ background:url(../images/search-over-btn-icon.png) no-repeat right;}
  59. /* textarea.css 样式覆盖 */
  60. .l-textarea {width: 240px; line-height:30px;padding-left:5px; border:1px solid #e1e1e1}
  61. .l-textarea:hover{border:1px solid #e1e1e1}
  62. .l-textarea-invalid,.l-textarea:focus{ border-color:#1eaaff;}
  63. /*--下拉框--*/
  64. .l-trigger-icon{width:30px;height:30px;background:url(../images/combo_icon.png) no-repeat;}
  65. .l-text-focus .l-trigger:not(.l-trigger-cancel) .l-trigger-icon,.l-text-focus .l-trigger-hover:not(.l-trigger-cancel) .l-trigger-icon{background:url(../images/combo_over_icon.png) no-repeat;}
  66. .l-trigger-cancel{width:20px;right:20px}
  67. .l-trigger-cancel .l-trigger-icon{width:20px;}
  68. .l-box-select{border:1px solid #e1e1e1}
  69. .l-box-select .l-box-select-table td{line-height:30px;padding:0px;padding-left:6px}
  70. .l-box-select .l-table-nocheckbox td:hover, .l-box-select .l-table-nocheckbox td.l-over{background: #E0ECFF;}
  71. /*---文本框搜索----*/
  72. .l-trigger-search .l-trigger-icon { background:url(../images/search-btn-icon.png) no-repeat transparent; }
  73. .l-trigger-search .l-trigger-icon:hover,.l-text-focus .l-trigger.l-trigger-search .l-trigger-icon { background:url(../images/search-over-btn-icon.png) no-repeat transparent; }
  74. .l-text-trigger-cancel { right:0;}
  75. .l-trigger-cancel .l-trigger-icon, .l-text-date .l-trigger-cancel .l-trigger-icon{background-position-y:11px}
  76. /*---单选框----*/
  77. .l-radio-wrapper{height:30px;line-height:30px;}
  78. a.l-radio{ width: 20px; height: 20px; background:url(../images/Click_btn.png) }
  79. .l-over a.l-radio {background-position:0 0;}
  80. .l-over a.l-radio-checked { background-position:0; }
  81. a.l-radio-checked { background:url(../images/Click_btn_pre.png); }
  82. .u-checkbox-wrap { height: 30px; line-height: 30px; float:left}
  83. /*---复选框----*/
  84. .l-checkbox-wrapper{height:30px;line-height: 30px}
  85. a.l-checkbox{ height: 15px; width: 15px; background:url(../images/checkbox_btn.png); }
  86. a.l-checkbox-checked{ background:url(../images/checkbox_on_btn.png) }
  87. /*----日期控件----*/
  88. .l-text-date .l-trigger-icon{background:url(../images/combo_date_icon.png) no-repeat;}
  89. .l-text-date.l-text-focus .l-trigger:not(.l-trigger-cancel) .l-trigger-icon,.l-text-date.l-text-focus .l-trigger-hover:not(.l-trigger-cancel) .l-trigger-icon{background:url(../images/combo_date_over_icon.png) no-repeat;}
  90. .l-box-dateeditor { width: 240px; border:1px solid #e1e1e1}
  91. .l-box-dateeditor-toolbar{ background: #fff;height:40px;}
  92. .l-box-dateeditor-toolbar .l-button{height:30px;line-height:30px;}
  93. .l-box-dateeditor-toolbar .l-button-close{position:absolute;right:5px;margin-left:0px;color:#323232;background-color: #f0f0f0;border:1px solid #e1e1e1;}
  94. .l-box-dateeditor-toolbar .l-button-close:hover{background-color: #dcdcdc;border:1px solid #a8a8a8;}
  95. .l-box-dateeditor-toolbar .l-button-today { margin-left:82px;position:absolute;right:66px;margin-left:0px;}
  96. .l-box-dateeditor-body{border:0px;}
  97. .l-box-dateeditor-body table{border-top:1px solid #e1e1e1;border-left:1px solid #e1e1e1;margin-left:5px;width:228px;}
  98. .l-box-dateeditor-body thead td{border-bottom:1px solid #e1e1e1;border-right:1px solid #e1e1e1;background: #f0f0f0;color:#ccc;font-weight: bolder}
  99. .l-box-dateeditor-body tbody td{border:0px;border-bottom:1px solid #e1e1e1;border-right:1px solid #e1e1e1;background: #f4f4f4;color:#323232}
  100. .l-box-dateeditor-body tbody td.l-box-dateeditor-out{background: #f9f9f9;color:#ccc}
  101. .l-box-dateeditor-body tbody td.l-box-dateeditor-holiday{color:#323232}
  102. .l-box-dateeditor-header{height:36px;background: transparent}
  103. .l-box-dateeditor-header-text{font-weight: bolder;}
  104. .l-box-dateeditor-header-text a{color:#323232;font-weight: bolder;font-size: 14px;}
  105. .l-box-dateeditor-header-text{line-height:36px;}
  106. .l-box-dateeditor-body tbody td.l-box-dateeditor-today{background: #1eaaff;color:#fff}
  107. .l-box-dateeditor-body tbody td.l-box-dateeditor-selected{background: #ff9b00;color:#fff}
  108. .l-box-dateeditor-time{height:30px;line-height:30px;width:80px;text-align: left}
  109. .l-box-dateeditor-header-btn{border:1px solid #fff;border-radius:3px;}
  110. .l-box-dateeditor-header-btn-over{background:#f9f9f9;border:1px solid #e1e1e1}
  111. .l-box-dateeditor-header-prevmonth{left:24px;top:6px;}
  112. .l-box-dateeditor-header-prevmonth span{background: url(../images/icon-prev.gif) no-repeat center;}
  113. .l-box-dateeditor-header-nextmonth{right:24px;top:6px;}
  114. .l-box-dateeditor-header-nextmonth span{background: url(../images/icon-next.gif) no-repeat center;}
  115. .l-box-dateeditor-header-prevyear{left:4px;top:6px; }
  116. .l-box-dateeditor-header-prevyear span{background: url(../images/icon-first.gif) no-repeat center;}
  117. .l-box-dateeditor-header-nextyear{ right:4px;top:6px;}
  118. .l-box-dateeditor-header-nextyear span{background: url(../images/icon-last.gif) no-repeat center;}
  119. /* dialog.css 样式覆盖 */
  120. .l-dialog { border: none; }
  121. .l-dialog-body{overflow: auto;}
  122. .l-dialog-tc-inner{height:40px;}
  123. .l-dialog-tc{ background: #fff; filter: none;padding-top:0px;padding-bottom: 0px}
  124. .l-dialog-title { height: 40px; line-height: 40px; font-size:14px}
  125. .l-dialog-winbtns{top:0px;}
  126. .l-dialog-close { position: relative;left:40px;margin-right:0px; width: 40px; height: 40px; background: url(../images/dialog_close_btn.png) no-repeat;}
  127. .l-dialog-close:hover { background: url(../images/dialog_close_over_btn.png) no-repeat;}
  128. .l-dialog-cl, .l-dialog-cc, .l-dialog-cr{border-top:1px solid #e1e1e1}
  129. .l-dialog-buttons{padding:0px;height:55px;padding-top:10px;border-top:0px;margin:0px;background: #f5f8fa}
  130. .l-dialog-buttons-inner{background: #f5f8fa}
  131. .l-dialog-btn{width:86px;height:30px; border: none; border-radius: 3px;background: #1eaaff;outline: none}
  132. .l-dialog-btn:hover,.l-dialog-btn-inner:hover{background: #008cdc;}
  133. .l-dialog-btn-inner{line-height: 30px;color:#fff;background: #1eaaff}
  134. .l-dialog-btn-no{background-color: #f0f0f0;border:1px solid #e1e1e1;box-shadow:none}
  135. .l-dialog-btn-no:hover{background-color: #dcdcdc;border:1px solid #a8a8a8;}
  136. .l-dialog-btn-no .l-dialog-btn-inner{color:#323232;background-color: #f0f0f0;}
  137. .l-dialog-btn-no .l-dialog-btn-inner:hover{background-color: #dcdcdc;}
  138. .l-dialog-loading{background: url('../images/loading.gif') no-repeat;width:35px;height:35px;top:35%;left:45%}
  139. .l-dialog-image.l-dialog-image-donne {position: relative;top:0px;left:0px;height:70px;width:100%;background: url('../images/chengong.png') center no-repeat; }
  140. .l-dialog-image.l-dialog-image-question { position: relative;top:0px;left:0px;height:70px;width:100%;background: url('../images/queren.png') center no-repeat; }
  141. .l-dialog-image.l-dialog-image-warn { position: relative;top:0px;left:0px;height:70px;width:100%;background: url('../images/jingao.png') center no-repeat; }
  142. .l-dialog-image.l-dialog-image-error { position: relative;top:0px;left:0px;height:70px;width:100%;background: url('../images/shibai.png') center no-repeat; }
  143. .l-dialog-image.l-dialog-image-waitting { position: relative;top:0px;left:0px;height:70px;width:100%;background: url('../images/loading.gif') no-repeat; }
  144. /* conditionDialog 样式覆盖 */
  145. .l-filter-column .fieldsel,.l-filter-op .opsel{height:30px;line-height:30px;width:120px;margin-left:1px;margin-top:1px;}
  146. .l-filter-value .valtxt,.l-filter-value .l-text,.l-filter-value .opsel{height:30px;line-height:30px;width:120px;margin-left:1px;margin-top:1px;}
  147. td.l-filter-rowlastcell{vertical-align:top;line-height:27px;}
  148. .l-filter-rowlastcell .groupopsel{height:30px;line-height:30px;}
  149. .l-filter-rowlastcell .groupopsel,.l-filter-rowlastcell .addgroup,.l-filter-rowlastcell .addrule,.l-filter-rowlastcell .deletegroup{width:80px;margin:2px;}
  150. /* 树样式覆盖 */
  151. .l-tree .l-body span {height:40px;line-height:40px;display: block; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden;}
  152. .l-tree .l-over span{text-decoration: none;}
  153. .l-tree .l-selected span {color: #3194d5;border:0;background:none;}
  154. .l-tree li .l-body{height: 40px;line-height: 40px;}
  155. .l-tree .l-box{height:40px;width:26px}
  156. .l-tree .l-checkbox-unchecked,.l-tree .l-over .l-checkbox-unchecked{ background:url('../images/checkbox_btn.png') center no-repeat;}
  157. .l-tree .l-checkbox-checked,.l-tree .l-over .l-checkbox-checked{ background:url('../images/checkbox_on_btn.png') center no-repeat;}
  158. .l-tree .l-checkbox-incomplete,.l-tree .l-over .l-checkbox-incomplete{ background:url('../images/gouxuan_btn02.png') center no-repeat;}
  159. .l-tree .l-line{background:url('../images/tree_line1.png') 0px 0px no-repeat;}
  160. .l-tree .l-note{background:url('../images/tree_line2.png') 0px 0px no-repeat;}
  161. .l-tree .l-note-last{ background:url('../images/tree_line3.png') 0px 0px no-repeat;}
  162. .l-tree .l-expandable-close{background:url('../images/tree_a4.png') 0px 0px no-repeat;}
  163. .l-tree .l-first .l-expandable-close{background:url('../images/tree_a2.png') 0px 0px no-repeat;}
  164. .l-tree .l-last .l-expandable-close{ background:url('../images/tree_a3.png') 0px 0px no-repeat;}
  165. .l-tree .l-onlychild .l-expandable-close{background:url('../images/tree_a1.png') 0px 0px no-repeat;}
  166. .l-tree .l-expandable-open{background:url('../images/tree_d4.png') 0px 0px no-repeat;}
  167. .l-tree .l-first .l-expandable-open{background:url('../images/tree_d2.png') 0px 0px no-repeat;}
  168. .l-tree .l-last .l-expandable-open{ background:url('../images/tree_d3.png') 0px 0px no-repeat;}
  169. .l-tree .l-onlychild .l-expandable-open{background:url('../images/tree_d1.png') 0px 0px no-repeat;}
  170. /********* tip重写 *************/
  171. .l-verify-tip-corner{top:12px;}
  172. .l-verify-tip-content{line-height:30px;padding-top:0px;padding-bottom:0px;}
  173. .f-pl5{padding-left: 5px;}
  174. #div_left_grid .l-bar-group.l-bar-message{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 80px; left: 305px; height: 30px;}
  175. #div_relation_grid .l-bar-group.l-bar-message{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 216px; height: 30px;}