[Top][All Lists]
[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]
[Orgmode] Re: How to distinguish timestamps in CSS?
From: |
Sébastien Vauban |
Subject: |
[Orgmode] Re: How to distinguish timestamps in CSS? |
Date: |
Mon, 15 Nov 2010 11:08:27 +0100 |
User-agent: |
Gnus/5.13 (Gnus v5.13) Emacs/23.1.50 (windows-nt) |
Hi all,
Thanks Christian for info about this "plus" selection -- I totally ignored it.
Thanks for enlightening me.
David Maus wrote:
> At Sun, 14 Nov 2010 15:56:20 -0500, Nick Dokos wrote:
>> 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.
>
> Or make the HTML export add a timestamp keyword specific class to the
> timestamp keyword span element. So you could use:
I guess that'd be the way to go. In fact, I envision more than a color
background: I'd wanna use an image background. Something like:
,----------------,
| DEADLINE |
|----------------|
| 2010-11-15 Mon |
`----------------'
just below the heading.
> #+begin_src css
> .timestamp-kwd-scheduled + .timestamp { color: red; }
> #+end_src
>
> Cf. http://www.w3.org/TR/CSS2/selector.html
>
> I recorded a WISH for this in the issues file.
Working a bit more on my CSS (that should become a PROP for Worg3.css), I
envision as well a nicer "calendar icon" for the dates (a priori, inactive
timestamps telling when the meeting took place or when the note was taken):
,------,
| Mon |
|------|
| Nov |
| 15 | (in bigger size)
| 2010 |
`------'
That could be placed on the left, in the margin, for example.
But, to be able to do such a thing, we would even need the different
components to be selectable:
- year
- month
- day
- day name
Best regards,
Seb
--
Sébastien Vauban