html segments structure and info provided (a bit verbose), and css

1 files changed, 9 insertions, 251 deletions

diff --git a/lib/sisu/v0/css.rb b/lib/sisu/v0/css.rb
index 1eef5023..449f51d8 100644
--- a/lib/sisu/v0/css.rb
+++ b/lib/sisu/v0/css.rb
@@ -285,7 +285,7 @@ WOK
     text-align: left;
   }
 
-  p.tiny, p.tiny_left, p.tiny_right, p.tiny_center {
+  .tiny, .tiny_left, .tiny_right, .tiny_center {
     font-size: 10px;
     margin-top: 0px;
     margin-bottom: 0px;
@@ -634,6 +634,7 @@ WOK
     margin-top: 20px;
     margin-bottom: 10px;
   }
+
   h1.banner {
     font-size: 120%;
   }
@@ -767,6 +768,13 @@ WOK
     background-color: #eeeeee;
     margin-right:1em;
   }
+  div.summary {
+    margin: 0;
+    padding: 0;
+    border-left: 13em solid #eeeeee;
+    padding-left: 1em;
+    background-color: #eeeeee;
+  }
   div.content {
     margin: 0;
     padding: 0;
@@ -915,256 +923,6 @@ WOK
   #banner h1 { margin:0px; padding:10px}
 WOK
     end
-    def html_bk                                   #stylesheet for html... check use
-<<WOK
-    document {
-      display: block;
-      margin-left: 0mm;
-      margin-right: 0mm;
-    }
-    head {
-      display: block;
-      margin-bottom: 20px;
-      background-color: #dddddd;
-    }
-    dc,keywords,copyright {
-      display: block;
-      font-family: #{fonts};
-      color: blue;
-      background-color: #dddddd;
-      font-weight: normal;
-      text-align: justify;
-      font-size: xx-small%;
-      line-height: 120%;
-      margin-left: 5%;
-      margin-right: 5mm;
-      margin-top: 0px;
-      margin-bottom: 0px;
-    }
-    keywords,copyright {
-      display: block;
-      font-family: #{fonts};
-      color: red;
-      background-color: #dddddd;
-      font-weight: normal;
-      text-align: justify;
-      font-size: xx-small%;
-      line-height: 120%;
-      margin-left: 5%;
-      margin-right: 5mm;
-      margin-top: 0px;
-      margin-bottom: 0px;
-    }
-    table {
-      margin-left: 5%;
-      display: block;
-    }
-    tr {
-      display: block;
-    }
-    th, td {
-      display: inline;
-    }
-    th.left {
-      text-align: left;
-    }
-    td.right {
-      text-align: right;
-    }
-    body {
-      color: black;
-      background: #ffffff;
-    }
-    a:link {
-      color: #003399;
-      text-decoration: none;
-    }
-    a:visited {
-      color: #003399;
-      text-decoration: none;
-      /* background-color: #e3ecef; */
-    }
-    a:hover {
-      color: #000000;
-      text-decoration: underline;
-      background-color: #fff3b6;
-    }
-    a:hover IMG {
-      background-color: #ffffff;
-    }
-    a:active {
-      color: #003399;
-      text-decoration: underline;
-    }
-    p {
-      display: block;
-      font-family: #{fonts};
-      font-weight: normal;
-      text-align: justify;
-      font-size: 100%;
-      line-height: 150%;
-      margin-left: 5%;
-      margin-right: 5%;
-      margin-top: 2px;
-      margin-bottom: 0px;
-    }
-    p.norm { }
-    p.h1 {
-      font-family: #{fonts};
-      font-size: 120%;
-      font-weight: bold;
-      text-align: left;
-      line-height: 120%;
-      margin-top: 20px;
-      margin-bottom: 10px;
-    }
-    p.h2 {
-      font-weight: bold;
-      font-size: 110%;
-      text-align: left;
-      margin-top: 20px;
-      margin-bottom: 10px;
-    }
-    p.h3 {
-      font-size: 110%;
-      font-weight: bold;
-      text-align: left;
-    }
-    p.h4 {
-      font-size: 110%;
-      font-weight: bold;
-      text-align: left;
-    }
-    p.h5 {
-      font-size: 110%;
-      font-weight: bold;
-      text-align: left;
-    }
-    p.h6 {
-      font-size: 110%;
-      font-weight: bold;
-      text-align: left;
-    }
-    p.toc1 {
-      font-weight: bold;
-      font-size: small;
-      text-align: left;
-      line-height: 100%;
-      margin-left: 5%;
-      margin-right: 5%;
-      margin-top: 10px;
-      margin-bottom: 5px;
-    }
-    p.toc2 {
-      font-weight: bold;
-      font-size: x-small;
-      text-align: left;
-      line-height: 100%;
-      margin-left: 5%;
-      margin-right: 10%;
-      margin-top: 10px;
-      margin-bottom: 5px;
-    }
-    p.toc3 {
-      font-size: x-small;
-      text-align: left;
-      line-height: 100%;
-      margin-left: 5%;
-      margin-right: 10%;
-      margin-top: 10px;
-      margin-bottom: 5px;
-    }
-    p.toc4 {
-      font-size: x-small;
-      text-align: left;
-      line-height: 100%;
-      margin-left: 10%;
-      margin-right: 10%;
-      margin-top: 5px;
-      margin-bottom: 5px;
-    }
-    p.toc5 {
-      font-size: x-small;
-      text-align: left;
-      line-height: 100%;
-      margin-left: 15%;
-      margin-right: 10%;
-      margin-top: 5px;
-      margin-bottom: 5px;
-    }
-    p.toc6 {
-      font-size: x-small;
-      text-align: left;
-      line-height: 100%;
-      margin-left: 20%;
-      margin-right: 10%;
-      margin-top: 5px;
-      margin-bottom: 5px;
-    }
-/* microtoc for use later -->  */
-/*
-
-*/
-/* subtoc --> */
-    p.subtoc4 {
-      font-size: x-small;
-      text-align: left;
-      line-height: 100%;
-      margin-left: 10%;
-      margin-right: 10%;
-      margin-top: 5px;
-      margin-bottom: 5px;
-    }
-    p.subtoc5 {
-      font-size: x-small;
-      text-align: left;
-      line-height: 100%;
-      margin-left: 15%;
-      margin-right: 10%;
-      margin-top: 5px;
-      margin-bottom: 5px;
-    }
-    p.subtoc6 {
-      font-size: x-small;
-      text-align: left;
-      line-height: 100%;
-      margin-left: 20%;
-      margin-right: 10%;
-      margin-top: 5px;
-      margin-bottom: 5px;
-    }
-    p.ocn {
-      display: block;
-      text-align: right;
-      vertical-align: super;
-      color: #999999;
-      font-size: xx-small;
-      margin-right: 0mm;
-      margin-top: 0px;
-      margin-bottom: 0px;
-    }
-    p.note {
-      display: block;
-      font-size: small;
-      font-family: #{fonts};
-      font-weight: normal;
-      line-height: 150%;
-      text-align: justify;
-      margin-left: 10%;
-      margin-right: 5%;
-      margin-top: 4px;
-      margin-bottom: 0px;
-    }
-    en {
-      font-size: xx-small;
-      vertical-align: super;
-    }
-    i { font-style: italic; }
-    b { font-style: bold; }
-    u { text-decoration: underline; }
-    br { display: block; }
-WOK
-    end
     def xhtml                                     #stylesheet for xhtml
 <<WOK
 /* SiSU css xhtml & sax.xml default style */