formedit.css 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266
  1. /*表单*/
  2. [ng-cloak]{
  3. display:none
  4. }
  5. .FixTop{
  6. padding:10px 20px;
  7. background:#fff;
  8. border-bottom:1px solid #ddd;
  9. position:fixed;
  10. left:0;
  11. right:0;
  12. top:0;
  13. z-index:2
  14. }
  15. .detail-col {
  16. display: none;
  17. position: absolute;
  18. width: 94%;
  19. max-height: 310px;
  20. overflow: hidden;
  21. border: 1px solid #e9e9e9;
  22. background: #f9f9f9;
  23. margin: 0 3%;
  24. color: #fff;
  25. z-index: 1;
  26. }
  27. .detail-col div {
  28. width: 100%;
  29. max-height: 265px;
  30. overflow-y: auto;
  31. border-bottom: 1px solid white;
  32. }
  33. .download-Item {
  34. width: 25%;
  35. float: left;
  36. height: 30px;
  37. overflow: hidden;
  38. text-align: left;
  39. line-height: 30px;
  40. white-space: nowrap;
  41. text-overflow: ellipsis;
  42. }
  43. .upload {
  44. width: 24px;
  45. height: 20px;
  46. overflow: hidden;
  47. position: relative;
  48. right:-30px;
  49. display: inline-block;
  50. vertical-align: middle;
  51. }
  52. .upload-btn-single {
  53. outline: none;
  54. border: 0;
  55. height: 20px;
  56. line-height: 20px;
  57. padding: 0 5px;
  58. color: #fff;
  59. background: #1c84c6;
  60. cursor: pointer !important;
  61. border-radius: 5px;
  62. }
  63. .upload-tip {
  64. float: left;
  65. width: 100%;
  66. margin-top: 35px;
  67. padding: 0 10px;
  68. color: #666;
  69. font-size: 13px !important;
  70. border-radius: 5px;
  71. display: none;
  72. text-align: left;
  73. }
  74. .upload-file-single {
  75. position: absolute;
  76. width: 62px;
  77. height: 30px;
  78. line-height: 30px;
  79. top: 0;
  80. opacity: 0;
  81. font-size: 0;
  82. filter: alpha(opacity=0);
  83. cursor: pointer !important;
  84. }
  85. .upload-loading{
  86. display: inline-block;
  87. width: 100%;
  88. height: 100%;
  89. padding: 3px;
  90. text-align: center;
  91. background: #E8E8E8;
  92. opacity: 0.4;
  93. position: absolute;
  94. left: 0;
  95. top: 0;
  96. z-index: 10
  97. }
  98. .SwenBtn{
  99. float: left;
  100. height: 28px;
  101. padding:5px;
  102. line-height: 18px;
  103. margin: 7px 0;
  104. margin-right:15px;
  105. border:1px solid #fff
  106. }
  107. .SwenBtn img{
  108. position:relative;
  109. top:-3px;
  110. }
  111. .SwenBtn:hover{
  112. text-decoration:none;
  113. }
  114. .btn-box img{
  115. position:relative;
  116. top:-1px;
  117. margin-left:5px;
  118. margin-right:5px;
  119. }
  120. .opbtn{
  121. outline: none;
  122. border: 0;
  123. white-space: nowrap;
  124. padding: 5px;
  125. color: #fff;
  126. cursor: pointer;
  127. margin-top:-30px;
  128. position:relative;
  129. line-height:20px;
  130. }
  131. .op-textarea {
  132. width: 100%;
  133. float: left;
  134. padding: 0 5px;
  135. border: 0px;
  136. height: 200px;
  137. resize: none;
  138. }
  139. .op-textarea:hover {
  140. border: solid 1px #3bb4f2;
  141. }
  142. /*转发*/
  143. .selectPeople{
  144. width:74px;
  145. height:30px;
  146. display:inline-block;
  147. cursor:default;
  148. text-align:center;
  149. padding:0px 15px 5px 10px;
  150. margin:2px 5px;
  151. border:1px solid #409EFF;
  152. border-radius:5px;
  153. position:relative;
  154. }
  155. .selectPeople>.fa{
  156. color:red;
  157. cursor:pointer;
  158. position:absolute;
  159. top:0;
  160. right:2px;
  161. }
  162. .pointer{
  163. cursor:pointer;
  164. }
  165. .grouping{
  166. width:100px;
  167. float:left;
  168. text-align:center;
  169. border-top:1px solid #c3c3c3;
  170. border-right:1px solid #c3c3c3;
  171. border-bottom:1px solid #c3c3c3;
  172. position:relative;
  173. top:1px
  174. }
  175. .activeGroup{
  176. border-bottom:1px solid #fff;
  177. }
  178. .activeDep{
  179. background: lightskyblue;
  180. }
  181. .activeUser{
  182. background: lightskyblue;
  183. }
  184. .left-page{
  185. position:fixed;
  186. top:105px;
  187. }
  188. .left-head{
  189. width:80%;
  190. float:left;
  191. height:30px;
  192. margin-right:10%;
  193. border-right:2px solid #e6e6e6;
  194. position:relative
  195. }
  196. .left-head span{
  197. width:10px;
  198. height:10px;
  199. border-radius:5px;
  200. display:inline-block;
  201. border:2px solid #c6c6c6;
  202. background:#fff;
  203. position:absolute;
  204. top:0px;
  205. right:-6px;
  206. }
  207. .left-item{
  208. width:80%;
  209. float:left;
  210. min-height:50px;
  211. padding:30px 10px 0 0;
  212. margin-right:10%;
  213. border-right:2px solid #e6e6e6;
  214. font-size:16px;
  215. text-align:right;
  216. position:relative
  217. }
  218. .left-item .item-circle{
  219. width:10px;
  220. height:10px;
  221. border-radius:5px;
  222. display:inline-block;
  223. background:#c6c6c6;
  224. position:absolute;
  225. top:40px;
  226. right:-6px;
  227. }
  228. .left-page .active .item-title{
  229. color:#0064AB;
  230. }
  231. .left-page .active .item-circle{
  232. background:#0064AB;
  233. }
  234. .left-foot{
  235. width:80%;
  236. float:left;
  237. height:30px;
  238. margin-right:10%;
  239. border-right:2px solid #e6e6e6;
  240. position:relative
  241. }
  242. .left-foot span{
  243. width:10px;
  244. height:10px;
  245. border-radius:5px;
  246. display:inline-block;
  247. border:2px solid #c6c6c6;
  248. background:#fff;
  249. position:absolute;
  250. bottom:0px;
  251. right:-6px;
  252. }
  253. /**美化滚动条 只对webkit内核管用**/
  254. ::-webkit-scrollbar { width: 6px;background-color: #F5F5F5;}
  255. ::-webkit-scrollbar-thumb {
  256. background-color: #999;
  257. }
  258. ::-webkit-scrollbar-track {
  259. background-color: #F5F5F5;
  260. }
  261. /*签字标签切换*/
  262. .sp-qz-blue{background-color: #1c84c6 !important;color:#fff !important;cursor:default;}
  263. .sp-qz-gray{background-color: #f3f4f7 !important;color:#888 !important;cursor:default;}