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
next prev parent 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 Online manual 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
* 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 \
/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
Be sure your reply has a Subject: header at the top and a blank line
before the message body.
Code repositories for project(s) associated with this external index
https://git.savannah.gnu.org/cgit/emacs.git
https://git.savannah.gnu.org/cgit/emacs/org-mode.git
This is an external index of several public inboxes,
see mirroring instructions on how to clone and mirror
all data and code used by this external index.