share previews

exceptionHandle
yanxd 12 years ago
parent d3725cc44c
commit 6dec8a9312

@ -1,23 +1,27 @@
<div id="share_new" style = "width: 431px; center" > <div id="share_new" style = "width: 500px; margin:0 auto" >
<%= form_for(@share) do |f| %> <%= form_for(@share) do |f| %>
<div> <div style="width=100%; padding-top: 20px; vertical-align:baseline; text-align: right; ">
分享到项目: <div>
<%= f.select 'project_id', options_from_collection_for_select(@ps, "id", "name") %></div> <strong style="height:25px; line-height:25px; " id="share_label" >分享到:</strong>
<div class="field"> <%= f.select 'project_id', options_from_collection_for_select(@ps, "id", "name") %>
<%= f.text_field :title, :style => 'width: 399px;display: none;' %> </div>
</div> </div>
<br/>
<div class="field"> <div class="field">
<%= f.text_area :description, :rows => 4, :style => 'width: 100%;resize: none;', :class => 'create-share' %> <%= f.text_field :title, :style => 'width: 399px;display: none;' %>
</div> </div>
<div class="field">
<%= f.label "Website:" %><br/> <div class="field">
<%= f.text_field :url, :style => 'width: 100%;', :class => 'create-share' %> <%= f.text_area :description, :rows => 4, :style => 'width: 100%;resize: none;', :class => 'create-share' %>
</div> </div>
<div class="field">
<div class="actions" style=" padding-top: 10px; float:right"> <%= f.label "Website:" %><br/>
<%= f.submit :value=>"分享"%> <%= f.text_field :url, :style => 'width: 100%;', :class => 'create-share' %>
</div> </div>
<% end %>
<br/> <div class="actions" style=" padding-top: 10px; float:right">
</div> <%= f.submit :value=>"分享" ,:class => 'whiteButton', :style => 'font-size: 14px; padding: 3px' %>
</div>
<% end %>
<br/>
</div>

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

@ -1,55 +1,54 @@
/*add by nyan*/ /*add by nyan*/
.whiteButton { .whiteButton {
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff; -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-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; 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:-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:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
background:-webkit-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:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
background:-ms-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%); background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
background-color:#ffffff; background-color:#ffffff;
-moz-border-radius:6px; -moz-border-radius:6px;
-webkit-border-radius:6px; -webkit-border-radius:6px;
border-radius:6px; border-radius:6px;
border:1px solid #dcdcdc; border:1px solid #dcdcdc;
display:inline-block; display:inline-block;
color:#666666; color:#666666;
font-family:arial; font-family:arial;
font-size:15px; font-size:15px;
font-weight:bold; font-weight:bold;
padding:6px 24px; padding:6px 24px;
text-decoration:none; text-decoration:none;
text-shadow:0px 1px 0px #ffffff; text-shadow:0px 1px 0px #ffffff;
} }
.whiteButton:hover { .whiteButton:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff)); 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:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
background:-webkit-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:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
background:-ms-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%); background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
background-color:#f6f6f6; background-color:#f6f6f6;
} }
.whiteButton:active { .whiteButton:active {
position:relative; position:relative;
top:1px; top:1px;
} }
#share_project_id { #share_label {
float: right; line-height: 1.4em
width: 100%;
} }
Loading…
Cancel
Save