From mboxrd@z Thu Jan  1 00:00:00 1970
From: <Ken.Williams@thomsonreuters.com>
Subject: Styling HTML output
Date: Thu, 25 Aug 2011 18:57:39 +0000
Message-ID: <CA7C0550.454E4%ken.williams@thomsonreuters.com>
Mime-Version: 1.0
Content-Type: text/plain; charset="us-ascii"
Content-Transfer-Encoding: quoted-printable
Return-path: <emacs-orgmode-bounces+geo-emacs-orgmode=m.gmane.org@gnu.org>
Received: from eggs.gnu.org ([140.186.70.92]:60333)
	by lists.gnu.org with esmtp (Exim 4.71)
	(envelope-from <Ken.Williams@thomsonreuters.com>) id 1Qwf7Z-00073t-Oj
	for emacs-orgmode@gnu.org; Thu, 25 Aug 2011 14:57:46 -0400
Received: from Debian-exim by eggs.gnu.org with spam-scanned (Exim 4.71)
	(envelope-from <Ken.Williams@thomsonreuters.com>) id 1Qwf7Y-0000A5-87
	for emacs-orgmode@gnu.org; Thu, 25 Aug 2011 14:57:45 -0400
Received: from mailout2-trp.thomsonreuters.com ([163.231.6.26]:19894)
	by eggs.gnu.org with esmtp (Exim 4.71)
	(envelope-from <Ken.Williams@thomsonreuters.com>) id 1Qwf7Y-00009d-3r
	for emacs-orgmode@gnu.org; Thu, 25 Aug 2011 14:57:44 -0400
Received: from trpusmneagrly02.int.westgroup.com (relay2 [163.231.22.113])
	by mailout2-trp.thomsonreuters.com
	(Sentrion-MTA-4.0.5/Sentrion-MTA-4.0.5) with ESMTP id p7PIvfTg016724
	(version=TLSv1/SSLv3 cipher=DHE-RSA-AES256-SHA bits=256 verify=FAIL)
	for <emacs-orgmode@gnu.org>; Thu, 25 Aug 2011 18:57:41 GMT
Received: from EAGE-ERFPHUB02.ERF.thomson.com (EAGE-ERFPHUB02.erf.thomson.com
	[163.231.23.34]) by trpusmneagrly02.int.westgroup.com
	(Sentrion-MTA-4.0.5/Sentrion-MTA-4.0.5) with ESMTP id p7PIvfe2006472
	(version=TLSv1/SSLv3 cipher=AES128-SHA bits=128 verify=FAIL)
	for <emacs-orgmode@gnu.org>; Thu, 25 Aug 2011 18:57:41 GMT
Content-Language: en-US
Content-ID: <91B86E519947BB40B85F6C7DCF6E03AB@local>
List-Id: "General discussions about Org-mode." <emacs-orgmode.gnu.org>
List-Unsubscribe: <https://lists.gnu.org/mailman/options/emacs-orgmode>,
	<mailto:emacs-orgmode-request@gnu.org?subject=unsubscribe>
List-Archive: </archive/html/emacs-orgmode>
List-Post: <mailto:emacs-orgmode@gnu.org>
List-Help: <mailto:emacs-orgmode-request@gnu.org?subject=help>
List-Subscribe: <https://lists.gnu.org/mailman/listinfo/emacs-orgmode>,
	<mailto:emacs-orgmode-request@gnu.org?subject=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: emacs-orgmode@gnu.org

I wanted to share some CSS code that I've found useful for exported HTML do=
cuments.  It adds a little "R" or "sh" or "Perl" (etc.) label to the top of=
 a source block.

(setq org-export-html-style
"<style type=3D\"text/css\">
    <!--/*--><![CDATA[/*><!--*/
      .src             { background-color: #F5FFF5; position: relative; ove=
rflow: visible; }
      .src:before      { position: absolute; top: -15px; background: #fffff=
f; padding: 1px; border: 1px solid #000000; font-size: small; }
      .src-sh:before   { content: 'sh'; }
      .src-bash:before { content: 'sh'; }
      .src-R:before    { content: 'R'; }
      .src-perl:before { content: 'Perl'; }
      .src-sql:before  { content: 'SQL'; }
      .example         { background-color: #FFF5F5; }
    /*]]>*/-->
</style>")

I got help on Stack Overflow to figure that out:  http://stackoverflow.com/=
questions/7192054/create-box-with-title-legend-in-css .

I stick that in my .emacs file and I get output with nice little labels.  H=
opefully someone else will find it useful too.

--
Ken Williams
Senior Research Scientist
Thomson Reuters
http://labs.thomsonreuters.com