| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115 |
- <!DOCTYPE html>
- <html>
- <head>
- <title>登入</title>
- <%= stylesheet_link_tag "application", :media => "all" %>
- <%= javascript_include_tag "application" %>
- <style>
- body {
- padding-top: 100px;
- padding-bottom: 40px;
- /*background-color: #f5f5f5;*/
- font-family: 'PT Sans', Helvetica, Arial, sans-serif;
- background: #f8f8f8;
- }
- .form-signin {
- max-width: 300px;
- padding: 19px 29px 29px;
- margin: 0 auto 20px;
- background-color: #fff;
- border: 1px solid #e5e5e5;
- -webkit-border-radius: 5px;
- -moz-border-radius: 5px;
- border-radius: 5px;
- -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
- -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
- box-shadow: 0 1px 2px rgba(0,0,0,.05);
- }
- /*用户登录*/
- .form-signin-heading{
- font-size: 30px;
- font-weight: 700;
- text-shadow: 0 1px 4px rgba(0,0,0,.2);
- text-align: center;
- }
- /*输入框*/
- .input-block-level{
- width: 250px;
- height: 42px;
- margin-top: 25px;
- padding: 0 15px;
- background: #2d2d2d; /* browsers that don't support rgba */
- background: rgba(45,45,45,.15);
- -moz-border-radius: 6px;
- -webkit-border-radius: 6px;
- border-radius: 6px;
- border: 1px solid #3d3d3d; /* browsers that don't support rgba */
- border: 1px solid rgba(255,255,255,.15);
- -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;
- -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;
- box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;
- font-family: 'PT Sans', Helvetica, Arial, sans-serif;
- font-size: 14px;
- color: #000;
- text-shadow: 0 1px 2px rgba(0,0,0,.1);
- -o-transition: all .2s;
- -moz-transition: all .2s;
- -webkit-transition: all .2s;
- -ms-transition: all .2s;
- }
- /*记住密码*/
- .checkbox{
- width: 250px;
- height: 25px;
- margin-top: 15px;
- margin-left: 20px;
- padding: 0 15px;
- }
- /*登录*/
- .btn{
- /*color: */
- cursor: pointer;
- width: 250px;
- height: 44px;
- margin-top: 0px;
- padding: 0;
- background: #ef4300;
- -moz-border-radius: 6px;
- -webkit-border-radius: 6px;
- border-radius: 6px;
- border: 1px solid #ff730e;
- -moz-box-shadow:
- 0 15px 30px 0 rgba(255,255,255,.25) inset,
- 0 2px 7px 0 rgba(0,0,0,.2);
- -webkit-box-shadow:
- 0 15px 30px 0 rgba(255,255,255,.25) inset,
- 0 2px 7px 0 rgba(0,0,0,.2);
- box-shadow:
- 0 15px 30px 0 rgba(255,255,255,.25) inset,
- 0 2px 7px 0 rgba(0,0,0,.2);
- font-family: 'PT Sans', Helvetica, Arial, sans-serif;
- font-size: 14px;
- font-weight: 700;
- color: #fff;
- text-shadow: 0 1px 2px rgba(0,0,0,.1);
- -o-transition: all .2s;
- -moz-transition: all .2s;
- -webkit-transition: all .2s;
- -ms-transition: all .2s;
- }
- span.remember_pw{
- font-family: 'PT Sans', Helvetica, Arial, sans-serif;
- font-size: 14px;
- font-weight: 700;
- text-shadow: 0 1px 2px rgba(0,0,0,.1);
- }
- </style>
- <%= csrf_meta_tags %>
- </head>
- <body>
- <%= yield %>
- </body>
- </html>
|