@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix(http://), url-prefix(https://), url-prefix(ftp://), url-prefix(ftps://) {

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

name:         myfavolours1.user.css
description:  forces your colour scheme
version:      1.0.2
scope:        global
last modif:   13.1.2007 3:22:38
created:      2006-11-??
url:          http://eldar.cz/myf/pub/firefox/myfavolours1.user.css
author:       myf (Michal Caplygin)
contact:      http://eldar.cz/myf/

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

** Changelog
1.0.1 - fixed WD DOM inspector issue (§5.1)
      - fixed Flashblock issue (a bit) (§5.2)
1.0   - added more shades, cleaned source
0.9.2 - Changelog added :)

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

 code | purpose                | inital
 -----+------------------------+---------
 #333 | basic background       | # 3 3 3
 #222 | emphasized / input bg  | # 2 2 2
 #000 | important / hovered bg | # 0 0 0
 #ccc | basic text colour      | # c c c
 #666 | ^ dimmed, for borders  | # 6 6 6
 #fff | emphasized text colour | # f f f
 #999 | ^ dimmed, for borders  | # 9 9 9
 #9ef | unvisited links        | # 6 f f
 #399 | ^ dimmed, for borders  | # 6 f f
 #9c3 | visited links          | # 9 f 3
 #690 | ^ dimmed, for borders  | # 9 f 3


** Colour "dictionary":

 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
\*    */

/* §1.1
 NO BACKGROUND images
*/
html ,
html * {
 background-image: none !important;
}

/* §1.2
 colour defaults
 text / background / border
 (will be inherited)
*/
html ,
body {
            color: #ccc !important;
 background-color: #333 !important;
     border-color: #666 !important;
}

/* §1.3
 forced inheritance
 + transparency
*/
body * {
            color: inherit !important;
 background-color: transparent !important;
     border-color: #666 !important;
}

/* §1.4
 solid background for
 - "possible menus"
   (necessary due absolute position issues)
*/
nav:hover , /* html5 */
div#pop , /* gmail */
menu:hover ,
menu:hover > * ,
div[id*="menu"]:hover ,
div[id*="nav"]:hover ,
/* div[id*="menu"]:hover > * , */
div[class*="menu"]:hover ,
div[class*="nav"]:hover ,
/* div[class*="menu"]:hover > * , */
li:hover > ul ,
li:hover > ul > li ,
li:hover > ul > li a {
 background-color: #333 !important;
}


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

/* §2.1
 text of IMPORTANT elems
 (headings and emphasies)
 initially: white
*/
*[class*="heading"] ,
*[id*="heading"] ,
*[class*="nadpis"] ,
*[id*="nadpis"] ,
h1 , h2 , h3 , h4 , h5 , h6 ,
caption , th , lh , dt ,
em , strong , var , dfn {
        color: #fff !important;
 border-color: #999 !important;
}

/* §2.2
 background for
 - the main HEADING
 - HOVERED links (§3)
 - FOCUSED form elems (§2.4)
 initially: black
*/
h1 ,
html body textarea:focus ,
html body input:focus ,
html body button:focus ,
a:visited:focus , /* a:visited:focus * , */
a:link:focus , /* a:link:focus * , */
a:visited:hover , /* a:visited:hover * , */
a:link:hover  /* a:link:hover * */ {
 background-color: #000 !important;
}

/* §2.3
 backround for
 - other important block-level elems,
 initially: black
*/
*[class="title"] ,
*[id="title"] ,
*[class*="heading"] ,
*[id*="heading"] ,
*[class*="nadpis"] ,
*[id*="nadpis"] ,
h2 , h3 , h4 , h5 , h6 ,
caption , th , lh , dt
html legend {
 background-color: #222 !important;
}

/* §2.4
 form elements
*/
html *[class*="button"] ,
html body textarea ,
html body input ,
html body button ,
html body select {
 background-color: #222 !important;
}


/* 2.5
 should be just block level elems,
 but for now I write the "*"
*/
header ,
*[id*="head"] ,
*[class*="head"] ,
*[id*="hlavicka"] ,
*[class*="hlavicka"] {
 background-color: #444 !important;
}

footer ,
div[id*="foot"] ,
div[class*="foot"] ,
div[id*="paticka"] ,
div[class*="paticka"] {
 background-color: #444 !important;
}

aside ,
div[id*="side"] ,
div[class*="side"] {
 background-color: #444 !important;
}


blockquote ,
q ,
quote ,
cite {
 background-color: #444 !important;
}

pre ,
listing ,
xmp {
 background-color: #444 !important;
}

section {}
article {}
dialog {}

div[id^="spot"] ,
div[class^="spot"] {

}


/* ...

 ,
div[id*=""] ,
div[class*=""] {
}
*/


/* §3 *\
 LINKS
\*    */

/* §3.1
 UNVISITED links
 initially: bright blue
*/
a:link , a:link * {
        color: #9ef !important;
 border-color: #399 !important;
}

/* §3.2
 VISITED links
 initially: bright green
*/
a:visited , a:visited * {
        color: #9c3 !important;
 border-color: #690 !important;
}

/* §3.3
 ACTIVE links
 initially: red
*/
a:visited:focus , a:visited:focus * ,
a:link:focus , a:link:focus * ,
a:active , a:active * {
 color: #f33 !important;
 border-color: #600 !important;
}


/* §3.4
 removing link underline
 (strict color difference should be enough)
*/
a {
 text-decoration: none !important;
}


/* IDEAS

http://www.dgx.cz/tools/tags/cssvault.html

a[
href
 ^="htp://" (external?)
 ="/"
 ^="#"
 ="#top"
 ="#menu"
 ="#nav"
 ="#content"
 *="index."
 ="/about/"
 ="/contact/"
 ="/sitemap/"
 *="validator"
title
 ^="permanent"
 ="home"
 ^="view"
 ^="contact"
 ~="all"
 ~="comments"
class
 ="navitem"
 ="more"
 ^="menu"
 *="nav"
 ="external"
 ="newsheader"
 ="commentlink"
 ="sub"
 ="bodytext"
target
 _blank
 _self
 _top
 _new
 _child
 _parent
 new (??)
 $="detail"
 iframemain
 portfoliocontent

div[class=
 entry
 clear
 post
 posted
 content
 blogbody
 title
 article
 date
 post-lead
]

div[id=
 footer
 content
 header
 container
 main
 sidebar
 logo
 nav
 wrapper
 menu
]



*[onclick] {}
a[href^="mailto:"] {}
a[href^="javascript:"] {}
a[href$=".pdf"] {}
a:not([href$=".html"]) {}
a:not


[id*=menu] {}
div[id*=nav] {}

[id*=header] {}
[id*=footer] {}
[id*=main] {}
[id*=content] {}

*/


/*

dump from §1.4

menu:hover ,
menu:hover > * ,
div[id*="menu"]:hover ,
div[id*="menu"]:hover > * ,
div[class*="menu"]:hover ,
div[class*="menu"]:hover > * ,
dd:hover > dl ,
dd:hover > dl ,
li:hover > ul ,
li:hover > ol ,
dd:hover > dl > dt ,
dd:hover > dl > dd ,
li:hover > ul > li ,
li:hover > ol > li ,
dd:hover > dl > dt a ,
dd:hover > dl > dd a ,
li:hover > ul > li a ,
li:hover > ol > li a {

*/


/* §5           *\
 fixes and tweaks
\*              */

/* §5.1
 wd DOM inspector fix
*/
div[id^=webdeveloper] {
 background-color: #333 !important;
}

/* §5.2
 flashblock fix. bruteforce.
*/
div[style~="url(chrome://flashblock/content/flash.png)"] {
 background-color: #630 !important;
}

/* §5.3
 last.fm tastometer
*/
div.graph > div#tomGraph {
 background-color: #222 !important;
}

span#__firefox-findbar-search-id {
 background-color: #9ff !important;
}

span.imgBlock-mask {
 outline: 1px dotted;
 text-align: center;
 overflow: hidden;
}


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

 outro

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

- §1d (was too demanding)
magic, may help but no warranthy:
also may be a bit dangerous (?)
*[id^=menu]:hover ,
*[id^=menu]:hover * ,
- §1d (extremely demanding in complex layouts)
  (as I expected : /)
*:hover *[id^=menu] ,
*:hover *[id^=menu] *
- §1
 border-color: inherit !important;
 strange is, that sometimes color overrides
 border-color, which had to be inherited


** todos & known issues:

1) DONE 1.0.1 fix the WDT DOM inspector
2) DONE 1.0.1 fix the Flashblock
3) background of input type="checkbox|radio"
  unsolvable I'm affraid

** 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

*/

/* end url prefixes */
}