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

[helm.git] / matitaB / matita / matitaweb.css

diff --git a/matitaB/matita/matitaweb.css b/matitaB/matita/matitaweb.css
index 91e5b5479ed8458c1fae321b6ea933944200db29..e11f7a967921e7493bd6b5f38eb7467ce0b826b7 100644 (file)
--- a/matitaB/matita/matitaweb.css
+++ b/matitaB/matita/matitaweb.css
@@ -2,18 +2,112 @@ div.dialog {
        position:absolute;
        top: 50%;
        left: 50%;
-       width:400px;
-       height:300px;
-       margin-top: -150px; /*set to a negative number 1/2 of your height*/
-       margin-left: -200px; /*set to a negative number 1/2 of your width*/
+       width:450px;
+       height:i500px;
+       margin-top: -250px; /*set to a negative number 1/2 of your height*/
+       margin-left: -225px; /*set to a negative number 1/2 of your width*/
        border: 1px solid #ccc;
+       padding: 3px;
        background-color: #f3f3f3;
 }
 
+div.diaTitle {
+       display: block;
+       margin-left: auto;
+       margin-right: auto;
+       width: 444px;
+       background-color: #007fff;
+       color: white;
+}
+
+input.diaFile {
+       margin-left: 3px;
+       margin-right: auto;
+       width: 370px;
+}
+
 div.scroll {
-       border: 1px;
-       border-style:solid;
+       display: block;
+       margin-left: auto;
+       margin-right: auto;
+       border: 1px solid #ccc;
+       height:440px; 
+       width:442px; 
+       overflow:auto;
+       background-color: white;
+       color:black;
+}
+
+div.matitaapparea {
+       display: block;
+       margin-left: auto;
+       margin-right: auto;
        height:100%; 
        width:100%; 
-       overflow:auto;
+       background-color: white;
+       color:black;
+}
+
+div.toparea {
+       display: block;
+       margin-left: auto;
+       margin-right: auto;
+       height:15%; 
+       width:100%; 
+}
+
+div.bottomarea {
+       display: block;
+       margin-left: auto;
+       margin-right: auto;
+       height:15%; 
+       width:100%; 
+}
+
+div.workarea {
+       display: block;
+       margin-left: auto;
+       margin-right: auto;
+       height:70%; 
+       width:100%; 
+}
+
+div.toolbar {
+       display: inline;
+       margin-left: auto;
+       margin-right: auto;
+       height:100%; 
+       width:67%; 
+}
+
+div.caption {
+       display: inline;
+       margin-left: auto;
+       margin-right: auto;
+       height:100%; 
+       width:33%; 
+       text-align: center;
+}
+
+div.scriptarea {
+       display: inline;
+       margin-left: auto;
+       margin-right: auto;
+       height:100%; 
+       width:67%; 
+}
+
+div.goalarea {
+       display: inline;
+       margin-left: auto;
+       margin-right: auto;
+       height:100%; 
+       width:33%; 
+}
+
+
+h2 {
+       border: 0px;
+       padding: 1px;
+       display: inline;
 }