Matitaweb: added a titlebar to the GUI.

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

diff --git a/matitaB/matita/matitaweb.css b/matitaB/matita/matitaweb.css
index b75aaf301cd9f7f514d54d0d54484b91d7a35c1e..03af7f6bbd8810f31fcefe8f37c9e5b1c2b54807 100644 (file)
--- a/matitaB/matita/matitaweb.css
+++ b/matitaB/matita/matitaweb.css
@@ -11,6 +11,39 @@ div.upload {
        background-color: #f3f3f3;
 }
 
+div.titlebar {
+       display: block;
+       margin-left: auto;
+       margin-right: auto;
+       margin-bottom: 4px;
+       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;
@@ -49,6 +82,10 @@ div.diaClose {
         line-height: 32px
 }
 
+a#hlogout {
+  color: inherit;
+  font-weight: bold;
+}
 a#butClose {
   color: inherit;
 }
@@ -64,7 +101,7 @@ div.scroll {
        margin-left: auto;
        margin-right: auto;
        border: 1px solid #ccc;
-       height:440px; 
+       height:415px; 
        width:442px; 
        overflow:auto;
        background-color: white;
@@ -103,7 +140,7 @@ div.workarea {
        display: block;
        margin-left: auto;
        margin-right: auto;
-       height:70%; 
+       height:84%; 
        width:100%; 
 }
 
@@ -112,7 +149,7 @@ div.navibar {
        margin-left: auto;
        margin-right: auto;
        height:100%; 
-       width:33%; 
+       width:370px; 
        float:left; 
 }
 
@@ -121,7 +158,7 @@ div.toolbar {
        margin-left: auto;
        margin-right: auto;
        height:100%; 
-       width:33%;
+       width:300px;
         float:left; 
 }
 
@@ -130,13 +167,14 @@ div.caption {
        margin-left: auto;
        margin-right: auto;
        height:100%; 
-       width:34%; 
+       width:220px; 
        text-align: center;
         float:right; 
 }
 
 img.topimg {
        bottom:0px;
+        border:none;
 }
 
 div.scriptarea {
@@ -144,8 +182,9 @@ div.scriptarea {
        margin-left: auto;
        margin-right: auto;
        height:100%; 
-       width:100%;
+       width:67%%;
         min-width:67%;
+        max-width:67%;
         float:left;
 }
 
@@ -155,10 +194,19 @@ div.goalarea {
        margin-right: auto;
        height:100%; 
        width:33%;
-        min-width:33%; 
+        min-width:33%;
+        max-width:33%; 
         float:right;
 }
 
+span.activegoal {
+       color: red;
+       font-weight: bold;
+}
+
+span.passivegoal {
+       color: blue;
+}
 
 h2 {
        border: 0px;