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
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
0
58d9c5ef124e Origination.
Atul Varma <varmaa@toolness.com>
parents:
diff changeset
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
0342c0407851 A fully horizontal layout.
Atul Varma <varmaa@toolness.com>
parents: 3
diff changeset
20 margin: 6pt;
0342c0407851 A fully horizontal layout.
Atul Varma <varmaa@toolness.com>
parents: 3
diff changeset
21 padding-top: 6pt;
0342c0407851 A fully horizontal layout.
Atul Varma <varmaa@toolness.com>
parents: 3
diff changeset
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
58d9c5ef124e Origination.
Atul Varma <varmaa@toolness.com>
parents:
diff changeset
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
0342c0407851 A fully horizontal layout.
Atul Varma <varmaa@toolness.com>
parents: 3
diff changeset
38 float: left;
0342c0407851 A fully horizontal layout.
Atul Varma <varmaa@toolness.com>
parents: 3
diff changeset
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 }