Mercurial > planet-ubiquity-redesign
annotate about-mozilla.css @ 9:061eee7cffe6
Added more font-families so this shouldn't look too bad on systems that lack Helvetica.
author | Atul Varma <varmaa@toolness.com> |
---|---|
date | Sat, 28 Feb 2009 15:33:24 -0800 |
parents | c48b85f6aff9 |
children | 7fbe0acf0805 |
rev | line source |
---|---|
0 | 1 body { |
9
061eee7cffe6
Added more font-families so this shouldn't look too bad on systems that lack Helvetica.
Atul Varma <varmaa@toolness.com>
parents:
7
diff
changeset
|
2 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; |
3
b7aa5afa19de
Added some basic formatting.
Atul Varma <varmaa@toolness.com>
parents:
2
diff
changeset
|
3 font-size: 9pt; |
b7aa5afa19de
Added some basic formatting.
Atul Varma <varmaa@toolness.com>
parents:
2
diff
changeset
|
4 line-height: 1.4em; |
7
c48b85f6aff9
More striking: black background for margins focuses reader's eyes to the content, which is a white strip. Headlines have light gray background.
Atul Varma <varmaa@toolness.com>
parents:
6
diff
changeset
|
5 background: black; |
c48b85f6aff9
More striking: black background for margins focuses reader's eyes to the content, which is a white strip. Headlines have light gray background.
Atul Varma <varmaa@toolness.com>
parents:
6
diff
changeset
|
6 padding: 0; |
c48b85f6aff9
More striking: black background for margins focuses reader's eyes to the content, which is a white strip. Headlines have light gray background.
Atul Varma <varmaa@toolness.com>
parents:
6
diff
changeset
|
7 margin: 0; |
3
b7aa5afa19de
Added some basic formatting.
Atul Varma <varmaa@toolness.com>
parents:
2
diff
changeset
|
8 } |
b7aa5afa19de
Added some basic formatting.
Atul Varma <varmaa@toolness.com>
parents:
2
diff
changeset
|
9 |
b7aa5afa19de
Added some basic formatting.
Atul Varma <varmaa@toolness.com>
parents:
2
diff
changeset
|
10 #issue { |
b7aa5afa19de
Added some basic formatting.
Atul Varma <varmaa@toolness.com>
parents:
2
diff
changeset
|
11 display: none; |
b7aa5afa19de
Added some basic formatting.
Atul Varma <varmaa@toolness.com>
parents:
2
diff
changeset
|
12 } |
b7aa5afa19de
Added some basic formatting.
Atul Varma <varmaa@toolness.com>
parents:
2
diff
changeset
|
13 |
b7aa5afa19de
Added some basic formatting.
Atul Varma <varmaa@toolness.com>
parents:
2
diff
changeset
|
14 #header { |
b7aa5afa19de
Added some basic formatting.
Atul Varma <varmaa@toolness.com>
parents:
2
diff
changeset
|
15 /* Too bad font-stretch isn't implemented in Firefox yet... */ |
b7aa5afa19de
Added some basic formatting.
Atul Varma <varmaa@toolness.com>
parents:
2
diff
changeset
|
16 font-stretch: condensed; |
b7aa5afa19de
Added some basic formatting.
Atul Varma <varmaa@toolness.com>
parents:
2
diff
changeset
|
17 font-variant: small-caps; |
b7aa5afa19de
Added some basic formatting.
Atul Varma <varmaa@toolness.com>
parents:
2
diff
changeset
|
18 font-weight: bold; |
b7aa5afa19de
Added some basic formatting.
Atul Varma <varmaa@toolness.com>
parents:
2
diff
changeset
|
19 font-size: 18pt; |
4 | 20 margin: 6pt; |
21 padding-top: 6pt; | |
22 padding-bottom: 6pt; | |
7
c48b85f6aff9
More striking: black background for margins focuses reader's eyes to the content, which is a white strip. Headlines have light gray background.
Atul Varma <varmaa@toolness.com>
parents:
6
diff
changeset
|
23 color: white; |
0 | 24 } |
2
2be94bbd7f04
Now processing the original issue in a hidden div.
Atul Varma <varmaa@toolness.com>
parents:
0
diff
changeset
|
25 |
3
b7aa5afa19de
Added some basic formatting.
Atul Varma <varmaa@toolness.com>
parents:
2
diff
changeset
|
26 #subheader { |
b7aa5afa19de
Added some basic formatting.
Atul Varma <varmaa@toolness.com>
parents:
2
diff
changeset
|
27 display: inline; |
b7aa5afa19de
Added some basic formatting.
Atul Varma <varmaa@toolness.com>
parents:
2
diff
changeset
|
28 font-size: 9pt; |
b7aa5afa19de
Added some basic formatting.
Atul Varma <varmaa@toolness.com>
parents:
2
diff
changeset
|
29 font-weight: normal; |
b7aa5afa19de
Added some basic formatting.
Atul Varma <varmaa@toolness.com>
parents:
2
diff
changeset
|
30 color: gray; |
b7aa5afa19de
Added some basic formatting.
Atul Varma <varmaa@toolness.com>
parents:
2
diff
changeset
|
31 } |
b7aa5afa19de
Added some basic formatting.
Atul Varma <varmaa@toolness.com>
parents:
2
diff
changeset
|
32 |
b7aa5afa19de
Added some basic formatting.
Atul Varma <varmaa@toolness.com>
parents:
2
diff
changeset
|
33 #body { |
b7aa5afa19de
Added some basic formatting.
Atul Varma <varmaa@toolness.com>
parents:
2
diff
changeset
|
34 } |
b7aa5afa19de
Added some basic formatting.
Atul Varma <varmaa@toolness.com>
parents:
2
diff
changeset
|
35 |
b7aa5afa19de
Added some basic formatting.
Atul Varma <varmaa@toolness.com>
parents:
2
diff
changeset
|
36 .entry { |
7
c48b85f6aff9
More striking: black background for margins focuses reader's eyes to the content, which is a white strip. Headlines have light gray background.
Atul Varma <varmaa@toolness.com>
parents:
6
diff
changeset
|
37 background: white; |
4 | 38 float: left; |
39 width: 20em; | |
6
e0cadd9e8161
Grey dotted borders between columns now.
Atul Varma <varmaa@toolness.com>
parents:
5
diff
changeset
|
40 border-right: 1px dotted gray; |
3
b7aa5afa19de
Added some basic formatting.
Atul Varma <varmaa@toolness.com>
parents:
2
diff
changeset
|
41 } |
b7aa5afa19de
Added some basic formatting.
Atul Varma <varmaa@toolness.com>
parents:
2
diff
changeset
|
42 |
b7aa5afa19de
Added some basic formatting.
Atul Varma <varmaa@toolness.com>
parents:
2
diff
changeset
|
43 .headline { |
6
e0cadd9e8161
Grey dotted borders between columns now.
Atul Varma <varmaa@toolness.com>
parents:
5
diff
changeset
|
44 font-weight: bold; |
5
069a5ff4aba6
Headlines now have a gray background.
Atul Varma <varmaa@toolness.com>
parents:
4
diff
changeset
|
45 height: 3em; |
7
c48b85f6aff9
More striking: black background for margins focuses reader's eyes to the content, which is a white strip. Headlines have light gray background.
Atul Varma <varmaa@toolness.com>
parents:
6
diff
changeset
|
46 padding: 6pt; |
c48b85f6aff9
More striking: black background for margins focuses reader's eyes to the content, which is a white strip. Headlines have light gray background.
Atul Varma <varmaa@toolness.com>
parents:
6
diff
changeset
|
47 background: #f0f0f0; |
3
b7aa5afa19de
Added some basic formatting.
Atul Varma <varmaa@toolness.com>
parents:
2
diff
changeset
|
48 } |
b7aa5afa19de
Added some basic formatting.
Atul Varma <varmaa@toolness.com>
parents:
2
diff
changeset
|
49 |
b7aa5afa19de
Added some basic formatting.
Atul Varma <varmaa@toolness.com>
parents:
2
diff
changeset
|
50 .content { |
7
c48b85f6aff9
More striking: black background for margins focuses reader's eyes to the content, which is a white strip. Headlines have light gray background.
Atul Varma <varmaa@toolness.com>
parents:
6
diff
changeset
|
51 padding-left: 6pt; |
c48b85f6aff9
More striking: black background for margins focuses reader's eyes to the content, which is a white strip. Headlines have light gray background.
Atul Varma <varmaa@toolness.com>
parents:
6
diff
changeset
|
52 padding-right: 6pt; |
3
b7aa5afa19de
Added some basic formatting.
Atul Varma <varmaa@toolness.com>
parents:
2
diff
changeset
|
53 } |
b7aa5afa19de
Added some basic formatting.
Atul Varma <varmaa@toolness.com>
parents:
2
diff
changeset
|
54 |
b7aa5afa19de
Added some basic formatting.
Atul Varma <varmaa@toolness.com>
parents:
2
diff
changeset
|
55 #raw-issue { |
2
2be94bbd7f04
Now processing the original issue in a hidden div.
Atul Varma <varmaa@toolness.com>
parents:
0
diff
changeset
|
56 display: none; |
2be94bbd7f04
Now processing the original issue in a hidden div.
Atul Varma <varmaa@toolness.com>
parents:
0
diff
changeset
|
57 } |
3
b7aa5afa19de
Added some basic formatting.
Atul Varma <varmaa@toolness.com>
parents:
2
diff
changeset
|
58 |
b7aa5afa19de
Added some basic formatting.
Atul Varma <varmaa@toolness.com>
parents:
2
diff
changeset
|
59 a { |
b7aa5afa19de
Added some basic formatting.
Atul Varma <varmaa@toolness.com>
parents:
2
diff
changeset
|
60 color: black; |
b7aa5afa19de
Added some basic formatting.
Atul Varma <varmaa@toolness.com>
parents:
2
diff
changeset
|
61 text-decoration: none; |
b7aa5afa19de
Added some basic formatting.
Atul Varma <varmaa@toolness.com>
parents:
2
diff
changeset
|
62 border-bottom: 1px dotted gray; |
b7aa5afa19de
Added some basic formatting.
Atul Varma <varmaa@toolness.com>
parents:
2
diff
changeset
|
63 } |