DokuWiki Beautifier: Floating Table of Contents (TOC) and others

Just put the following code inside  conf/userstyle.css  inside DokuWiki directory.

P.S. What you get from the code:

1. The table of content moves up/down as you scroll.
2. "Edit" buttons are a bit more stylish. (comment out if you don't like it)

    1 /* Place customisations to screen mode style sheet here */
    2 
    3 /* table-of-content sidebar*/
    4 div.toc {
    5   position: fixed !important;
    6   top: 1em !important;
    7   bottom: 3em !important;
    8   right: 0px !important;
    9   overflow-y: auto !important;
   10   display: -moz-box !important;
   11   height: 90% !important;
   12   width: 16% !important;
   13 }
   14 
   15 /* reducing page width to save it from going under toc */
   16 div.header, div.bar, div.doc, div.breadcrumbs {width:82% !important}
   17 div.page {
   18   width: 80% !important;
   19   border: 0px #6C9AD0 solid !important;
   20   padding: 1em !important;
   21 }
   22 
   23 /* styling the 'Edit' button */
   24 input[value="Edit"] {
   25 font-weight: bold !important;
   26 font-size:1em !important;
   27 border-width: 0.2em !important;
   28 }
   29