From 13c1874539962c9d76a3a1dfbb877361ea9ff61d Mon Sep 17 00:00:00 2001
From: Bastien Guerry <bzg@altern.org>
Date: Wed, 19 Jan 2011 01:30:02 +0100
Subject: [PATCH] worg.css: use Jason style.

---
 worg.css              | 155 +++++++++++++++++++++++++++++++++-----------------
 worg.css => worg1.css |   0
 2 files changed, 102 insertions(+), 53 deletions(-)
 copy worg.css => worg1.css (100%)

diff --git a/worg.css b/worg.css
index 7647c69..f3168c3 100644
--- a/worg.css
+++ b/worg.css
@@ -1,92 +1,136 @@
 @media all
 {
   body {
-    margin: 10px 8% 10px 8%;
-    font-family: Verdana;
-    text-align: justify;
+    font:0.9em serif;
+    max-width: 95%;
+    margin: auto;
+    background-image: url(http://orgmode.org/tmp/org-mode-unicorn.png);
+    background-repeat: no-repeat;
+    }
+    body #content {
+      padding-top: 45px;
+    }
+    body .title {
+      margin-left: 120px;
+    }
+  }
+
+  /* TOC inspired by http://jashkenas.github.com/coffee-script */
+  #table-of-contents {
     font-size: 10pt;
-    padding: 10px;
-    line-height: 1.2em;
-  }
+    position: fixed;
+    right: 0em;
+    top: 0em;
+    background: white;
+    -webkit-box-shadow: 0 0 1em #777777;
+    -moz-box-shadow: 0 0 1em #777777;
+    -webkit-border-bottom-left-radius: 5px;
+    -moz-border-radius-bottomleft: 5px;
+    text-align: right;
+    /* ensure doesn't flow off the screen when expanded */
+    max-height: 80%;
+    overflow: auto; }
+    #table-of-contents h2 {
+      font-size: 10pt;
+      max-width: 8em;
+      font-weight: normal;
+      padding-left: 0.5em;
+      padding-left: 0.5em;
+      padding-top: 0.05em;
+      padding-bottom: 0.05em; }
+    #table-of-contents #text-table-of-contents {
+      display: none;
+      text-align: left; }
+    #table-of-contents:hover #text-table-of-contents {
+      display: block;
+      padding: 0.5em;
+      margin-top: -1.5em; }
 
-  #table-of-contents {
-    color: black;
-    background: #FFF;
-    font-size: 80%;
-    padding: .5em;
-    margin: 1em -2em 1em 1em;
-    display: block;
+  #license {
+    padding: .3em;
+    border: 1px solid grey;
+    background-color: #eeeeee;
   }
 
-  #table-of-contents a  {
-    color: #003333;
+  h1 {
+    font-family:Sans;
+    font-size:2.1em;
+    font-weight:bold;
+    padding:0 0 30px 0;
+    margin-top: 10px;
+    margin-bottom: 10px;
+    margin-right: 7%;
   }
 
-  #table-of-contents a:hover {
-    color: #003333;
-    text-decoration: underline;
+/*
+  h2:before {
+    content: "* "
   }
 
-  #table-of-contents li  {
-    margin: .2em;
+  h3:before {
+    content: "** "
   }
 
-  #table-of-contents h2 {
-    margin-top: .2em;
-    border: none;
+  h4:before {
+    content: "*** "
   }
+*/
 
-  #license {
-    padding: .3em;
-    border: 1px solid grey;
-    background-color: #eeeeee;
-    font-size: 80%;
+  h2 {
+    font-family:Arial,sans-serif;
+    font-size:1.45em;
+    font-weight:bold;
+    line-height:16px;
+    padding:7px 0 0 0;
+    color: #7C0000;
   }
 
-  h1 {
-    font-size: 12pt;
+  .outline-text-2 {
+    margin-left: 0.1em
   }
 
   .title {
-    color: #990000;
-    padding-bottom: 7px;
-    margin-bottom: 20px;
-    border-bottom: 1px solid #222;
-  }
 
-  h2 {
-    font-size: 12pt;
-    padding-bottom: 4px;
-    margin-bottom: 5px;
-    border-bottom: 3px solid #DDD;
   }
 
   h3 {
-    font-size: 11pt;
-    color: #333333;
+    font-family:Arial,sans-serif;
+    font-size:1.3em;
+    font-weight:bold;
+    color: #00046E;
+    margin-left: 0.6em;
+  }
+
+  .outline-text-3 {
+    margin-left: 0.9em;
   }
 
   h4 {
-    font-size: 9pt;
+    font-family:Arial,sans-serif;
+    font-size:1.2em;
+    font-weight:bold;
+    margin-left: 1.2em;
+    color: #00574F;
+  }
+
+  .outline-text-4 {
+    margin-left: 1.45em;
   }
 
   a {
     text-decoration: none;
-    color: #006666
   }
 
   a:visited {
     text-decoration: none;
-    color: #336666
   }
 
   a:hover {
-    text-decoration: underline;
-    color: #003333
+
   }
 
   .todo {
-    color: #990000;
+    color: #CA0000;
   }
 
   .done {
@@ -98,9 +142,7 @@
   }
 
   .tag {
-    color: #DDD;
-    font-size: 70%;
-    font-weight: 500;
+
   }
 
   li {
@@ -113,7 +155,6 @@
 
   td {
     border: none;
-    padding: .1em .7em .1em .3em;
   }
 
   th {
@@ -153,6 +194,13 @@
   /*     border: 2px solid grey; */
   /* } */
 
+  /* pre { */
+  /*   color: black; */
+  /*   background-color: #efefef; */
+  /*   padding: 1.2em; */
+  /*   border: 1px solid #dddddd; */
+  /* } */
+
   pre {
       background-color: black;
       border: 4px solid grey;
@@ -756,8 +804,9 @@
   }
   .outline-text-1, .outline-text-2, .outline-text-3, .outline-text-4, .outline-text-5, .outline-text-6 {
     /* Add more spacing between section. Padding, so that folding with org-info.js works as expected. */
-    padding-bottom:2em;
+
   }
+
   .org-preprocessor {
     /* font-lock-preprocessor-face */
     color: #da70d6;
diff --git a/worg.css b/worg1.css
similarity index 100%
copy from worg.css
copy to worg1.css
-- 
2.11.4.GIT