equal
deleted
inserted
replaced
|
1 html, body, div, ul { |
|
2 margin: 0; |
|
3 padding: 0; |
|
4 } |
|
5 |
|
6 body { |
|
7 color: #262626; |
|
8 background: #f4f4f4; |
|
9 font: normal 12px/18px Verdana, sans-serif; |
|
10 } |
|
11 |
|
12 #content { |
|
13 width: 400px; |
|
14 margin: 40px auto 0 auto; |
|
15 padding: 0 60px 30px 60px; |
|
16 border: solid 1px #cbcbcb; |
|
17 background: #fafafa; |
|
18 -moz-box-shadow: 0px 0px 10px #cbcbcb; |
|
19 -webkit-box-shadow: 0px 0px 10px #cbcbcb; |
|
20 } |
|
21 |
|
22 h1 { |
|
23 margin: 30px 0 15px 0; |
|
24 font-size: 30px; |
|
25 font-weight: bold; |
|
26 font-family: Arial; |
|
27 } |
|
28 |
|
29 h1 span { |
|
30 font-size: 50%; |
|
31 letter-spacing: -0.05em; |
|
32 } |
|
33 |
|
34 hr { |
|
35 border: none; |
|
36 height: 1px; line-height: 1px; |
|
37 background: #E5E5E5; |
|
38 margin-bottom: 20px; |
|
39 padding: 0; |
|
40 } |
|
41 |
|
42 p { |
|
43 margin: 0; |
|
44 padding: 7px 0; |
|
45 } |
|
46 |
|
47 a { |
|
48 outline: none; |
|
49 } |
|
50 |
|
51 a img { |
|
52 border: 1px solid #BBB; |
|
53 padding: 2px; |
|
54 margin: 10px 20px 10px 0; |
|
55 vertical-align: top; |
|
56 } |
|
57 |
|
58 a img.last { |
|
59 margin-right: 0; |
|
60 } |
|
61 |
|
62 ul { |
|
63 margin-bottom: 24px; |
|
64 padding-left: 30px; |
|
65 } |