Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

better sign in and sign up page style

  • Loading branch information...
commit 271f13461cbb19a1f0bae34f47c24b9b53c8ab78 1 parent c1650f3
@n5ken authored
View
2  app/views/pricing/index.html.erb
@@ -11,7 +11,7 @@
<div class="choose-plan">
<div class="heading">
- <h4>Choose your <strong><br/>business plan</strong></h4>
+ <h4><%= raw t("webify.pricing.choose_your_business_plan") %></h4>
</div>
<!--end of heading-->
View
30 app/views/users/registrations/new.html.erb
@@ -1,21 +1,27 @@
-<div class="round_box">
+<br/>
+<h2 class="section-title">
+ <span><%= t('devise.views.shared.sign_up') %></span>
+</h2>
- <h2><%= t("devise.views.shared.sign_up") -%></h2>
+<div class="round_box">
- <%= form_for(resource, :as => resource_name, :url => registration_path(resource_name)) do |f| %>
+ <%= form_for(resource, :as => resource_name, :url => registration_path(resource_name)) do |f| %>
<%= devise_error_messages! %>
- <p><%= f.label :email %><br />
- <%= f.email_field :email, :class => "input-text" %></p>
+ <p><%= f.label :email %><br/>
+ <%= f.email_field :email, :class => "text_field" %></p>
+
+ <p><%= f.label :password %><br/>
+ <%= f.password_field :password, :class => "text_field" %></p>
- <p><%= f.label :password %><br />
- <%= f.password_field :password, :class => "input-text" %></p>
+ <p><%= f.label :password_confirmation %><br/>
+ <%= f.password_field :password_confirmation, :class => "text_field" %></p>
- <p><%= f.label :password_confirmation %><br />
- <%= f.password_field :password_confirmation, :class => "input-text" %></p>
+ <p><%= f.submit t("devise.views.shared.sign_up"), :class => "button" %></p>
- <p><%= f.submit t("devise.views.shared.sign_up") %></p>
- <% end %>
+ <p>
+ <br /><br /><%= render :partial => "users/shared/links" %>
+ </p>
+ <% end %>
- <%= render :partial => "users/shared/links" %>
</div>
View
63 app/views/users/sessions/new.html.erb
@@ -1,40 +1,33 @@
-<div class="inner-wrap">
- <div id="content-wrap">
+<br/>
+<h2 class="section-title">
+ <span><%= t('devise.views.shared.sign_in') %></span>
+</h2>
- <br />
- <h2 class="section-title">
- <span><%= t('webify.pricing.title') %></span>
- </h2>
+<div id="login">
- <div id="login">
- <%= raw message %>
- <%= form_for(resource, :as => resource_name, :url => session_path(resource_name)) do |f| %>
- <p>
- <%= f.label :email %>
- <%= f.email_field :email, :class => "input-text" %>
- </p>
+ <%= raw message %>
- <p>
- <%= f.label :password %>
- <%= f.password_field :password, :class => "input-text" %>
- </p>
- <% if devise_mapping.rememberable? -%>
- <p>
- <%= f.check_box :remember_me %>
- <%= f.label :remember_me, :class => 'right_label' %>
- </p>
- <% end -%>
- <p>
- <%= link_to t("devise.views.sessions.login"), '#', :class => 'standard-button',
- :onclick => 'document.forms[0].submit();return false;' %>
- </p>
-
- <% end %>
- </div>
- <div style="line-height: 28px; padding-left: 8px;">
- <%= render :partial => "users/shared/links" %>
- </div>
-
- </div>
+ <%= form_for(resource, :as => resource_name, :url => session_path(resource_name)) do |f| %>
+ <p>
+ <%= f.label :email %><br/>
+ <%= f.email_field :email, :class => "text_field" %>
+ </p>
+ <p>
+ <%= f.label :password %><br/>
+ <%= f.password_field :password, :class => "text_field" %>
+ </p>
+ <% if devise_mapping.rememberable? -%>
+ <p>
+ <%= f.check_box :remember_me %>
+ <%= f.label :remember_me, :class => 'right_label' %>
+ </p>
+ <% end -%>
+ <p>
+ <input id="submit" type="submit" class="button" value="<%= t("devise.views.sessions.login") %>" name="submit"/>
+ </p>
+ <p>
+ <br /><br /><%= render :partial => "users/shared/links" %>
+ </p>
+ <% end %>
</div>
View
1  config/locales/pricing.en.yml
@@ -1,6 +1,7 @@
en:
webify:
pricing:
+ choose_your_business_plan: Choose your <br /><strong>business plan</strong>
bandwidth:
title: Unlimited bandwidth
free_setup:
View
1  config/locales/pricing.zh-CN.yml
@@ -1,6 +1,7 @@
zh-CN:
webify:
pricing:
+ choose_your_business_plan: 选择你的预算计划
bandwidth:
title: 不限带宽
free_setup:
View
24 public/stylesheets/simper-landing/style.css
@@ -160,8 +160,8 @@ a:hover { color: #607890; }
/** COMMON STYLES **/
-.inner-wrap h2.section-title { background:url(../../../images/simper-landing/slogan-heading-bg.png) repeat-x center; color:#454545; margin-bottom:20px; }
-.inner-wrap h2.section-title span { background:#fff; font:21px "DroidSansRegular",Arial, Helvetica, sans-serif; padding:0px 10px; }
+.inner-wrap h2.section-title { background:url(../../../images/simper-landing/slogan-heading-bg.png) repeat-x center; color:#454545; margin-bottom:20px; padding-left:10px; }
+.inner-wrap h2.section-title span { background:#fff; font:21px "DroidSansRegular",Arial, Helvetica, sans-serif; padding:0px 10px; font-weight:bold; }
.inner-wrap h2.section-title strong { color:#454545; font:21px "DroidSansBold",Arial, Helvetica, sans-serif; }
.inner-wrap p{ margin:10px 0px 20px;}
.inner-wrap ol,.inner-wrap ul { margin:20px 10px 20px 10px; }
@@ -404,9 +404,9 @@ ul.tabs li a.current{ color:#373737; background:#f1f1f1; }
#footer .signup form { margin:18px 0px 0px 0px;}
#footer .signup form p{ position:relative; overflow:hidden;}
#footer .signup form #email { background:url(../../../images/simper-landing/footer-signup-bg.png) no-repeat right top; border:none; color:#868686; font:12px "DroidSansRegular",Arial, Helvetica, sans-serif; height:28px; line-height:28px; margin:0px 0px 16px; outline:none; padding:0px 9px; width:198px; }
-#footer .signup form #submit { background:url(../../../images/simper-landing/footer-btn.png) no-repeat left bottom; border:none; color:#fff; cursor:pointer; display:block; float:left; font:13px "DroidSansRegular",Arial, Helvetica, sans-serif; height:28px; text-shadow:1px 1px 1px #255c1a; width:92px; text-align:center; }
-#footer .signup form #submit:hover,
-#footer .signup form #submit:focus { background:url(../../../images/simper-landing/footer-btn.png) no-repeat left top; }
+#footer .signup form #submit, .button { background:url(../../../images/simper-landing/footer-btn.png) no-repeat left bottom; border:none; color:#fff; cursor:pointer; display:block; float:left; font:13px "DroidSansRegular",Arial, Helvetica, sans-serif; height:28px; text-shadow:1px 1px 1px #255c1a; width:92px; text-align:center; }
+#footer .signup form #submit:hover, .button:hover,
+#footer .signup form #submit:focus, .button:focus { background:url(../../../images/simper-landing/footer-btn.png) no-repeat left top; }
#footer .signup form #subscribe-loader{ float:right; margin:2px 10px 0px 0px; display:none; }
#footer .signup form label.error{ display:block; color:red; padding:5px; }
@@ -432,4 +432,16 @@ ul.tabs li a.current{ color:#373737; background:#f1f1f1; }
.footer-wrap .copy-right p { font:12px "DroidSansRegular",Arial, Helvetica, sans-serif; line-height:20px; }
.footer-wrap .copy-right .right-text { font:12px "DroidSansRegular",Arial, Helvetica, sans-serif; line-height:20px; position:absolute; top:20px; right:20px; text-align:right; }
.footer-wrap .copy-right .right-text a { color:#fff; }
-.footer-wrap .copy-right .right-text a:hover { text-decoration:underline; }
+.footer-wrap .copy-right .right-text a:hover { text-decoration:underline; }
+
+#login, .round_box { padding: 0 10px }
+.text_field {
+ height:28px;
+ padding-left:8px;
+ -moz-border-radius:3px;
+ -webkit-border-radius:3px;
+ border-radius:3px;
+ border: 1px solid #E0E0E0;
+ box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1) inset;
+ color: #666666;
+}
Please sign in to comment.
Something went wrong with that request. Please try again.