account.css 2.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. body{background-color:#eff2f5}
  2. .btn-group-sm>.btn, .btn-sm{border:none;}
  3. .mt10{margin-top:10px;}
  4. .header{margin:30px 0 30px}
  5. .header h1{margin-bottom:5px}
  6. .header .description{font-size:16px;color:#999}
  7. .logo img{height:50px}
  8. .login-wrap{padding:30px 30px}
  9. .login-link{margin:30px 0 80px;color:#ddd}
  10. .login-link a{margin:0 10px;color:#999}
  11. .btn-sn-more{height:30px}
  12. .widget-login [class*="btn-sn-"]{margin:0 2px 6px 0}
  13. .login{position:relative}
  14. .login-vline{position:absolute;height:80%;border-left:1px solid #EEE;left:50%;top:45px}
  15. .mt-10{margin-top: 10px;}
  16. .mr-10{margin-right:10px;}
  17. .mt-5 {margin-top: 5px;}
  18. .mt-30 {margin-top: 30px;}
  19. [class*=icon-sn-]:hover{opacity:.8;filter:alpha(opacity=80)}
  20. [class*=icon-sn-]{display:inline-block;background-image:url(icon-sn.svg);background-repeat:no-repeat;width:28px;height:28px;vertical-align:middle;border-radius:2px;background-size:auto 56px}[class*=icon-sn-]:hover{opacity:.8;filter:alpha(opacity=80)}
  21. .icon-sn-weibo{background-position:-56px -28px}.icon-sn-bg-weibo{background-color:#e90d24;background-position:-56px 0}
  22. .fa-sn-weibo{color:#e90d24}.icon-sn-qq{background-position:-84px -28px}
  23. .icon-sn-bg-qq{background-color:#0098e6;background-position:-84px 0}
  24. .fa-sn-qq{color:#0098e6}
  25. .icon-sn-weixin{background-position:-252px -28px}
  26. .icon-sn-bg-weixin{background-color:#00b500;background-position:-252px 0}
  27. .fa-sn-weixin{color:#00b500}
  28. .btn-sn-weibo{background:#e90d24}.btn-sn-weibo:active,.btn-sn-weibo:focus,.btn-sn-weibo:hover{background:#d10c20}
  29. .btn-sn-qq{background:#0098e6}.btn-sn-qq:active,.btn-sn-qq:focus,.btn-sn-qq:hover{background:#0087cd}
  30. .btn-sn-weixin{background:#00b500}.btn-sn-weixin:active,.btn-sn-weixin:focus,.btn-sn-weixin:hover{background:#009c00}
  31. [class*=btn-sn-], [class*=btn-sn-]:active, [class*=btn-sn-]:focus, [class*=btn-sn-]:hover {
  32. border: none;
  33. color: #fff;
  34. }
  35. @media (max-width: 767px){
  36. .header{margin:-20px 0 20px}
  37. .login-wrap{padding:20px}
  38. .widget-login .btn{display:block}
  39. button[type="submit"]{width:100%}
  40. #showMore{display:none}
  41. }
  42. .bg-white {
  43. background-color: #FFF;
  44. }
  45. .widget-login .btn {
  46. margin-bottom: 5px;
  47. padding: 0;
  48. }