style.css 5.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262
  1. body,html{
  2. font-size: 16px;
  3. font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;
  4. font-weight: 400;
  5. }
  6. .ewo-menu {
  7. top: 50px;
  8. }
  9. .ewo-menu-selected {
  10. background-color: rgba(255, 255, 255, 0.08) !important;
  11. /*background-color: rgba(54, 125, 255, 0.5) !important;*/
  12. }
  13. .el-menu-item:focus, .el-menu-item:hover {
  14. outline: 0;
  15. background-color: #ecf5ff;
  16. }
  17. .ewo-menu li {
  18. line-height: 40px;
  19. margin-top: 0px;
  20. padding-left: 20px;
  21. cursor: pointer;
  22. color: #ffffff;
  23. font-size: 16px;
  24. }
  25. .ewo-menu li:hover{
  26. background-color: rgba(255, 255, 255, 0.38) !important;
  27. }
  28. .ewo-menu li .ewo-menu-num {
  29. color: #ffffff;
  30. background: #F56C6C;
  31. }
  32. .ewo-menu-send>button {
  33. background-color: #409EFF;
  34. border-bottom: 1px solid #409EFF;
  35. padding-top: 10px;
  36. padding-bottom: 10px;
  37. font-size: 18px;
  38. }
  39. .ewo-menu-send>button:hover {
  40. background-color: #409EFF;
  41. border-bottom: 1px solid #409EFF;
  42. }
  43. .ewo-MailIndex-left {
  44. background-color: rgb(49, 71, 144);
  45. color: #fff;
  46. }
  47. .ewo-mail-list-main-avatar {
  48. background-color: #409EFF !important;
  49. display: inline-block;
  50. height: 60px;
  51. width: 60px;
  52. border-radius: 30px;
  53. margin-left: 5px;
  54. vertical-align: top;
  55. text-align: center;
  56. }
  57. .ewo-mail-list-main-right-star .fa-star2 {
  58. color: #F56C6C;
  59. cursor: pointer;
  60. }
  61. .ewo-mail-list-search input[type=text] {
  62. outline: #409EFF;
  63. padding: 2px 10px;
  64. border-radius: 0;
  65. }
  66. .ewo-mail-list-main>ul>li {
  67. padding: 10px;
  68. border-bottom: 1px solid #EBEEF5;
  69. }
  70. .ewo-mail-list-main>ul>.ewo-li-new {
  71. background-color: rgb(250, 236, 216);
  72. }
  73. .ewo-header-right ul li:hover {
  74. color: #409EFF;
  75. line-height: 50px;
  76. border-bottom: 2px solid #409EFF;
  77. }
  78. .ewo-header-login-info a{
  79. color: #409EFF;
  80. }
  81. .ewo-mail-view-from2-title{
  82. font-size: 16px;
  83. }
  84. .ewo-mail-view-status h1{
  85. color: #909399;
  86. font-weight: 500;
  87. font-size: 20px;
  88. }
  89. .ewo-popups-header {
  90. width: 100%;
  91. background-color: #ffffff;
  92. color: #222;
  93. text-align: center;
  94. }
  95. .ewo-popups-header2 {
  96. font-size: 18px;
  97. font-weight: 600;
  98. padding: 10px;
  99. }
  100. .ewo-popups-close {
  101. float: right;
  102. font-size: 18px;
  103. cursor: pointer;
  104. color: #909399;
  105. }
  106. .pure-button {
  107. background: #fff;
  108. border: 1px solid #DCDFE6;
  109. border-color: #DCDFE6;
  110. color: #606266;
  111. }
  112. .pure-button-active, .pure-button:active {
  113. box-shadow: none;
  114. border-color: #DCDFE6;
  115. }
  116. .pure-button-hover, .pure-button:hover {
  117. box-shadow: none;
  118. border-color: #DCDFE6;
  119. }
  120. .pure-button-primary, .pure-button-selected, a.pure-button-primary, a.pure-button-selected {
  121. background-color: #409EFF;
  122. color: #fff;
  123. }
  124. .button-cancel {
  125. background-color: #909399;
  126. color: #fff;
  127. }
  128. .button-cancel:hover {
  129. background-color: #a6a9ad;
  130. color: #fff;
  131. }
  132. .button-signature {
  133. background: #E6A23C;
  134. color: #fff;
  135. border-color: #E6A23C;
  136. }
  137. .button-signature:hover {
  138. background: #F59942;
  139. color: #fff;
  140. border-color: #F59942;
  141. }
  142. .button-green {
  143. background: #67C23A;
  144. color: #fff;
  145. border-color: #67C23A;
  146. }
  147. .button-green:hover {
  148. background: #85ce61;
  149. color: #fff;
  150. border-color: #85ce61;
  151. }
  152. .button-red {
  153. background: #F56C6C;
  154. color: #fff;
  155. border-color: #F56C6C;
  156. }
  157. .button-red:hover {
  158. background: #f78989;
  159. color: #fff;
  160. border-color: #f78989;
  161. }
  162. .ewo-email-input-right a{
  163. color: #409EFF;
  164. }
  165. ._send_info{
  166. padding-bottom: 10px;
  167. }
  168. .ewo-AddressBook-left {
  169. top: 100px;
  170. }
  171. .pure-form input:not([type]):focus, .pure-form input[type=color]:focus, .pure-form input[type=date]:focus, .pure-form input[type=datetime-local]:focus, .pure-form input[type=datetime]:focus, .pure-form input[type=email]:focus, .pure-form input[type=month]:focus, .pure-form input[type=number]:focus, .pure-form input[type=password]:focus, .pure-form input[type=search]:focus, .pure-form input[type=tel]:focus, .pure-form input[type=text]:focus, .pure-form input[type=time]:focus, .pure-form input[type=url]:focus, .pure-form input[type=week]:focus, .pure-form select:focus, .pure-form textarea:focus {
  172. outline: 0;
  173. border-color: #409EFF;
  174. }
  175. .ewo-AddressBook-header .ewo_search input {
  176. padding: 4px 10px;
  177. border-radius: 0;
  178. }
  179. a{
  180. color: #409EFF;
  181. }
  182. .ewo-mail-list-main-avatar span {
  183. color: #fff;
  184. font-size: 30px;
  185. line-height: 60px;
  186. }
  187. .ewo-mail-list-status {
  188. color: #909399;
  189. font-weight: 500;
  190. }
  191. .ewo-AddressBookBranch-header {
  192. height: 40px;
  193. border-bottom: 1px solid #ccc;
  194. }
  195. .ewo-AddressBookBranch-header .ewo_search input {
  196. padding: 4px 10px;
  197. width: 250px;
  198. border-radius: 0;
  199. }
  200. .ewo-login ._ewo_logo{
  201. text-align: center;
  202. }
  203. .ewo-login-info {
  204. width: 450px;
  205. margin-left: 50px;
  206. }
  207. .ewo-mail-list-main-view-email{
  208. color: #909399;
  209. }
  210. .ewo-mail-list-main-right{
  211. color: #909399;
  212. }
  213. .ewo-mail-list-main-view-title {
  214. display: block;
  215. white-space: nowrap;
  216. overflow: hidden;
  217. text-overflow:ellipsis;
  218. font-size: 16px;
  219. }
  220. .ewo-AddressBook-left .ewo_sd {
  221. color: #409EFF;
  222. }
  223. .ewo-header-logo {
  224. padding-top: 14px;
  225. }
  226. .ewo-header-logo img {
  227. max-width: 210px;
  228. max-height: 60px;
  229. }
  230. .ewo-icon-button {
  231. display: inline-block;
  232. position: relative;
  233. cursor: pointer;
  234. color: #409EFF;
  235. }
  236. .ewo-mail-list-search-input {
  237. position: relative;
  238. width: 83%;
  239. display: inline-block;
  240. }
  241. .ewo-AddressBookBranch-left .ewo_sd {
  242. color: #409EFF!important;
  243. }
  244. .ewo-MailIndex-left {
  245. width: 210px;
  246. }
  247. .ewo-MailIndex-right {
  248. left: 210px;
  249. }
  250. .ewo-folders ul li ._ewo_op a{
  251. display: none;
  252. }
  253. .ewo-folders ul li ._ewo_op a:first-child{
  254. display: inline-block;
  255. }
  256. .ewo-folders ul li ._ewo_op a:last-child{
  257. display: inline-block;
  258. }