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 55a3cdaa18ab7f9638acd4a57ef1e4f93962e1b4..03af7f6bbd8810f31fcefe8f37c9e5b1c2b54807 100644 (file)
--- a/matitaB/matita/matitaweb.css
+++ b/matitaB/matita/matitaweb.css
@@ -1,3 +1,50 @@
+div.upload {
+       position:absolute;
+       top: 50%;
+       left: 50%;
+       width:450px;
+       height:50px;
+       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.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;
        top: 50%;
@@ -13,19 +60,156 @@ div.dialog {
 
 div.diaTitle {
        display: block;
-       margin-left: auto;
+       margin-left: 3px;
        margin-right: auto;
-       width: 444px;
+       width: 414px;
        background-color: #007fff;
        color: white;
+        float: left;
+        line-height: 32px;
+}
+
+div.diaClose {
+       display: block;
+       margin-left: auto;
+       margin-right: 3px;
+        background-color: red;
+       width: 30px;
+       color: white;
+        float: right;
+        text-align: center;
+        vertical-align: middle;
+        line-height: 32px
+}
+
+a#hlogout {
+  color: inherit;
+  font-weight: bold;
+}
+a#butClose {
+  color: inherit;
+}
+
+input.diaFile {
+       margin-left: 3px;
+       margin-right: auto;
+       width: 370px;
 }
 
 div.scroll {
-       border: 1px;
-       border-style:solid;
-       height:570px; 
-       width:444px; 
+       display: block;
+       margin-left: auto;
+       margin-right: auto;
+       border: 1px solid #ccc;
+       height:415px; 
+       width:442px; 
        overflow:auto;
        background-color: white;
        color:black;
 }
+
+div.matitaapparea {
+       display: block;
+       margin-left: auto;
+       margin-right: auto;
+       height:100%;
+       width:100%; 
+       background-color: white;
+       color:black;
+}
+
+div.toparea {
+       display: block;
+       margin-left: auto;
+       margin-right: auto;
+       height:64px; 
+       width:100%; 
+        line-height:64px;
+/*        float:left;*/
+}
+
+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:84%; 
+       width:100%; 
+}
+
+div.navibar {
+       display: inline-block;
+       margin-left: auto;
+       margin-right: auto;
+       height:100%; 
+       width:370px; 
+       float:left; 
+}
+
+div.toolbar {
+       display: inline-block;
+       margin-left: auto;
+       margin-right: auto;
+       height:100%; 
+       width:300px;
+        float:left; 
+}
+
+div.caption {
+       display: inline-block;
+       margin-left: auto;
+       margin-right: auto;
+       height:100%; 
+       width:220px; 
+       text-align: center;
+        float:right; 
+}
+
+img.topimg {
+       bottom:0px;
+        border:none;
+}
+
+div.scriptarea {
+       display: inline-block;
+       margin-left: auto;
+       margin-right: auto;
+       height:100%; 
+       width:67%%;
+        min-width:67%;
+        max-width:67%;
+        float:left;
+}
+
+div.goalarea {
+       display: inline-block;
+       margin-left: auto;
+       margin-right: auto;
+       height:100%; 
+       width:33%;
+        min-width:33%;
+        max-width:33%; 
+        float:right;
+}
+
+span.activegoal {
+       color: red;
+       font-weight: bold;
+}
+
+span.passivegoal {
+       color: blue;
+}
+
+h2 {
+       border: 0px;
+       padding: 1px;
+       display: inline;
+}