Mercurial > about-mozilla-redesign-2

annotate about-mozilla.css @ 13:efd49c761dbe default tip

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Really ugly, confusing use of CSS3 columns. The -moz-column-width seems to only be a general guideline or something, as it's impossible to get the columns to line up w/ other page elements.
author Atul Varma <varmaa@toolness.com>
date Mon, 02 Mar 2009 08:52:23 -0800
parents e357d4e48bb2
children
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;
12
e357d4e48bb2 Changed layout to be vertical, displaying as many horizontal columns as can fit on the page; visuals are now black on white.
Atul Varma <varmaa@toolness.com>
parents: 9
diff changeset
5 background: white;
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
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;
12
e357d4e48bb2 Changed layout to be vertical, displaying as many horizontal columns as can fit on the page; visuals are now black on white.
Atul Varma <varmaa@toolness.com>
parents: 9
diff changeset
8 text-align: center;
3
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
b7aa5afa19de Added some basic formatting.
Atul Varma <varmaa@toolness.com>
parents: 2
diff changeset
11 #issue {
b7aa5afa19de Added some basic formatting.
Atul Varma <varmaa@toolness.com>
parents: 2
diff changeset
12 display: none;
12
e357d4e48bb2 Changed layout to be vertical, displaying as many horizontal columns as can fit on the page; visuals are now black on white.
Atul Varma <varmaa@toolness.com>
parents: 9
diff changeset
13 text-align: left;
e357d4e48bb2 Changed layout to be vertical, displaying as many horizontal columns as can fit on the page; visuals are now black on white.
Atul Varma <varmaa@toolness.com>
parents: 9
diff changeset
14 margin: 0 auto;
3
b7aa5afa19de Added some basic formatting.
Atul Varma <varmaa@toolness.com>
parents: 2
diff changeset
15 }
b7aa5afa19de Added some basic formatting.
Atul Varma <varmaa@toolness.com>
parents: 2
diff changeset
16
b7aa5afa19de Added some basic formatting.
Atul Varma <varmaa@toolness.com>
parents: 2
diff changeset
17 #header {
b7aa5afa19de Added some basic formatting.
Atul Varma <varmaa@toolness.com>
parents: 2
diff changeset
18 /* Too bad font-stretch isn't implemented in Firefox yet... */
b7aa5afa19de Added some basic formatting.
Atul Varma <varmaa@toolness.com>
parents: 2
diff changeset
19 font-stretch: condensed;
b7aa5afa19de Added some basic formatting.
Atul Varma <varmaa@toolness.com>
parents: 2
diff changeset
20 font-variant: small-caps;
b7aa5afa19de Added some basic formatting.
Atul Varma <varmaa@toolness.com>
parents: 2
diff changeset
21 font-weight: bold;
b7aa5afa19de Added some basic formatting.
Atul Varma <varmaa@toolness.com>
parents: 2
diff changeset
22 font-size: 18pt;
4
0342c0407851 A fully horizontal layout.
Atul Varma <varmaa@toolness.com>
parents: 3
diff changeset
23 margin: 6pt;
0342c0407851 A fully horizontal layout.
Atul Varma <varmaa@toolness.com>
parents: 3
diff changeset
24 padding-top: 6pt;
0342c0407851 A fully horizontal layout.
Atul Varma <varmaa@toolness.com>
parents: 3
diff changeset
25 padding-bottom: 6pt;
12
e357d4e48bb2 Changed layout to be vertical, displaying as many horizontal columns as can fit on the page; visuals are now black on white.
Atul Varma <varmaa@toolness.com>
parents: 9
diff changeset
26 color: black;
0
58d9c5ef124e Origination.
Atul Varma <varmaa@toolness.com>
parents:
diff changeset
27 }
2
2be94bbd7f04 Now processing the original issue in a hidden div.
Atul Varma <varmaa@toolness.com>
parents: 0
diff changeset
28
3
b7aa5afa19de Added some basic formatting.
Atul Varma <varmaa@toolness.com>
parents: 2
diff changeset
29 #subheader {
b7aa5afa19de Added some basic formatting.
Atul Varma <varmaa@toolness.com>
parents: 2
diff changeset
30 display: inline;
b7aa5afa19de Added some basic formatting.
Atul Varma <varmaa@toolness.com>
parents: 2
diff changeset
31 font-size: 9pt;
b7aa5afa19de Added some basic formatting.
Atul Varma <varmaa@toolness.com>
parents: 2
diff changeset
32 font-weight: normal;
b7aa5afa19de Added some basic formatting.
Atul Varma <varmaa@toolness.com>
parents: 2
diff changeset
33 color: gray;
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 #body {
b7aa5afa19de Added some basic formatting.
Atul Varma <varmaa@toolness.com>
parents: 2
diff changeset
37 }
b7aa5afa19de Added some basic formatting.
Atul Varma <varmaa@toolness.com>
parents: 2
diff changeset
38
b7aa5afa19de Added some basic formatting.
Atul Varma <varmaa@toolness.com>
parents: 2
diff changeset
39 .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
40 background: white;
13
efd49c761dbe Really ugly, confusing use of CSS3 columns. The -moz-column-width seems to only be a general guideline or something, as it's impossible to get the columns to line up w/ other page elements.
Atul Varma <varmaa@toolness.com>
parents: 12
diff changeset
41 width: 20em;
4
0342c0407851 A fully horizontal layout.
Atul Varma <varmaa@toolness.com>
parents: 3
diff changeset
42 float: left;
3
b7aa5afa19de Added some basic formatting.
Atul Varma <varmaa@toolness.com>
parents: 2
diff changeset
43 }
b7aa5afa19de Added some basic formatting.
Atul Varma <varmaa@toolness.com>
parents: 2
diff changeset
44
b7aa5afa19de Added some basic formatting.
Atul Varma <varmaa@toolness.com>
parents: 2
diff changeset
45 .headline {
6
e0cadd9e8161 Grey dotted borders between columns now.
Atul Varma <varmaa@toolness.com>
parents: 5
diff changeset
46 font-weight: bold;
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
47 padding: 6pt;
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;
13
efd49c761dbe Really ugly, confusing use of CSS3 columns. The -moz-column-width seems to only be a general guideline or something, as it's impossible to get the columns to line up w/ other page elements.
Atul Varma <varmaa@toolness.com>
parents: 12
diff changeset
53 padding-bottom: 6pt;
efd49c761dbe Really ugly, confusing use of CSS3 columns. The -moz-column-width seems to only be a general guideline or something, as it's impossible to get the columns to line up w/ other page elements.
Atul Varma <varmaa@toolness.com>
parents: 12
diff changeset
54 -moz-column-width: 20em;
efd49c761dbe Really ugly, confusing use of CSS3 columns. The -moz-column-width seems to only be a general guideline or something, as it's impossible to get the columns to line up w/ other page elements.
Atul Varma <varmaa@toolness.com>
parents: 12
diff changeset
55 -moz-column-gap: 6pt;
3
b7aa5afa19de Added some basic formatting.
Atul Varma <varmaa@toolness.com>
parents: 2
diff changeset
56 }
b7aa5afa19de Added some basic formatting.
Atul Varma <varmaa@toolness.com>
parents: 2
diff changeset
57
b7aa5afa19de Added some basic formatting.
Atul Varma <varmaa@toolness.com>
parents: 2
diff changeset
58 #raw-issue {
2
2be94bbd7f04 Now processing the original issue in a hidden div.
Atul Varma <varmaa@toolness.com>
parents: 0
diff changeset
59 display: none;
2be94bbd7f04 Now processing the original issue in a hidden div.
Atul Varma <varmaa@toolness.com>
parents: 0
diff changeset
60 }
3
b7aa5afa19de Added some basic formatting.
Atul Varma <varmaa@toolness.com>
parents: 2
diff changeset
61
b7aa5afa19de Added some basic formatting.
Atul Varma <varmaa@toolness.com>
parents: 2
diff changeset
62 a {
b7aa5afa19de Added some basic formatting.
Atul Varma <varmaa@toolness.com>
parents: 2
diff changeset
63 color: black;
b7aa5afa19de Added some basic formatting.
Atul Varma <varmaa@toolness.com>
parents: 2
diff changeset
64 text-decoration: none;
b7aa5afa19de Added some basic formatting.
Atul Varma <varmaa@toolness.com>
parents: 2
diff changeset
65 border-bottom: 1px dotted gray;
b7aa5afa19de Added some basic formatting.
Atul Varma <varmaa@toolness.com>
parents: 2
diff changeset
66 }