@namespace url(http://www.w3.org/1999/xhtml);

/* * * * * * * * * * * *

name:         short-lines.user.css
description:  limits maximum line-length
version:      0.2
scope:        global
last modif:   2007-01-08 19:29:00
created:      2006-12-27 (?)
url:          http://eldar.cz/myf/pub/firefox/short-lines.user.css
author:       myf (Michal Caplygin)
contact:      http://eldar.cz/myf/

*** longdesc:
Makes pages more readable especially for some
typographic freaks. Usefull for large viewports.

** How?
1) Sets max-width of every container that
 is supposed to hold text directly in it.
2) Tries to center these blocks
 That is overriden by any more specific
 authors rule; so it should not damage
 anything.

** known issues:
1) blocks sized by theirs no-wrap content
 seen at http://www.graphicsguru.com/

** questions:
1) what the hell is the THE optimal width?

* * * * * * * * * * * */



/*
 headings;
 excluding:
  h1
 (some webs have whole title in it)
*/ /* */
h2 ,
h3 ,
h4 ,
h5 ,
h6 ,

/*
 other 'headings';
*/ /* */
caption ,
th ,
lh ,
dt ,

/*
 context-dependant blocks
 excluding:
  ul , ol , dl
 exc. adept is: td ,
 (may destroy table layouts;
 but I haven't met that case yet.
 Also dd would cause unwanted
 issue but its easy to fix.
 see (§dd_fix)
*/ /* */
td ,
li ,
dd ,

/*
 general blocks
 excluding:
  div , center ,
*/ /* */
address ,
blockquote ,


/*
 holy parahraph itself
*/ /* */
p {
 max-width: 60ex;
 margin-left: auto;
 margin-right: auto;
}

/*
 monospaces (different width??)
*/ /* */
pre , xmp {
 max-width: 80ex;
 margin-left: auto;
 margin-right: auto;
}


/*
 magic
 if div is in table, it cannot make
 a sesible layout. cut it too!
*/ /* disabled
table td > div {
 max-width: 60ex;
 margin-left: auto;
 margin-right: auto;
}
*/


/*
 §dd_fix
 makes dt VS dd distinguishable again
*/ /* */
dd {
 padding-left: 1.5em;
}


/*
 try to center content, gently
*/ /* */
body > * {
 margin-left: auto;
 margin-right: auto;
}