|
Revision 98, 1.5 kB
(checked in by broder, 16 years ago)
|
Initial layout work with lorem ipsum for content. Thank to andersk,
quentin, and biyeun who also provided input on the layout
|
| Line | |
|---|
| 1 |
h1 { |
|---|
| 2 |
border-bottom: 1px solid #aaa; |
|---|
| 3 |
margin-top: 0; |
|---|
| 4 |
padding-bottom: 0.25em; |
|---|
| 5 |
overflow: auto; |
|---|
| 6 |
font-size: 250%; |
|---|
| 7 |
font-weight: bold; |
|---|
| 8 |
} |
|---|
| 9 |
h2 { |
|---|
| 10 |
font-size: 175%; |
|---|
| 11 |
margin: 1em 0 0; |
|---|
| 12 |
} |
|---|
| 13 |
h1, h2, h3, h4, h5, h6 { |
|---|
| 14 |
font-family: "Myriad Pro", "Lucida Grande", Geneva, Arial, Verdana, sans-serif; |
|---|
| 15 |
color: #777; |
|---|
| 16 |
} |
|---|
| 17 |
kbd { |
|---|
| 18 |
font-weight: bold; |
|---|
| 19 |
} |
|---|
| 20 |
html { |
|---|
| 21 |
font-size: 87.5%; |
|---|
| 22 |
} |
|---|
| 23 |
body { |
|---|
| 24 |
font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif; |
|---|
| 25 |
color: #000; |
|---|
| 26 |
} |
|---|
| 27 |
pre, code, samp, kbd, tt { |
|---|
| 28 |
font-family: "Bitstream Vera Sans Mono", "Luxi Mono", Consolas, "Andale Mono", Monaco, "Courier New", monospace; |
|---|
| 29 |
font-size: 100%; |
|---|
| 30 |
} |
|---|
| 31 |
:link { |
|---|
| 32 |
color: #06c; |
|---|
| 33 |
} |
|---|
| 34 |
:visited { |
|---|
| 35 |
color: #039; |
|---|
| 36 |
} |
|---|
| 37 |
#logo { |
|---|
| 38 |
float: right; |
|---|
| 39 |
margin: -1em -1em 0 0; |
|---|
| 40 |
} |
|---|
| 41 |
:link img, :visited img { |
|---|
| 42 |
border: none; |
|---|
| 43 |
} |
|---|
| 44 |
p, li, dd { |
|---|
| 45 |
line-height: 1.5em; |
|---|
| 46 |
} |
|---|
| 47 |
.long li, .long dd { |
|---|
| 48 |
margin-bottom: .5em; |
|---|
| 49 |
} |
|---|
| 50 |
.short dt { |
|---|
| 51 |
clear: both; |
|---|
| 52 |
float: left; |
|---|
| 53 |
min-width: 28em; |
|---|
| 54 |
} |
|---|
| 55 |
.short dd { |
|---|
| 56 |
margin-left: 28em; |
|---|
| 57 |
line-height: 1.1em; |
|---|
| 58 |
margin-bottom: .5em; |
|---|
| 59 |
} |
|---|
| 60 |
pre { |
|---|
| 61 |
background: #f6f6f6; |
|---|
| 62 |
border: 1px solid #ddd; |
|---|
| 63 |
-moz-border-radius: .4em; |
|---|
| 64 |
border-radius: .4em; |
|---|
| 65 |
padding: .125em; |
|---|
| 66 |
line-height: 1.25em; |
|---|
| 67 |
} |
|---|
| 68 |
.note { |
|---|
| 69 |
background: #ffd; |
|---|
| 70 |
border: 1px solid #eea; |
|---|
| 71 |
-moz-border-radius: .4em; |
|---|
| 72 |
border-radius: .4em; |
|---|
| 73 |
padding: .25em; |
|---|
| 74 |
} |
|---|
| 75 |
a:link, a:visited { |
|---|
| 76 |
text-decoration: none; |
|---|
| 77 |
} |
|---|
| 78 |
a:link:hover, a:visited:hover { |
|---|
| 79 |
text-decoration: underline; |
|---|
| 80 |
} |
|---|
| 81 |
var { |
|---|
| 82 |
color: #090; |
|---|
| 83 |
} |
|---|
| 84 |
.clear { |
|---|
| 85 |
clear: both; |
|---|
| 86 |
} |
|---|
