html increased use of css; dal, middle layer, url representation, interim commit

1 files changed, 172 insertions, 92 deletions

diff --git a/lib/sisu/v0/css.rb b/lib/sisu/v0/css.rb
index cdd05528..52de3351 100644
--- a/lib/sisu/v0/css.rb
+++ b/lib/sisu/v0/css.rb
@@ -106,7 +106,7 @@ WOK
 /* SiSU css default stylesheet */
   body {
     color: black;
-    background: #{@vz.color_white};
+    background: "#ffffff";
   }
 /*
     table {
@@ -121,25 +121,25 @@ WOK
     }
 */
   a:link {
-    color: #{@vz.color_blue_ink};
+    color: #003399;
     text-decoration: none;
   }
   a:visited {
-    color: #{@vz.color_blue_ink};
+    color: #003399;
     text-decoration: none;
   }
 /*
   a:hover {
-    color: #{@vz.color_black};
+    color: #000000;
     border-bottom: 2px solid #777777;
-    background-color: #{@vz.color_yellow_light};
+    background-color: #fff3b6;
   }
 */
   a:hover img {
-    background-color: #{@vz.color_white};
+    background-color: "#ffffff";
   }
   a:active {
-    color: #{@vz.color_blue_ink};
+    color: #003399;
     text-decoration: underline;
   }
   div {
@@ -197,24 +197,35 @@ WOK
     margin-left: 75%;
     width: 20%;
   }
-  p {
+  ul, li, p {
     display: block;
-    font-family: #{fonts};
+    font-family: verdana, arial, georgia, tahoma, sans-serif, helvetica, times, roman;
     font-size: 100%;
     font-weight: normal;
     line-height: 150%;
-    text-align: left;
-    margin-left: 10mm;
+    text-align: justify;
+    margin-left: 1em;
     text-indent: 0mm;
     margin-top: 3px;
     margin-bottom: 3px;
-    margin-right: 5mm;
+    /* margin-bottom:0; */
+    margin-right: 2em;
+    /* width: 90%; */
   }
   p.norm {
-    text-align: justify;
   }
+  p.i1 {margin-left: 2em;}
+  p.i2 {margin-left: 3em;}
+  p.i3 {margin-left: 4em;}
+  p.i4 {margin-left: 5em;}
+  p.i5 {margin-left: 6em;}
+  p.i6 {margin-left: 7em;}
+  p.i7 {margin-left: 8em;}
+  p.i8 {margin-left: 9em;}
+  p.i9 {margin-left: 10em;}
   p.code {
-    font-family: monospace;
+    font-family: inconsolata, andale mono, courier new, courier, monospace;
+    font-size: 90%;
     text-align: left;
   }
   p.caption {
@@ -223,24 +234,24 @@ WOK
     display: inline;
   }
   p.endnote {
-    font-family: #{fonts};
+    font-family: verdana, arial, georgia, tahoma, sans-serif, helvetica, times, roman;
     font-size: 96%;
     font-weight: normal;
     line-height: 120%;
     text-align: left;
-    margin-left: 10mm;
+    margin-left: 1em;
     text-indent: 0mm;
     margin-top: 3px;
     margin-bottom: 3px;
     margin-right: 15mm;
   }
   p.endnote_indent {
-    font-family: #{fonts};
+    font-family: verdana, arial, georgia, tahoma, sans-serif, helvetica, times, roman;
     font-size: 96%;
     font-weight: normal;
     line-height: 120%;
     text-align: left;
-    margin-left: 15mm;
+    margin-left: 2em;
     text-indent: 0mm;
     margin-top: 3px;
     margin-bottom: 3px;
@@ -264,6 +275,8 @@ WOK
   p.ocn, p.paranum {
     font-size: 10px;
     margin-top: 0px;
+    float: right;
+    width: 5%;
     margin-bottom: 5px;
     color: #777777;
     margin-right: 5px;
@@ -384,7 +397,7 @@ WOK
     margin-top: 1px;
     margin-bottom: 3px;
   }
-  p.quickref{
+  p.quickref {
     font-size: 10px;
     font-style: italic;
     margin-top: 0px;
@@ -393,7 +406,7 @@ WOK
     margin-right: 5px;
     text-align: left;
   }
-  p.bigref{
+  p.bigref {
     font-size: 11px;
     font-weight: bold;
     margin-top: 0px;
@@ -402,19 +415,11 @@ WOK
     margin-right: 5px;
     text-align: center;
   }
-  p.i1 {margin-left: 15mm;}
-  p.i2 {margin-left: 20mm;}
-  p.i3 {margin-left: 25mm;}
-  p.i4 {margin-left: 30mm;}
-  p.i5 {margin-left: 35mm;}
-  p.i6 {margin-left: 40mm;}
-  p.i7 {margin-left: 45mm;}
-  p.i8 {margin-left: 50mm;}
-  p.i9 {margin-left: 55mm;}
 
   table { }
   tr { }
   th, td { }
+
   p.left, th.left, td.left {
     text-align: left;
   }
@@ -428,11 +433,11 @@ WOK
 
   h0, h1, h2, h3, h4, h5, h6 {
     display: block;
-    font-family: #{fonts};
+    font-family: verdana, arial, georgia, tahoma, sans-serif, helvetica, times, roman;
     font-weight: bold;
     line-height: 120%;
-    margin-left: 10mm;
-    margin-right: 10mm;
+    margin-left: 5mm;
+    margin-right: 5mm;
     text-align: left;
     margin-top: 20px;
     margin-bottom: 10px;
@@ -440,6 +445,7 @@ WOK
   h1.center, h2.center, h3.center, h4.center, h5.center, h6.center {
     text-align: center;
   }
+
   ul {
     list-style: none;
   }
@@ -449,52 +455,52 @@ WOK
   ul.vertical {
     list-style: none;
   }
+
   li {
     background: url(../image/bullet_09.png) no-repeat 0px 6px;
-    /* list-style-type: disc; */
     padding-left: 20px;
     display: block;
-    font-family: #{fonts};
-    /* font-size: 100%; */
+    font-family: verdana, arial, georgia, tahoma, sans-serif, helvetica, times, roman;
     font-weight: normal;
     line-height: 150%;
     text-align: left;
-    margin-left: 10mm;
+    margin-left: 1em;
     text-indent: 0mm;
     margin-top: 3px;
     margin-bottom: 3px;
-    margin-right: 0mm;
+    margin-right: 10mm;
   }
   li.bullet {
-    margin-left: 10mm;
+    margin-left: 1em;
   }
   li.i1 {
-    margin-left: 15mm;
+    margin-left: 2em;
   }
   li.i2 {
-    margin-left: 20mm;
+    margin-left: 3em;
   }
   li.i3 {
-    margin-left: 25mm;
+    margin-left: 4em;
   }
   li.i4 {
-    margin-left: 30mm;
+    margin-left: 5em;
   }
   li.i5 {
-    margin-left: 35mm;
+    margin-left: 6em;
   }
   li.i6 {
-    margin-left: 40mm;
+    margin-left: 7em;
   }
   li.i7 {
-    margin-left: 45mm;
+    margin-left: 8em;
   }
   li.i8 {
-    margin-left: 50mm;
+    margin-left: 9em;
   }
   li.i9 {
-    margin-left: 55mm;
+    margin-left: 10em;
   }
+
   #horizontal_links {
     background: #eeeeee;
     margin-left: 5%;
@@ -515,8 +521,6 @@ WOK
     background: none;
   }
   #horizontal a {
-    /* font-weight: normal; */
-    /* float: left; */
     line-height: 12px;
     margin: 0 0 0 0;
     text-decoration: none;
@@ -525,7 +529,6 @@ WOK
   #horizontal a.active, #horizontal a:hover {
     border-bottom: 2px solid #777777;
     padding-bottom: 2px;
-    /* font-weight: bold; */
     color: #000077;
   }
   #horizontal a:hover {
@@ -536,7 +539,6 @@ WOK
     top: 10mm;
     right: 2%;
     width: 12%;
-    /* background: #ffffff; */
     float: right;
   }
   #vertical_links {
@@ -569,7 +571,6 @@ WOK
     list-style-type: none;
   }
   #vertical a {
-    /* font-weight: normal; */
     line-height: 12px;
     text-decoration: none;
     color: #000077;
@@ -577,13 +578,11 @@ WOK
   #vertical a.active, #vertical a:hover {
     border-bottom: 2px solid #777777;
     padding-bottom: 2px;
-    /* font-weight: bold; */
     color: #000077;
   }
+
   li.doc {
     background: url(../image/bullet_09.png) no-repeat 0px 6px;
-    /* background: url(../image/bullet_doc.png) no-repeat 0 0; */
-    /* background: url(../../_sisu/image/bullet_09.png) no-repeat 0px 6px; */
     padding-left: 16px;
     margin-left: 10px;
     margin-top: 0px;
@@ -606,7 +605,6 @@ WOK
   }
   li.refcenter {
     background: url(../image/bullet_09.png) no-repeat 0px 6px;
-    /* background: url(../image/bullet_doc.png) no-repeat 0 0; */
     background: none;
     padding-left: 20px;
     margin-left: 10%;
@@ -618,8 +616,6 @@ WOK
   }
   li.refbold {
     background: url(../image/bullet_09.png) no-repeat 0px 6px;
-    /* background: url(../image/bullet_doc.png) no-repeat 0 0; */
-    /* padding-left: 0px; */
     padding-left: 16px;
     margin-left: 0;
     margin-top: 0px;
@@ -629,6 +625,7 @@ WOK
     font-weight: bold;
     text-align: left;
   }
+
   h1 {
     font-size: 120%;
     margin-top: 20px;
@@ -655,7 +652,7 @@ WOK
   }
   h1.norm, h2.norm, h3.norm {
     font-size: 110%;
-    margin-left: 10mm;
+    margin-left: 1em;
     margin-right: 15mm;
     text-align: left;
     margin-top: 20px;
@@ -682,6 +679,7 @@ WOK
     margin-right: 0px;
     text-align: left;
   }
+
   p.top_band {
     display: inline;
     text-align: left;
@@ -709,6 +707,7 @@ WOK
     text-indent: 0mm;
     margin-right: 1mm;
   }
+
   h4.norm, h5.norm, h6.norm {
     font-size: 100%;
     margin-left: 10mm;
@@ -717,6 +716,7 @@ WOK
     margin-top: 10px;
     margin-bottom: 0px;
   }
+
   h1.i {margin-left: 10mm;}
   h2.i {margin-left: 15mm;}
   h3.i {margin-left: 20mm;}
@@ -726,6 +726,7 @@ WOK
   h7.i {margin-left: 40mm;}
   h8.i {margin-left: 45mm;}
   h9.i {margin-left: 50mm;}
+
   h1.banner {
     font-weight: bold;
     text-align: center;
@@ -779,6 +780,7 @@ WOK
   h6.banner {
     font-weight: bold;
   }
+
   h1.toc {
     margin-left: 10mm;
     font-size: 115%;
@@ -824,7 +826,7 @@ WOK
     margin-bottom: 6px;
     line-height: 110%;
   }
-/* microtoc (for later) --> */
+
   h1.microtoc {
     margin-left: 0mm;
     font-size: 115%;
@@ -864,9 +866,8 @@ WOK
     margin-top: 2px;
     margin-bottom: 2px;
   }
-/* subtoc --> */
   h5.subtoc {
-    margin-left: 20mm;
+    margin-left: 2em;
     margin-right: 34%;
     font-weight: normal;
     font-size: 80%;
@@ -874,13 +875,121 @@ WOK
     margin-bottom: 2px;
   }
   h6.subtoc {
-    margin-left: 25mm;
+    margin-left: 3em;
     margin-right: 34%;
     font-weight: normal;
     font-size: 75%;
     margin-top: 0px;
     margin-bottom: 0px;
   }
+
+div.substance {
+    width: 100%;
+    background-color: #ffffff;
+}
+div.ocn {
+    width: 5%;
+    float: right;
+    top: 0;
+    background-color: #ffffff;
+}
+div.endnote {
+    width: 95%;
+    background-color: #fffffff;
+}
+/*
+body {
+    font-size: 90%;
+    font-family: verdana, arial, sans-serif;
+}
+*/
+div.toc {
+    position: absolute;
+    float: left;
+    margin: 0;
+    padding: 0;
+    padding-top: 0.5em;
+    border: 0;
+    width: 13em;
+    background-color: #eeeeee;
+    margin-right:1em;
+}
+div.content {
+    margin: 0;
+    padding: 0;
+    border-left: 13em solid #ffffff;
+    padding-left: 1em;
+}
+div.content:after {
+    content:' ';
+    clear:both;
+    display:block;
+    height:0;
+    overflow:hidden
+}
+div.footer {
+    clear:left;
+    padding: 0.5em;
+    font-size: 80%;
+    margin: 0;
+}
+div.toc ul {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+}
+div.toc li ul a, li ul span.currentlink
+{
+    font-weight: normal;
+    font-size: 90%;
+    padding-left: 2em;
+    background-color: #eeeeee;
+}
+div.toc a, span.currentlink{
+    display:block;
+    text-decoration: none;
+    padding-left: 0.5em;
+    color: #0000aa;
+}
+span.currentlink {
+    text-decoration: none;
+    background-color: #aaaaf9;
+}
+div.toc a:visited {
+    color: #0000aa;
+}
+div.toc a:hover {
+    background-color: #f9f9aa;
+}
+  h1.minitoc, h2.minitoc, h3.minitoc {
+    margin-left: 0mm;
+    font-weight: bold;
+    text-align: left;
+    font-size: 90%;
+    margin-top: 4px;
+    margin-bottom: 4px;
+  }
+  h4.minitoc {
+    margin-left: 0mm;
+    font-weight: normal;
+    font-size: 90%;
+    margin-top: 2px;
+    margin-bottom: 2px;
+  }
+  h5.minitoc {
+    margin-left: 2mm;
+    font-weight: normal;
+    font-size: 85%;
+    margin-top: 2px;
+    margin-bottom: 2px;
+  }
+  h6.minitoc {
+    margin-left: 4mm;
+    font-weight: normal;
+    font-size: 85%;
+    margin-top: 2px;
+    margin-bottom: 2px;
+  }
   h1.c, h2.c, h3.c, h4.c, h5.c, h6.c, p.c {
     text-align: center
   }
@@ -902,35 +1011,6 @@ WOK
     margin-bottom: 20px;
     margin-right: 15mm;
   }
-/*
-  table.hidden {
-    color: #ffffff;
-    text-decoration: none;
-  }
-  td.hidden {
-    color: #ffffff;
-    background-color: #000000;
-  }
-  td.hidden a.active, div.hidden a:hover {
-    color: #ffffff;
-    background-color: #000000;
-  }
-  td.hidden a:hover {
-    text-decoration: none;
-  }
-  div.hidden a {
-    line-height: 12px;
-    margin: 0 0 0 0;
-    text-decoration: none;
-    color: #000077;
-  }
-  div.hidden a.active, div.hidden a:hover {
-    text-decoration: none;
-  }
-  div.hidden a:hover {
-    text-decoration: none;
-  }
-*/
 WOK
     end
     def homepage                                  #stylesheet for index, home page