1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
|
body {
color: #222;
background: #ddd;
background: -moz-linear-gradient(top, #fff, #ddd 500px, #ddd);
background: -webkit-linear-gradient(top, #fff, #ddd 500px, #ddd);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd');
}
a, a:visited {
color: #33a;
}
a:hover {
color: #55f;
}
nav a, nav a:visited {
color: #222;
text-shadow:0 1px 0 #fff;
}
nav a:hover {
color: #666;
}
h2.ribbon {
background: #359;
background: -moz-linear-gradient(top, #37f, #359);
background: -webkit-linear-gradient(top, #37f, #359);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3377ff', endColorstr='#335599');
color: #eee;
}
.triangle-ribbon {
border-right-color: #359;
}
a.gradient {
/* same as h2.ribbon */
background: #359;
background: -moz-linear-gradient(top, #37f, #359);
background: -webkit-linear-gradient(top, #37f, #359);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3377ff', endColorstr='#335599');
color: #eee;
}
a.gradient:hover {
background: #37f;
background: -moz-linear-gradient(top, #39f, #06a);
background: -webkit-linear-gradient(top, #39f, #06a);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3399ff', endColorstr='#0066aa');
color: #fff;
}
form input, form textarea, form select {
background: #f7f7f7;
background: -moz-linear-gradient(top, #eee, #fff);
background: -webkit-linear-gradient(top, #eee, #fff);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eee', endColorstr='#fff');
}
input[type="button"], input[type="submit"], button {
background: #ddd;
background: -moz-linear-gradient(top, #ddd, #eee);
background: -webkit-linear-gradient(top, #ddd, #eee);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ddd', endColorstr='#eee');
}
form input:focus, form textarea:focus, select:focus {
border-color: #88c;
}
input[type="button"]:hover, input[type="submit"]:hover, button:hover {
background: #eee;
background: -moz-linear-gradient(top, #e0e0e0, #f7f7f7);
background: -webkit-linear-gradient(top, #e0e0e0, #f7f7f7);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0e0e0', endColorstr='#f7f7f7');
}
footer {
color: #666;
}
footer li a, footer li a:visited {
color: #222;
}
footer li a:hover {
color: #666;
}
|
