Home Verkennen Help
Registreren Inloggen
liyaoyu
/
pfhwyigou
Volgen 1
Ster 0
Vork 0
Bestanden Kwesties 0 Pull-aanvragen 0 Wiki
Boom: f272eab5be
Aftakkingen Labels
pfhwyigou
/
wechat
/
signup
/
signup.css

signup.css 1.7 KB
Geschiedenis Ruwe

123456789101112131415161718192021222324252627282930313233343536373839404142 
  1. .m_signUp_box{z-index:1000;display: none;}
    2. 

  2. .m_signUp{border:1px solid;width:100%;height:100%;position: fixed;top:0;left:0;z-index:100;background-color:#000;opacity:0.3;}
    3. 

  3. .m_form{width:80%;position:fixed;top:50%;left:50%;margin-left:-40%;z-index:110;border-radius:10px;overflow:hidden;background:#FFF;padding-bottom:30px;box-shadow:7px 7px 20px 0px rgba(70, 54, 54, 0.35);
    4. 

  4. animation:change 0.8s;
    5. 

  5. -webkit-animation:change 0.8s;
    6. 

  6. -moz-animation:change 0.8s; 
    7. 

  7. 

  8. }
    9. 

  9. 

  10. @keyframes change {
    11. 

  11.   0% {left:100%;opacity:0;}
    12. 

  12.   100% {opacity:1;}
    13. 

  13. }
    14. 

  14. 

  15. -webkit-@keyframes change {
    16. 

  16.   0% {left:100%;opacity:0;}
    17. 

  17.   100% {opacity:1;}
    18. 

  18. }
    19. 

  19. 

  20. -moz-@keyframes change {
    21. 

  21.   0% {left:100%;opacity:0;}
    22. 

  22.   100% {opacity:1;}
    23. 

  23. }
    24. 

  24. 

  25. .m_form_title{height:65px;background: url("../image/m_bm1.png") no-repeat 0 0 / 100% 100%;text-align:center;line-height:65px;font-size:1.5rem;color:#FFF;}
    26. 

  26. .m_form_input{border:1px solid #E8F0F7;width:85%;height:40px;margin:auto;margin-bottom:15px;position:relative;top:25px;}
    27. 

  27. .m_form_input img{display: block;width:17px;margin-top:10px;float:left;margin-left:14px;}
    28. 

  28. .m_form_input input{outline:none;float:left;width:80%;height:96%;border:0;margin-left:10px;font-size:0.95rem;color:#8AC6FE;}
    29. 

  29. .m_button{outline:none;width:85%;height:41px;border:0;background:#FFAA3C;margin:auto;display: block;margin-top:41px;font-size:1.1rem;color:#FFF;}
    30. 

  30. 

  31. .m_close{position:fixed;top:50%;left:50%;z-index:100;width:36px;margin-left:-18px;margin-top:133px;
    32. 

  32. animation:change 0.8s;
    33. 

  33. -webkit-animation:change 0.8s;
    34. 

  34. -moz-animation:change 0.8s;
    35. 

  35. }
    36. 

  36. 

  37. .m_close img{width:100%;display: block;}
    38. 

  38. .m_form_input input:-webkit-input-placeholder { color: #8AC6FE;}
    39. 

  39. .m_form_input input:-moz-placeholder { color: #8AC6FE;}
    40. 

  40. .m_form_input input:-ms-input-placeholder { color: #8AC6FE;}​
    41. 

  41. 

  42.