emacs-orgmode@gnu.org archives
 help / color / mirror / code / Atom feed
From: Mike McLean <mike.mclean@pobox.com>
To: Sebastian Wiesner <lunaryorn@gmail.com>
Cc: emacs-orgmode@gnu.org
Subject: Re: Online manual
Date: Sun, 24 Feb 2013 11:37:28 -0500	[thread overview]
Message-ID: <00EA73C7-7BFE-429F-A371-10945A808618@pobox.com> (raw)
In-Reply-To: <CALf2awQgRqpQEj0hZKyhq=76RgcvVTCymvw4SXn=LcS-W=Mivw@mail.gmail.com>


On Feb 24, 2013, at 11:03 AM, Sebastian Wiesner <lunaryorn@gmail.com> wrote:

> Hello,
> 
> how is the online manual of Org mode [1] rendered?  Especially, how is
> the awesome table of contents on the right sight created?

It is done through CSS and I do something similar with most of my HTML exports. I have a custom CSS that I load by having the following in every Org file.

#+begin_example
#+HTML_STYLE: <link rel="stylesheet" type="text/css" href="/Users/mlm/Documents/OrgMaster/org/css/org-html.css" />
#+end_example

Into my custom CSS I copied the TOC CSS from the Org mode home page (see below). I may have altered it slightly from what is on Org for colors and such, but I don't recall.

#+begin_example
@media screen {

    /* TOC inspired by http://jashkenas.github.com/coffee-script */
    #table-of-contents {
        font-size: 10pt;
        position: fixed;
        right: 0em;
        top: 0em;
        background-color: #F3F5F7;
        -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: 10em;
        text-decoration: underline;
        padding-left: 0.5em;
        padding-left: 0.5em;
        padding-top: 0.05em;
        padding-bottom: 0.05em;
        margin-bottom: 15px;
        border: none;
    }

    #table-of-contents ul {
        list-style-type: none;
    }

    #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;
    }
}

@media print {
    /* TOC inspired by http://jashkenas.github.com/coffee-script */
    #table-of-contents {
        font-size: 10pt;
        background: white;
    }

    #table-of-contents h2 {
        font-size: 10pt;
        max-width: 10em;
        text-decoration: underline;
        padding-left: 0.5em;
        padding-left: 0.5em;
        padding-top: 0.05em;
        padding-bottom: 0.05em;
        margin-bottom: 15px;
        border: none;
    }

    #table-of-contents ul {
        list-style-type: none;
    }

    #table-of-contents #text-table-of-contents {
        text-align: left;
    }

    #table-of-contents:hover #text-table-of-contents {
        display: block;
        padding: 0.5em;
        margin-top: -1.5em;
    }

}
#+end_example

  reply	other threads:[~2013-02-24 16:37 UTC|newest]

Thread overview: 9+ messages / expand[flat|nested]  mbox.gz  Atom feed  top
2013-02-24 16:03 Sebastian Wiesner
2013-02-24 16:37 ` Mike McLean [this message]
2013-02-24 16:48   ` Sebastian Wiesner
2013-02-24 17:52     ` Thomas S. Dye
2013-02-24 17:53     ` Jonathan Leech-Pepin
  -- strict thread matches above, loose matches on Subject: below --
2009-06-29 13:24 Shaun Johnson
2009-06-30  5:03 ` Carsten Dominik
2009-06-30  5:05 ` Carsten Dominik
2009-06-30  8:30   ` Shaun Johnson

Reply instructions:

You may reply publicly to this message via plain-text email
using any one of the following methods:

* Save the following mbox file, import it into your mail client,
  and reply-to-all from there: mbox

  Avoid top-posting and favor interleaved quoting:
  https://en.wikipedia.org/wiki/Posting_style#Interleaved_style

  List information: https://www.orgmode.org/

* Reply using the --to, --cc, and --in-reply-to
  switches of git-send-email(1):

  git send-email \
    --in-reply-to=00EA73C7-7BFE-429F-A371-10945A808618@pobox.com \
    --to=mike.mclean@pobox.com \
    --cc=emacs-orgmode@gnu.org \
    --cc=lunaryorn@gmail.com \
    --subject='Re: Online manual' \
    /path/to/YOUR_REPLY

  https://kernel.org/pub/software/scm/git/docs/git-send-email.html

* If your mail client supports setting the In-Reply-To header
  via mailto: links, try the mailto: link

Code repositories for project(s) associated with this inbox:

	https://git.savannah.gnu.org/cgit/emacs/org-mode.git

This is a public inbox, see mirroring instructions
for how to clone and mirror all data and code used for this inbox;
as well as URLs for read-only IMAP folder(s) and NNTP newsgroup(s).