0
|
1 html {
|
|
2 background-image: url(/img/bg.png);
|
|
3 background-repeat: repeat-x;
|
|
4 background-color: #fcfcfc;
|
|
5 }
|
|
6 body {
|
|
7 font-family: arial;
|
|
8 font-size: 14px;
|
|
9 margin: 0;
|
|
10 padding: 0;
|
|
11 line-height: 18px;
|
|
12 text-align: center;
|
|
13 background-image: url(/img/splash.jpg);
|
|
14 background-repeat: no-repeat;
|
|
15 background-position: top right;
|
|
16 }
|
|
17 #benjoffe {
|
|
18 width: 800px;
|
|
19 margin: 0 auto;
|
|
20 text-align: left;
|
|
21 }
|
|
22 a:hover {
|
|
23 color: red;
|
|
24 }
|
|
25 h1 {
|
|
26 padding: 18px 0 0 9px;
|
|
27 margin: 0;
|
|
28 height: 36px;
|
|
29 border-bottom: 1px solid #b8b8b8;
|
|
30 color: #666;
|
|
31 text-shadow: #fff 0 1px 1px;
|
|
32 font-size: 24px;
|
|
33 }
|
|
34 h2 {
|
|
35 padding: 0;
|
|
36 margin: 0;
|
|
37 color: #444;
|
|
38 text-shadow: #ccc 0 1px 1px;
|
|
39 font-size: 20px;
|
|
40 }
|
|
41 #nav {
|
|
42 list-style-type: none;
|
|
43 padding: 12px 0 0 10px;
|
|
44 margin :0;
|
|
45 border-bottom: 1px solid #6e6e6e;
|
|
46 height: 32px;
|
|
47 line-height: 32px;
|
|
48 line-height: 1.5em;
|
|
49 text-shadow: #fff 0 1px 0;
|
|
50 font-weight: bold;
|
|
51 color: #666;
|
|
52 }
|
|
53 #nav a {
|
|
54 color: #333;
|
|
55 font-weight: normal;
|
|
56 }
|
|
57 #nav li {
|
|
58 float: left;
|
|
59 padding-right: 20px;
|
|
60 }
|
|
61 #content {
|
|
62 clear: left;
|
|
63 position: relative;
|
|
64 padding: 18px 10px 10px 10px;
|
|
65 min-height: 200px;
|
|
66 }
|
|
67 #foot {
|
|
68 clear: both;
|
|
69 border-top: 1px solid #999;
|
|
70 padding: 10px;
|
|
71 font-size: 0.9em;
|
|
72 text-align: right;
|
|
73 }
|
|
74 #foot a {
|
|
75 color: #666;
|
|
76 }
|
|
77 #foot a:hover {
|
|
78 color: #000;
|
|
79 }
|
|
80 p {
|
|
81 margin: 18px 0;
|
|
82 }
|
|
83 ul {
|
|
84 list-style: square;
|
|
85 margin: 0 0 18px 0;
|
|
86 padding: 0 0 0 18px;
|
|
87 }
|
|
88 p + ul {
|
|
89 margin-top: -9px;
|
|
90 }
|
|
91 ol {
|
|
92 margin: 18px 0;
|
|
93 padding: 0 0 0 18px;
|
|
94 }
|
|
95 p:first-child,
|
|
96 ul:first-child,
|
|
97 h2:first-child
|
|
98 ol:first-child {
|
|
99 margin-top: 0;
|
|
100 }
|
|
101 p:last-child,
|
|
102 ul:last-child,
|
|
103 ol:last-child,
|
|
104 h2:last-child {
|
|
105 margin-bottom: 0;
|
|
106 } |