contrib: compact css style

View: New views
4 Messages — Rating Filter:   Alert me  

contrib: compact css style

by Alex Efros-4 :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

Hi!

I've developed alternative css style. Differences from default xhtml11.css:

* Much more compact.
* Verdana as default font.
* All values of table option [frame] now works.
* Bullet markers in 2-nd and 3-rd level differ from 1-st level (Opera).
* Tested in Opera 9, FF 2, IE 6, IE 7, Safari.

You can compare styles here:
http://powerman.name/doc/asciidoc [default style]
http://powerman.name/doc/asciidoc-compact [my compact style]

I've put my style into the Public Domain, so download and use if you like it:
http://powerman.name/doc/compact.css
http://powerman.name/doc/compact-quirks.css


P.S. If you wanna see example with a lot of text - I've downloaded
http://www.methods.co.nz/asciidoc/userguide.txt
and put it temporary here:
http://powerman.name/doc/asciidoc-userguide

--
                        WBR, Alex.
_______________________________________________
asciidoc-discuss mailing list
asciidoc-discuss@...
http://lists.metaperl.com/cgi-bin/mailman/listinfo/asciidoc-discuss

Re: contrib: compact css style

by Stuart Rackham :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

Alex Efros wrote:

> Hi!
>
> I've developed alternative css style. Differences from default xhtml11.css:
>
> * Much more compact.
> * Verdana as default font.
> * All values of table option [frame] now works.
> * Bullet markers in 2-nd and 3-rd level differ from 1-st level (Opera).
> * Tested in Opera 9, FF 2, IE 6, IE 7, Safari.
>
> You can compare styles here:
> http://powerman.name/doc/asciidoc [default style]
> http://powerman.name/doc/asciidoc-compact [my compact style]
>
> I've put my style into the Public Domain, so download and use if you like it:
> http://powerman.name/doc/compact.css
> http://powerman.name/doc/compact-quirks.css
>
>
> P.S. If you wanna see example with a lot of text - I've downloaded
> http://www.methods.co.nz/asciidoc/userguide.txt
> and put it temporary here:
> http://powerman.name/doc/asciidoc-userguide

That's quite a bit smaller (63 pages verses 89 on Firefox), the actual
stylesheet is also a lot more compact.

For those who are not aware, you can select an alternate (X)HTML
stylesheet by putting it in the AsciiDoc stylesheets directory and then
using the AsciiDoc theme attribute, for example:

   asciidoc -a theme=compact -a quirks! doc/article.txt

You'll need to undefine the quirks attribute unless you also have a
compact-quirks.css stylesheet (quirks stylesheets contain CSS kludges
for MSIE broken CSS behavior).

I wonder if we should start at 'themes' collection?


Cheers, Stuart
_______________________________________________
asciidoc-discuss mailing list
asciidoc-discuss@...
http://lists.metaperl.com/cgi-bin/mailman/listinfo/asciidoc-discuss

Re: contrib: compact css style

by Alex Efros-4 :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

Hi!

On Mon, Apr 21, 2008 at 11:53:18AM +1200, Stuart Rackham wrote:
> I wonder if we should start at 'themes' collection?

Actually I'd like to see html generated in more-css-friendly way. But this
mean changing xhtml11.conf, and I dislike idea to repeat these custom
changes each time new asciidoc released. So for now I decided to write css
for existing html.

I understand it's impossible to generate semantical html (as preferred in
web design) just because we have no semantic information in source .txt.
But we can:
- use different class names for different things (something you've
  partially done but called it 'quirks mode' for some reason :))
- remove pure presentation tags like <br> (actually I had to set
  br{display:none} in my css)
- use different class names for alternative markup - for example 'italic'
  and _italic_ may produce different class names and so it will be
  possible to use different markup for different things in documentation
  (but keeping in mind general presentation for both will be italic with
  non-html backend)
- avoid using tables for non-tabular data - for example admonitionblock
  can be defined in pure css without tables

--
                        WBR, Alex.
_______________________________________________
asciidoc-discuss mailing list
asciidoc-discuss@...
http://lists.metaperl.com/cgi-bin/mailman/listinfo/asciidoc-discuss

Re: contrib: compact css style

by Stuart Rackham :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

Alex Efros wrote:

> Hi!
>
> On Mon, Apr 21, 2008 at 11:53:18AM +1200, Stuart Rackham wrote:
>> I wonder if we should start at 'themes' collection?
>
> Actually I'd like to see html generated in more-css-friendly way. But this
> mean changing xhtml11.conf, and I dislike idea to repeat these custom
> changes each time new asciidoc released. So for now I decided to write css
> for existing html.
>
> I understand it's impossible to generate semantical html (as preferred in
> web design) just because we have no semantic information in source .txt.
> But we can:
> - use different class names for different things (something you've
>   partially done but called it 'quirks mode' for some reason :))
> - remove pure presentation tags like <br> (actually I had to set
>   br{display:none} in my css)
> - use different class names for alternative markup - for example 'italic'
>   and _italic_ may produce different class names and so it will be
>   possible to use different markup for different things in documentation
>   (but keeping in mind general presentation for both will be italic with
>   non-html backend)
> - avoid using tables for non-tabular data - for example admonitionblock
>   can be defined in pure css without tables
>

Yes, to achieve these changes you would need override stuff in the
xhtml11.conf file using something like:

   asciidoc -f my-custom-xhtml.conf my-document.txt


Cheers, Stuart
_______________________________________________
asciidoc-discuss mailing list
asciidoc-discuss@...
http://lists.metaperl.com/cgi-bin/mailman/listinfo/asciidoc-discuss