@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)
*/
menu:hover ,
menu:hover > * ,
div[id*="menu"]:hover ,
div[id*="menu"]:hover > * ,
div[class*="menu"]: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
*/
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
*/
h2 , h3 , h4 , h5 , h6 ,
caption , th , lh , dt
html legend {
background-color: #222 !important;
}
/* §2.4
form elements
*/
html body textarea ,
html body input ,
html body button ,
html body select {
background-color: #222 !important;
}
/* 2.5
*/
header ,
div[id*="head"] ,
div[class*="head"] {
background-color: #444 !important;
}
footer ,
div[id*="foot"] ,
div[class*="foot"] {
background-color: #444 !important;
}
/* ...
,
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;
}
/* §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;
}
/* * * * * * * * * * * *
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
*/
/* 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 {
*/
/* end url prefixes */
}