socialforge/app/views/memos/show.html.erb

<style type="text/css">
/** {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-box-sizing: border-box;
}*/
.lz {
		position:relative;
		min-height: 200px;
		margin: 10px 2px;
		border-radius: 5px;
		box-shadow: 1px 1px 6px #97EBF4;
		border: 1px solid #F1F1F1;
}
.lz-left{
	float: left;
	margin: 2%;
  padding: 0;
}
.memo-section{
    width: auto;
    margin-left: 15%;
    padding-top: 1%;
    border-left: 2px dotted #EEE;
}
.memo-title{
	margin: 1em 0;
	padding-left: 1%;
	padding-bottom: 1%;
	font-weight: bold;
	border-bottom: 1px dashed rgb(204, 204, 204); 
}
.memo-content{
	padding: 1%;
	margin: 1%;
	margin-bottom: 40px;
	background-color: #F6F6F6;
}
.memo-timestamp{
  position: absolute;
  bottom: 0px;
  right: 0;
  margin: 20px;
}
.replies{
	overflow:hidden;
	max-width: 100%;
	float: right;
	/*max-width: 90%;*/
}
.reply-box{
	float: right;
	width: 640px;
	padding: 3%;
	/*border: 2px solid #C6F3F9;*/
	border-top: 2px double #C6F3F9;
	/*border-radius: 10px;*/
}
.comments img {
	overflow:hidden;
	/*width: 100%;*/
	max-width: 500px; 
	height: auto !important;
	width:expression(this.width > 500 ? "500px" : this.width+"px");
}

</style>
<!-- < %= forum_breadcrum%> -->
<div class="lz">
	<div class="lz-left">	
		<div class=""><%= link_to image_tag(url_to_avatar(@memo.author), :class => "avatar"), user_path(@memo.author) %></div>	
		<p class=""><%=link_to @memo.author.show_name, user_path(@memo.author) %></p>
	</div>
	<div class="memo-section">
			<div class="contextual-borad">
			<%= link_to(
				image_tag('comment.png'),
				{:action => 'quote', :id => @memo},
				:remote => true,
				:method => 'get',
				:title => l(:button_quote)
				)if !@memo.locked? && User.current.logged? %>
			<%= link_to(
				image_tag('edit.png'),
				{:action => 'edit', :id => @memo},
				:method => 'get',
				:title => l(:button_edit)
				) if @memo.editable_by?(User.current) %>
			<%= link_to(
				image_tag('delete.png'),
				{:action => 'destroy', :id => @memo},
				:method => :delete,
				:data => {:confirm => l(:text_are_you_sure)},
				:title => l(:button_delete)
				) if @memo.destroyable_by?(User.current) %>
		</div>

		<div class="memo-title"><%= label_tag l(:field_subject) %>: <%=h @memo.subject %></div>
		<div class="memo-content">
			<!-- < %= textilizable(@memo, :content) %> -->
			<%= raw @memo.content %>
			<p> <%= link_to_attachments @memo, :author => false %> </p>
		</div>
		<div class="memo-timestamp"> <%= authoring @memo.created_at, @memo.author.show_name %></div>

	</div>
	<br />
</div>
<div class="replies">
	<h3 class="comments"><%= l(:label_reply_plural) %> (<%= @replies.nil? ? 0 : @replies.size %>)</h3>
	<% reply_count = @current_count.to_i %>
	<% @replies.each do |reply| %>
	<p class="font_lighter"><%= reply_count += 1 %>楼	:</p>
	<div class="reply" id="<%= "reply-#{reply.id}" %>">
		<div class="contextual-borad">
			<%= link_to(
				image_tag('comment.png'),
				{:action => 'quote', :id => reply},
				:remote => true,
				:method => 'get',
				:title => l(:button_quote)
				)if !@memo.locked? && User.current.logged? %>
			<%= link_to(
				image_tag('edit.png'),
				{:action => 'edit', :id => reply},
				:title => l(:button_edit)
				) if reply.editable_by?(User.current) %>
			<%= link_to(
				image_tag('delete.png'),
				{:action => 'destroy', :id => reply},
				:method => :delete,
				:data => {:confirm => l(:text_are_you_sure)},
				:title => l(:button_delete)
				) if reply.destroyable_by?(User.current) %>
		</div>

		<table class="borad-text-list">
			<tr>
				<td rowspan="3" valign="top" width="60px">
					<%= link_to image_tag(url_to_avatar(reply.author), :class => "avatar"), user_path(reply.author) %>
				</td>
				<td class="comments">
						<div class="reply_content" ><%=h reply.content.html_safe %></div>
						<!-- <div class="wiki">< %=h reply.content.html_safe %></div> -->
						<p>
							<% if reply.attachments.any?%>
							<% options = {:author => true} %>
							<%= render :partial => 'attachments/links', :locals => {:attachments => reply.attachments, :options => options} %>
							<% end %>
						</p>
				</td>
			</tr>
			<tr>
				<td class="font_lighter" style="float:right"><%= authoring reply.created_at, reply.author.show_name %></td>
			</tr>
		</table>    
	</div>
	<% end %>
	<div class="pagination"><%= pagination_links_full @reply_pages, @reply_count, :per_page_links => false %></div>
</div>

<div class="reply-box" style="">
	<%= render :partial => 'reply_box' %>
</div>