devise_layout.html.erb 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>登入</title>
  5. <%= stylesheet_link_tag "application", :media => "all" %>
  6. <%= javascript_include_tag "application" %>
  7. <style>
  8. body {
  9. padding-top: 100px;
  10. padding-bottom: 40px;
  11. /*background-color: #f5f5f5;*/
  12. font-family: 'PT Sans', Helvetica, Arial, sans-serif;
  13. background: #f8f8f8;
  14. }
  15. .form-signin {
  16. max-width: 300px;
  17. padding: 19px 29px 29px;
  18. margin: 0 auto 20px;
  19. background-color: #fff;
  20. border: 1px solid #e5e5e5;
  21. -webkit-border-radius: 5px;
  22. -moz-border-radius: 5px;
  23. border-radius: 5px;
  24. -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
  25. -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
  26. box-shadow: 0 1px 2px rgba(0,0,0,.05);
  27. }
  28. /*用户登录*/
  29. .form-signin-heading{
  30. font-size: 30px;
  31. font-weight: 700;
  32. text-shadow: 0 1px 4px rgba(0,0,0,.2);
  33. text-align: center;
  34. }
  35. /*输入框*/
  36. .input-block-level{
  37. width: 250px;
  38. height: 42px;
  39. margin-top: 25px;
  40. padding: 0 15px;
  41. background: #2d2d2d; /* browsers that don't support rgba */
  42. background: rgba(45,45,45,.15);
  43. -moz-border-radius: 6px;
  44. -webkit-border-radius: 6px;
  45. border-radius: 6px;
  46. border: 1px solid #3d3d3d; /* browsers that don't support rgba */
  47. border: 1px solid rgba(255,255,255,.15);
  48. -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;
  49. -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;
  50. box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;
  51. font-family: 'PT Sans', Helvetica, Arial, sans-serif;
  52. font-size: 14px;
  53. color: #000;
  54. text-shadow: 0 1px 2px rgba(0,0,0,.1);
  55. -o-transition: all .2s;
  56. -moz-transition: all .2s;
  57. -webkit-transition: all .2s;
  58. -ms-transition: all .2s;
  59. }
  60. /*记住密码*/
  61. .checkbox{
  62. width: 250px;
  63. height: 25px;
  64. margin-top: 15px;
  65. margin-left: 20px;
  66. padding: 0 15px;
  67. }
  68. /*登录*/
  69. .btn{
  70. /*color: */
  71. cursor: pointer;
  72. width: 250px;
  73. height: 44px;
  74. margin-top: 0px;
  75. padding: 0;
  76. background: #ef4300;
  77. -moz-border-radius: 6px;
  78. -webkit-border-radius: 6px;
  79. border-radius: 6px;
  80. border: 1px solid #ff730e;
  81. -moz-box-shadow:
  82. 0 15px 30px 0 rgba(255,255,255,.25) inset,
  83. 0 2px 7px 0 rgba(0,0,0,.2);
  84. -webkit-box-shadow:
  85. 0 15px 30px 0 rgba(255,255,255,.25) inset,
  86. 0 2px 7px 0 rgba(0,0,0,.2);
  87. box-shadow:
  88. 0 15px 30px 0 rgba(255,255,255,.25) inset,
  89. 0 2px 7px 0 rgba(0,0,0,.2);
  90. font-family: 'PT Sans', Helvetica, Arial, sans-serif;
  91. font-size: 14px;
  92. font-weight: 700;
  93. color: #fff;
  94. text-shadow: 0 1px 2px rgba(0,0,0,.1);
  95. -o-transition: all .2s;
  96. -moz-transition: all .2s;
  97. -webkit-transition: all .2s;
  98. -ms-transition: all .2s;
  99. }
  100. span.remember_pw{
  101. font-family: 'PT Sans', Helvetica, Arial, sans-serif;
  102. font-size: 14px;
  103. font-weight: 700;
  104. text-shadow: 0 1px 2px rgba(0,0,0,.1);
  105. }
  106. </style>
  107. <%= csrf_meta_tags %>
  108. </head>
  109. <body>
  110. <%= yield %>
  111. </body>
  112. </html>