[Top][All Lists]
[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]
Re: [Orgmode] How to distinguish timestamps in CSS?
From: |
Nick Dokos |
Subject: |
Re: [Orgmode] How to distinguish timestamps in CSS? |
Date: |
Sun, 14 Nov 2010 15:56:20 -0500 |
Christian Moe <address@hidden> wrote:
> 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.
>
Perhaps it'd be possible to (optionally) add an "id" selector to the timestamp
<span> elements and use that for CSS manipulation, tied to an org-mode ID or
some other unique id? Or perhaps just postprocess the HTML output to add such
ids.
Nick