Trang chủ Khám phá Trợ giúp
Đăng nhập
CocoRoboLabs
/
CocoRoboDesktop
3
0
Fork 0
Các tập tin Các vấn đề 0 Yêu cầu khéo về 0 Wiki
Tree: 72b22f73eb
Branches Tags
CocoRoboDesk...
/
css
/
User
/
UserView.css

UserView.css 11 KB
Lịch sử Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124 
  1. /*new*/
    2. 

  2. .U_MD_U_P_Uc_B  { height:100%;}
    3. 

  3. 

  4. /*common*/
    5. 

  5. .U_MD_U_P_tab_user_inpText   { max-width: 290px; width: 100%; height: 28px; margin-left:35px; padding-left: 10px;border:1px solid #cccccc; border-radius: 6px; color: #A0A0A0;}
    6. 

  6. .U_MD_U_P_tab_user_inpText:focus { border:1px solid #2967A7; color: #000000;}
    7. 

  7. .U_MD_U_P_tab_user_otherMaxWidth { max-width: 250px }
    8. 

  8. .U_MD_U_P_tab_user_errorInp { background-color: #FBE2E2; border: 1px solid #DB3434; color: #DB3434;}
    9. 

  9. .U_MD_U_P_tab_user_emptyInp { border: 1px solid #DB3434; }
    10. 

  10. .U_MD_U_P_tab_errorAlear    { position: absolute; width: 18px; height: 18px; margin: 6px 0 0 4px; background-position: -763px -3px; background-image: url(/img/YS2017.png);}
    11. 

  11. .U_MD_U_P_tab_errorAlear::after { content:attr(alt); color: #DB3434; position: absolute; margin-left: 18px; white-space: pre; font-style: normal;}
    12. 

  12. .U_MD_U_P_tab_hidden    { display: none;}
    13. 

  13. .U_MD_U_P_tab_show  { display: block: }
    14. 

  14. 

  15. /*弹框右侧内容*/
    16. 

  16. .U_MD_U_P_left    { float:left; height:100%; padding:0 40px; background-color: #F5F5F5}
    17. 

  17. .U_MD_U_P_simpleInfo  { margin-top: 27px; text-align: center;}
    18. 

  18. .U_MD_U_P_simpleInfo_heads { position:relative; display: block; width: 80px; height: 80px; border-radius: 50%; overflow:hidden; cursor: pointer; }
    19. 

  19. .U_MD_U_P_simpleInfo_heads::after    { content:'上传新图片'; visibility: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .4); color:#ffffff; line-height: 80px;}
    20. 

  20. .U_MD_U_P_simpleInfo_heads:hover::after { visibility: unset; }
    21. 

  21. .U_MD_U_P_simpleInfo_name { max-width: 80px; margin-top: 18px; font-size: 16px; font-weight: bold; text-overflow: ellipsis; overflow: hidden;}
    22. 

  22. .U_MD_U_P_simpleInfo_address  { margin-top: 8px;}
    23. 

  23. 

  24. /*保存取消设置按钮*/
    25. 

  25. .U_MD_U_P_right_dataBtn   { position: absolute; right: 10px; bottom: 10px; }
    26. 

  26. .U_MD_U_P_right_btn       { display:inline-block; padding: 8px 20px; border-radius: 3px; cursor: pointer; }
    27. 

  27. .U_MD_U_P_right_Cbtn    { background-color: #ffffff; border: 1px solid #A6B2C0; color: #7D7D7D;}
    28. 

  28. .U_MD_U_P_right_Sbtn    { min-width: 4em; margin-left: 22px; background-color: #2967A7; color: #ffffff; text-align: center;}
    29. 

  29. .U_MD_U_P_right_Cbtn:hover  { background-color: #DB3434; color: #ffffff; border: 1px solid transparent;}
    30. 

  30. .U_MD_U_P_right_Sbtn:hover  { background-color: #347FDB;}
    31. 

  31. 

  32. /*弹框右侧内容+选项卡*/
    33. 

  33. .U_MD_U_P_right   { position:relative; float:left; width:503px; height:100%; }
    34. 

  34. .U_MD_U_P_tab     { height: 38px; padding-left: 14px; font-size: 14px; border-bottom: 1px solid #4040401a; }
    35. 

  35. .U_MD_U_P_tab_item    { display:inline-block; height: 100%; margin-right: 15px;}
    36. 

  36. .U_MD_U_P_tab_inp     { position:absolute; visibility:hidden;}
    37. 

  37. .U_MD_U_P_tab_label   { display: inline-block; padding: 10px 8px 8px; cursor:pointer; font-family: "PingFangSC-Regular, sans-serif";}
    38. 

  38. .U_MD_U_P_tab_label:hover { border-bottom: 2px solid #2967A7; color: #2967A7;}
    39. 

  39. .U_MD_U_P_tab_lable_content   { display: none; position:absolute; left:21px; right:104px; font-size: 12px;}
    40. 

  40. .U_MD_U_P_tab_lable_content_item  { margin-top:20px }
    41. 

  41. .U_MD_U_P_tab_lable_content_item::before  { content:attr(mark); position: absolute; margin: 6px 0 0 -10px; color: red; font-size: 18px; }
    42. 

  42. .U_MD_U_P_tab_inp:checked ~ .U_MD_U_P_tab_label  { border-bottom: 2px solid #2967A7; color: #2967A7;}
    43. 

  43. .U_MD_U_P_tab_inp:checked ~ .U_MD_U_P_tab_lable_content { display:block; }
    44. 

  44. 

  45. /*用户基础信息*/
    46. 

  46. .U_MD_U_P_tab_user_textarea  { max-width: 295px; width: 100%; height: 110px; margin-left: 11px; padding:4px; border:1px solid #cccccc; border-radius: 6px; vertical-align: -92px; color: #A0A0A0;}
    47. 

  47. .U_MD_U_P_tab_user_textarea:focus   { border: 1px solid #2967A7; color: #000000;}
    48. 

  48. .U_MD_U_P_tab_user_sexRadio  { display: inline-block; height: 30px; line-height: 30px; padding-right: 10px; margin-left: 34px;}
    49. 

  49. .U_MD_U_P_tab_user_sexRadio > label { cursor:pointer; }
    50. 

  50. .U_MD_U_P_tab_user_radio    { margin:0 6px; vertical-align: middle; cursor:pointer; }
    51. 

  51. 

  52. /*账号安全*/
    53. 

  53. .U_MD_U_P_tab_accountRadio  { position: absolute; visibility: hidden; }
    54. 

  54. .U_MD_U_P_tab_accountBtn    { display:inline-block; margin-right: 15px; padding:2px 8px; border: 1px solid #727272; border-radius: 4px; color: #727272; font-size: 14px; cursor: pointer; }
    55. 

  55. .U_MD_U_P_tab_accountBtn:hover  { background-color: #347FDB !important; border: 1px solid #347FDB !important; color: #ffffff}
    56. 

  56. .U_MD_U_P_tab_accountRadio:checked + .U_MD_U_P_tab_accountBtn   { background-color: #007BBB; border: 1px solid #007BBB; color: #ffffff;}
    57. 

  57. .U_MD_U_P_tab_lable_account_content { display: none; }
    58. 

  58. #U_MD_U_P_tab_modify:checked ~ .U_MD_U_P_tab_modify, #U_MD_U_P_tab_reset:checked ~ .U_MD_U_P_tab_reset  { display: block; }
    59. 

  59. .U_MD_U_P_tab_lable_accountNext { display: none; margin-top: 15px;}
    60. 

  60. .U_MD_U_P_tab_account_authBtn   { display: inline-block; margin-left: 12px; padding: 6px 14px; border: 1px solid #2967A7; border-radius: 4px; color: #2967A7; vertical-align: top; cursor: pointer; }
    61. 

  61. .U_MD_U_P_tab_account_authBtn:hover { background-color: #2967A7; color: #ffffff}
    62. 

  62. #U_MD_U_P_authCodeBtn   { min-width: 5em; text-align: center;}
    63. 

  63. 

  64. 

  65. /* 用户信息查看 */
    66. 

  66. .U_MD_U_UV                          { top:0px; left:0px; z-index:1000; display:none; border:1px soild #999; position:absolute; height:100%; width:100%; min-width:600px;}/* width:100%; height:100%;  */
    67. 

  67. .U_MD_U_UV_Head                     {background-color: #337bc7;color: #fff;overflow: hidden;position: relative;}
    68. 

  68. .U_MD_U_UV_Head_Left                { float: left; margin: 16px 16px 30px 22px; font-size: 0}
    69. 

  69. .U_MD_U_UV_Head_Left > img          { display:inline-block;width: 90px;height:90px; border:1px solid black; border-radius: 50%}
    70. 

  70. .U_MD_U_UV_Head_Middle              { float:left}
    71. 

  71. .U_MD_U_UV_Head_Middle_I            { margin-top: 22px; }
    72. 

  72. .U_MD_U_UV_Head_Middle_I_N          { font-size: 18px}
    73. 

  73. .U_MD_U_UV_Head_Middle_I_T          { max-width: 200px;color:#dbdbdb; margin-top: 4px;white-space: pre;}
    74. 

  74. .U_MD_U_UV_Head_Middle_Resource     { padding: 12px 0;}
    75. 

  75. .U_MD_U_UV_Head_Middle_Resource_A   { display:table-cell; padding-right: 22px; text-align: center}
    76. 

  76. .U_MD_U_UV_Head_Middle_Resource_A > div { font-size: 24px}
    77. 

  77. .U_MD_U_UV_Head_Right               {float:right;/* margin-right: 8px; *//* margin-top: 16px; */position: absolute;right: 8px;top: 16px;}
    78. 

  78. .U_MD_U_UV_Head_Right_Btn           { background-color: #3790ec; padding: .375em 1em; font-size: 14px; cursor: pointer}
    79. 

  79. .U_MD_U_UV_FuncArea                 { background-color: #e2ebe8; padding: 10px 0; color: #fff; }
    80. 

  80. .U_MD_U_UV_FuncArea_MarginBox       { display: table; margin-left: 20px; padding: 6px 0; font-size: 14px}
    81. 

  81. .U_MD_U_UV_FuncArea_MarginBox_Btn   { margin-right: 8px; padding: 6px 10px; border-radius: 4px; cursor: pointer}
    82. 

  82. .U_MD_U_UV_AboutMe                  { margin: 0 26px; overflow:hidden; font-size: 14px}
    83. 

  83. .U_MD_U_UV_AboutMe_Left             { float: left; width: 50%; overflow:hidden}
    84. 

  84. .U_MD_U_UV_AboutMe_Left > div       { margin-top: 16px}
    85. 

  85. .U_MD_U_UV_AboutMe_Right            { /*float: right*/}
    86. 

  86. .U_MD_U_UV_AboutMe_Right > div      { margin-top: 16px}
    87. 

  87. 

  88. 

  89. /* 背景设置区域 */
    90. 

  90. .U_MD_D_Set_BG            { overflow:hidden; }
    91. 

  91. .U_MD_D_Set_BG_C           { margin:8px 10px 0 10px; }
    92. 

  92. .U_MD_D_Set_BG_A           { background-color:#E9E7E8; padding:0px 10px; margin:10px 10px 0 10px; height:423px; }
    93. 

  93. .U_MD_D_Set_BG_O           { margin-top:10px; float:left; padding-bottom:5px; }
    94. 

  94. .U_MD_D_Set_BG_OT          { height:30px; line-height:25px; }
    95. 

  95. .U_MD_D_Set_BG_OTL         { font-size:15px; float:left; }
    96. 

  96. .U_MD_D_Set_BG_OTL  span   { font-size:12px;  }
    97. 

  97. .U_MD_D_Set_BG_OTR         { float:left; background-color:#BFBFBF; height:1px; margin:14px 0 0 10px; }
    98. 

  98. .U_MD_D_Set_BG_OC          { overflow:hidden; width:100%; }
    99. 

  99. .U_MD_D_Set_BG_OCS .U_MD_D_Set_BG_OCO:hover   { border:1px solid transparent; }
    100. 

  100. .U_MD_D_Set_BG_OCO         { float:left; margin:10px 0 0 10px; width:124px; height:86px; border:1px solid transparent; background-color:#FFF; cursor:pointer; position:relative; }
    101. 

  101. .U_MD_D_Set_BG_OCO:hover   { border:1px solid #009cff; }
    102. 

  102. .U_MD_D_Set_BG_OCOO        { border:1px solid -webkit-linear-gradient(left, red , blue); background-color:transparent; margin-left:0; }
    103. 

  103. .U_MD_D_Set_BG_OCOOA       { width:45px; height:45px; margin:auto; }
    104. 

  104. .U_MD_D_Set_BG_OCOI        { background-position:-508px -1038px; }
    105. 

  105. .U_MD_D_Set_BG_OCOIO       { font-size:48px; line-height:42px; text-align:center; color:#AAA; }
    106. 

  106. .U_MD_D_Set_BG_OCO  .U_MD_D_Set_BG_OCOC   { width:auto; height:28px;  margin-top:1px;line-height: 28px; font-size: 12px;float: left; }
    107. 

  107. .U_MD_D_Set_BG_OCOC        { text-align:center; font-family:宋体; float:left; }
    108. 

  108. .U_MD_D_Set_BG_OCOT        { }
    109. 

  109. .U_MD_D_Set_BG_OCO div     { margin:auto; width:100%; height:100%; }
    110. 

  110. .U_MD_D_Set_BG_uploadByPan {width: 90px; height: 28px;background: rgba(255,255,255,1) ;;border: 1px solid rgba(166,178,192,1);box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.08);border-radius: 3px;}
    111. 

  111. .U_MD_D_Set_BG_uploadByPan:hover {background: rgba(255,255,255,1); color:#3F8BDD;border: 1px solid #3F8BDD !important;}
    112. 

  112. .U_MD_D_Set_BG_uploadByPan:hover .U_MD_D_Set_BG_uploadByPanImg{ width: 15px; margin: 9px 8px 0 7px;height: 13px;float: left;background: url(../../img/U_MD_D_Set_BG_uploadByPanImg2.png) no-repeat;background-size: 100%;}
    113. 

  113. .U_MD_D_Set_BG_OCO .U_MD_D_Set_BG_uploadByPanImg{    width: 15px; margin: 9px 8px 0 7px;height: 13px;float: left;background: url(../../img/U_MD_D_Set_BG_uploadByPanImg.png) no-repeat;background-size: 100%;}
    114. 

  114. .U_MD_D_Set_BG_uploadByBenDi {width: 90px; height: 28px;background: rgba(255,255,255,1) ; background-size:16%;border: 1px solid rgba(166,178,192,1);box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.08);border-radius: 3px;}
    115. 

  115. .U_MD_D_Set_BG_uploadByBenDi:hover {background: rgba(255,255,255,1); color:#3F8BDD;border: 1px solid #3F8BDD !important;}
    116. 

  116. .U_MD_D_Set_BG_uploadByBenDi:hover .U_MD_D_Set_BG_uploadByBenDiImg{ width: 15px; margin: 9px 8px 0 7px;height: 13px;float: left;background: url(../../img/U_MD_D_Set_BG_uploadByBenDiImg2.png) no-repeat;background-size: 100%;}
    117. 

  117. .U_MD_D_Set_BG_OCO .U_MD_D_Set_BG_uploadByBenDiImg{    width: 15px; margin: 9px 8px 0 7px;height: 13px;float: left;background: url(../../img/U_MD_D_Set_BG_uploadByBenDiImg.png) no-repeat;background-size: 100%;}
    118. 

  118. .U_MD_D_Set_BG_OCO img     { width:auto; height:auto; max-width:100%; max-height:100%; margin:auto; display:block; }
    119. 

  119. .U_MD_D_Set_BG_OCO .U_MD_D_Set_BG_OCOIO   { width:45px; height:45px; }
    120. 

  120. .U_MD_D_Set_BG_Buutton {     float: right;margin-right: 15px;padding: 0 10px;min-width: 50px;line-height: 25px;text-align: center;color: White;border-radius: 13px;background-color: #347fdb; }
    121. 

  121. .U_MD_D_Set_BG_Buutton:hover { background-color:#2163b5; }
    122. 

  122. .U_MD_D_Set_BG_Buutton_Cancel {background-color: #999; }
    123. 

  123. .U_MD_D_Set_BG_Buutton_Cancel:hover { background-color: #B3B3B3;}
    124. 

  124. .U_MD_U_P_C_S { position:absolute;}
    125.