login.css 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119
  1. /*
  2. *
  3. * Template Name: Fullscreen Login
  4. * Description: Login Template with Fullscreen Background Slideshow
  5. * Author: Anli Zaimi
  6. * Author URI: http://azmind.com
  7. *
  8. */
  9. body {
  10. /*font-family: 'PT Sans', Helvetica, Arial, sans-serif;*/
  11. font-family:"Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu;
  12. color: #fff;
  13. }
  14. .page-container {
  15. margin: 30px auto 15px auto;
  16. text-align: center;
  17. width: 100%;
  18. padding: 20px;
  19. }
  20. h1 {
  21. font-family: PingFangSC;
  22. font-size: 18px;
  23. color: #333333;
  24. letter-spacing: 0;
  25. line-height: 30px;
  26. }
  27. form {
  28. position: relative;
  29. width: 100%;
  30. margin: 15px auto 0 auto;
  31. text-align: center;
  32. background: #F3F3F3;
  33. box-shadow: 0 2px 4px 0 rgba(0,0,0,0.50);
  34. border-radius: 4px;
  35. }
  36. input {
  37. width: 270px;
  38. height: 42px;
  39. line-height:42px;
  40. padding: 0 15px;
  41. background: #2d2d2d; /* browsers that don't support rgba */
  42. *background-color:transparent;
  43. background: rgba(45,45,45,.15);
  44. -moz-border-radius: 6px;
  45. -webkit-border-radius: 6px;
  46. border-radius: 6px;
  47. border: 1px solid #3d3d3d; /* browsers that don't support rgba */
  48. border: 1px solid rgba(255,255,255,.15);
  49. -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;
  50. -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;
  51. box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;
  52. font-family: 'PT Sans', Helvetica, Arial, sans-serif;
  53. font-size: 14px;
  54. color: #fff;
  55. text-shadow: 0 1px 2px rgba(0,0,0,.1);
  56. -o-transition: all .2s;
  57. -moz-transition: all .2s;
  58. -webkit-transition: all .2s;
  59. -ms-transition: all .2s;
  60. }
  61. input:-moz-placeholder { color: #fff; }
  62. input:-ms-input-placeholder { color: #fff; }
  63. input::-webkit-input-placeholder { color: #fff; }
  64. input:focus {
  65. outline: none;
  66. -moz-box-shadow:
  67. 0 2px 3px 0 rgba(0,0,0,.1) inset,
  68. 0 2px 7px 0 rgba(0,0,0,.2);
  69. -webkit-box-shadow:
  70. 0 2px 3px 0 rgba(0,0,0,.1) inset,
  71. 0 2px 7px 0 rgba(0,0,0,.2);
  72. box-shadow:
  73. 0 2px 3px 0 rgba(0,0,0,.1) inset,
  74. 0 2px 7px 0 rgba(0,0,0,.2);
  75. }
  76. .button {
  77. cursor: pointer;
  78. width: 100%;
  79. height: 44px;
  80. margin-top: 25px;
  81. padding: 0;
  82. background: #2976CE;
  83. border-radius: 4px;
  84. border: 0px;
  85. font-family: 'PT Sans', Helvetica, Arial, sans-serif;
  86. font-size: 14px;
  87. color: #fff;
  88. }
  89. .head {
  90. height: auto;
  91. line-height: 1;
  92. padding: 0;
  93. background: none;
  94. }
  95. /*
  96. .connect a.facebook { background: url(../img/facebook.png) center center no-repeat; }
  97. .connect a.twitter { background: url(../img/twitter.png) center center no-repeat; }
  98. .connect a:hover { background-position: center bottom; }
  99. */