WIP on cpce ...

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

diff --git a/matitaB/matita/matitaweb.css b/matitaB/matita/matitaweb.css
index aed752a8e9cde90fb5d41c1b79b6cc56684dc45b..32d68f983bdc8788d8039c8353ee541a98c3bd51 100644 (file)
--- a/matitaB/matita/matitaweb.css
+++ b/matitaB/matita/matitaweb.css
@@ -1,3 +1,16 @@
+body {
+       border:0px;
+       padding:0px;
+       margin:0px;
+}
+
+div#matitaapparea {
+       border:0px;
+       padding:0px;
+       margin:0px;
+       position:fixed;
+}
+
 div.upload {
        position:absolute;
        top: 50%;
@@ -11,18 +24,47 @@ div.upload {
        background-color: #f3f3f3;
 }
 
+div.titlebar {
+       display: block;
+       margin:0px;
+       border:0px;
+       width:100%;
+       height: 32px;
+       background-color: #007fff;
+       color: white;
+}
+
+div.mainTitle {
+       display: block;
+       margin-left: 3px;
+       margin-right: auto;
+       max-width: 600px;
+       max-height: 32px;
+        float: left;
+        line-height: 32px;
+        vertical-align: middle;
+}
+
+div.mainRight {
+       display: block;
+       max-width: 600px;
+       max-height: 32px;
+        line-height: 32px;
+       display: block;
+       margin-left: auto;
+       margin-right: 3px;
+        float: right;
+        vertical-align: middle;
+}
 
 div.dialog {
        position:absolute;
-       top: 50%;
-       left: 50%;
        width:450px;
        height:500px;
-       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;
+       z-index: 9999;
 }
 
 div.diaTitle {
@@ -49,7 +91,31 @@ div.diaClose {
         line-height: 32px
 }
 
-a#butClose {
+#mask {
+       position:absolute;
+       left:0;
+       top:0;
+       z-index:9000;
+       background-color:#000;
+       display:none;
+}
+
+#whitemask {
+       position:absolute;
+       left:0;
+       top:0;
+       z-index:9000;
+       background-color:#ffffff;
+       display:none;
+}
+
+
+a#hlogout {
+  color: inherit;
+  font-weight: bold;
+}
+
+a.butClose {
   color: inherit;
 }
 
@@ -64,7 +130,7 @@ div.scroll {
        margin-left: auto;
        margin-right: auto;
        border: 1px solid #ccc;
-       height:440px; 
+       height:415px; 
        width:442px; 
        overflow:auto;
        background-color: white;
@@ -83,6 +149,7 @@ div.matitaapparea {
 
 div.toparea {
        display: block;
+       padding:4px;
        margin-left: auto;
        margin-right: auto;
        height:64px; 
@@ -101,9 +168,12 @@ div.bottomarea {
 
 div.workarea {
        display: block;
-       margin-left: auto;
-       margin-right: auto;
-       height:70%; 
+       border:0px;
+       padding:0px;
+       margin:0px;
+       /*margin-left: auto;
+       margin-right: auto;*/
+       height:84%; 
        width:100%; 
 }
 
@@ -121,7 +191,7 @@ div.toolbar {
        margin-left: auto;
        margin-right: auto;
        height:100%; 
-       width:300px;
+       width:400px;
         float:left; 
 }
 
@@ -137,28 +207,68 @@ div.caption {
 
 img.topimg {
        bottom:0px;
+        border:none;
 }
 
 div.scriptarea {
        display: inline-block;
-       margin-left: auto;
-       margin-right: auto;
+       border:0px;
+       padding:0px;
+       margin:0px;
+/*     margin-left: auto;
+       margin-right: auto;*/
        height:100%; 
-       width:100%;
-        min-width:67%;
+       width:67%;
+/*        min-width:67%;
+        max-width:67%; */
         float:left;
 }
 
-div.goalarea {
+div.sidearea {
        display: inline-block;
-       margin-left: auto;
-       margin-right: auto;
+       border:0px;
+       padding:0px;
+       margin:0px;
+       /*margin-left: auto;
+       margin-right: auto;*/
        height:100%; 
        width:33%;
-        min-width:33%; 
+/*        min-width:33%;
+        max-width:33%;  */
         float:right;
 }
 
+div.framed { 
+       border: 2px solid DarkGray;
+}
+
+div.context {
+       overflow: auto;
+}
+
+span.autotactic {
+       color: green;
+       font-weight: bold;
+}
+
+span.autotrace {
+       display:none;
+}
+
+span.activegoal {
+       color: red;
+       font-weight: bold;
+}
+
+span.error {
+        color:red;
+        text-decoration: none;
+        border-bottom: 2px dashed;
+}
+
+span.passivegoal {
+       color: blue;
+}
 
 h2 {
        border: 0px;