Matitaweb: layout change in the matitaweb inteface, in order to allow better

[helm.git] / matitaB / matita / index.html
diff --git a/matitaB/matita/index.html b/matitaB/matita/index.html

index cdb2834773853d89c320df91d97bb07c56f3619d..e665bede62fd371ad0471f30a1560e2b4c2e2df6 100644 (file)
--- a/matitaB/matita/index.html
+++ b/matitaB/matita/index.html
@@ -12,9 +12,11 @@
  
  <body onLoad="initialize();">
  <div id="sandbox" style="visibility:hidden;"></div>
-<table style="table-layout: fixed; width:100%; height:100%; border-spacing: 0px; border-style: none;">
-<tr>
-<td style="padding: 0px; width:67%; border-style: none;">
+
+<div class="matitaapparea">
+
+<div class="toparea">
+<div class="toolbar">
         <textarea id="unescape" style="display:none;"></textarea>
         <p><A href="javascript:advanceForm1()"><IMG src="icons/advance.png" 
                                                      id="advance" alt="Advance" 
@@ -36,11 +38,12 @@
            <INPUT type="BUTTON" value="hide sequent" id="hideseq" ONCLICK="hideSequent()">
            <INPUT type="BUTTON" value="selection test" id="hideseq" ONCLICK="test()"> -->
  
-</td>
-<td style="width:33%; text-align:center;"><img src="icons/matita-text.png"></td>
-</tr>
-<tr id="workarea" style="height:70%;">
-<td id="scriptcell" style="padding: 0px; border-style: none; padding: 0px;">
+</div>
+<div class="caption"><img src="icons/matita-text.png"></div>
+</div>
+
+<div class="workarea" id="workarea">
+<div class="scriptarea" id="scriptcell">
    <!-- the script --> 
    <!-- 
    The two DIVs "locked" and "unlocked" MUST be on the same line (since they are 
@@ -49,20 +52,19 @@
    <div style="width:100%; height:100%; overflow:auto;">
    <pre><div contentEditable="false" id="locked" style="background-color:#bfbfff; display:inline;"></div><div contentEditable="true" id="unlocked" style="display:inline">(* script *)</div></pre></div>
    <!-- the script (end) --> 
-</td>
-<td id="goalcell" style="padding: 0px; width:33%; border-style: none;">
+</div>
+<div class="goalarea" id="goalcell">
    <div id="goals"></div>
    <div contentEditable="true" style="border-style:solid; height:100%; width:100%; overflow:auto;">
    <pre id="goalview"></pre>
    </div>
-</td>
+</div>
  
-<tr style="height:15%">
-<td colspan="2" style="padding: 0px; border-style: none;">
+<div class="bottomarea">
         <textarea id="logarea" style="width:100%; height:100%"></textarea>
-</td>
-</tr>
-</table>
+</div>
+
+</div>
  
  <div class="dialog" id="dialogBox" style="display: none;">
    <div class="diaTitle" id="dialogTitle"></div>