formedit.css 6.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367
  1. body,html {
  2. font-size:18px;
  3. }
  4. .wrapper-content,.ibox-content{
  5. padding:0;
  6. }
  7. /*顶部视图导航*/
  8. .topPart .SwenBtn{
  9. float: left;
  10. min-width:80px;
  11. height: 30px;
  12. overflow:hidden;
  13. white-space:nowrap;
  14. text-overflow:ellipsis;
  15. line-height: 18px;
  16. padding: 7px 0;
  17. margin:0 10px;
  18. text-align:center
  19. }
  20. .topPart .SwenBtn:hover{
  21. text-decoration:none;
  22. }
  23. .topPart .activeSwen{
  24. color:blue;
  25. border-bottom:2px solid blue
  26. }
  27. .topPart .active{
  28. color: blue;
  29. border-bottom: 2px solid blue;
  30. }
  31. .ZW{
  32. width:80px;
  33. height:30px;
  34. line-height:30px;
  35. color:#fff;
  36. vertical-align:middle;
  37. padding-left:10px;
  38. font-size:16px;
  39. position:relative
  40. }
  41. .ZW>div.sp-box{
  42. width:100px;
  43. position:absolute;
  44. top:30px;
  45. left:1px;
  46. background-color:#fff;
  47. color:#000;
  48. z-index:10;
  49. text-align:center;
  50. border:1px solid #ccc;
  51. display:none
  52. }
  53. .ZW:hover>div.sp-box{
  54. display:block !important
  55. }
  56. /*表单*/
  57. .FixTop{
  58. padding:10px 20px;
  59. background:#fff;
  60. border-bottom:1px solid #ddd;
  61. position:fixed;
  62. left:0;
  63. right:0;
  64. top:0;
  65. z-index:2
  66. }
  67. .detail-col {
  68. display: none;
  69. position: absolute;
  70. max-height: 310px;
  71. overflow: auto;
  72. border: 1px solid #333;
  73. background: #f9f9f9;
  74. margin: 0;
  75. color: #fff;
  76. top: 30px;
  77. z-index: 1;
  78. }
  79. .detail-col div {
  80. width: 100%;
  81. color: #333;
  82. line-height:30px;
  83. border-bottom: 1px solid #333;
  84. }
  85. .detail-col div:last-child{
  86. border: 0;
  87. }
  88. .download-Item {
  89. width: 25%;
  90. float: left;
  91. height: 30px;
  92. overflow: hidden;
  93. text-align: left;
  94. line-height: 30px;
  95. white-space: nowrap;
  96. text-overflow: ellipsis;
  97. }
  98. .upload {
  99. float: left;
  100. overflow: hidden;
  101. position: relative;
  102. top:2px;
  103. }
  104. .upload-btn-single {
  105. outline: none;
  106. border: 0;
  107. height: 28px;
  108. line-height: 28px;
  109. padding: 0 5px;
  110. color: #fff !important;
  111. background: #1c84c6;
  112. cursor: pointer !important;
  113. border-radius: 5px;
  114. }
  115. .upload-tip {
  116. float: left;
  117. width: 100%;
  118. margin-top: 35px;
  119. padding: 0 10px;
  120. color: #666;
  121. font-size: 13px !important;
  122. border-radius: 5px;
  123. display: none;
  124. text-align: left;
  125. }
  126. .upload-file-single {
  127. position: absolute;
  128. width: 100%;
  129. height: 100%;
  130. left: 0;
  131. top: 0;
  132. opacity: 0;
  133. font-size: 0;
  134. filter: alpha(opacity=0);
  135. }
  136. .upload-loading{
  137. display: inline-block;
  138. width: 100%;
  139. height: 100%;
  140. padding: 3px;
  141. text-align: center;
  142. background: #E8E8E8;
  143. opacity: 0.4;
  144. position: absolute;
  145. left: 0;
  146. top: 0;
  147. z-index: 10
  148. }
  149. .upload-img{
  150. width: 195px;
  151. height: 194px;
  152. overflow: hidden;
  153. position: relative;
  154. display: inline-block;
  155. vertical-align: middle;
  156. }
  157. .upload-img img{
  158. cursor:pointer
  159. }
  160. .upload-img-file-single{
  161. position: absolute;
  162. width: 62px;
  163. height: 30px;
  164. line-height: 30px;
  165. left: 200px;
  166. bottom: 30px;
  167. opacity: 0;
  168. font-size: 0;
  169. filter: alpha(opacity=0);
  170. cursor: pointer !important;
  171. }
  172. .SwenBtn{
  173. float: left;
  174. width:80px;
  175. height: 30px;
  176. overflow:hidden;
  177. white-space:nowrap;
  178. text-overflow:ellipsis;
  179. line-height: 18px;
  180. padding: 7px 0;
  181. margin:0 10px;
  182. text-align:center
  183. }
  184. .SwenBtn:hover{
  185. text-decoration:none;
  186. }
  187. .activeSwen{
  188. color:blue;
  189. border-bottom:2px solid blue
  190. }
  191. .btn-box img{
  192. position:relative;
  193. top:-1px;
  194. }
  195. .opbtn{
  196. outline: none;
  197. border: 0;
  198. white-space: nowrap;
  199. padding: 5px;
  200. color: #fff;
  201. cursor: pointer;
  202. margin-top:-30px;
  203. position:relative;
  204. line-height:20px;
  205. }
  206. .op-textarea {
  207. width: 100%;
  208. float: left;
  209. padding: 0 5px;
  210. border: 0px;
  211. height: 200px;
  212. resize: none;
  213. }
  214. .op-textarea:hover {
  215. border: solid 1px #3bb4f2;
  216. }
  217. /*收藏*/
  218. .activeSC{
  219. color:#fff;
  220. background:#2db1e4
  221. }
  222. /*打印*/
  223. .activePirnt{
  224. background: #4678ec;
  225. }
  226. .printItem {
  227. background-color: #fff;
  228. height: 50px;
  229. padding: 15px 0;
  230. margin: 10px 0;
  231. border-radius: 5px;
  232. border: 1px solid #E1E6EB;
  233. box-shadow: 0px 2px 5px #E1E6EB;
  234. cursor: pointer;
  235. }
  236. /*转发*/
  237. .selectPeople{
  238. width:74px;
  239. height:30px;
  240. display:inline-block;
  241. cursor:default;
  242. text-align:center;
  243. padding:0px 15px 5px 10px;
  244. margin:2px 5px;
  245. border:1px solid #409EFF;
  246. border-radius:5px;
  247. position:relative;
  248. }
  249. .selectPeople>.fa{
  250. color:red;
  251. cursor:pointer;
  252. position:absolute;
  253. top:0;
  254. right:2px;
  255. }
  256. .pointer{
  257. cursor:pointer;
  258. }
  259. .grouping{
  260. width:100px;
  261. float:left;
  262. text-align:center;
  263. border-top:1px solid #c3c3c3;
  264. border-right:1px solid #c3c3c3;
  265. border-bottom:1px solid #c3c3c3;
  266. position:relative;
  267. top:1px
  268. }
  269. .activeGroup{
  270. border-bottom:1px solid #fff;
  271. }
  272. .activeDep{
  273. background: lightskyblue;
  274. }
  275. .activeUser{
  276. background: lightskyblue;
  277. }
  278. /**美化滚动条 只对webkit内核管用**/
  279. .sp-page-center::-webkit-scrollbar { width: 0;background-color: #F5F5F5;}
  280. .sp-page-center::-webkit-scrollbar-thumb {
  281. background-color: #999;
  282. }
  283. .sp-page-center::-webkit-scrollbar-track {
  284. background-color: #F5F5F5;
  285. }
  286. /*签字标签切换*/
  287. .sp-qz-blue{outline: none;border: 0;padding: 5px 15px;background-color: #1c84c6 !important;color:#fff !important;cursor:pointer; text-align:center;line-height:20px;}
  288. .sp-qz-gray{outline: none;border: 0;padding: 5px 15px;background-color: #f3f4f7 !important;color:#888 !important;cursor:pointer; text-align:center;line-height:20px;}
  289. /*意见表格*/
  290. .formedit .sp-grid tbody td {
  291. text-align: left;
  292. line-height: 20px;
  293. padding: 7px 8px;
  294. border:0;
  295. border-bottom: 1px solid #E1E6EB;
  296. color:#000
  297. }
  298. .formedit .sp-grid::-webkit-scrollbar { width: 5px;background-color: #F5F5F5;}
  299. .sp-btn-gray{
  300. line-height:20px;
  301. }
  302. /*顶部工具栏*/
  303. .sp-wrapper-head-col {
  304. float: right;
  305. height: 30px;
  306. line-height: 30px;
  307. cursor: pointer;
  308. color: #e9f3fd;
  309. padding: 0px 3px;
  310. border:0
  311. }
  312. .sp-wrapper-head-col-span {
  313. padding: 0 10px;
  314. height: 40px;
  315. line-height: 40px;
  316. color: #e9f3fd;
  317. }
  318. .sp-wrapper-head-col span i {
  319. padding-right: 5px;
  320. }
  321. .sp-wrapper-head-search {
  322. width: 150px;
  323. height: 30px;
  324. line-height: 30px;
  325. background-color: transparent;
  326. padding: 0 5px;
  327. border: 1px solid #eee;
  328. box-sizing: border-box;
  329. color: #fff;
  330. border-radius: 5px;
  331. }
  332. .sp-wrapper-head-search::placeholder {
  333. color: #ededed !important;
  334. }
  335. .sp-wrapper-head-sub-2 {
  336. position: absolute;
  337. background: #fff;
  338. width: 100%;
  339. height: auto;
  340. padding: 5px;
  341. color: rgba(0, 0, 0, 1);
  342. z-index: 9999;
  343. border: 1px solid #ccc;
  344. box-sizing: border-box;
  345. }
  346. .sp-wrapper-head-sub-2 a {
  347. color: rgba(0,0,0,1);
  348. }
  349. .sp-wrapper-head-sub-2 a:hover {
  350. color: #3a7fcf;
  351. }
  352. .sp-lh-26-wrap {
  353. float: left;
  354. width: 100%;
  355. line-height: 26px;
  356. margin: 3px 0;
  357. white-space: nowrap;
  358. overflow: hidden;
  359. text-overflow: ellipsis;
  360. }