update app/views/panels/_standard.html.elb.

diff --git a/app/views/panels/_standard.html.erb b/app/views/panels/_standard.html.erb
index fff9389..cc985e2 100644 (file)
--- a/app/views/panels/_standard.html.erb
+++ b/app/views/panels/_standard.html.erb
@@ -1,26 +1,25 @@
-<div class="panel" style="width:<%= @panel.width %>px;height:<%= @panel.height %>px;overflow:hidden; border:solid black <%= @panel.border %>px; background:white;">
+<div class="pettanr-comic-panel" style="width:<%= @panel.width %>px;height:<%= @panel.height %>px;border-width: <%= @panel.border %>px; background-color:white;">
   <% @panel.each_element do |elm| %>
     <% if elm.kind_of?(PanelPicture) %>
       <div id="vPicture<%= elm.id -%>" class="panel_picture" style="position:relative;  top:<%= elm.y -%>px; left:<%= elm.x -%>px; z-index:<%= elm.z -%>; ">
-        <img style=" position:absolute; width:<%= elm.width -%>px; height:<%= elm.height -%>px; " src="<%= elm.url -%>">
+        <img style="width:<%= elm.width -%>px; height:<%= elm.height -%>px; " src="<%= elm.url -%>">
       </div>
     <% end %>
     <% if elm.kind_of?(Balloon) %>
-      <div id="vballoon<%= elm.id -%>" class="balloon" style="position:relative;  top:<%= elm.y -%>px; left:<%= elm.x -%>px; z-index:<%= elm.z -%>; ">
-        <img style=" position:absolute; width:<%= elm.width -%>px; height:<%= elm.height -%>px; " src="<%= elm.system_picture.url -%>">
+      <div id="vballoon<%= elm.id -%>" class="pettanr-comic-balloon" style="top:<%= elm.y -%>px; left:<%= elm.x -%>px; z-index:<%= elm.z -%>; ">
+        <img style="width:<%= elm.width -%>px; height:<%= elm.height -%>px; " src="<%= elm.system_picture.url -%>">
         <% elm.speeches.each do |speech| %>
-          <div style="position:relative; top:<%= speech.y -%>px; left:<%= speech.x -%>px;width:<%= speech.width -%>px; height:<%= speech.height -%>px; top:1px; left:1px; z-index:1; ">
-            <%= h speech.content -%>
-          </div>
+          <p style="top:<%= speech.y -%>px; left:<%= speech.x -%>px;width:<%= speech.width -%>px; height:<%= speech.height -%>px;">
+            <span><%= h speech.content -%></span>
+          </p>
         <% end %>
       </div>
     <% end %>
   <% end %>
 </div>
-<span>
-Width:<%= @panel.width %>
-</span>
-<span>
-Height:<%= @panel.height %>
-</span>
+
+<dl class="dl-table">
+<dt>Width:</dt><dd><%= @panel.width %></dd>
+<dt>Height:</dt><dd><%= @panel.height %></dd>
+</dl>