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.
 
 
 
 
 
 

217 lines
3.7 KiB

  1. .form-warp {
  2. position:relative;
  3. width:100%;
  4. height:100%;
  5. padding-left:200px;
  6. }
  7. .form-warp-left {
  8. position:absolute;
  9. left:0;
  10. top:0;
  11. width:200px;
  12. height:100%;
  13. padding-top:28px;
  14. }
  15. .company-select {
  16. position:absolute;
  17. top:0;
  18. left:0;
  19. height:28px;
  20. width:100%;
  21. border:1px solid #ddd;
  22. border-top:0px;
  23. border-left:0px;
  24. }
  25. .learun-select.learun-select-focus {
  26. border: 1px solid #ddd;
  27. border-top:0px;
  28. border-left:0px;
  29. }
  30. .learun-select-placeholder {
  31. padding-left:15px;
  32. }
  33. .learun-select-option {
  34. border:0px;
  35. border-bottom:1px solid #ddd;
  36. }
  37. .department-tree {
  38. position:relative;
  39. height:100%;
  40. width:100%;
  41. border-right:1px solid #ddd;
  42. }
  43. .form-warp-main {
  44. position:relative;
  45. height:100%;
  46. width:100%;
  47. padding-top:28px;
  48. }
  49. .user-search {
  50. position:absolute;
  51. top:0;
  52. left:0;
  53. width:100%;
  54. height:28px;
  55. border-bottom:1px solid #ddd;
  56. }
  57. .user-list {
  58. position:relative;
  59. height:100%;
  60. width:100%;
  61. }
  62. .card-box {
  63. position:relative;
  64. float: left;
  65. width: 185px;
  66. height: 60px;
  67. border: 1px solid #ccc;
  68. background-color: #fff;
  69. border-radius: 3px;
  70. margin: 10px 0 0 10px;
  71. padding-left:65px;
  72. padding-top:4px;
  73. overflow: hidden;
  74. -moz-user-select: none;
  75. -webkit-user-select: none;
  76. -ms-user-select: none;
  77. -khtml-user-select: none;
  78. user-select: none;
  79. cursor: pointer;
  80. }
  81. .card-box.active {
  82. border: 2px solid #ff5d5b;
  83. background: url(/Content/images/selected_red.png) right top no-repeat;
  84. }
  85. .card-box-img {
  86. position: absolute;
  87. left:0;
  88. top:0;
  89. width: 59px;
  90. height: 58px;
  91. line-height:58px;
  92. padding-left:9px;
  93. background-color: #ebebeb;
  94. border-right: 1px solid #ccc;
  95. }
  96. .card-box-img img {
  97. border-radius: 45px;
  98. }
  99. .card-box-content p {
  100. overflow: hidden;
  101. white-space: nowrap;
  102. text-overflow: ellipsis;
  103. margin:0;
  104. }
  105. .form-warp-right {
  106. position:absolute;
  107. top:0;
  108. right:-180px;
  109. height:100%;
  110. width:180px;
  111. border-left:1px solid #ddd;
  112. padding-top:28px;
  113. background-color:#fff;
  114. z-index:10;
  115. }
  116. .form-warp-right-close {
  117. position: absolute;
  118. top: 7px;
  119. right: 4px;
  120. width: 12px;
  121. height: 13px;
  122. display: block;
  123. background: url(/Content/images/tab_close.png) no-repeat;
  124. cursor:pointer;
  125. }
  126. .form-warp-right-close:hover {
  127. background-position: 0 -12px;
  128. }
  129. .form-warp-right-title {
  130. position:absolute;
  131. top:0;
  132. left:0;
  133. height:28px;
  134. line-height:27px;
  135. padding-left:10px;
  136. width:100%;
  137. border-bottom:1px solid #ddd;
  138. padding-right:80px;
  139. }
  140. .selected-user-list-warp {
  141. position:relative;
  142. height:100%;
  143. width:100%;
  144. }
  145. .user-selected-box {
  146. position:relative;
  147. width:160px;
  148. height:44px;
  149. border:1px solid #ccc;
  150. border-radius:4px;
  151. margin:auto;
  152. margin-top:10px;
  153. padding:5px 0 0 10px;
  154. }
  155. .user-selected-box p {
  156. overflow: hidden;
  157. white-space: nowrap;
  158. text-overflow: ellipsis;
  159. margin:0;
  160. }
  161. .user-reomve {
  162. position: absolute;
  163. top: 2px;
  164. right: 2px;
  165. width: 12px;
  166. height: 13px;
  167. display: block;
  168. background: url(/Content/images/tab_close.png) no-repeat;
  169. cursor:pointer;
  170. }
  171. .user-reomve:hover {
  172. background-position: 0 -12px;
  173. }
  174. .user-selected-btn {
  175. position:absolute;
  176. top:0;
  177. right:0;
  178. height:100%;
  179. width:80px;
  180. line-height:27px;
  181. text-align:center;
  182. border-left:1px solid #ddd;
  183. cursor:pointer;
  184. background-color:#eee;
  185. color:#666;
  186. }
  187. .user-selected-btn:hover {
  188. color:#333;
  189. }
  190. .form-control {
  191. border:0px;
  192. height:100%;
  193. }
  194. .input-query {
  195. position: absolute;
  196. right: 86px;
  197. top: 2px;
  198. color: #ccc;
  199. font-size: 16px;
  200. cursor: pointer;
  201. }