From 6dec8a931210c001ffbacf6a718931a906e4b9a0 Mon Sep 17 00:00:00 2001
From: yanxd <sxty32@hotmaill.com>
Date: Fri, 25 Oct 2013 15:46:14 +0800
Subject: [PATCH] share previews

---
 app/views/shares/_form.html.erb |  50 ++++++++-------
 app/views/shares/new.html.erb   |  10 +--
 public/stylesheets/nyan.css     | 107 ++++++++++++++++----------------
 3 files changed, 85 insertions(+), 82 deletions(-)

diff --git a/app/views/shares/_form.html.erb b/app/views/shares/_form.html.erb
index 262978369..160eebfc1 100644
--- a/app/views/shares/_form.html.erb
+++ b/app/views/shares/_form.html.erb
@@ -1,23 +1,27 @@
-<div id="share_new" style = "width: 431px; center" >
-  <%= form_for(@share) do |f| %>
-  <div>
-   分享到项目：
-   <%= f.select 'project_id', options_from_collection_for_select(@ps, "id", "name") %></div>
-   <div class="field">
-    <%= f.text_field :title, :style => 'width: 399px;display: none;' %>
-  </div>
-
-  <div class="field">
-    <%= f.text_area :description, :rows => 4, :style => 'width: 100%;resize: none;', :class => 'create-share' %>
-  </div>
-  <div class="field">
-    <%= f.label "Website:" %><br/>
-    <%= f.text_field :url, :style => 'width: 100%;', :class => 'create-share' %>
-  </div>
-
-  <div class="actions" style=" padding-top: 10px; float:right">
-    <%= f.submit :value=>"分享"%>
-  </div>
-  <% end %>
-  <br/>
-</div>
+<div id="share_new" style = "width: 500px; margin:0 auto" >
+  <%= form_for(@share) do |f| %>
+  <div style="width=100%; padding-top: 20px; vertical-align:baseline; text-align: right; ">
+    <div>
+     <strong style="height:25px; line-height:25px; " id="share_label" >分享到：</strong>
+     <%= f.select 'project_id', options_from_collection_for_select(@ps, "id", "name")  %>
+   </div>
+ </div>
+ <br/>
+ <div class="field">
+  <%= f.text_field :title, :style => 'width: 399px;display: none;' %>
+</div>
+
+<div class="field">
+  <%= f.text_area :description, :rows => 4, :style => 'width: 100%;resize: none;', :class => 'create-share' %>
+</div>
+<div class="field">
+  <%= f.label "Website:" %><br/>
+  <%= f.text_field :url, :style => 'width: 100%;', :class => 'create-share' %>
+</div>
+
+<div class="actions" style=" padding-top: 10px; float:right">
+  <%= f.submit :value=>"分享" ,:class => 'whiteButton', :style => 'font-size: 14px; padding: 3px' %>
+</div>
+<% end %>
+<br/>
+</div>
diff --git a/app/views/shares/new.html.erb b/app/views/shares/new.html.erb
index 21ac28429..8abb38376 100644
--- a/app/views/shares/new.html.erb
+++ b/app/views/shares/new.html.erb
@@ -1,5 +1,5 @@
-<h1>分享</h1>
-
-<%= render 'form' %>
-
-<%= link_to 'Back', shares_path %>
+<!-- h1>分享</h1 -->
+
+<%= render 'form' %>
+
+<!-- %= link_to '返回', shares_path  % -->
diff --git a/public/stylesheets/nyan.css b/public/stylesheets/nyan.css
index f15ea4ac2..d4ede21b7 100644
--- a/public/stylesheets/nyan.css
+++ b/public/stylesheets/nyan.css
@@ -1,55 +1,54 @@
-/*add by nyan*/ 
-.whiteButton {
-    
-    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
-    box-shadow:inset 0px 1px 0px 0px #ffffff;
-    
-    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
-    background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
-    background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
-    background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
-    background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
-    background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
-    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
-    
-    background-color:#ffffff;
-    
-    -moz-border-radius:6px;
-    -webkit-border-radius:6px;
-    border-radius:6px;
-    
-    border:1px solid #dcdcdc;
-    
-    display:inline-block;
-    color:#666666;
-    font-family:arial;
-    font-size:15px;
-    font-weight:bold;
-    padding:6px 24px;
-    text-decoration:none;
-    
-    text-shadow:0px 1px 0px #ffffff;
-    
-}
-.whiteButton:hover {
-    
-    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
-    background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
-    background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
-    background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
-    background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
-    background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
-    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
-    
-    background-color:#f6f6f6;
-}
-.whiteButton:active {
-    position:relative;
-    top:1px;
-}
-
-#share_project_id {
-    float: right;
-    width: 100%;
+/*add by nyan*/ 
+.whiteButton {
+    
+    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
+    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
+    box-shadow:inset 0px 1px 0px 0px #ffffff;
+    
+    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
+    background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
+    background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
+    background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
+    background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
+    background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
+    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
+    
+    background-color:#ffffff;
+    
+    -moz-border-radius:6px;
+    -webkit-border-radius:6px;
+    border-radius:6px;
+    
+    border:1px solid #dcdcdc;
+    
+    display:inline-block;
+    color:#666666;
+    font-family:arial;
+    font-size:15px;
+    font-weight:bold;
+    padding:6px 24px;
+    text-decoration:none;
+    
+    text-shadow:0px 1px 0px #ffffff;
+    
+}
+.whiteButton:hover {
+    
+    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
+    background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
+    background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
+    background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
+    background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
+    background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
+    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
+    
+    background-color:#f6f6f6;
+}
+.whiteButton:active {
+    position:relative;
+    top:1px;
+}
+
+#share_label {
+    line-height: 1.4em
 }
\ No newline at end of file