From mboxrd@z Thu Jan  1 00:00:00 1970
From: Christian Moe <mail@christianmoe.com>
Subject: Re: How to distinguish timestamps in CSS?
Date: Sun, 14 Nov 2010 21:40:25 +0100
Message-ID: <4CE04939.2090802@christianmoe.com>
References: <80hbfku7ro.fsf@mundaneum.com>
Reply-To: mail@christianmoe.com
Mime-Version: 1.0
Content-Type: text/plain; charset=UTF-8; format=flowed
Content-Transfer-Encoding: 8bit
Return-path: <emacs-orgmode-bounces+geo-emacs-orgmode=m.gmane.org@gnu.org>
Received: from [140.186.70.92] (port=39990 helo=eggs.gnu.org)
	by lists.gnu.org with esmtp (Exim 4.43) id 1PHjLk-0003DO-Qi
	for emacs-orgmode@gnu.org; Sun, 14 Nov 2010 15:38:57 -0500
Received: from Debian-exim by eggs.gnu.org with spam-scanned (Exim 4.71)
	(envelope-from <mail@christianmoe.com>) id 1PHjLj-0003FH-Ss
	for emacs-orgmode@gnu.org; Sun, 14 Nov 2010 15:38:56 -0500
Received: from mars.hitrost.net ([91.185.193.39]:19822)
	by eggs.gnu.org with esmtp (Exim 4.71)
	(envelope-from <mail@christianmoe.com>) id 1PHjLj-0003Du-M0
	for emacs-orgmode@gnu.org; Sun, 14 Nov 2010 15:38:55 -0500
In-Reply-To: <80hbfku7ro.fsf@mundaneum.com>
List-Id: "General discussions about Org-mode." <emacs-orgmode.gnu.org>
List-Unsubscribe: <http://lists.gnu.org/mailman/listinfo/emacs-orgmode>,
	<mailto:emacs-orgmode-request@gnu.org?subject=unsubscribe>
List-Archive: <http://lists.gnu.org/archive/html/emacs-orgmode>
List-Post: <mailto:emacs-orgmode@gnu.org>
List-Help: <mailto:emacs-orgmode-request@gnu.org?subject=help>
List-Subscribe: <http://lists.gnu.org/mailman/listinfo/emacs-orgmode>,
	<mailto:emacs-orgmode-request@gnu.org?subject=subscribe>
Sender: emacs-orgmode-bounces+geo-emacs-orgmode=m.gmane.org@gnu.org
Errors-To: emacs-orgmode-bounces+geo-emacs-orgmode=m.gmane.org@gnu.org
To: =?UTF-8?B?U8OpYmFzdGllbiBWYXViYW4=?= <wxhgmqzgwmuf@spammotel.com>
Cc: emacs-orgmode@gnu.org

Hi,

Only partly.

On 11/14/10 12:24 AM, Sébastien Vauban wrote:
> Hello,
>
> A quick (but not easy?) question about the Org publish to HTML and CSS: I
> would like to make the 3 different timestamps stand out with different
> backgrounds.
>
> Is it possible with CSS?  I have the impression that it currently is not,
> but...
>
> This is some sample output in HTML:
>
> #+begin_src html
> <p><span class="timestamp-wrapper">  <span class="timestamp">2010-11-13 Sat</span></span><br/>
> <span class="timestamp-wrapper"><span class="timestamp-kwd">SCHEDULED:</span>  <span class="timestamp">2010-11-15 Mon</span></span><br/>
> <span class="timestamp-wrapper"><span class="timestamp-kwd">DEADLINE:</span>  <span class="timestamp">2010-11-20 Sat</span></span><br/>
> </p>
> #+end_src
>
> Best regards,
>    Seb
>

You can distinguish between timestamps with and without a keyword. The 
following will set a red background on SCHEDULED and DEADLINE 
timestamps (sorry for the noise if this was clear to you already).

#+STYLE: <style>.timestamp-kwd + .timestamp {background-color: 
red}</style>

But you cannot distinguish between different keywords -- no CSS 
selector works on text content. You could use Javascript.

Yours,
Christian