data/stylesheets/rdoc.css in emerald-0.0.1.alpha4 vs data/stylesheets/rdoc.css in emerald-0.0.1

@@ -11,24 +11,30 @@
  * Everything that is somehow ToC-like includes
  * this mixin. */
 /****************************************
  * General styles
  ****************************************/
+html {
+  height: 100%; }
+
 body {
   background-color: #FEFEFE;
-  font-family: serif; }
+  font-family: serif;
+  height: 100%;
+  margin: 0px; }
 
 h1 {
   border-bottom: 1px solid gray;
   color: black;
   font-family: serif;
   font-variant: normal;
-  font-weight: normal; }
+  font-weight: normal;
+  margin-top: 0px; }
 
 h2 {
-  border-bottom: 1px dotted #0e3062;
-  color: #0e3062;
+  border-bottom: 1px dotted #0E3062;
+  color: #0E3062;
   font-family: serif;
   font-variant: normal;
   font-weight: bold; }
 
 h3 {
@@ -38,11 +44,11 @@
   font-variant: small-caps;
   font-weight: normal; }
 
 h4 {
   border-bottom: none;
-  color: #0e3062;
+  color: #0E3062;
   font-family: sans-serif;
   font-variant: normal;
   font-weight: bold; }
 
 h5 {
@@ -76,16 +82,17 @@
  ****************************************/
 .clear {
   clear: both; }
 
 /* The ¶ signs on headings */
-a.para {
+h1 span a, h2 span a, h3 span a, h4 span a, h5 span a, h6 span a {
+  display: hidden;
   text-decoration: none;
   color: gray; }
-  a.para:hover {
-    background: none;
-    color: gray; }
+  h1 span a:before, h2 span a:before, h3 span a:before, h4 span a:before, h5 span a:before, h6 span a:before {
+    content: " ";
+    /* otherwise the ¶ looks bad */ }
 
 /* These spans are created by the search field */
 span.search-result {
   background-color: yellow; }
 
@@ -93,12 +100,12 @@
 div.method {
   margin-bottom: 5px;
   /* Shift headings down by 1, so that a level-2
    * heading effectively becomes a level-3 one. */ }
   div.method h1 {
-    border-bottom: 1px dotted #0e3062;
-    color: #0e3062;
+    border-bottom: 1px dotted #0E3062;
+    color: #0E3062;
     font-family: serif;
     font-variant: normal;
     font-weight: bold; }
   div.method h2 {
     border-bottom: none;
@@ -107,11 +114,11 @@
     font-variant: small-caps;
     font-weight: normal;
     font-size: 120%; }
   div.method h3 {
     border-bottom: none;
-    color: #0e3062;
+    color: #0E3062;
     font-family: sans-serif;
     font-variant: normal;
     font-weight: bold; }
   div.method h4 {
     border-bottom: none;
@@ -135,51 +142,51 @@
     padding-left: 4px;
     padding-right: 4px; }
 
 div.public-class {
   border: 1px solid gray;
-  background-color: #ffffd2; }
+  background-color: #FFFFD2; }
   div.public-class div.header {
     border-bottom: 1px solid gray;
-    background-color: #eeeeee;
+    background-color: #EEEEEE;
     color: black; }
   div.public-class div.description {
     color: black; }
 
 div.protected-class {
-  border: 1px solid #005b10;
-  background-color: #ddffdd; }
+  border: 1px solid #005B10;
+  background-color: #DDFFDD; }
   div.protected-class div.header {
-    border-bottom: 1px solid #005b10;
-    background-color: #7fd58e;
+    border-bottom: 1px solid #005B10;
+    background-color: #7FD58E;
     color: black; }
   div.protected-class div.description {
     color: black; }
 
 div.private-class {
-  border: 1px solid lime;
+  border: 1px solid #00FF00;
   background-color: black; }
   div.private-class div.header {
-    border-bottom: 1px solid lime;
+    border-bottom: 1px solid #00FF00;
     background-color: #333333;
-    color: lime; }
+    color: #00FF00; }
   div.private-class div.description {
     color: white; }
 
 div.public-instance {
   border: 1px solid blue;
-  background-color: #eeeeee; }
+  background-color: #EEEEEE; }
   div.public-instance div.header {
     border-bottom: 1px solid blue;
     background-color: #336699;
     color: white; }
   div.public-instance div.description {
     color: black; }
 
 div.protected-instance {
   border: 1px solid black;
-  background-color: #ddddff; }
+  background-color: #DDDDFF; }
   div.protected-instance div.header {
     border-bottom: 1px solid black;
     background-color: #888888;
     color: white; }
   div.protected-instance div.description {
@@ -195,11 +202,11 @@
   div.private-instance div.description {
     color: white; }
 
 /********** Indices **********/
 div.index {
-  height: 33%; }
+  height: 33.33%; }
   div.index div.list {
     height: 80%;
     overflow-x: hidden;
     overflow-y: auto; }
   div.index ul {
@@ -300,13 +307,15 @@
     border: 1px solid gray;
     background-color: #EEEEEE; }
 
 /********** Attribute docs **********/
 ul.attribute-list {
-  list-style-image: url("images/tag_blue.png"); }
+  line-height: 1.5em; }
   ul.attribute-list strong {
     color: #336699; }
+  ul.attribute-list sup {
+    font-size: x-small; }
 
 /********** Sourcecode listings **********/
 p.show-source {
   font-style: italic; }
 
@@ -335,16 +344,14 @@
 /****************************************
  * Unique elements
  ****************************************/
 div#sidebar {
   position: fixed;
-  top: 4px;
-  left: 4px;
-  width: 19%;
-  /* Some space */
-  height: 95%;
-  /* This is adjusted by JavaScript */
+  top: 0px;
+  width: 14%;
+  min-width: 100px;
+  height: 100%;
   padding-right: 8px;
   overflow: hidden;
   border-right: 2px dashed gray; }
   div#sidebar form#search {
     height: 5%; }
@@ -354,15 +361,12 @@
         width: 100%; }
   div#sidebar div#indices {
     height: 95%; }
 
 div#content {
-  position: absolute;
-  top: 4px;
-  right: 4px;
-  width: 78.5%;
-  /* Some space */
-  padding-left: 10px; }
+  padding-right: 10px;
+  padding-top: 8px;
+  margin-left: 15.5%; }
 
 div#footer {
   border-top: 1px solid gray;
   font-size: small;
   color: gray; }