Startseite Erkunden Hilfe
Anmelden
caimei365
/
caimei365-www
3
0
Fork 0
Dateien Issues 0 Pull-Requests 0 Wiki
Struktur: 08f0f9d27e
Branches Tags
caimei365-www
/
src
/
main
/
resources
/
static
/
css
/
supplier-center
/
article
/
article-edit.css

article-edit.css 6.1 KB
Verlauf Originalformat

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950 
  1. @charset "UTF-8";
    2. 

  2. input[hidden]{display:none !important}
    3. 

  3. textarea{resize: none;}
    4. 

  4. .form{width:500px;margin:0 auto;color:#22272E}
    5. 

  5. .form .form-item{width:100%;position:relative;padding-bottom:24px;margin-top:16px}
    6. 

  6. .form .form-label{display:block;line-height:26px;font-size:14px;color:#627386}
    7. 

  7. .form .form-label em{display:none;color:#FF2A2A;font-style:normal;margin-right:2px}
    8. 

  8. .form .form-item[required] .form-label em{display:inline}
    9. 

  9. .form .form-item .errTips{position:absolute;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:24px;white-space:nowrap;color:red;font-size:12px}
    10. 

  10. .form .form-item .errTips::before{content:"×";font-size:12px;display:block;width:14px;height:14px;margin-right:2px;line-height:14px;background:#FF2A2A;color:#fff;border-radius:50%;text-align:center}
    11. 

  11. .form .form-control::-webkit-input-placeholder{font-size:14px;color:#9AA5B5}
    12. 

  12. .form .form-control::-moz-placeholder{font-size:14px;color:#9AA5B5}
    13. 

  13. .form .form-control:-ms-input-placeholder{font-size:14px;color:#9AA5B5}
    14. 

  14. .form .form-control::-ms-input-placeholder{font-size:14px;color:#9AA5B5}
    15. 

  15. .form .form-control::placeholder{font-size:14px;color:#9AA5B5}
    16. 

  16. .form .form-control{outline:none;display:block;width:100%;padding:8px 16px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#FFFFFF;border:1px solid #B8BFCA;border-radius:2px}
    17. 

  17. .form .form-select{color:#627386}
    18. 

  18. .form .control-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
    19. 

  19. .form .control-group .form-control{width:auto}
    20. 

  20. .form .form-button{padding:0 16px;height:36px;line-height:36px;background:#FFE6DC;border:1px solid #E15616;border-radius:2px;font-size:14px;color:#E15616;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}
    21. 

  21. .form .upload-control{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100px;height:100px;background:#FFFFFF;border:1px solid #E2E7EF;border-radius:2px;color:#9AA5B5;cursor:pointer}
    22. 

  22. .form .upload-control span:first-child{font-size:38px}
    23. 

  23. .form .upload-control span:last-child{font-size:14px}
    24. 

  24. .form .radio-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
    25. 

  25. .form .radio-control input[type="radio"]{display:none}
    26. 

  26. .form .radio-control label.radio{position:relative;padding-left:26px;cursor:pointer;font-size:14px;color:#22272E}
    27. 

  27. .form .radio-control label.radio::before{content:"";position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);display:block;width:18px;height:18px;border:1px solid #B8BFCA;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box}
    28. 

  28. .form .radio-control label.radio::after{content:"";display:block;opacity:0;position:absolute;left:5px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px;height:8px;background:#E15616;border-radius:50%}
    29. 

  29. .form .radio-control input[type="radio"]:checked + label.radio{color:#E15616}
    30. 

  30. .form .radio-control input[type="radio"]:checked + label.radio::before{border-color:#E15616}
    31. 

  31. .form .radio-control input[type="radio"]:checked + label.radio::after{opacity:1}
    32. 

  32. .form .btn{width:232px;height:50px;text-align:center;line-height:50px;font-size:18px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}
    33. 

  33. .form .btn.break{background:#FFE6DC;border:1px solid #E15616;border-radius:2px;color:#E15616}
    34. 

  34. .form .btn.submit{background:#E15616;color:#FFFFFF}
    35. 

  35. .article-edit{}
    36. 

  36. .article-edit .navLayout .right{width:auto}
    37. 

  37. .article-edit .navLayout .right-box{width:968px}
    38. 

  38. .article-edit .row{-webkit-box-sizing:border-box;box-sizing:border-box;padding:24px 0;background:#FFFFFF;-webkit-box-shadow:0 3px 6px rgba(0,0,0,0.07);box-shadow:0 3px 6px rgba(0,0,0,0.07)}
    39. 

  39. .article-edit .top-tip{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:60px;text-align:center;font-size:12px;line-height:20px;color:#E15616;background:-webkit-gradient(linear,left top,right top,from(#FFFFFF),color-stop(50%,rgba(225,86,22,0.1)),to(#FFFFFF));background:-o-linear-gradient(left,#FFFFFF 0%,rgba(225,86,22,0.1) 50%,#FFFFFF 100%);background:linear-gradient(90deg,#FFFFFF 0%,rgba(225,86,22,0.1) 50%,#FFFFFF 100%)}
    40. 

  40. .article-edit .tag-list{width:100%;padding-bottom:32px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}
    41. 

  41. .article-edit .tag-list .tag{position:relative;padding:0 6px;margin:8px 8px 0 0;height:28px;line-height:28px;background:#FFF3E5;border-radius:2px;font-size:14px;font-weight:400;color:#4A4F58;cursor:pointer;border:1px solid #FFF3E5}
    42. 

  42. .article-edit .tag-list .tag.active{color:#E15616;background:#FFE6DC;border-color:#E15616}
    43. 

  43. .article-edit .tag-list .tag .close{display:none;position:absolute;top:-8px;right:-8px;width:16px;height:16px;background:#F94B4B;border-radius:50%;font-size:10px;line-height:16px;text-align:center;color:#fff;cursor:pointer}
    44. 

  44. .article-edit .radio-group .form-label{width:80px}
    45. 

  45. .article-edit .control-group{padding-bottom:24px}
    46. 

  46. .article-edit .control-group .tagName{width:388px}
    47. 

  47. .article-edit .control-group .addTag{width:90px}
    48. 

  48. .article-edit .radio-control{margin-right:32px}
    49. 

  49. .article-edit .btns{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
    50. 

  50. .article-edit .btns .btn{margin:0 16px}
    51.