app.css 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. /* Write your styles */
  2. /* 登陆logo */
  3. .myapp-login-logo { font-size: 130px; color: #ff6a4c;}
  4. // 输入框
  5. .myapp-login-form {}
  6. .am-form-set { margin-bottom: 10px;}
  7. .myapp-login-form .myapp-login-input-text { font-size: 14px!important; padding-left: 48px!important; line-height: 1.8!important; border-radius: 30px!important; margin-top: 8px;}
  8. .myapp-login-form .myapp-login-input-text:focus { border-color: #ff6a4c!important; -webkit-box-shadow: inset 0 1px 1px rgba(225,86,86,.075),0 0 5px rgba(225,86,86,.3)!important;box-shadow: inset 0 1px 1px rgba(225,86,86,.075),0 0 5px rgba(225,86,86,.3)!important; }
  9. .am-form-set>input:first-child {border-radius: 30px!important;}
  10. .myapp-login-form .am-form-icon i {color: #ccc; padding-left: 15px;}
  11. .myapp-login-form-submit { background: #ff6a4c; border-radius: 30px; border-color: #ff6a4c;}
  12. .myapp-login-form-submit:hover { background: #ff8e77;border-color: #ff8e77;}
  13. .myapp-login-form-shortcut { position: relative; height: 30px; line-height: 30px; margin-top: 30px; padding: 0; width: 88%; overflow: hidden;box-sizing: border-box;-webkit-box-sizing: border-box; }
  14. .myapp-login-form-shortcut .myapp-login-form-hr { background: #ccc; position: absolute; top:50%; left:0; right:0;display: block; width: 100%; z-index: 1;}
  15. .myapp-login-form-shortcut .myapp-login-form-hr-font { display: inline-block; padding: 0 16px; background: #fff; position: relative; font-size: 12px; color: #ccc; z-index: 2;}
  16. .myapp-login-form-listico { padding-top: 30px;}
  17. .myapp-login-form-listico .am-icon-btn { width: 60px; height: 60px; line-height: 60px; font-size: 30px;}
  18. .myapp-login-form-listico .am-icon-btn:hover { opacity: .9;}
  19. .title {
  20. font-size:27px;
  21. }
  22. .wi-fi-front {
  23. font-size: 13px;
  24. text-align: center;
  25. }
  26. .font-color {
  27. color: #ccc
  28. }
  29. .toggle-pwd {
  30. position: absolute;
  31. top: 50%;
  32. right: 10px;
  33. margin-right: 50px;
  34. transform: translateY(-50%);
  35. cursor: pointer;
  36. }
  37. .toggle-pwd i {
  38. display: inline-block;
  39. width: 60px;
  40. height: 60px;
  41. font-size: 18px;
  42. color: #ccc;
  43. }
  44. .toggle-pwd i:hover {
  45. color: #333;
  46. }