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

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

name:         myfavolours.user.css
description:  forces your colour scheme
version:      0.9.2
scope:        global
last modif:   2007-01-06
created:      2006-11-27 (?)
url:          http://eldar.cz/myf/pub/firefox/myfavolours.user.css
author:       myf (Michal Caplygin)
contact:      http://eldar.cz/myf/

** Changelog
0.9.2 - changelog added :)

** longdesc:
This global userstyle tries to override
all page colours, preserve its layout
and not to affect its original usabily.

** Colour set:
To use your own values just globally
replace current ones.

 code | purpose                | inital
 -----+------------------------+---------
 #333 | basic background       | # 3 3 3
 #ccc | basic text colour      | # c c c
 #fff | emphasized text colour | # f f f
 #000 | emphasized background  | # 0 0 0
 #6ff | unvisited links        | # 6 f f
 #9f3 | visited links          | # 9 f 3

** Colour "dictionary":
May be usefull...

 code    | description
 --------+-----------------
 # 3 3 3 | dark grey
 # c c c | light grey
 # f f f | white
 # 0 0 0 | black
 # 6 f f | bright blue
 # 9 f 3 | bright green


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

/* §1 *\
 BASICS
\*    */

/* §1a
 NO BACKGROUND images
*/
html ,
html * {
 background-image: none !important;
}
/* §1b
 colour defaults text / background / border
 (will be inherited)
*/
html ,
body {
 color: #ccc !important;
 background-color: #333 !important;
 border-color: #ccc !important;
}
/* §1c
 forced inheritance + transparency
*/
body * {
 color: inherit !important;
 background-color: transparent !important;
 border-color: inherit !important;
}
/* §1d
 solid bg for (possible) menus (and legend)
 (necessary due absolute position issues)
*/
legend ,
li:hover ul ,
li:hover ol {
 background-color: #333 !important;
}

/* §2           *\
 Concrete styling
\*              */

/* §2a
 text of IMPORTANT elems
 (initially BRIGHT)
*/
h1 , h2 , h3 , h4 , h5 , h6 ,
caption , th , lh , dt ,
em , strong , var , dfn {
 color: #fff !important;
 border-color: #fff !important;
}
/* §2b
 background for:
 - IMPORTANT elems,
 - HOVERED links
 - FORM elems
 (initially DARK)
*/
h1 , h2 , h3 , h4 , h5 , h6 ,
caption , th , lh , dt ,
em , strong , var , dfn ,
a:visited:hover , a:visited:hover * ,
a:link:hover , a:link:hover * ,
html body textarea ,
html body input ,
html body button {
 background-color: #000 !important;
}

/* §3 *\
 LINKS
\*    */

/* §3a
 UNVISITED links
 (initially LIGHT BLUE)
*/
a:link , a:link * {
 color: #6ff !important;
 border-color: #6ff !important;
}
/* §3b
 VISITED links
 (initially LIGHT GREEN)
*/
a:visited , a:visited * {
 color: #9f3 !important;
 border-color: #9f3 !important;
}
/* §3c
 removing link underline
 (imo strict color difference should be enough)
*/
a {
 text-decoration: none !important;
}


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

 outro

** removals:
[- from where (why)]

- §1d (was too demanding in complex layouts)
 (as I expected : /)

magic, may help but no warranthy:
also may be a bit dangerous (?)
*[id^=menu]:hover ,
*[id^=menu]:hover * ,
*:hover *[id^=menu] ,
*:hover *[id^=menu] *

** todos:

1) fix webdeveloper DOM inspector (and such) issues:
 sth like:
 div[id^=webdeveloper] ,
 div[id^=webdeveloper] * {
  background-color: ..; opacity: ..; }

** sources (linkdump):

http://www.w3.org/TR/REC-CSS2/sample.html
http://www.w3schools.com/tags/default.asp
file:///C:/Program%20Files/Mozilla%20Firefox/res/html.css :)
file:///C:/Program%20Files/Mozilla%20Firefox/res/forms.css :)

** notes ("tag dictionary"):

// BLOCK containers of BLOCKs
body,
center , div , table,
tbody , thead , tfoot , tr ,
ol , ul , menu , dir , dl ,
form , fieldset ,

// exotic "block" stuff
col , colgroup ,
frameset , frame , iframe , noframes ,
noscript , object , applet ,
hr ,

// BLOCK containers of INLINES
h1 , h2 , h3 , h4 , h5 , h6 ,
caption , th , lh , dt ,
td , li , dd,
p , address , blockquote , pre ,

// INLINEs often behaved as blocks
legend ,
img , textarea ,
label , input , button ,

// INLINES
strong , b ,
em , i , q , cite , var , dfn ,
ins , u ,
del , s , strike ,
tt , code , kbd , samp ,
blink ,
small , big ,
sub , sup ,
nobr , abbr , acronym ,
span ,


// some interesting atributes selecion ...
a:not([href])
abbr[title],acronym[title],

*/

