rewored website layout and internal structure:

[helm.git] / helm / www / matita / style.css

diff --git a/helm/www/matita/style.css b/helm/www/matita/style.css
index 64cc6d8b494b7f439b837f745f892101db7cb2ee..67b4cf03ba3db550d0ca236242b59c0b1d10a7d8 100644 (file)
--- a/helm/www/matita/style.css
+++ b/helm/www/matita/style.css
@@ -1,70 +1,66 @@
+
 body {
   font-family: sans-serif;
   font-size: 12pt;
   background-image: url(images/sheetbg.png);
   background-repeat: repeat;
-  margin-left: 7%;
-  margin-right: 7%;
 }
 
 samp.tiny {
   font-size: 8pt;
 }
 
-span.h1 {
-  font-family: sans-serif;
-  font-size: 16pt;
+div.main h1 {
+  font-size: 18pt;
+  color: #808080;
 
+  text-align: center;
+}
+
+div.main h2 {
+  font-size: 16pt;
   color: #808080;
   
-  border-bottom-width: 4px;
-  border-top-width: 0px;
-  border-left-width: 0px;
-  border-right-width: 0px;
-  border-style: solid;
+  border-bottom-style: solid;
+  border-width: 3px;
   border-color: #cb8080;
+}
 
-  margin-right: auto;
-/*   margin-left: 10%; */
+div.main h3 {
+  font-size: 14pt;
+  color: #808080;
+}
+
+div.main h4 {
+  font-size: 13pt;
+  color: #808080;
 }
 
 p {
-/*   margin-left:10%; */
 }
+
 ul {
-/*   margin-left:10%; */
   list-style-type: none;
 }
 
-a.upmenu {
+div.menu ul li {
   color: #591622;
-  background-color: transparent;
-  
-  font-family: sans-serif;
   font-style : italic;
-  
   text-decoration : none;
   
+  border-bottom-style: solid;
   border-color: #cb8080;
-  border-bottom-width: 3px;
-  border-top-width: 0px;
-  border-left-width: 0px;
-  border-right-width: 0px;
-  border-style: solid;
+  margin-bottom: 10px;
+}
 
-/*   margin-left:20px; */
-  margin-right:20px;
+div.menu ul li a {
+  text-decoration: none;
 }
 
-a.upmenu:hover { 
+a.menu:hover { 
   color: #591622;      
   text-decoration : none;
-  /*
-  border-bottom-width: 3px;
-  border-color: #b2dae6;
-  */
   background-color: #ecf6f9;
-
 }
 
 a {
@@ -75,28 +71,29 @@ a {
 
 a:hover {
   text-decoration : underline;
-  /*
-  border-bottom-width: 2px;
-  border-top-width: 0px;
-  border-left-width: 0px;
-  border-right-width: 0px;
-  border-style: solid;
-  border-color: #b2dae6;
-  */
   background-color: #ecf6f9;
 }
 
-div.upmenu {
-  display: block;
-  width: auto;
-  text-align:center;
-  margin-bottom: 40px;
+div.menu {
+  position: absolute;
+  left: 0px;
+  width: 150px;
+  padding-top: 140px;
+  background: url(images/matita-small.png);
+  background-repeat: no-repeat;
+  background-position: 1cm top;
+}
+
+div.main {
+  position: absolute;
+  top: 0px;
+  left: 200px;
+  width: 650px;
 }
 
 div.bottombar {
   display: block;
   width: auto;
-  text-align:right;
   margin-top: 40px;
 }
 
@@ -104,10 +101,9 @@ div.uplined {
   height: auto;
   padding-top: 10px;
   width: 40%;
-  margin-left:auto;
+  border-color: #cb8080;
   border-top-style: solid;
   border-top-width: 3px;
-  border-color: #cb8080;
 }
 
 a.quiet:link,visited,hover { 
@@ -117,9 +113,12 @@ a.quiet:link,visited,hover {
   
 }
 
-img.quiet { 
+a.quiet img { 
   border-style:none; 
 }
 
-
+pre.code {
+  margin-left: 2em;
+  font-size: 95%;
+}