]>
Commit | Line | Data |
---|---|---|
1 | * { | |
2 | margin: 0; | |
3 | padding: 0; | |
4 | } | |
5 | img { border: 0; } | |
6 | body { | |
7 | color: #666666; | |
8 | background-color: #ffffff; | |
9 | text-align: center; | |
10 | font-size: 0.625em; | |
11 | font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
12 | } | |
13 | #wrapper { | |
14 | margin: 0 auto; | |
15 | width: 960px; | |
16 | text-align: left; | |
17 | } | |
18 | #header #logo { | |
19 | background-image: url(/images/logo.png); | |
20 | background-repeat: no-repeat; | |
21 | width: 460px; | |
22 | height: 212px; | |
23 | display: block; | |
24 | margin: 10px 250px; | |
25 | } | |
26 | #header #logomini { | |
27 | background-image: url(/images/logomini.png); | |
28 | background-repeat: no-repeat; | |
29 | width: 140px; | |
30 | height: 65px; | |
31 | display: block; | |
32 | margin: 10px 410px; | |
33 | } | |
34 | #header #logo span { display: none; } | |
35 | #header #logomini span { display: none; } | |
36 | #header #description p { | |
37 | font-size: 1.4em; | |
38 | line-height: 1.8em; | |
39 | margin: 10px 170px; | |
40 | width: 620px; | |
41 | color: #999999; | |
42 | } | |
43 | #body h1 { | |
44 | margin: 20px 90px; | |
45 | font-size: 2.4em; | |
46 | color: #222222; | |
47 | } | |
48 | #body h2 { | |
49 | margin: 20px 90px; | |
50 | font-size: 1.8em; | |
51 | color: #222222; | |
52 | } | |
53 | #body h3 { | |
54 | margin: 20px 90px; | |
55 | font-size: 1.6em; | |
56 | color: #222222; | |
57 | } | |
58 | #body p { | |
59 | margin: 20px 90px; | |
60 | font-size: 1.6em; | |
61 | line-height: 2.4em; | |
62 | text-indent: 3em; | |
63 | text-align: justify; | |
64 | } | |
65 | #body ul { | |
66 | margin: 20px 90px; | |
67 | font-size: 1.4em; | |
68 | line-height: 1.8em; | |
69 | } | |
70 | #body ol { | |
71 | margin: 20px 90px; | |
72 | font-size: 1.4em; | |
73 | line-height: 1.8em; | |
74 | } | |
75 | #body ul li p { | |
76 | font-size: 1em; | |
77 | margin: 0; | |
78 | line-height: 1em; | |
79 | text-indent: 0; | |
80 | } | |
81 | #body ol li p { | |
82 | font-size: 1em; | |
83 | margin: 0; | |
84 | line-height: 1em; | |
85 | text-indent: 0; | |
86 | } | |
87 | #body ul li { margin-left: 80px; } | |
88 | #body ol li { margin-left: 80px; } | |
89 | #body blockquote { | |
90 | margin: 20px 170px; | |
91 | text-align: justify; | |
92 | border-left: 2px solid #eeeeee; | |
93 | padding-left: 5px; | |
94 | } | |
95 | #body blockquote blockquote { margin: 10px; } | |
96 | #body pre { | |
97 | margin: 20px 170px; | |
98 | border: 1px solid #cccccc; | |
99 | background-color: #eeeeee; | |
100 | padding: 10px; | |
101 | } | |
102 | #body pre code { | |
103 | font-size: 1.6em; | |
104 | line-height: 1.8em; | |
105 | } | |
106 | #body blockquote p { | |
107 | margin: 5px 0; | |
108 | text-indent: 0; | |
109 | font-size: 1.4em; | |
110 | line-height: 1.8em; | |
111 | } | |
112 | hr { | |
113 | margin: 10px; | |
114 | border: 0; | |
115 | border-bottom: 1px solid #eeeeee; | |
116 | } | |
117 | #body #sharing { text-align: center; } | |
118 | #body input.title { | |
119 | border: 1px solid #cccccc; | |
120 | font-size: 1.6em; | |
121 | padding: 5px; | |
122 | margin: 0 90px; | |
123 | width: 770px; | |
124 | } | |
125 | #body input.url { | |
126 | border: 1px solid #cccccc; | |
127 | font-size: 1.6em; | |
128 | padding: 5px; | |
129 | margin: 0 90px; | |
130 | width: 770px; | |
131 | } | |
132 | #body #sharing input.url { | |
133 | width: 290px; | |
134 | margin-bottom: 10px; | |
135 | margin-top: 10px; | |
136 | } | |
137 | #body textarea.text { | |
138 | border: 1px solid #cccccc; | |
139 | font-size: 1.6em; | |
140 | padding: 5px; | |
141 | margin: 0 90px; | |
142 | resize: vertical; | |
143 | } | |
144 | #body input.submit { | |
145 | width: 150px; | |
146 | font-size: 4.8em; | |
147 | margin: 10px 410px; | |
148 | padding: 20px; | |
149 | } | |
150 | #body #errors { | |
151 | -moz-border-radius: 5px; | |
152 | border-radius: 5px; | |
153 | -webkit-border-radius: 5px; | |
154 | padding: 10px; | |
155 | font-size: 1.4em; | |
156 | margin: 0 90px; | |
157 | width: 760px; | |
158 | background-color: #ffebe8; | |
159 | } | |
160 | #body #success { | |
161 | -moz-border-radius: 5px; | |
162 | border-radius: 5px; | |
163 | -webkit-border-radius: 5px; | |
164 | padding: 10px; | |
165 | font-size: 1.4em; | |
166 | margin: 0 90px; | |
167 | width: 760px; | |
168 | background-color: #f0fff0; | |
169 | } | |
170 | .tooltip { | |
171 | position: absolute; | |
172 | top: 0; | |
173 | left: 0; | |
174 | z-index: 3; | |
175 | display: none; | |
176 | } | |
177 | #footer { height: 100px; } |