From mboxrd@z Thu Jan 1 00:00:00 1970 From: Sebastian Wiesner Subject: Re: Online manual Date: Sun, 24 Feb 2013 17:48:12 +0100 Message-ID: References: <00EA73C7-7BFE-429F-A371-10945A808618@pobox.com> Mime-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Return-path: Received: from eggs.gnu.org ([208.118.235.92]:45162) by lists.gnu.org with esmtp (Exim 4.71) (envelope-from ) id 1U9ekI-00049D-GM for emacs-orgmode@gnu.org; Sun, 24 Feb 2013 11:48:17 -0500 Received: from Debian-exim by eggs.gnu.org with spam-scanned (Exim 4.71) (envelope-from ) id 1U9ekH-00052g-7p for emacs-orgmode@gnu.org; Sun, 24 Feb 2013 11:48:14 -0500 Received: from mail-qc0-f179.google.com ([209.85.216.179]:54816) by eggs.gnu.org with esmtp (Exim 4.71) (envelope-from ) id 1U9ekH-00052V-3P for emacs-orgmode@gnu.org; Sun, 24 Feb 2013 11:48:13 -0500 Received: by mail-qc0-f179.google.com with SMTP id b40so976551qcq.38 for ; Sun, 24 Feb 2013 08:48:12 -0800 (PST) In-Reply-To: <00EA73C7-7BFE-429F-A371-10945A808618@pobox.com> List-Id: "General discussions about Org-mode." List-Unsubscribe: , List-Archive: List-Post: List-Help: List-Subscribe: , Errors-To: emacs-orgmode-bounces+geo-emacs-orgmode=m.gmane.org@gnu.org Sender: emacs-orgmode-bounces+geo-emacs-orgmode=m.gmane.org@gnu.org To: Mike McLean Cc: emacs-orgmode@gnu.org 2013/2/24 Mike McLean : > > On Feb 24, 2013, at 11:03 AM, Sebastian Wiesner 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. So is the Org manual written in Org? I thought it was written in Texinfo. After all, there is a Texinfo document in the Org sources [1]. Is this Texinfo document generated from some Org document? Generally, can Org be exported to Texinfo/Info? [1]: http://orgmode.org/cgit.cgi/org-mode.git/tree/doc/org.texi > #+begin_example > #+HTML_STYLE: > #+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 >