From 829c77879a360aa2a06a6dcea1a37c9ef481b3bc Mon Sep 17 00:00:00 2001
From: yanxd <sxty32@hotmail.com>
Date: Wed, 14 May 2014 17:12:04 +0800
Subject: [PATCH] typo

---
 app/helpers/files_helper.rb                   |    4 +-
 app/views/files/_show_all_attachment.html.erb |  134 +-
 app/views/files/_sort_by_attachtypel.html.erb |  132 +-
 app/views/files/getattachtype.js.erb          |   10 +-
 app/views/files/index.html.erb                |  307 +---
 public/stylesheets/nyan.css                   | 1465 ++++++++++-------
 6 files changed, 1080 insertions(+), 972 deletions(-)

diff --git a/app/helpers/files_helper.rb b/app/helpers/files_helper.rb
index 16a3d8b5..052aae46 100644
--- a/app/helpers/files_helper.rb
+++ b/app/helpers/files_helper.rb
@@ -55,9 +55,9 @@ module FilesHelper
       result = true
     end
     if  result
-      if    contentType != l(:attachment_all) && contentType != attachment.suffix_type
+      if contentType != '0' && contentType != attachment.suffix_type
         result = false
-         end
+      end
     end
     result
   end
diff --git a/app/views/files/_show_all_attachment.html.erb b/app/views/files/_show_all_attachment.html.erb
index ad207adf..6a2d6e54 100644
--- a/app/views/files/_show_all_attachment.html.erb
+++ b/app/views/files/_show_all_attachment.html.erb
@@ -3,72 +3,72 @@
 <% attachmenttypes = @project.attachmenttypes %>
 <% delete_allowed = User.current.allowed_to?(:manage_files, @project) %>
 <% edit_allowed = User.current.allowed_to?(:manage_files, @project) %>
-  <ul id="all_browse_ul">
-    <table class="list files" id="ver-zebra" >
-      <colgroup>
-        <col class="vzebra-odd" />
-        <col class="vzebra-even" />
-        <col class="vzebra-odd" />
-        <col class="vzebra-even" />
-        <col class="vzebra-odd" />
-      </colgroup>
-      <thead><tr>
-        <%= sort_header_tag('filename', :caption => l(:field_filename), :scope =>"col" , :id => "vzebra-adventure")%>
-        <%= sort_header_tag('created_on', :caption => l(:label_date), :default_order => 'desc', :scope =>"col" , :id => "vzebra-comedy")%>
-        <%= sort_header_tag('size', :caption => l(:field_filesize), :default_order => 'desc', :scope =>"col", :id=> "vzebra-children")%>
-        <%= sort_header_tag('attach_type', :caption => l(:attachment_browse), :default_order => 'desc', :scope =>"col", :id=> "vzebra-attachmenttype")%>
-        <%= sort_header_tag('content_type', :caption => l(:attachment_sufix_browse), :default_order => 'desc', :scope =>"col", :id=> "vzebra-contenttype")%>
-        <%= sort_header_tag('downloads', :caption => l(:field_downloads), :default_order => 'desc', :scope =>"col", :id => "vzebra-action") %>
-        <%= sort_header_tag('operation', :caption => "", :scope =>"col", :id => "vzebra-children") %>
-        <!-- <%= sort_header_tag('description', :caption => l(:field_description)) %> -->
-      </tr></thead>
-      <tbody>
-      <% @containers.each do |container| %>
-          <% next if container.attachments.empty? -%>
-          <% if container.is_a?(Version) -%>
-              <tr>
-                <th colspan="5" align="left" style="line-height: 30px; font-size: 14px; ">
-                  <%= link_to(h(container), {:controller => 'versions', :action => 'show', :id => container}, :class => "icon icon-package", :style => "color: #666666;") %>
-                </th>
-              </tr>
-          <% end -%>
-          <% container.attachments.each do |file| %>
-              <tr class="file <%= cycle("odd", "odd") %>">
-                <td class="filename" style="font-size: 13px; width: 240px; "><%= link_to_attachment file, :download => true, :title => file.filename+"\n"+file.description.to_s, :style => "width: 230px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;" %></td>
-                <td class="created_on"><%= format_time(file.created_on) %></td>
-                <td class="filesize"><%= number_to_human_size(file.filesize) %></td>
-                <td class="attach_type">
-                  <div id="attach_type_id_label<%= file.id %>" style="white-space:nowrap;"><%= file.attachmentstype.typeName %></div>
-                  &nbsp;
-                  <div id="attach_type_id_edit<%= file.id %>" style="white-space:nowrap;">
-                    <%= render :partial => 'attachments/type_edit', :locals => {:attachmenttypes => attachmenttypes,
-                                                                                :attachment => file,:contentype=>selContentType} %>
-                  </div>
-                </td>
-                <td class="content_type"><%= file.show_suffix_type %></td>
-                <td class="downloads"><%= file.downloads %></td>
-                <!-- <td class="digest" width="300px"><%= file.description %></td> -->
-                <td align="center">
-                  <%= link_to(image_tag('delete.png'), attachment_path(file),
-                              :data => {:confirm => l(:text_are_you_sure)}, :method => :delete) if delete_allowed %>
-                </td>
-              </tr>
-              <tr>
-                <td class='description' colspan="5">
-                  <div class="tags_area">
-                    <% @preTags = %w|预设A 预设B 预设C 预设D 预设E 预设Z | %>
-                    <%= render :partial => 'tags/tag', :locals => {:obj => file, :object_flag => "6"}%>
-                    <div class="tags_gradint"></div>
-                  </div>
-                  <div class="read-more hidden"><a href="javascript:void(0);" onclick="readmore(this);"> 更多 </a></div>
-                </td>
-              </tr>
-          <% end -%>
-          <% reset_cycle %>
+<table class="list files" id="ver-zebra">
+  <colgroup>
+    <col class="vzebra-odd"/>
+    <col class="vzebra-even"/>
+    <col class="vzebra-odd"/>
+    <col class="vzebra-even"/>
+    <!-- <col class="vzebra-odd"/> -->
+  </colgroup>
+  <thead>
+  <tr>
+    <%= sort_header_tag('filename', :caption => l(:field_filename), :scope => "col", :id => "vzebra-adventure") %>
+    <%#= sort_header_tag('created_on', :caption => l(:label_date), :default_order => 'desc', :scope => "col", :id => "vzebra-comedy") %>
+    <%= sort_header_tag('size', :caption => l(:field_filesize), :default_order => 'desc', :scope => "col", :id => "vzebra-children") %>
+    <%= sort_header_tag('attach_type', :caption => l(:attachment_browse), :default_order => 'desc', :scope => "col", :id => "vzebra-attachmenttype") %>
+    <%= sort_header_tag('content_type', :caption => l(:attachment_sufix_browse), :default_order => 'desc', :scope => "col", :id => "vzebra-contenttype") %>
+    <%= sort_header_tag('downloads', :caption => l(:field_downloads), :default_order => 'desc', :scope => "col", :id => "vzebra-action") %>
+    <%= sort_header_tag('operation', :caption => "", :scope => "col", :id => "vzebra-children") %>
+    <!-- <%= sort_header_tag('description', :caption => l(:field_description)) %> -->
+  </tr>
+  </thead>
+  <tbody>
+  <% @containers.each do |container| %>
+      <% next if container.attachments.empty? -%>
+      <% if container.is_a?(Version) -%>
+          <tr>
+            <th colspan="5" align="left" style="line-height: 30px; font-size: 14px; ">
+              <%= link_to(h(container), {:controller => 'versions', :action => 'show', :id => container}, :class => "icon icon-package", :style => "color: #666666;") %>
+            </th>
+          </tr>
       <% end -%>
-      <!-- %= h downloadAll(@containers) % -->
-      <!-- %= link_to "download all file", (downloadAll(@containers)) % -->
+      <% container.attachments.each do |file| %>
+          <tr class="file <%= cycle("odd", "odd") %>">
+            <td class="filename" style="font-size: 13px;  "><%= link_to_attachment file, :download => true, :title => file.filename+"\n"+file.description.to_s, :style => "width: 230px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;" %></td>
+            <!-- <td class="created_on"><%#= format_time(file.created_on) %></td> -->
+            <td class="filesize"><%= number_to_human_size(file.filesize) %></td>
+            <td class="attach_type">
+              <span id="attach_type_id_label<%= file.id %>" style="white-space:nowrap;"><%= file.attachmentstype.typeName %></span>
+              &nbsp;
+              <span id="attach_type_id_edit<%= file.id %>" style="white-space:nowrap;">
+                <%= render :partial => 'attachments/type_edit', :locals => {:attachmenttypes => attachmenttypes,
+                                                                            :attachment => file, :contentype => selContentType} %>
+              </span>
+            </td>
+            <td class="content_type"><%= file.show_suffix_type %></td>
+            <td class="downloads"><%= file.downloads %></td>
+            <!-- <td class="digest" width="300px"><%= file.description %></td> -->
+            <td align="center">
+              <%= link_to(image_tag('delete.png'), attachment_path(file),
+                          :data => {:confirm => l(:text_are_you_sure)}, :method => :delete) if delete_allowed %>
+            </td>
+          </tr>
+          <tr>
+            <td class='description' colspan="6">
+              <div class="tags_area">
+                <%# @preTags = %w|预设A 预设B 预设C 预设D 预设E 预设Z | %>
+                <%= render :partial => 'tags/tag', :locals => {:obj => file, :object_flag => "6"} %>
+                <div class="tags_gradint"></div>
+              </div>
+              <div class="read-more hidden"><a href="javascript:void(0);" onclick="readmore(this);"> 更多 </a></div>
+            </td>
+          </tr>
+      <% end -%>
+      <% reset_cycle %>
+  <% end -%>
+  <!-- %= h downloadAll(@containers) % -->
+  <!-- %= link_to "download all file", (downloadAll(@containers)) % -->
 
-      </tbody>
-    </table>
-  </ul>
+  </tbody>
+</table>
diff --git a/app/views/files/_sort_by_attachtypel.html.erb b/app/views/files/_sort_by_attachtypel.html.erb
index 06aae404..01c57c49 100644
--- a/app/views/files/_sort_by_attachtypel.html.erb
+++ b/app/views/files/_sort_by_attachtypel.html.erb
@@ -3,73 +3,69 @@
 <% attachmenttypes = @project.attachmenttypes %>
 <% delete_allowed = User.current.allowed_to?(:manage_files, @project) %>
 <% edit_allowed = User.current.allowed_to?(:manage_files, @project) %>
-<div id="catarory_browse_div" class="catarory_browse_div">
-  <ul id="catarory_browse_ul">
-    <table class="list files" id="ver-zebra1">
-      <colgroup>
-        <col class="vzebra-odd"/>
-        <col class="vzebra-even"/>
-        <col class="vzebra-odd"/>
-        <col class="vzebra-even"/>
-        <col class="vzebra-odd"/>
-      </colgroup>
-      <thead>
-      <tr>
-        <%= sort_header_tag('filename', :caption => l(:field_filename), :scope => "col", :id => "vzebra-adventure") %>
-        <%= sort_header_tag('created_on', :caption => l(:label_date), :default_order => 'desc', :scope => "col", :id => "vzebra-comedy") %>
-        <%= sort_header_tag('size', :caption => l(:field_filesize), :default_order => 'desc', :scope => "col", :id => "vzebra-children") %>
-        <%= sort_header_tag('attach_type', :caption => l(:attachment_browse), :default_order => 'desc', :scope => "col", :id => "vzebra-attachmenttype") %>
-        <%= sort_header_tag('content_type', :caption => l(:attachment_sufix_browse), :default_order => 'desc', :scope =>"col", :id=> "vzebra-contenttype")%>
-        <%= sort_header_tag('downloads', :caption => l(:field_downloads), :default_order => 'desc', :scope => "col", :id => "vzebra-action") %>
-        <%= sort_header_tag('operation', :caption => "", :scope => "col", :id => "vzebra-children") %>
-        <!-- <%= sort_header_tag('description', :caption => l(:field_description)) %> -->
-      </tr>
-      </thead>
-      <tbody>
-      <% @containers.each do |container| %>
-          <% next if container.attachments.empty? -%>
-          <% container.attachments.each do |file| %>
-              <% if isTypeOk(file,selAttachType,selContentType) %>
-                  <tr class="file <%= cycle("odd", "odd") %>">
-                    <td class="filename" style="font-size: 13px; width: 240px; "><%= link_to_attachment file, :download => true, :title => file.filename+"\n"+file.description.to_s, :style => "width: 230px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;" %></td>
-                    <td class="created_on"><%= format_time(file.created_on) %></td>
-                    <td class="filesize"><%= number_to_human_size(file.filesize) %></td>
-                    <td class="attach_type">
-                      <div id="attach_type_id_label<%= file.id %>" style="white-space:nowrap;"><%= file.attachmentstype.typeName %></div>
-                      &nbsp;
-                      <div id="attach_type_id_edit<%= file.id %>" style="white-space:nowrap;">
-                        <%= render :partial => 'attachments/type_edit', :locals => {:attachmenttypes => attachmenttypes,
-                                                                                    :attachment => file,:contentype=>selContentType} %>
-                      </div>
-                    </td>
-                    <td class="content_type"><%= file.show_suffix_type %></td>
-                    <td class="downloads"><%= file.downloads %></td>
-                    <!-- <td class="digest" width="300px"><%= file.description %></td> -->
-                    <td align="center">
-                      <%= link_to(image_tag('delete.png'), attachment_path(file),
-                                  :data => {:confirm => l(:text_are_you_sure)}, :method => :delete) if delete_allowed %>
-                    </td>
-                  </tr>
-                  <tr>
-                    <td class='description' colspan="5">
-                      <div class="tags_area">
-                        <% @preTags = %w|预设A 预设B 预设C 预设D 预设E 预设Z | %>
-                        <%= render :partial => 'tags/tag', :locals => {:obj => file, :object_flag => "6"} %>
-                        <div class="tags_gradint"></div>
-                      </div>
-                      <div class="read-more hidden"><a href="javascript:void(0);" onclick="readmore(this);"> 更多 </a>
-                      </div>
-                    </td>
-                  </tr>
-              <% end -%>
-          <% end -%>
-          <% reset_cycle %>
-      <% end -%>
-      <!-- %= h downloadAll(@containers) % -->
-      <!-- %= link_to "download all file", (downloadAll(@containers)) % -->
+<table class="list files" id="ver-zebra">
+  <colgroup>
+  <col class="vzebra-odd"/>
+  <col class="vzebra-even"/>
+  <col class="vzebra-odd"/>
+  <col class="vzebra-even"/>
+  <!-- <col class="vzebra-odd"/> -->
+</colgroup>
+<thead>
+  <tr>
+    <%= sort_header_tag('filename', :caption => l(:field_filename), :scope => "col", :id => "vzebra-adventure") %>
+    <%#= sort_header_tag('created_on', :caption => l(:label_date), :default_order => 'desc', :scope => "col", :id => "vzebra-comedy") %>
+    <%= sort_header_tag('size', :caption => l(:field_filesize), :default_order => 'desc', :scope => "col", :id => "vzebra-children") %>
+    <%= sort_header_tag('attach_type', :caption => l(:attachment_browse), :default_order => 'desc', :scope => "col", :id => "vzebra-attachmenttype") %>
+    <%= sort_header_tag('content_type', :caption => l(:attachment_sufix_browse), :default_order => 'desc', :scope =>"col", :id=> "vzebra-contenttype")%>
+    <%= sort_header_tag('downloads', :caption => l(:field_downloads), :default_order => 'desc', :scope => "col", :id => "vzebra-action") %>
+    <%= sort_header_tag('operation', :caption => "", :scope => "col", :id => "vzebra-children") %>
+    <!-- <%= sort_header_tag('description', :caption => l(:field_description)) %> -->
+  </tr>
+</thead>
+<tbody>
+  <% @containers.each do |container| %>
+  <% next if container.attachments.empty? -%>
+  <% container.attachments.each do |file| %>
+  <% if isTypeOk(file,selAttachType,selContentType) %>
+  <tr class="file <%= cycle("odd", "odd") %>">
+    <td class="filename" style="font-size: 13px; "><%= link_to_attachment file, :download => true, :title => file.filename+"\n"+file.description.to_s, :style => "width: 230px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;" %></td>
+    <!-- <td class="created_on"><%#= format_time(file.created_on) %></td> -->
+    <td class="filesize"><%= number_to_human_size(file.filesize) %></td>
+    <td class="attach_type">
+      <span id="attach_type_id_label<%= file.id %>" style="white-space:nowrap;"><%= file.attachmentstype.typeName %></span>
+      &nbsp;
+      <span id="attach_type_id_edit<%= file.id %>" style="white-space:nowrap;">
+        <%= render :partial => 'attachments/type_edit', :locals => {:attachmenttypes => attachmenttypes,
+          :attachment => file,:contentype=>selContentType} %>
+        </span>
+      </td>
+      <td class="content_type"><%= file.show_suffix_type %></td>
+      <td class="downloads"><%= file.downloads %></td>
+      <!-- <td class="digest" width="300px"><%= file.description %></td> -->
+      <td align="center">
+        <%= link_to(image_tag('delete.png'), attachment_path(file),
+        :data => {:confirm => l(:text_are_you_sure)}, :method => :delete) if delete_allowed %>
+      </td>
+    </tr>
+    <tr>
+      <td class='description' colspan="6">
+        <div class="tags_area">
+          <%# @preTags = %w|预设A 预设B 预设C 预设D 预设E 预设Z | %>
+          <%= render :partial => 'tags/tag', :locals => {:obj => file, :object_flag => "6"} %>
+          <div class="tags_gradint"></div>
+        </div>
+        <div class="read-more hidden"><a href="javascript:void(0);" onclick="readmore(this);"> 更多 </a>
+        </div>
+      </td>
+    </tr>
+    <% end -%>
+    <% end -%>
+    <% reset_cycle %>
+    <% end -%>
+    <!-- %= h downloadAll(@containers) % -->
+    <!-- %= link_to "download all file", (downloadAll(@containers)) % -->
 
-      </tbody>
-    </table>
-  </ul>
-</div>
+  </tbody>
+</table>
 
diff --git a/app/views/files/getattachtype.js.erb b/app/views/files/getattachtype.js.erb
index fe8458e2..3bc9863b 100644
--- a/app/views/files/getattachtype.js.erb
+++ b/app/views/files/getattachtype.js.erb
@@ -1,5 +1,5 @@
-     <% if @attachtype==0 && @contenttype==l(:attachment_all)%>
-     $("#all_browse_div").html('<%= j(render partial: "show_all_attachment")%>');
-     <%else%>
-     $("#all_browse_div").html('<%= j(render partial: "sort_by_attachtypel")%>');
-     <%end%>
+<% if @attachtype==0 && @contenttype=='0' %>
+$("#all_browse_div").html('<%= j(render partial: "show_all_attachment")%>');
+<%else%>
+$("#all_browse_div").html('<%= j(render partial: "sort_by_attachtypel")%>');
+<%end%>
diff --git a/app/views/files/index.html.erb b/app/views/files/index.html.erb
index 0d9a3a21..978b4420 100644
--- a/app/views/files/index.html.erb
+++ b/app/views/files/index.html.erb
@@ -1,205 +1,34 @@
 <!-- <h3> --><!-- %=l(:label_attachment_plural)%></h3 -->
 <% attachmenttypes = @project.attachmenttypes %>
 <% sufixtypes = @project.contenttypes %>
-<style>
-    #ver-zebra, .file_table_des
-    {
-        font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
-        font-size: 12px;
-        margin: 5px 10px;
-        width: 98%;
-        text-align: left;
-        border-collapse: collapse;
-        line-height: 20px;
-        font-size: 14px;
-    }
-    #ver-zebra th
-    {
-        font-size: 14px;
-        font-weight: normal;
-        padding: 12px 15px;
-        border-right: 1px solid #fff;
-        border-left: 1px solid #fff;
-        color: #039;
-        text-align: left;
-    }
-    #ver-zebra td
-    {
-        padding: 8px 15px;
-        border-right: 1px solid #fff;
-        border-left: 1px solid #fff;
-        color: #669;
-    }
-    #ver-zebra td.description {
-        background-color: white;
-        padding: 0px;
-        margin: 0px auto;
-    }
-    #ver-zebra1, .file_table_des
-    {
-        font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
-        font-size: 12px;
-        margin: 5px 10px;
-        width: 98%;
-        text-align: left;
-        border-collapse: collapse;
-        line-height: 20px;
-        font-size: 14px;
-    }
-    #ver-zebra1 th
-    {
-        font-size: 14px;
-        font-weight: normal;
-        padding: 12px 15px;
-        border-right: 1px solid #fff;
-        border-left: 1px solid #fff;
-        color: #039;
-        text-align: left;
-    }
-    #ver-zebra1 td
-    {
-        padding: 8px 15px;
-        border-right: 1px solid #fff;
-        border-left: 1px solid #fff;
-        color: #669;
-    }
-    #ver-zebra1 td.description {
-        background-color: white;
-        padding: 0px;
-        margin: 0px auto;
-    }
-    div.tags_area {
-        padding: 2px 10px 10px 10px;
-        margin: 0px;
-        margin-bottom: 10px;
-        /*border-bottom: 1px dashed #CCCCCC;*/
-        overflow: hidden;
-        position: relative;
-    }
-    .tags_gradint {
-    }
-    .read-more{
-        padding: 5px;
-        border-top: 4px double #ddd;
-        background: #fff;
-        color: #333;
-    }
-    .read-more a{
-        padding-right: 22px;
-        background:  no-repeat 100% 50%;
-        font-weight: bold;
-        text-decoration: none;
-    }
-    .read-more a:hover{
-        color: #000;
-    }
-    .vzebra-odd
-    {
-        background: #eff2ff;
-    }
-    .vzebra-even
-    {
-        background: #e8edff;
-    }
-    #ver-zebra #vzebra-adventure, #ver-zebra #vzebra-children
-    {
-        background: #ffffff;
-        border-bottom: 1px solid #c8d4fd;
-    }
-    #ver-zebra #vzebra-comedy, #ver-zebra #vzebra-action
-    {
-        background: #ffffff;
-        border-bottom: 1px solid #d6dfff;
-    }
-    #ver-zebra1 #vzebra-adventure, #ver-zebra #vzebra-children
-    {
-        background: #ffffff;
-        border-bottom: 1px solid #c8d4fd;
-    }
-    #ver-zebra1 #vzebra-comedy, #ver-zebra #vzebra-action
-    {
-        background: #ffffff;
-        border-bottom: 1px solid #d6dfff;
-    }
-    .filename{
-        overflow: hidden;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-    }
-    div.pagination{
-        margin: 10px 0px;
-        height: 1.5em;
-        text-align: left;
-        font-size: 13px;
-    }
-    .m5p5{
-        display: inline-block;
-        height: auto;
-        color: white !important;
-        margin: 8px;
-        padding: 3px 7px;
-    }
-    .m5p5:hover {
-        text-decoration: none;
-        /*padding-bottom: 3px;*/
-        /*border-bottom: 1px solid #666666;*/
-        border-radius: 4px;
-        border: 1px solid #15bccf;
-        box-shadow: 3px 3px 3px #666666;
-    }
-    .relation_file_div{
-        margin: 0px 25px;
-    }
-    .relation_file_div fieldset{
-        margin: 0px 0px;
-        padding: 10px;
-        border-radius: 5px;
-        transition: all 2s linear 1s;
-    }
-    .relation_file_div input#attach_search:focus{
-        border: 1px solid #1B95C6;
-        box-shadow: 0px 0px 4px #1B95C6;
-        width: 200px;
-    }
-    .relation_file_div input#attach_search{
-        width: 150px;
-        outline: none;
-        border-radius: 5px;
-        -webkit-transition: 1s width;
-        -moz-transition   : 1s width;
-        -o-transition     : 1s width;
-        transition        : 1s width;
-    }
-</style>
 
-
-<span class="borad-title"><%=(@project.project_type == 1) ? t(:label_user_course) : t(:label_project) %>资源共享区</span>
+<span class="borad-title"><%= (@project.project_type == 1) ? t(:label_user_course) : t(:label_project) %>资源共享区</span>
 
 <div class="content-title-top">
   <%#= link_to(l(:label_attachment_new), 'javascript:void(0);', :onclick=>"$('#file_buttons').slideToggle();", :class => 'icon icon-add') if User.current.allowed_to?(:manage_files, @project) %>
   <div class="clearfix"></div>
   <div id="file_buttons" class="nhidden">
     <%#= link_to('上传文件', new_project_file_path(@project), :class => 'icon m5p5 button_submit') if User.current.allowed_to?(:manage_files, @project) %>
-    <%= link_to( l(:label_upload_files), 'javascript:void(0);', :class => 'icon m5p5 button_submit', :onclick => "$('#relation_file_div').slideUp();$('#upload_file_div').slideToggle('slow');") if User.current.allowed_to?(:manage_files, @project) %>
+    <%= link_to(l(:label_upload_files), 'javascript:void(0);', :class => 'icon m5p5 button_submit', :onclick => "$('#relation_file_div').slideUp();$('#upload_file_div').slideToggle('slow');") if User.current.allowed_to?(:manage_files, @project) %>
     <%= link_to(l(:label_relation_files), 'javascript:void(0);', :onclick => "$('#upload_file_div').slideUp();$('#relation_file_div').slideToggle();", :class => 'icon m5p5 button_submit') if User.current.allowed_to?(:manage_files, @project) %>
 
     <% if attachmenttypes.any? %>
         &nbsp; &nbsp; &nbsp;
-          <label for="attachment_browse_label"><%=l(:attachment_browse)%></label>
-          <%= select_tag "attachment_browse", content_tag('option',l(:attachment_all)) +options_from_collection_for_select(attachmenttypes, "id", "typeName"),
-                         :onchange=>"attachmenttypes_searchex(this.value)"%>
-     <% end %>
-     <% if sufixtypes.any? %>
+        <label for="attachment_browse_label"><%= l(:attachment_browse) %></label>
+        <%= select_tag "attachment_browse", content_tag(:option, l(:attachment_all), :value => '0') +options_from_collection_for_select(attachmenttypes, "id", "typeName"),
+                       :onchange => "attachmenttypes_searchex(this.value)" %>
+    <% end %>
+    <% if sufixtypes.any? %>
         &nbsp;
-        <label for="attach_sufix_browse_label"><%=l(:attachment_sufix_browse)%></label>
-        <%= select_tag "attach_sufix_browse", content_tag('option', l(:attachment_all)) +options_for_select(sufixtypes),
-                       :onchange=>"attachment_contenttypes_searchex(this.value)"%>
+        <label for="attach_sufix_browse_label"><%= l(:attachment_sufix_browse) %></label>
+        <%= select_tag "attach_sufix_browse", content_tag(:option, l(:attachment_all), :value => '0') +options_for_select(sufixtypes),
+                       :onchange => "attachment_contenttypes_searchex(this.value)" %>
     <% end %>
 
-    <div id="upload_file_div" class="relation_file_div hidden" >
-      <%= render :partial => 'new', locals: {project: @project}%>
+    <div id="upload_file_div" class="relation_file_div hidden">
+      <%= render :partial => 'new', locals: {project: @project} %>
     </div>
-    <div id="relation_file_div" class="relation_file_div hidden" >
+    <div id="relation_file_div" class="relation_file_div hidden">
       <fieldset>
         <legend>搜索</legend>
         <%= form_tag(
@@ -213,13 +42,13 @@
         <%= form_tag attach_relation_path(:format => 'js'),
                      method: :post,
                      remote: true,
-                     id:"relation_file_form",
+                     id: "relation_file_form",
                      :class => 'hidden' do %>
             <%= hidden_field_tag(:class_name, 'Project') %>
             <%= hidden_field_tag(:class_id, params[:project_id]) %>
-            <div id="relation_file" >
+            <div id="relation_file">
             </div>
-            <div class="kclearfix" style='margin-top: 10px;' >
+            <div class="kclearfix" style='margin-top: 10px;'>
               <%= submit_tag(l(:button_add)) -%>
             </div>
         <% end -%>
@@ -234,15 +63,15 @@
 
 <% delete_allowed = User.current.allowed_to?(:manage_files, @project) %>
 
-<div id="all_browse_div" class="all_browse_div" >
-  <%= render :partial => 'show_all_attachment'%>
+<div id="all_browse_div" class="all_browse_div">
+  <%= render :partial => 'show_all_attachment' %>
 </div>
 
 <% html_title(l(:label_attachment_plural)) -%>
 
 <script type='text/javascript'>
     var slideHeight = 29;
-    function readmore (aNode) {
+    function readmore(aNode) {
         // console.log(aNode)
         // var $td_tags_area = $(aNode).parent().parent();
         var $td_tags_area = $(aNode).parent().parent().parent().parent();
@@ -253,7 +82,7 @@
         var $tags = $td_tags_area.find('#tags')
         var $icona = $td_tags_area.find('.tags_icona')
 
-        var slideHeight = 20; //px
+        var slideHeight = 5; //px
         var defHeight = $tags.height();
 
         var curHeight = $tags_area.height();
@@ -264,90 +93,92 @@
             $read_more_a.html('隐藏');
             $icona.html('<%=image_tag "/images/sidebar/minus.png"%>')
             $tags_gradint.fadeOut();
-        }else{
+        } else {
             $tags_area.animate({
                 height: slideHeight
             }, 'normal');
             $read_more_a.html('更多');
             $icona.html('<%=image_tag "/images/sidebar/add.png"%>')
             $tags_gradint.fadeIn();
-        };
+        }
+        ;
 
     }
     $(function () {
         var slideHeight = 20; //px
         var defHeight = $('.tags_area').height();
         if (defHeight >= slideHeight) {
-            $('.tags_area').css('height', slideHeight +'px');
-        };
+            $('.tags_area').css('height', slideHeight + 'px');
+        }
+        ;
     });
 
- </script>
+    function eval_ajax (xhr, textStatus) {
+        if (textStatus == 'success') {
+            eval(xhr.responseText);
+        } else if (textStatus == 'error') {
+            alert('error');
+        }
+    }
 
-
-<script type="text/javascript">
     function attachmenttypes_searchex(value) {
         $.ajax({
-            url: '<%=getattachtype_project_files_path(project_id: @project)%>' + '?type='
-                    + encodeURIComponent(value) + "&contentType=" + $('#attach_sufix_browse').val(),
-            type: "POST"
+            url: '<%=getattachtype_project_files_path(project_id: @project)%>',
+            type: "POST",
+            data: {
+                type: encodeURIComponent(value),
+                contentType:$('#attach_sufix_browse').val()
+            }
 
-        }).complete(function (xhr, textStatus) {
-                    if (textStatus == 'success') {
-                        eval(xhr.responseText);
-                    } else if (textStatus == 'error') {
-                        alert('error');
-                    }
-                });
+        }).complete(eval_ajax);
     }
 
     function attachment_contenttypes_searchex(value) {
         $.ajax({
 
-            url: '<%=getattachtype_project_files_path(project_id: @project)%>' + '?type='
-                    + $('#attachment_browse').val() + "&contentType=" + encodeURIComponent(value),
-            type: "POST"
+            url: '<%=getattachtype_project_files_path(project_id: @project)%>',
+            type: "POST",
+            data: {
+                type: $('#attachment_browse').val(),
+                contentType: encodeURIComponent(value)
+            }
 
-        }).complete(function (xhr, textStatus) {
-                    if (textStatus == 'success') {
-                        eval(xhr.responseText);
-                    } else if (textStatus == 'error') {
-                        alert('error');
-                    }
-                    ;
-                });
+        }).complete(eval_ajax);
     }
-</script>
 
-<script type='text/javascript'>
     function attachtype_edit(value) {
         $.ajax({
 
-            url: '<%=getattachtype_project_files_path(project_id: @project)%>' + '?type='
-                    + $('#attachment_browse').val() + "&contentType=" + encodeURIComponent(value),
-            type: "POST"
+            url: '<%=getattachtype_project_files_path(project_id: @project)%>',
+            type: "POST",
+            data: {
+                type: $('#attachment_browse').val(),
+                contentType: encodeURIComponent(value)
+            }
 
-        }).complete(function (xhr, textStatus) {
-                    if (textStatus == 'success') {
-                        eval(xhr.responseText);
-                    } else if (textStatus == 'error') {
-                        alert('error');
-                    }
-                    ;
-                });
+        }).complete(eval_ajax);
     }
 
-    function attachmenttypes_change(id,type) {
+    function attachmenttypes_change(id, type) {
         $.ajax({
-            url: '<%=updateType_attachments_path%>' + '?attachmentid=' +encodeURIComponent(id) + "&newtype="+encodeURIComponent(type) ,
-            type: "POST"
+            url: '<%=updateType_attachments_path%>',
+            type: "POST",
+            data: {
+                attachmentid: encodeURIComponent(id),
+                newtype: encodeURIComponent(type)
+            }
 
         }).complete(function (xhr, textStatus) {
                     if (textStatus == 'success') {
                         $.ajax({
-                            url: '<%=getattachtype_project_files_path(project_id: @project)%>' + '?type='
-                                    + $('#attachment_browse').val() + "&contentType=" +$('#attach_sufix_browse').val(),
-                            type: "POST"
+                            url: '<%=getattachtype_project_files_path(project_id: @project)%>',
+                            type: "POST",
+                            data: {
+                                type: $('#attachment_browse').val(),
+                                contentType: $('#attach_sufix_browse').val()
+                            }
+                        }).error(function () {
+                            alert('error');
                         });
                     } else if (textStatus == 'error') {
                         alert('error');
diff --git a/public/stylesheets/nyan.css b/public/stylesheets/nyan.css
index 85751a08..a8eb82cb 100644
--- a/public/stylesheets/nyan.css
+++ b/public/stylesheets/nyan.css
@@ -1,468 +1,509 @@
 /* TODO: base/common/page 准备封装一些基本样式组合调用 参考YUI
 *******************************************************************************/
 .border_box {
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  -box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    -box-sizing: border-box;
 }
-.div_inline{
-  display: inline-block;
+
+.div_inline {
+    display: inline-block;
 }
+
 /*文字不换行*/
-.text_nowrap{
-  word-break:keep-all;
-  white-space:nowrap;
-  overflow:hidden;
-  text-overflow:ellipsis;
+.text_nowrap {
+    word-break: keep-all;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
 }
+
 /*字体 斜体*/
-.font_italic{
-  font-style: italic;
+.font_italic {
+    font-style: italic;
 }
+
 /*字体加粗*/
-.font_bolder{
-  font-weight: bolder;
+.font_bolder {
+    font-weight: bolder;
 }
-.text_center{
-  text-align: center;
+
+.text_center {
+    text-align: center;
 }
-.ph10_5{ /*padding horizontal 10% 5%*/
-  padding: 0px 5% 0px 10%;
+
+.ph10_5 {
+    /*padding horizontal 10% 5%*/
+    padding: 0px 5% 0px 10%;
 }
-.clear_both{
-  clear: both;
+
+.clear_both {
+    clear: both;
 }
-.memo-content pre{
-  white-space: normal;
-  word-wrap: break-word;
+
+.memo-content pre {
+    white-space: normal;
+    word-wrap: break-word;
 }
+
 .highlight {
-  background-color: #fff34d;
-  -moz-border-radius: 3px;
-  -webkit-border-radius: 3px;
-  border-radius: 3px;
-  -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.7);
-  -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.7);
-  box-shadow: 0px 1px 2px rgba(0,0,0,0.7);
-  color: #cc0033;
-  /*padding: 1px 3px;*/
-  /*margin: 0 -4px;*/
-  filter: alpha(opacity=70);
-  -moz-opacity: 0.7;
-  -webkit-opacity: 0.7;
-  opacity: 0.7;
+    background-color: #fff34d;
+    -moz-border-radius: 3px;
+    -webkit-border-radius: 3px;
+    border-radius: 3px;
+    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.7);
+    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.7);
+    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.7);
+    color: #cc0033;
+    /*padding: 1px 3px;*/
+    /*margin: 0 -4px;*/
+    filter: alpha(opacity = 70);
+    -moz-opacity: 0.7;
+    -webkit-opacity: 0.7;
+    opacity: 0.7;
 }
+
 .clearfix {
-  width: 100%;
-  height: 0px;
-  clear: both;
-  display: block;
+    width: 100%;
+    height: 0px;
+    clear: both;
+    display: block;
 }
+
 .hidden {
-  display: none;
+    display: none;
 }
-.font_color_orange{
-  color: #E8770D;
+
+.font_color_orange {
+    color: #E8770D;
 }
 
 * {
-  font-family: Helvetica, Tahoma, Arial, "Microsoft YaHei", "微软雅黑", SimSun, "宋体", STXihei, "华文细黑", Heiti, "黑体", sans-serif;
+    font-family: Helvetica, Tahoma, Arial, "Microsoft YaHei", "微软雅黑", SimSun, "宋体", STXihei, "华文细黑", Heiti, "黑体", sans-serif;
 }
+
 /* 模态窗口
 *******************************************************************************/
 /** jRating CSS **/
 
 /**Div containing the color of the stars */
 
-
 .jRatingAverage {
-    background-color:#f62929;
-    position:relative;
-    top:0;
-    left:0;
-    z-index:2;
-    height:100%;
+    background-color: #f62929;
+    position: relative;
+    top: 0;
+    left: 0;
+    z-index: 2;
+    height: 100%;
 }
+
 .jRatingColor {
-    background-color:#FFD400; /* bgcolor of the stars*/
-    position:relative;
-    top:0;
-    left:0;
-    z-index:2;
-    height:100%;
+    background-color: #FFD400; /* bgcolor of the stars*/
+    position: relative;
+    top: 0;
+    left: 0;
+    z-index: 2;
+    height: 100%;
 }
 
 /** Div containing the stars **/
 .jStar {
-    position:relative;
-    left:0;
-    z-index:3;
+    position: relative;
+    left: 0;
+    z-index: 3;
 }
 
 /** P containing the rate informations **/
 p.jRatingInfos {
-    position:		absolute;
-    z-index:9999;
-    background:	transparent url('bg_jRatingInfos.png') no-repeat;
-    color:			#CACACA;
-    display:		none;
-    width:			91px;
-    height:			29px;
-    font-size:16px;
-    text-align:center;
-    padding-top:5px;
+    position: absolute;
+    z-index: 9999;
+    background: transparent url('bg_jRatingInfos.png') no-repeat;
+    color: #CACACA;
+    display: none;
+    width: 91px;
+    height: 29px;
+    font-size: 16px;
+    text-align: center;
+    padding-top: 5px;
 }
+
 p.jRatingInfos span.maxRate {
-    color:#c9c9c9;
-    font-size:14px;
+    color: #c9c9c9;
+    font-size: 14px;
 }
+
 /* 模态窗口
 *******************************************************************************/
 
-#lean_overlay{
-  position: fixed;
-  z-index: 80;
-  top: 0;
-  left: 0;
-  height: 100%;
-  width: 100%;
-  background: #000;
-  display: none;
+#lean_overlay {
+    position: fixed;
+    z-index: 80;
+    top: 0;
+    left: 0;
+    height: 100%;
+    width: 100%;
+    background: #000;
+    display: none;
 }
 
 #OpenWindow {
-  background: none repeat scroll 0 0 #FFFFFF;
-  border-radius: 5px 5px 5px 5px;
-  box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
-  display: none;
-  padding-bottom: 2px;
-  width: 404px;
-  z-index: 100;
-  left: 50%;
-  margin-left: -202px;
-  opacity: 1;
-  position: fixed;
-  top: 200px;
+    background: none repeat scroll 0 0 #FFFFFF;
+    border-radius: 5px 5px 5px 5px;
+    box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
+    display: none;
+    padding-bottom: 2px;
+    width: 404px;
+    z-index: 100;
+    left: 50%;
+    margin-left: -202px;
+    opacity: 1;
+    position: fixed;
+    top: 200px;
 }
+
 #OpenWindow-header {
-  background: url("/images/showmodal/hd-bg.png") repeat scroll 0 0 transparent;
-  border-bottom: 1px solid #CCCCCC;
-  border-top-left-radius: 5px;
-  border-top-right-radius: 5px;
-  padding: 18px 18px 14px;
+    background: url("/images/showmodal/hd-bg.png") repeat scroll 0 0 transparent;
+    border-bottom: 1px solid #CCCCCC;
+    border-top-left-radius: 5px;
+    border-top-right-radius: 5px;
+    padding: 18px 18px 14px;
 }
-#OpenWindow-content{
-  -webkit-transition: all 0.2s linear 1s;
-  -o-transition: all 0.2s linear 1s;
-  -moz-transition: all 0.2s linear 1s;
-  transition: all 0.2s linear 1s;
-  border-top-left-radius: 5px;
-  border-top-right-radius: 5px;
-  padding: 18px 18px 14px;
+
+#OpenWindow-content {
+    -webkit-transition: all 0.2s linear 1s;
+    -o-transition: all 0.2s linear 1s;
+    -moz-transition: all 0.2s linear 1s;
+    transition: all 0.2s linear 1s;
+    border-top-left-radius: 5px;
+    border-top-right-radius: 5px;
+    padding: 18px 18px 14px;
 }
 
 .modal_close {
-  background: url("/images/showmodal/modal_close.png") repeat scroll 0 0 transparent;
-  display: block;
-  height: 14px;
-  position: absolute;
-  right: 12px;
-  top: 12px;
-  width: 14px;
-  z-index: 2;
+    background: url("/images/showmodal/modal_close.png") repeat scroll 0 0 transparent;
+    display: block;
+    height: 14px;
+    position: absolute;
+    right: 12px;
+    top: 12px;
+    width: 14px;
+    z-index: 2;
 }
+
 body {
-  /*font-size: 13px;*/
+    /*font-size: 13px;*/
 }
+
 #OpenWindow .txt-fld {
-  border-bottom: 1px solid #EEEEEE;
-  padding: 14px 20px;
-  position: relative;
-  text-align: right;
-  width: 364px;
+    border-bottom: 1px solid #EEEEEE;
+    padding: 14px 20px;
+    position: relative;
+    text-align: right;
+    width: 364px;
 }
+
 #OpenWindow .txt-fld input {
-  background: none repeat scroll 0 0 #F7F7F7;
-  border-color: #CCCCCC #E7E6E6 #E7E6E6 #CCCCCC;
-  border-radius: 4px 4px 4px 4px;
-  border-style: solid;
-  border-width: 1px;
-  color: #222222;
-  font-family: "Helvetica Neue";
-  font-size: 1.2em;
-  outline: medium none;
-  padding: 8px;
-  width: 244px;
+    background: none repeat scroll 0 0 #F7F7F7;
+    border-color: #CCCCCC #E7E6E6 #E7E6E6 #CCCCCC;
+    border-radius: 4px 4px 4px 4px;
+    border-style: solid;
+    border-width: 1px;
+    color: #222222;
+    font-family: "Helvetica Neue";
+    font-size: 1.2em;
+    outline: medium none;
+    padding: 8px;
+    width: 244px;
 }
+
 #OpenWindow .txt-fld input.good_input {
-  background: url("/images/showmodal/good.png") no-repeat scroll 236px center #DEF5E1;
+    background: url("/images/showmodal/good.png") no-repeat scroll 236px center #DEF5E1;
 }
+
 #OpenWindow .btn-fld {
-  overflow: hidden;
-  padding: 12px 20px 12px 130px;
-  width: 254px;
+    overflow: hidden;
+    padding: 12px 20px 12px 130px;
+    width: 254px;
 }
+
 #OpenWindow button {
-  background: none repeat scroll 0 0 #3F9D4A;
-  border: medium none;
-  border-radius: 4px 4px 4px 4px;
-  color: #FFFFFF;
-  float: right;
-  font-family: Verdana;
-  font-size: 13px;
-  font-weight: bold;
-  overflow: visible;
-  padding: 7px 10px;
-  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
-  width: auto;
+    background: none repeat scroll 0 0 #3F9D4A;
+    border: medium none;
+    border-radius: 4px 4px 4px 4px;
+    color: #FFFFFF;
+    float: right;
+    font-family: Verdana;
+    font-size: 13px;
+    font-weight: bold;
+    overflow: visible;
+    padding: 7px 10px;
+    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
+    width: auto;
 }
+
 /*********************************************************************************************************************
  * Wen的OpenWindow 
  *********************************************************************************************************************/
 
 #WOpenWindow {
-  background: none repeat scroll 0 0 #FFFFFF;
-  border-radius: 5px 5px 5px 5px;
-  box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
-  display: none;
-  padding-bottom: 2px;
-  width: 1000px;
-  z-index: 100;
-  left: 50%;
-  margin-left: -202px;
-  opacity: 1;
-  position: fixed;
-  top: 200px;
+    background: none repeat scroll 0 0 #FFFFFF;
+    border-radius: 5px 5px 5px 5px;
+    box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
+    display: none;
+    padding-bottom: 2px;
+    width: 1000px;
+    z-index: 100;
+    left: 50%;
+    margin-left: -202px;
+    opacity: 1;
+    position: fixed;
+    top: 200px;
 }
-#WOpenWindow .school_list{
-  width: 900px;
-	line-height: 20px;
-	
+
+#WOpenWindow .school_list {
+    width: 900px;
+    line-height: 20px;
+
 }
+
 #WOpenWindow-header {
-  background: url("/images/showmodal/hd-bg.png") repeat scroll 0 0 transparent;
-  border-bottom: 1px solid #CCCCCC;
-  border-top-left-radius: 5px;
-  border-top-right-radius: 5px;
-  padding: 18px 18px 14px;
-}
-#WOpenWindow-content{
-  -webkit-transition: all 0.2s linear 1s;
-  -o-transition: all 0.2s linear 1s;
-  -moz-transition: all 0.2s linear 1s;
-  transition: all 0.2s linear 1s;
-  border-top-left-radius: 5px;
-  border-top-right-radius: 5px;
-  padding: 18px 18px 14px;
-}
-#WOpenWindow .content{
-	width: 1000px;
-  height: 220px;
-  overflow: scroll;
+    background: url("/images/showmodal/hd-bg.png") repeat scroll 0 0 transparent;
+    border-bottom: 1px solid #CCCCCC;
+    border-top-left-radius: 5px;
+    border-top-right-radius: 5px;
+    padding: 18px 18px 14px;
 }
 
-#WOpenWindow .pcontent{
-
+#WOpenWindow-content {
+    -webkit-transition: all 0.2s linear 1s;
+    -o-transition: all 0.2s linear 1s;
+    -moz-transition: all 0.2s linear 1s;
+    transition: all 0.2s linear 1s;
+    border-top-left-radius: 5px;
+    border-top-right-radius: 5px;
+    padding: 18px 18px 14px;
 }
 
+#WOpenWindow .content {
+    width: 1000px;
+    height: 220px;
+    overflow: scroll;
+}
+
+#WOpenWindow .pcontent {
+
+}
 
 #WOpenWindow .txt-fld {
-  border-bottom: 1px solid #EEEEEE;
-  padding: 14px 20px;
-  position: relative;
-  text-align: right;
-  width: 364px;
-}
-#WOpenWindow .txt-fld input {
-  background: none repeat scroll 0 0 #F7F7F7;
-  border-color: #CCCCCC #E7E6E6 #E7E6E6 #CCCCCC;
-  border-radius: 4px 4px 4px 4px;
-  border-style: solid;
-  border-width: 1px;
-  color: #222222;
-  font-family: "Helvetica Neue";
-  font-size: 1.2em;
-  outline: medium none;
-  padding: 8px;
-  width: 244px;
-}
-#WOpenWindow .txt-fld input.good_input {
-  background: url("/images/showmodal/good.png") no-repeat scroll 236px center #DEF5E1;
-}
-#WOpenWindow .btn-fld {
-  overflow: hidden;
-  padding: 12px 20px 12px 130px;
-  width: 254px;
-}
-#WOpenWindow button {
-  background: none repeat scroll 0 0 #3F9D4A;
-  border: medium none;
-  border-radius: 4px 4px 4px 4px;
-  color: #FFFFFF;
-  float: right;
-  font-family: Verdana;
-  font-size: 13px;
-  font-weight: bold;
-  overflow: visible;
-  padding: 7px 10px;
-  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
-  width: auto;
+    border-bottom: 1px solid #EEEEEE;
+    padding: 14px 20px;
+    position: relative;
+    text-align: right;
+    width: 364px;
 }
 
+#WOpenWindow .txt-fld input {
+    background: none repeat scroll 0 0 #F7F7F7;
+    border-color: #CCCCCC #E7E6E6 #E7E6E6 #CCCCCC;
+    border-radius: 4px 4px 4px 4px;
+    border-style: solid;
+    border-width: 1px;
+    color: #222222;
+    font-family: "Helvetica Neue";
+    font-size: 1.2em;
+    outline: medium none;
+    padding: 8px;
+    width: 244px;
+}
+
+#WOpenWindow .txt-fld input.good_input {
+    background: url("/images/showmodal/good.png") no-repeat scroll 236px center #DEF5E1;
+}
+
+#WOpenWindow .btn-fld {
+    overflow: hidden;
+    padding: 12px 20px 12px 130px;
+    width: 254px;
+}
+
+#WOpenWindow button {
+    background: none repeat scroll 0 0 #3F9D4A;
+    border: medium none;
+    border-radius: 4px 4px 4px 4px;
+    color: #FFFFFF;
+    float: right;
+    font-family: Verdana;
+    font-size: 13px;
+    font-weight: bold;
+    overflow: visible;
+    padding: 7px 10px;
+    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
+    width: auto;
+}
 
 /*********************************************************************************************************************/
 
-
 /* 按钮
 *******************************************************************************/
 .orangeButton {
-  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e87832), color-stop(1, #db6825));
-  background:-moz-linear-gradient(top, #e87832 5%, #db6825 100%);
-  background:-webkit-linear-gradient(top, #e87832 5%, #db6825 100%);
-  background:-o-linear-gradient(top, #e87832 5%, #db6825 100%);
-  background:-ms-linear-gradient(top, #e87832 5%, #db6825 100%);
-  background:linear-gradient(to bottom, #e87832 5%, #db6825 100%);
-  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e87832', endColorstr='#db6825',GradientType=0);
-  background-color:#e87832;
-  -moz-border-radius:4px;
-  -webkit-border-radius:4px;
-  border-radius:4px;
-  border:1px solid #e87832;
-  display:inline-block;
-  cursor:pointer;
-  color:#ffffff;
-  font-size:16px;
-  padding:4px 11px;
-  text-decoration:none;
-  text-shadow:0px 1px 0px #754529;
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e87832), color-stop(1, #db6825));
+    background: -moz-linear-gradient(top, #e87832 5%, #db6825 100%);
+    background: -webkit-linear-gradient(top, #e87832 5%, #db6825 100%);
+    background: -o-linear-gradient(top, #e87832 5%, #db6825 100%);
+    background: -ms-linear-gradient(top, #e87832 5%, #db6825 100%);
+    background: linear-gradient(to bottom, #e87832 5%, #db6825 100%);
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e87832', endColorstr = '#db6825', GradientType = 0);
+    background-color: #e87832;
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
+    border: 1px solid #e87832;
+    display: inline-block;
+    cursor: pointer;
+    color: #ffffff;
+    font-size: 16px;
+    padding: 4px 11px;
+    text-decoration: none;
+    text-shadow: 0px 1px 0px #754529;
 }
+
 .orangeButton:hover {
-  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #db6825), color-stop(1, #e87832));
-  background:-moz-linear-gradient(top, #db6825 5%, #e87832 100%);
-  background:-webkit-linear-gradient(top, #db6825 5%, #e87832 100%);
-  background:-o-linear-gradient(top, #db6825 5%, #e87832 100%);
-  background:-ms-linear-gradient(top, #db6825 5%, #e87832 100%);
-  background:linear-gradient(to bottom, #db6825 5%, #e87832 100%);
-  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#db6825', endColorstr='#e87832',GradientType=0);
-  background-color:#db6825;
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #db6825), color-stop(1, #e87832));
+    background: -moz-linear-gradient(top, #db6825 5%, #e87832 100%);
+    background: -webkit-linear-gradient(top, #db6825 5%, #e87832 100%);
+    background: -o-linear-gradient(top, #db6825 5%, #e87832 100%);
+    background: -ms-linear-gradient(top, #db6825 5%, #e87832 100%);
+    background: linear-gradient(to bottom, #db6825 5%, #e87832 100%);
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#db6825', endColorstr = '#e87832', GradientType = 0);
+    background-color: #db6825;
 }
+
 .orangeButton:active {
-  position:relative;
-  top:1px;
+    position: relative;
+    top: 1px;
 }
+
 input[class~='whiteButton'], .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;
+    -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;
     color: #116699;
-    font-family:arial;
-    font-size:15px;
-    font-weight:bold;
-    padding:6px 24px;
+    font-family: arial;
+    font-size: 15px;
+    font-weight: bold;
+    padding: 6px 24px;
     /*padding:3px 10px;*/
-    text-decoration:none;
-    text-shadow:0px 1px 0px #ffffff;
+    text-decoration: none;
+    text-shadow: 0px 1px 0px #ffffff;
 }
+
 input[class~='whiteButton']:hover, .whiteButton:hover {
     color: #c61a1a;
-    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);
-    text-decoration: none; 
-    background-color:#f6f6f6;
+    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);
+    text-decoration: none;
+    background-color: #f6f6f6;
 }
+
 input[class~='whiteButton']:active, .whiteButton:active {
-    position:relative;
-    top:1px;
+    position: relative;
+    top: 1px;
     text-decoration: none;
 }
+
 input[class~='m3p10'], .m3p10 {
-  margin: 0;
-  padding: 3px 10px;
-  height: 20px;
-  display: inline-block;
+    margin: 0;
+    padding: 3px 10px;
+    height: 20px;
+    display: inline-block;
 }
-input[class~='h30'], .h30{
-  height: 30px;
+
+input[class~='h30'], .h30 {
+    height: 30px;
 }
+
 /* minimal
 *******************************************************************************/
 input[class='nyan-minimal'], .nyan-minimal {
-  background: #e3e3e3;
-  border: 1px solid #bbb;
-  -webkit-border-radius: 3px;
-  -moz-border-radius: 3px;
-  border-radius: 3px;
-  -webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
-  -moz-box-shadow: inset 0 0 1px 1px #f6f6f6;
-  box-shadow: inset 0 0 1px 1px #f6f6f6;
-  color: #333;
-  font: bold 12px "helvetica neue", helvetica, arial, sans-serif;
-  line-height: 1;
-  padding: 8px 0 9px;
-  text-align: center;
-  text-shadow: 0 1px 0 #fff;
-  padding-left:10px;
-  padding-right:10px;
+    background: #e3e3e3;
+    border: 1px solid #bbb;
+    -webkit-border-radius: 3px;
+    -moz-border-radius: 3px;
+    border-radius: 3px;
+    -webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
+    -moz-box-shadow: inset 0 0 1px 1px #f6f6f6;
+    box-shadow: inset 0 0 1px 1px #f6f6f6;
+    color: #333;
+    font: bold 12px "helvetica neue", helvetica, arial, sans-serif;
+    line-height: 1;
+    padding: 8px 0 9px;
+    text-align: center;
+    text-shadow: 0 1px 0 #fff;
+    padding-left: 10px;
+    padding-right: 10px;
 }
+
 input[class='nyan-minimal'], .nyan-minimal:hover {
     background: #d9d9d9;
     -webkit-box-shadow: inset 0 0 1px 1px #eaeaea;
     -moz-box-shadow: inset 0 0 1px 1px #eaeaea;
     box-shadow: inset 0 0 1px 1px #eaeaea;
     color: #222;
-    cursor: pointer; 
+    cursor: pointer;
 }
+
 input[class='nyan-minimal'], .nyan-minimal:active {
     background: #d0d0d0;
     -webkit-box-shadow: inset 0 0 1px 1px #e3e3e3;
     -moz-box-shadow: inset 0 0 1px 1px #e3e3e3;
     box-shadow: inset 0 0 1px 1px #e3e3e3;
-    color: #000; 
+    color: #000;
 }
 
 /* clean gray
 *******************************************************************************/
 input[class='nyan-clean-gray'], .nyan-clean-gray {
-  background-color: #eeeeee;
-  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc));
-  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
-  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
-  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
-  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
-  background-image: linear-gradient(top, #eeeeee, #cccccc);
-  border: 1px solid #ccc;
-  border-bottom: 1px solid #bbb;
-  -webkit-border-radius: 3px;
-  -moz-border-radius: 3px;
-  border-radius: 3px;
-  color: #333;
-  font: bold 11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
-  line-height: 1;
-  padding: 8px 0;
-  text-align: center;
-  text-shadow: 0 1px 0 #eee;
-  padding-left:10px;
-  padding-right:10px;
+    background-color: #eeeeee;
+    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc));
+    background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
+    background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
+    background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
+    background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
+    background-image: linear-gradient(top, #eeeeee, #cccccc);
+    border: 1px solid #ccc;
+    border-bottom: 1px solid #bbb;
+    -webkit-border-radius: 3px;
+    -moz-border-radius: 3px;
+    border-radius: 3px;
+    color: #333;
+    font: bold 11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
+    line-height: 1;
+    padding: 8px 0;
+    text-align: center;
+    text-shadow: 0 1px 0 #eee;
+    padding-left: 10px;
+    padding-right: 10px;
 }
+
 input[class='nyan-clean-gray']:hover, .nyan-clean-gray:hover {
     background-color: #dddddd;
     background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dddddd), color-stop(100%, #bbbbbb));
@@ -474,221 +515,252 @@ input[class='nyan-clean-gray']:hover, .nyan-clean-gray:hover {
     border: 1px solid #bbb;
     border-bottom: 1px solid #999;
     cursor: pointer;
-    text-shadow: 0 1px 0 #ddd; 
+    text-shadow: 0 1px 0 #ddd;
 }
+
 input[class='nyan-clean-gray']:active, .nyan-clean-gray:active {
     border: 1px solid #aaa;
     border-bottom: 1px solid #888;
     -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
     -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
-    box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; 
+    box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
 }
 
-
 #share_label {
     line-height: 1.4em
 }
 
 /* 项目左侧siderbar下面工具集的样式
 *******************************************************************************/
- .tools a:link{
-  color: #116699;
-  text-decoration:none;
-  width:100px;
-  padding:3px 5px 0px 5px;
-}
-.tools a:visited{
-  color: #116699;
-  text-decoration:none;
-  padding:3px 5px 0px 5px;
-  width:100px;
-}
-.tools a:hover{
-  color:white;
-  padding:3px 3px 0px 20px;
-  width:88px;
-  text-decoration:none;
-  background-color:#539D26;
-}
-.tools a:active{
-  color:white;
-  padding:3px 3px 0px 20px;
-  width:88px;
-  text-decoration:none;
-  background-color:#BD06B4;
+.tools a:link {
+    color: #116699;
+    text-decoration: none;
+    width: 100px;
+    padding: 3px 5px 0px 5px;
 }
 
-.tools ul{
-  list-style-type: none;
-  margin: 0px 0px 0px 10% ;
-  padding: 0;
+.tools a:visited {
+    color: #116699;
+    text-decoration: none;
+    padding: 3px 5px 0px 5px;
+    width: 100px;
 }
-.tools li{
-  background: url("/images/sidebar/tool_tag_alpha.png") 10px 30% no-repeat transparent;
-  color: #3e3e3e;
-  font-weight: 400;
-  line-height: 1.5em;
-  margin: 0px 0px 10px;
-  padding: 0px 0px 0px 30px;
-  font-size: 1.0em;
-  /*border-bottom: 1px solid #CCC;*/
+
+.tools a:hover {
+    color: white;
+    padding: 3px 3px 0px 20px;
+    width: 88px;
+    text-decoration: none;
+    background-color: #539D26;
 }
-.tools li:last-child{
-  border: none;
+
+.tools a:active {
+    color: white;
+    padding: 3px 3px 0px 20px;
+    width: 88px;
+    text-decoration: none;
+    background-color: #BD06B4;
 }
+
+.tools ul {
+    list-style-type: none;
+    margin: 0px 0px 0px 10%;
+    padding: 0;
+}
+
+.tools li {
+    background: url("/images/sidebar/tool_tag_alpha.png") 10px 30% no-repeat transparent;
+    color: #3e3e3e;
+    font-weight: 400;
+    line-height: 1.5em;
+    margin: 0px 0px 10px;
+    padding: 0px 0px 0px 30px;
+    font-size: 1.0em;
+    /*border-bottom: 1px solid #CCC;*/
+}
+
+.tools li:last-child {
+    border: none;
+}
+
 /* 贴吧 forum memo
 *******************************************************************************/
 
-div.actions input[type="text"]{
-  padding: 3px;
-  width: 100%;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  -box-sizing: border-box;
+div.actions input[type="text"] {
+    padding: 3px;
+    width: 100%;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    -box-sizing: border-box;
 
 }
+
 .lz {
-    position:relative;
+    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;
+
+.lz-left {
+    float: left;
+    margin: 2%;
+    padding: 0;
 }
-.memo-section{
+
+.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-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: #F8F8F8;
-  border-radius: 3px;
+
+.memo-content {
+    padding: 1%;
+    margin: 1%;
+    margin-bottom: 40px;
+    background-color: #F8F8F8;
+    border-radius: 3px;
 }
-.memo-timestamp{
-  position: absolute;
-  bottom: 0px;
-  right: 0;
-  margin: 20px;
+
+.memo-timestamp {
+    position: absolute;
+    bottom: 0px;
+    right: 0;
+    margin: 20px;
 }
-.replies{
-  overflow:hidden;
-  max-width: 100%;
-  float: right;
-  /*max-width: 90%;*/
+
+.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;*/
+
+.reply-box {
+    float: right;
+    width: 640px;
+    padding: 3%;
+    /*border: 2px solid #C6F3F9;*/
+    border-top: 2px double #C6F3F9;
+    /*border-radius: 10px;*/
 }
+
 .memo-content img, .comments img {
-  overflow:hidden;
-  /*width: 100%;*/
-  max-width: 500px; 
-  height: auto !important;
-  width:expression(this.width > 500 ? "500px" : this.width+"px");
+    overflow: hidden;
+    /*width: 100%;*/
+    max-width: 500px;
+    height: auto !important;
+    width: expression(this.width > 500 ? "500px" : this.width+"px");
 }
-table.content-text-list tbody tr td.sticky, div.memo-section .sticky{
-  background: url(../images/zding.gif) no-repeat 0 1px; padding-left: 35px;
-  /*background: url(../images/2uparrow.png) no-repeat 0 1px; padding-left: 20px;*/
-  font-weight: bold;
-  margin-left: 5px;
+
+table.content-text-list tbody tr td.sticky, div.memo-section .sticky {
+    background: url(../images/zding.gif) no-repeat 0 1px;
+    padding-left: 35px;
+    /*background: url(../images/2uparrow.png) no-repeat 0 1px; padding-left: 20px;*/
+    font-weight: bold;
+    margin-left: 5px;
 }
-table.content-text-list tbody tr td.locked, div.memo-section .locked{
-  background: url(../images/locked.png) no-repeat 0 1px;
-  padding-left: 20px;
-  margin-left: 5px;
+
+table.content-text-list tbody tr td.locked, div.memo-section .locked {
+    background: url(../images/locked.png) no-repeat 0 1px;
+    padding-left: 20px;
+    margin-left: 5px;
 }
+
 /* 问题列表
 *******************************************************************************/
 .query_form {
 }
+
 .content-title-top {
-  padding-bottom: 10px;
+    padding-bottom: 10px;
 }
+
 .custom_query {
-  max-width         : 95%;
-  margin            : 3px auto;
-  border-bottom     : solid 1px #;
-  -o-box-shadow     :inset 0px 1px 1px 0px #FAFAFA;
-  -moz-box-shadow   :inset 0px 1px 1px 0px #FAFAFA;
-  -webkit-box-shadow:inset 0px 1px 1px 0px #FAFAFA;
-  box-shadow        :inset 0px 1px 1px 0px #FAFAFA;
+    max-width: 95%;
+    margin: 3px auto;
+    -o-box-shadow: inset 0px 1px 1px 0px #FAFAFA;
+    -moz-box-shadow: inset 0px 1px 1px 0px #FAFAFA;
+    -webkit-box-shadow: inset 0px 1px 1px 0px #FAFAFA;
+    box-shadow: inset 0px 1px 1px 0px #FAFAFA;
 }
+
 .custom_query>span {
-  display         : block;
-  max-width       : 100%;
-  line-height     : 1.8em;
-  font-size       : 14px;
-  text-align      : center;
-  border-radius   : 3px;
-  background-color: #DBEBEE;
+    display: block;
+    max-width: 100%;
+    line-height: 1.8em;
+    font-size: 14px;
+    text-align: center;
+    border-radius: 3px;
+    background-color: #DBEBEE;
 }
+
 .custom_query > .hide-when-print {
-  max-width       : 97%;
-  padding         : 1px 3px 6px;
-  margin          : 0 auto;
-  background-color: #F7F7F7;
-  border-bottom-left-radius : 10px;
-  border-bottom-right-radius: 10px;
+    max-width: 97%;
+    padding: 1px 3px 6px;
+    margin: 0 auto;
+    background-color: #F7F7F7;
+    border-bottom-left-radius: 10px;
+    border-bottom-right-radius: 10px;
 }
+
 /* 项目新闻栏
 *******************************************************************************/
 .add_frame {
-    position:relative;
+    position: relative;
     margin: 5px 10px 2px 0px;
     padding: 10px 10px;
     border-radius: 5px;
     /*box-shadow: 1px 1px 6px rgb(241,241,241);*/
     /*border: 1px solid #F1F1F1;*/
 }
-.add_frame_header{
-  background: linear-gradient(#fbfbfb, #f8f8f8) repeat scroll 0% 0% transparent;
-  border-bottom: 1px solid rgb(226,226,226);
-  box-shadow: 0px 1px 0px white, 0px, -1px 0px rgb(245,245,245);
-  height: 39px;
-  font-size: 15px;
 
-  line-height: 26px;
-  height: 30px;
-  font-size: 1.5em;
-  padding-left: 4%;
+.add_frame_header {
+    background: linear-gradient(#fbfbfb, #f8f8f8) repeat scroll 0% 0% transparent;
+    border-bottom: 1px solid rgb(226, 226, 226);
+    box-shadow: 0px 1px 0px white, 0px, -1px 0px rgb(245, 245, 245);
+    height: 39px;
+    font-size: 15px;
+
+    line-height: 26px;
+    height: 30px;
+    font-size: 1.5em;
+    padding-left: 4%;
 }
+
 /* xx动态框
 *******************************************************************************/
-.project_acts *{border:1px solid #000000;}
-.project_acts{
-  height: 250px;
+.project_acts * {
+    border: 1px solid #000000;
+}
+
+.project_acts {
+    height: 250px;
 
 }
-.project_acts .project_acts_left{
-  float: left;
-  height: 100%;
-  width: 61%;
+
+.project_acts .project_acts_left {
+    float: left;
+    height: 100%;
+    width: 61%;
 }
-.project_acts .project_acts_right{
-  height: 100%;
-  margin-left: 61%;
+
+.project_acts .project_acts_right {
+    height: 100%;
+    margin-left: 61%;
 }
+
 /* stores 资源库
 *******************************************************************************/
 .line_block {
@@ -701,152 +773,361 @@ table.content-text-list tbody tr td.locked, div.memo-section .locked{
     -moz-box-sizing: border-box;
     -box-sizing: border-box;
 }
-.resource_sum{
-  height: auto;
+
+.resource_sum {
+    height: auto;
 }
-.line_block p{
-  margin: 20px -2px 0px 0px;
-  /*background: linear-gradient(#ffffff, #e5e5e5) repeat scroll 0% 0% transparent;*/
-  border-bottom: 1px solid rgb(226,226,226);
-  border-top-left-radius : 6px;
-  border-top-right-radius : 6px;
-  box-shadow: 0px 1px 0px white, 0px, -1px 0px rgb(245,245,245);
-  height: 39px;
-  font-size: 15px;
-  line-height: 26px;
-  height: 30px;
-  font-size: 1.5em;
-  padding-left: 4%;
-  border-bottom: 1px solid rgb(21, 165, 200);
+
+.line_block p {
+    margin: 20px -2px 0px 0px;
+    /*background: linear-gradient(#ffffff, #e5e5e5) repeat scroll 0% 0% transparent;*/
+    border-bottom: 1px solid rgb(226, 226, 226);
+    border-top-left-radius: 6px;
+    border-top-right-radius: 6px;
+    box-shadow: 0px 1px 0px white, 0px, -1px 0px rgb(245, 245, 245);
+    height: 39px;
+    font-size: 15px;
+    line-height: 26px;
+    height: 30px;
+    font-size: 1.5em;
+    padding-left: 4%;
+    border-bottom: 1px solid rgb(21, 165, 200);
 }
-.resource_sum, .line_blo{
-  border: 1px solid #eeeeee;
+
+.resource_sum, .line_blo {
+    border: 1px solid #eeeeee;
 }
+
 .filename {
-  overflow: hidden; 
-  white-space: nowrap; 
-  text-overflow: ellipsis;
-  max-width: 247px;
-}
-.line_block .table1{
-  display: table;
-  width: 100%;
-  border-left: 1px solid #eeeeee;
-  border-right: 1px solid #eeeeee;
-  border-bottom: 1px solid #eeeeee;
-}
-.line_block .table_row1{
-  height: 38px;
-  display: table-row;
-  width: 100%;
-}
-.line_block .table_cell1{
-  display: table-cell;
-  padding: 2px;
-  border: 1px solid #FFFFFF;
-  vertical-align: middle;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    max-width: 230px;
 }
 
-.line_block .filename1{
-  width: 62%;
-  padding-left: 8px;
-}
-.line_block .filedown1{
-  width: 19%;
-  text-align: center;
-}
-.line_block .downicon1{
-  width: 19%;
-  text-align: center;
+.line_block .table1 {
+    display: table;
+    width: 100%;
+    border-left: 1px solid #eeeeee;
+    border-right: 1px solid #eeeeee;
+    border-bottom: 1px solid #eeeeee;
 }
 
-.blue-color, .blue-color a{
-  color: rgb(109,153,178);
+.line_block .table_row1 {
+    height: 38px;
+    display: table-row;
+    width: 100%;
 }
-.gray-color, .gray-color a{
-  color: rgb(153,153,153);
+
+.line_block .table_cell1 {
+    display: table-cell;
+    padding: 2px;
+    border: 1px solid #FFFFFF;
+    vertical-align: middle;
 }
+
+.line_block .filename1 {
+    width: 62%;
+    padding-left: 8px;
+}
+
+.line_block .filedown1 {
+    width: 19%;
+    text-align: center;
+}
+
+.line_block .downicon1 {
+    width: 19%;
+    text-align: center;
+}
+
+.blue-color, .blue-color a {
+    color: rgb(109, 153, 178);
+}
+
+.gray-color, .gray-color a {
+    color: rgb(153, 153, 153);
+}
+
 #top_field {
-  max-width: 100%;
-  margin: 20px auto;
+    max-width: 100%;
+    margin: 20px auto;
 }
-.blueinputbar{
-  -o-transform-origin: 138px 46.5px;
-  -o-transition: background 0.2s cubic-bezier(0, 0, 1, 1);
-  -webkit-border-bottom-left-radius: 3px;
-  -webkit-border-bottom-right-radius: 3px;
-  -webkit-border-radius: 3px;
-  -webkit-border-top-left-radius: 3px;
-  -webkit-border-top-right-radius: 3px;
-  -webkit-transform-origin: 138px 46.5px;
-  -webkit-transition: background 0.2s cubic-bezier(0, 0, 1, 1);
-  -webkit-transition-delay: 0;
-  -webkit-transition-duration: 0.2s;
-  -webkit-transition-property: background;
-  -webkit-transition-timing-function: cubic-bezier(0, 0, 1, 1);
-  align-content: stretch;
-  align-items: stretch;
-  align-self: stretch;
-  background: #FFFFFF;
-  border-bottom: 1px solid #56B4EF;
-  border-left: 1px solid #56B4EF;
-  border-radius: 3px;
-  border-right: 1px solid #56B4EF;
-  border-top: 1px solid #56B4EF;
-  color: #333333;
-  justify-content: flex-start;
-  margin: 0px;
-  order: 0;
-  outline: #333333 0px;
-  overflow-wrap: break-word;
-  resize: none;
-  text-shadow: none;
-  transform-origin: 138px 46.5px;
-  transition: background 0.2s cubic-bezier(0, 0, 1, 1);
-  unicode-bidi: embed;
-  vertical-align: top;
-  word-wrap: break-word;
+
+.blueinputbar {
+    -o-transform-origin: 138px 46.5px;
+    -o-transition: background 0.2s cubic-bezier(0, 0, 1, 1);
+    -webkit-border-bottom-left-radius: 3px;
+    -webkit-border-bottom-right-radius: 3px;
+    -webkit-border-radius: 3px;
+    -webkit-border-top-left-radius: 3px;
+    -webkit-border-top-right-radius: 3px;
+    -webkit-transform-origin: 138px 46.5px;
+    -webkit-transition: background 0.2s cubic-bezier(0, 0, 1, 1);
+    -webkit-transition-delay: 0;
+    -webkit-transition-duration: 0.2s;
+    -webkit-transition-property: background;
+    -webkit-transition-timing-function: cubic-bezier(0, 0, 1, 1);
+    align-content: stretch;
+    align-items: stretch;
+    align-self: stretch;
+    background: #FFFFFF;
+    border-bottom: 1px solid #56B4EF;
+    border-left: 1px solid #56B4EF;
+    border-radius: 3px;
+    border-right: 1px solid #56B4EF;
+    border-top: 1px solid #56B4EF;
+    color: #333333;
+    justify-content: flex-start;
+    margin: 0px;
+    order: 0;
+    outline: #333333 0px;
+    overflow-wrap: break-word;
+    resize: none;
+    text-shadow: none;
+    transform-origin: 138px 46.5px;
+    transition: background 0.2s cubic-bezier(0, 0, 1, 1);
+    unicode-bidi: embed;
+    vertical-align: top;
+    word-wrap: break-word;
 }
+
 input.blueinputbar:focus {
-  box-shadow: rgba(0, 0, 0, 0.047) 0px 1px 3px 0px inset, rgba(82, 168, 236, 0.600) 0px 0px 5px 0px;
-  border-bottom: 1px solid #56B4EF;
-  border-left: 1px solid #56B4EF;
-  border-radius: 3px;
-  border-right: 1px solid #56B4EF;
-  border-top: 1px solid #56B4EF;
+    box-shadow: rgba(0, 0, 0, 0.047) 0px 1px 3px 0px inset, rgba(82, 168, 236, 0.600) 0px 0px 5px 0px;
+    border-bottom: 1px solid #56B4EF;
+    border-left: 1px solid #56B4EF;
+    border-radius: 3px;
+    border-right: 1px solid #56B4EF;
+    border-top: 1px solid #56B4EF;
 }
+
 .r1 {
-  font-size:13px;
-  line-height: 1.7em;
-  overflow-wrap: break-word;
-  padding-bottom: 20px;
-  /*padding-left: 20px;*/
-  /*width: 50em;*/
+    font-size: 13px;
+    line-height: 1.7em;
+    overflow-wrap: break-word;
+    padding-bottom: 20px;
+    /*padding-left: 20px;*/
+    /*width: 50em;*/
 }
+
 .r1 .cb {
-  font-size: 16px;
-  color: #3333cc;
+    font-size: 16px;
+    color: #3333cc;
 }
+
 /* course 用户 课程 历史
 *******************************************************************************/
-.courses_history{
-  opacity: 0.7;
+.courses_history {
+    opacity: 0.7;
 }
+
 .courses_history a {
-  color: #666;
+    color: #666;
 }
 
 /* issue div.issues
 *******************************************************************************/
-div.issue{
-  background: none repeat scroll 0 0 #FFFFEC;
-  /*border: none;*/
-  margin-bottom: 6px;
-  padding: 10;
-  border-radius: 3px;
-/*  -moz-box-shadow: 3px 3px 10px rgba(100,150,205,0.1);
-  -webkit-box-shadow: 3px 3px 10px rgba(100,150,205,0.1);
-  box-shadow: 3px 3px 10px rgba(100,150,205,0.1);*/
+div.issue {
+    background: none repeat scroll 0 0 #FFFFEC;
+    /*border: none;*/
+    margin-bottom: 6px;
+    padding: 10;
+    border-radius: 3px;
+    /*  -moz-box-shadow: 3px 3px 10px rgba(100,150,205,0.1);
+      -webkit-box-shadow: 3px 3px 10px rgba(100,150,205,0.1);
+      box-shadow: 3px 3px 10px rgba(100,150,205,0.1);*/
 }
 
+/* project 文件列表 资源库
+*******************************************************************************/
+.tags_area {
+    height: 5px;
+}
 
+#ver-zebra, .file_table_des {
+    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
+    font-size: 12px;
+    margin: 5px 10px;
+    width: 98%;
+    text-align: left;
+    border-collapse: collapse;
+    font-size: 14px;
+}
+
+#ver-zebra th {
+    font-size: 14px;
+    font-weight: normal;
+    padding: 12px 15px;
+    border-right: 1px solid #fff;
+    border-left: 1px solid #fff;
+    color: #039;
+    text-align: left;
+}
+
+#ver-zebra td {
+    padding: 8px 15px;
+    border-right: 1px solid #fff;
+    border-left: 1px solid #fff;
+    color: #669;
+}
+
+#ver-zebra td.description {
+    background-color: white;
+    padding: 0px;
+    margin: 0px auto;
+}
+
+#ver-zebra1, .file_table_des {
+    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
+    font-size: 12px;
+    margin: 5px 10px;
+    width: 98%;
+    text-align: left;
+    border-collapse: collapse;
+    line-height: 20px;
+    font-size: 14px;
+}
+
+#ver-zebra1 th {
+    font-size: 14px;
+    font-weight: normal;
+    padding: 12px 15px;
+    border-right: 1px solid #fff;
+    border-left: 1px solid #fff;
+    color: #039;
+    text-align: left;
+}
+
+#ver-zebra1 td {
+    padding: 8px ;
+    border-right: 1px solid #fff;
+    border-left: 1px solid #fff;
+    color: #669;
+}
+
+#ver-zebra1 td.description {
+    background-color: white;
+    padding: 0px;
+    margin: 0px auto;
+}
+
+div.tags_area {
+    padding: 2px 10px 10px 10px;
+    margin: 0px;
+    margin-bottom: 10px;
+    /*border-bottom: 1px dashed #CCCCCC;*/
+    overflow: hidden;
+    position: relative;
+}
+
+.tags_gradint {
+}
+
+.read-more {
+    padding: 5px;
+    border-top: 4px double #ddd;
+    background: #fff;
+    color: #333;
+}
+
+.read-more a {
+    padding-right: 22px;
+    background: no-repeat 100% 50%;
+    font-weight: bold;
+    text-decoration: none;
+}
+
+.read-more a:hover {
+    color: #000;
+}
+
+.vzebra-odd {
+    background: #eff2ff;
+}
+
+.vzebra-even {
+    background: #e8edff;
+}
+
+#ver-zebra #vzebra-adventure, #ver-zebra #vzebra-children {
+    background: #ffffff;
+    border-bottom: 1px solid #c8d4fd;
+}
+
+#ver-zebra #vzebra-comedy, #ver-zebra #vzebra-action {
+    background: #ffffff;
+    border-bottom: 1px solid #d6dfff;
+}
+
+#ver-zebra1 #vzebra-adventure, #ver-zebra #vzebra-children {
+    background: #ffffff;
+    border-bottom: 1px solid #c8d4fd;
+}
+
+#ver-zebra1 #vzebra-comedy, #ver-zebra #vzebra-action {
+    background: #ffffff;
+    border-bottom: 1px solid #d6dfff;
+}
+
+.filename {
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+}
+
+div.pagination {
+    margin: 10px 0px;
+    height: 1.5em;
+    text-align: left;
+    font-size: 13px;
+}
+
+.m5p5 {
+    display: inline-block;
+    height: auto;
+    color: white !important;
+    margin: 8px;
+    padding: 3px 7px;
+}
+
+.m5p5:hover {
+    text-decoration: none;
+    /*padding-bottom: 3px;*/
+    /*border-bottom: 1px solid #666666;*/
+    border-radius: 4px;
+    border: 1px solid #15bccf;
+    box-shadow: 3px 3px 3px #666666;
+}
+
+.relation_file_div {
+    margin: 0px 25px;
+}
+
+.relation_file_div fieldset {
+    margin: 0px 0px;
+    padding: 10px;
+    border-radius: 5px;
+    transition: all 2s linear 1s;
+}
+
+.relation_file_div input#attach_search:focus {
+    border: 1px solid #1B95C6;
+    box-shadow: 0px 0px 4px #1B95C6;
+    width: 200px;
+}
+
+.relation_file_div input#attach_search {
+    width: 150px;
+    outline: none;
+    border-radius: 5px;
+    -webkit-transition: 1s width;
+    -moz-transition: 1s width;
+    -o-transition: 1s width;
+    transition: 1s width;
+}
+.all_browse_div table .description{
+  border-bottom: 1px solid #efffff;
+}
+.all_browse_div table td{
+  vertical-align: middle;
+}