X-Git-Url: http://matita.cs.unibo.it/gitweb/?a=blobdiff_plain;f=matitaB%2Fmatita%2Fmatitaweb.css;h=32d68f983bdc8788d8039c8353ee541a98c3bd51;hb=1083ac3b1acac5f1ac1fa40a9a417dd9d268dced;hp=f39a09ea1177d7d00688e81b14b4a727cbdbe7e3;hpb=273e8f68de92a36c95f2ea44e6180534f47f4c70;p=helm.git diff --git a/matitaB/matita/matitaweb.css b/matitaB/matita/matitaweb.css index f39a09ea1..32d68f983 100644 --- a/matitaB/matita/matitaweb.css +++ b/matitaB/matita/matitaweb.css @@ -1,9 +1,22 @@ -div.dialog { +body { + border:0px; + padding:0px; + margin:0px; +} + +div#matitaapparea { + border:0px; + padding:0px; + margin:0px; + position:fixed; +} + +div.upload { position:absolute; top: 50%; left: 50%; width:450px; - height:i500px; + 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; @@ -11,13 +24,99 @@ div.dialog { background-color: #f3f3f3; } -div.diaTitle { +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; + width:450px; + height:500px; + border: 1px solid #ccc; + padding: 3px; + background-color: #f3f3f3; + z-index: 9999; +} + +div.diaTitle { + display: block; + 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 +} + +#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; } input.diaFile { @@ -31,13 +130,146 @@ div.scroll { margin-left: auto; margin-right: auto; border: 1px solid #ccc; - height:440px; + 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; + padding:4px; + 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; + border:0px; + padding:0px; + margin:0px; + /*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:400px; + 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; + border:0px; + padding:0px; + margin:0px; +/* margin-left: auto; + margin-right: auto;*/ + height:100%; + width:67%; +/* min-width:67%; + max-width:67%; */ + float:left; +} + +div.sidearea { + display: inline-block; + border:0px; + padding:0px; + margin:0px; + /*margin-left: auto; + margin-right: auto;*/ + height:100%; + 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; padding: 1px;