share previews

This commit is contained in:
yanxd 2013-10-25 15:46:14 +08:00
parent d3725cc44c
commit 6dec8a9312
3 changed files with 85 additions and 82 deletions

View File

@ -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>

View File

@ -1,5 +1,5 @@
<h1>分享</h1>
<%= render 'form' %>
<%= link_to 'Back', shares_path %>
<!-- h1>分享</h1 -->
<%= render 'form' %>
<!-- %= link_to '返回', shares_path % -->

View File

@ -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
}