You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

256 lines
5.4 KiB

  1. /*
  2. * 版 本 Learun-ADMS-Ultimate V7.0.0 数字化智慧校园(http://www.learun.cn)
  3. * Copyright (c) 2013-2018 北京泉江科技有限公司
  4. * 创建人:陈彬彬
  5. * 日 期:2017.03.16
  6. * 描 述:iframe表单页面布局样式
  7. */
  8. body {
  9. background-color: initial;
  10. }
  11. .lr-form-bg {
  12. position: absolute;
  13. top: 0;
  14. left: 0;
  15. height: 100%;
  16. width: 100%;
  17. background-color: #fff;
  18. z-index: 100;
  19. }
  20. /*基本表单提交样式*/
  21. .lr-form-wrap {
  22. position: relative;
  23. width: 100%;
  24. height: 100%;
  25. padding: 15px 30px 0px 0px;
  26. }
  27. .lr-form-wrap.lr-scroll-wrap {
  28. padding:0;
  29. }
  30. .lr-form-wrap.lr-scroll-wrap > .lr-scroll-box {
  31. padding: 15px 30px 0px 0px;
  32. }
  33. .lr-form-item {
  34. position: relative;
  35. min-height: 38px;
  36. padding: 5px 0px 5px 100px;
  37. }
  38. .lr-form-item-title {
  39. position: absolute;
  40. top: 0;
  41. left: 0;
  42. width: 100px;
  43. height: 100%;
  44. line-height: 38px;
  45. text-align: right;
  46. padding-right: 10px;
  47. }
  48. .lr-form-item-title > font {
  49. position: absolute;
  50. top: 0;
  51. right: 2px;
  52. color: red;
  53. }
  54. .lr-form-item .checkbox,.lr-form-item .radio {
  55. moz-user-select: none;
  56. -webkit-user-select: none;
  57. -ms-user-select: none;
  58. -khtml-user-select: none;
  59. user-select: none;
  60. margin-top: 6px;
  61. margin-bottom: 0;
  62. }
  63. .lr-form-item .checkbox input[type=checkbox], .lr-form-item .radio input[type=radio] {
  64. margin-top: 3px;
  65. margin-left:-15px;
  66. }
  67. .lr-form-item-grid {
  68. padding:10px 0 10px 40px;
  69. z-index:0;
  70. }
  71. .lr-form-item-grid .jfgrid-layout {
  72. border:1px solid #ddd;
  73. }
  74. .lr-input-underline {
  75. border:0px;
  76. border-bottom:1px solid #ccc;
  77. border-radius:0px;
  78. }
  79. .lr-select-underline {
  80. border-radius: 0px;
  81. border-color: #fff !important;
  82. border-bottom: 1px solid #ccc !important;
  83. }
  84. .lr-input-button {
  85. position: absolute;
  86. right: 0;
  87. top: 0;
  88. width: 16px;
  89. height: 100%;
  90. line-height: 28px;
  91. cursor: pointer;
  92. overflow: hidden;
  93. z-index: 10;
  94. }
  95. .lr-input-wdatepicker {
  96. background: url(/Content/images/datepicker_icon.png) right 0 no-repeat #FFF;
  97. }
  98. .lr-input-wdatepicker.lr-field-error {
  99. background: none;
  100. }
  101. .lr-form-btnitem {
  102. padding-right:80px;
  103. }
  104. .lr-form-item-btn {
  105. position:absolute;
  106. top:4px;
  107. right:0;
  108. padding:4px 8px;
  109. }
  110. .lr-form-layout {
  111. position:relative;
  112. width:100%;
  113. height:100%;
  114. }
  115. .lr-form-layout-top-bottom {
  116. padding-top:44px;
  117. }
  118. .lr-form-layout-header {
  119. position:absolute;
  120. top:0;
  121. left:0;
  122. height:44px;
  123. width:100%;
  124. padding:5px;
  125. }
  126. .lr-form-layout-body {
  127. position:relative;
  128. width:100%;
  129. height:100%;
  130. }
  131. .lr-form-layout-body-title {
  132. position:absolute;
  133. top:0;
  134. left:0;
  135. width:100%;
  136. height:30px;
  137. line-height:29px;
  138. background-color:#F5F5F5;
  139. border-bottom:1px solid #ccc;
  140. text-align:right;
  141. padding-right:10px;
  142. font-weight:bold;
  143. color:#676a6c;
  144. }
  145. .lr-form-jfgrid-btns {
  146. position:absolute;
  147. height:100%;
  148. line-height:24px;
  149. top:0;
  150. left:0;
  151. padding-left:5px;
  152. }
  153. .lr-form-jfgrid-btns .btn {
  154. padding: 1px 4px;
  155. }
  156. .lr-form-bottom-button {
  157. moz-user-select: none;
  158. -webkit-user-select: none;
  159. -ms-user-select: none;
  160. -khtml-user-select: none;
  161. user-select: none;
  162. position: absolute;
  163. height: 39px;
  164. width: 100%;
  165. left: 0;
  166. bottom: 0;
  167. text-align: right;
  168. padding: 5px 5px 0px 0px;
  169. border-top: 1px solid #eee;
  170. border-radius: 0 0 4px 4px;
  171. background-color: #F8f8f8;
  172. z-index:2;
  173. }
  174. .lr-form-bottom-button > .btn {
  175. padding: 3px 10px;
  176. }
  177. .lr-form-area > div {
  178. padding-right:2px;
  179. }
  180. .lr-form-tab a {
  181. moz-user-select: none;
  182. -webkit-user-select: none;
  183. -ms-user-select: none;
  184. -khtml-user-select: none;
  185. user-select: none;
  186. cursor:pointer!important;
  187. }
  188. .sys_spec_text{padding-left:15px;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;-khtml-user-select: none;user-select: none;}
  189. .sys_spec_text li{position:relative;outline:none;display:inline;float:left;height:46px;position:relative;margin:10px 10px 0px 0;outline:none;}
  190. .sys_spec_text li a{cursor:pointer;vertical-align:middle;text-align:center;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:39px;line-height:38px;width:100px;text-align:center;padding:0px 0px;border:1px solid #ccc;border-radius: 3px;background:#fff;display:inline-block;outline:none;}
  191. .sys_spec_text li a:hover{padding:0 0px;text-decoration:none;}
  192. .sys_spec_text li.active a{color: #ff5d5b;border: 1px solid #ff5d5b;padding:0 0px;background: url(/Content/images/selected_red.png) right top no-repeat;}
  193. /*表单验证显示错误字段信息*/
  194. .lr-field-error {
  195. border-color:#ff5d48!important;
  196. }
  197. .lr-field-error-info {
  198. position: absolute;
  199. top: 8px;
  200. right: 3px;
  201. color: #ff5d48;
  202. font-size: 16px;
  203. background-color: #fff;
  204. cursor:pointer;
  205. }
  206. .lr-form-btnitem .lr-field-error-info {
  207. right: 83px;
  208. }
  209. /*选项卡设置*/
  210. .lr-form-tabs {
  211. position:absolute;
  212. width:100%;
  213. height:44px;
  214. top:0;
  215. left:0;
  216. padding:5px 5px 0px 5px;
  217. }
  218. .lr-form-tabs li {
  219. white-space: nowrap;
  220. display: inline-block!important;
  221. float: initial;
  222. cursor:pointer;
  223. }
  224. .lr-form-tabs .nav-tabs {
  225. white-space: nowrap;
  226. }
  227. .lr-form-tabs .mCS-minimal-dark.mCSB_scrollTools_horizontal {
  228. top:32px;
  229. }
  230. .lr-tab-content,.lr-tab-content>div {
  231. position:relative;
  232. width:100%;
  233. height:100%;
  234. }