Home Explore Help
Sign In
YDM
/
caiping
3
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Branch: master
Branches Tags
caiping
/
public
/
static
/
home
/
css
/
user.css

user.css 9.0 KB
Permalink History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147 
  1. /*----------------user-----------------*/
    2. 

  2. .user{width:100%;margin-top: 60px;}
    3. 

  3. .user-home{width:1226px; margin:0 auto; padding:20px 0; font-size:14px; color:#666;}
    4. 

  4. .user-box{width:1226px; padding-bottom:50px; margin:0 auto;}
    5. 

  5. 

  6. .user-menu{width:220px; background-color:#fff; -webkit-box-shadow:0 5px 16px rgba(0,0,0,.06);box-shadow:0 5px 16px rgba(0,0,0,.06);}
    7. 

  7. .user-menu h3{font-size:20px; font-weight:400; text-align:center; padding:12px 0; background-color:#4385F5; color:#fff;}
    8. 

  8. .user-menu ul{padding:0;}
    9. 

  9. .user-menu li{line-height:52px; font-size:16px; border-bottom:1px solid #f0f0f0;}
    10. 

  10. .user-menu li.on{background-color:#f6f6f6; font-weight:800;}
    11. 

  11. .user-menu li a{line-height:52px; display:block; text-indent:20px;}
    12. 

  12. .user-menu li.on a{color:#4385F5;}
    13. 

  13. 

  14. .user-right{width:960px;}
    15. 

  15. 

  16. /*--userinfo--*/
    17. 

  17. .user-note{padding: 15px; line-height: 24px; color: #FF5722; border:1px solid #FF5722; background-color: #ffe7dd; margin-bottom: 20px; font-size: 14px;}
    18. 

  18. .get-code{cursor: pointer; color:#4385F5}
    19. 

  19. .get-code.disabled{cursor: not-allowed; color:#aaa;}
    20. 

  20. .user-info{width:920px; padding:20px; margin-bottom:20px; background-color:#fff; -webkit-box-shadow:0 5px 16px rgba(0,0,0,.06);box-shadow:0 5px 16px rgba(0,0,0,.06);}
    21. 

  21. .user-info-img{width:80px; height:80px; float:left;}
    22. 

  22. .user-info-img img{width:80px; height:80px;}
    23. 

  23. .user-info dd{margin-left:96px;}
    24. 

  24. .user-info-name{font-size:18px; line-height:36px; font-weight:600;}
    25. 

  25. .user-info-tips{font-size:14px; line-height:1.6; color:#666;}
    26. 

  26. .user-detail{width:920px; padding:20px 20px 30px; background-color:#fff; -webkit-box-shadow:0 5px 16px rgba(0,0,0,.06);box-shadow:0 5px 16px rgba(0,0,0,.06);}
    27. 

  27. .user-detail-h3{font-size:18px; font-weight:600;}
    28. 

  28. .user-detail-h3 a{font-size: 14px; color:#4385F5; margin-left: 10px;}
    29. 

  29. .user-detail-table{width:100%; margin:20px 0; border:1px solid #eee;}
    30. 

  30. .user-detail-table td{padding:10px; border:1px solid #e8e8e8; font-size:14px;}
    31. 

  31. .user-detail-table td.td-gay{background-color:#f2f2f2; text-align:right; color:#999;}
    32. 

  32. .user-detail-table td.td-gay i{margin-left:5px; color:#FF5722;}
    33. 

  33. .user-detail-edit a{padding:12px 20px; border-radius:3px; font-size:14px; display:inline-block; background-color:#d69d00; color:#fff;}
    34. 

  34. .user-detail-table td input{padding:5px 0; border:1px solid #fff;}
    35. 

  35. .user-detail-table td select{width:98%; padding:5px 0; border:1px solid #fff;}
    36. 

  36. .user-detail-table td textarea{width:98%; padding:5px 0; border:1px solid #fff;}
    37. 

  37. .user-detail-edit span{padding:10px 30px; border-radius:3px; font-size:14px; display:inline-block; cursor:pointer;}
    38. 

  38. .user-detail-edit span.edit-save{background-color:#4385F5; color:#fff;}
    39. 

  39. .user-detail-edit span.edit-cancel{margin-left:20px; background-color:#ddd; color:#666;}
    40. 

  40. 

  41. /*--my-data--*/
    42. 

  42. .data-topic{background-color: #fff;}
    43. 

  43. .data-topic h3{font-size: 22px; line-height: 32px; color: #333;}
    44. 

  44. .data-topic table{width:100%; border-collapse: collapse;}
    45. 

  45. .data-topic table th{border: 1px solid #e1e1e1; background-color: #f5f5f5; text-align: center; color:#999; font-size: 14px; padding:10px; border-collapse: collapse;}
    46. 

  46. .data-topic table td{font-size: 14px; padding:10px; border: 1px solid #e1e1e1;}
    47. 

  47. .data-topic li{line-height: 22px; padding: 3px 0; font-size: 13px;}
    48. 

  48. 

  49. .topic-item{padding: 25px 10px;}
    50. 

  50. .topic-input{width: 98%; padding: 5px; height:24px; line-height: 24px; border: 1px solid #eee;}
    51. 

  51. .topic-input:hover {border-color: #4385F5;}
    52. 

  52. .topic-input:focus {border-color:#4385F5;border-right-width: 1px !important;outline: 0;box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);}
    53. 

  53. .topic-view{color:#4385F5; cursor: pointer; font-size: 12px; margin:0 5px;}
    54. 

  54. .topic-edit{color:#34A853; cursor: pointer; font-size: 12px; margin:0 5px;}
    55. 

  55. .topic-del{color:#FF5722; cursor: pointer; font-size: 12px; margin:0 5px;}
    56. 

  56. 

  57. /*--data-detail--*/
    58. 

  58. #tableItem{border-collapse: collapse;border: 1px solid #e8e8e8; width: 100%;}
    59. 

  59. #tableItem th,#tableItem td{border: 1px solid #e8e8e8; text-align: center; padding:10px;}
    60. 

  60. #tableItem th{background-color: #f5f5f5;}
    61. 

  61. .table-box{padding: 10px 20px;}
    62. 

  62. .table-edit-title{font-weight: 600;font-size: 14px; padding: 10px 0;}
    63. 

  63. .bi-input{width: 180px; padding: 5px; height:24px; line-height: 24px; font-size: 12px; border: 1px solid #eee;}
    64. 

  64. .bi-input:hover {border-color: #4385F5;}
    65. 

  65. .bi-input:focus {border-color:#4385F5;border-right-width: 1px !important;outline: 0;box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);}
    66. 

  66. .table-edit-item{padding: 5px 0;}
    67. 

  67. .table-edit-item input[type="radio"]{width:16px; height:36px;line-height:32px;vertical-align: middle; margin-right: 3px;}
    68. 

  68. .table-edit-item label{margin-left: 10px; font-size: 13px; color: #999;}
    69. 

  69. .table-edit-btn{padding: 10px 0;}
    70. 

  70. 

  71. .file-add{color:#4385F5; cursor: pointer; font-size: 12px; margin:0 5px;}
    72. 

  72. .table-del{color:#EB4336; cursor: pointer; font-size: 12px; margin:0 5px;}
    73. 

  73. .table-view{color: #4385F5; cursor: pointer; font-size: 12px; margin:0 5px;}
    74. 

  74. .table-edit{color: #34A853; cursor: pointer; font-size: 12px; margin:0 5px;}
    75. 

  75. .columns-span{margin-left: 10px; color: #999;}
    76. 

  76. 

  77. 

  78. /*--my-chart--*/
    79. 

  79. .chart-row{display: flex;flex-flow:row wrap; margin-top: -6px;}
    80. 

  80. .chart-col{width: 50%; padding: 6px; box-sizing: border-box;}
    81. 

  81. .chart-card{background-color: #fff;}
    82. 

  82. .chart-card-header{ position: relative; height: 42px; line-height: 42px; padding: 0 15px; border-bottom: 1px solid #f6f6f6;color: #333; font-size: 14px;}
    83. 

  83. 

  84. 

  85. /*--report--*/
    86. 

  86. .chart-detail{width: 750px; margin: 0 auto; background-color: #fff; border: 1px solid #eee;}
    87. 

  87. .detail-box{ background: #fff url(../images/chart_bg.jpg) no-repeat; background-size: 100% auto;}
    88. 

  88. .detail-title{padding: 100px 0; height: 60px; text-align: center; font-size: 36px; line-height: 1.6; color: #fff;}
    89. 

  89. .chart-list{margin: 0 30px; background-color: #fff; border-radius: 10px;-webkit-box-shadow:0 5px 16px rgba(0,0,0,.1);box-shadow:0 5px 16px rgba(0,0,0,.1)}
    90. 

  90. .chart-box{padding: 20px 0; border-bottom: 1px solid #eee;}
    91. 

  91. .chart-title{padding:0 20px 20px; font-size: 24px;}
    92. 

  92. .chart-footer{padding: 30px 0; text-align: center; color: #ccc;}
    93. 

  93. 

  94. /*--upload---*/
    95. 

  95. .layui-upload-file{display:none!important;opacity:.01;filter:Alpha(opacity=1)}
    96. 

  96. .layui-upload-drag,.layui-upload-form,.layui-upload-wrap{display:inline-block}
    97. 

  97. .layui-upload-list{margin:10px 0}
    98. 

  98. .layui-upload-choose{padding:0 10px;color:#999}
    99. 

  99. .layui-upload-drag{position:relative;padding:30px;border:1px dashed #e2e2e2;background-color:#fff;text-align:center;cursor:pointer;color:#999}
    100. 

  100. .layui-upload-drag .layui-icon{font-size:50px;color:#009688}.layui-upload-drag[lay-over]{border-color:#009688}.layui-upload-iframe{position:absolute;width:0;height:0;border:0;visibility:hidden}.layui-upload-wrap{position:relative;vertical-align:middle}
    101. 

  101. .layui-upload-wrap .layui-upload-file{display:block!important;position:absolute;left:0;top:0;z-index:10;font-size:100px;width:100%;height:100%;opacity:.01;filter:Alpha(opacity=1);cursor:pointer}
    102. 

  102. .layui-transfer-active,.layui-transfer-box{display:inline-block;vertical-align:middle}
    103. 

  103. 

  104. .box-contact-info { padding:15px 20px 0;}
    105. 

  105. .upload-select-btn{color: #fff; background-color:#5FB878; display: inline-block; padding: 6px 12px; font-size: 12px;font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle;cursor: pointer; border: 1px solid #5FB878; border-radius: 2px;
    106. 

  106. 	-ms-touch-action: manipulation;
    107. 

  107. 	touch-action: manipulation;
    108. 

  108. 	-webkit-user-select: none;
    109. 

  109. 	-moz-user-select: none;
    110. 

  110. 	-ms-user-select: none;
    111. 

  111. 	user-select: none;    
    112. 

  112. }
    113. 

  113. span.upload-select-btn:hover{background-color: #52b16c;}
    114. 

  114. 

  115. span.upload-post-btn{color: #fff; background-color:#4385F5; display: inline-block; padding: 6px 12px;font-size: 12px;font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; text-decoration: none; vertical-align: middle;cursor: pointer; border: 1px solid #4385F5; border-radius: 2px;
    116. 

  116. 	-ms-touch-action: manipulation;
    117. 

  117. 	touch-action: manipulation;
    118. 

  118. 	-webkit-user-select: none;
    119. 

  119. 	-moz-user-select: none;
    120. 

  120. 	-ms-user-select: none;
    121. 

  121. 	user-select: none;    
    122. 

  122. }
    123. 

  123. span.upload-post-btn:hover{background-color: #0b97ff;}
    124. 

  124. 

  125. span.file-delete{color: #666; background-color:#eee; display: inline-block; padding: 6px 12px;font-size: 12px;font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; text-decoration: none; vertical-align: middle;cursor: pointer; border: 1px solid #ddd; border-radius: 2px;margin-right: 36px;
    126. 

  126. 	-ms-touch-action: manipulation;
    127. 

  127. 	touch-action: manipulation;
    128. 

  128. 	-webkit-user-select: none;
    129. 

  129. 	-moz-user-select: none;
    130. 

  130. 	-ms-user-select: none;
    131. 

  131. 	user-select: none;}
    132. 

  132. 

  133. .upload-file-title{padding:15px 0;font-size:14px; border: 2px dashed #eee; text-align: center;}
    134. 

  134. .upload-file-tips{color:#EB4336;}
    135. 

  135. .upload-file-title span.upload-select-btn{margin-right: 20px;}
    136. 

  136. .upload-file-title strong{margin:0 5px;color:#EB4336;}
    137. 

  137. 

  138. .file-info{color:#999;}
    139. 

  139. .file-info span{ margin-right: 20px;}
    140. 

  140. .file-info i{color:#4385F5;}
    141. 

  141. 

  142. .upload-file-box{font-size:14px; padding: 10px 0;}
    143. 

  143. .upload-file-table{border-collapse: collapse;border: 1px solid #e8e8e8;}
    144. 

  144. .upload-file-table th,.upload-file-table td{border: 1px solid #e8e8e8; text-align: center; padding:7px 5px;}
    145. 

  145. .upload-file-table th{background-color: #f5f5f5;}
    146. 

  146. .upload-file-table td.error{background-color: #FFF9F9;color:#EB4336;}
    147. 

  147. .upload-file-table th strong{color:#34A853;}
    148.