1 | body {
|
2 | color: #333333;
|
3 | font-family: Helvetica, arial, sans-serif;
|
4 | font-size: 14px;
|
5 | line-height: 1.6;
|
6 | padding-top: 10px;
|
7 | padding-bottom: 10px;
|
8 | background-color: white;
|
9 | padding: 30px;
|
10 | }
|
11 |
|
12 | body > *:first-child {
|
13 | margin-top: 0 !important;
|
14 | }
|
15 | body > *:last-child {
|
16 | margin-bottom: 0 !important;
|
17 | }
|
18 |
|
19 | a {
|
20 | color: #4183C4;
|
21 | text-decoration: none;
|
22 | }
|
23 | a:hover {
|
24 | text-decoration: underline;
|
25 | }
|
26 | a.absent {
|
27 | color: #cc0000;
|
28 | }
|
29 | a.anchor {
|
30 | display: block;
|
31 | padding-left: 30px;
|
32 | margin-left: -30px;
|
33 | cursor: pointer;
|
34 | position: absolute;
|
35 | top: 0;
|
36 | left: 0;
|
37 | bottom: 0;
|
38 | }
|
39 |
|
40 | h1, h2, h3, h4, h5, h6 {
|
41 | margin: 20px 0 10px;
|
42 | padding: 0;
|
43 | font-weight: bold;
|
44 | -webkit-font-smoothing: antialiased;
|
45 | cursor: text;
|
46 | position: relative;
|
47 | }
|
48 |
|
49 | h1:hover a.anchor, h2:hover a.anchor, h3:hover a.anchor, h4:hover a.anchor, h5:hover a.anchor, h6:hover a.anchor {
|
50 | background: url("../../images/modules/styleguide/para.png") no-repeat 10px center;
|
51 | text-decoration: none;
|
52 | }
|
53 |
|
54 | h1 tt, h1 code {
|
55 | font-size: inherit;
|
56 | }
|
57 |
|
58 | h2 tt, h2 code {
|
59 | font-size: inherit;
|
60 | }
|
61 |
|
62 | h3 tt, h3 code {
|
63 | font-size: inherit;
|
64 | }
|
65 |
|
66 | h4 tt, h4 code {
|
67 | font-size: inherit;
|
68 | }
|
69 |
|
70 | h5 tt, h5 code {
|
71 | font-size: inherit;
|
72 | }
|
73 |
|
74 | h6 tt, h6 code {
|
75 | font-size: inherit;
|
76 | }
|
77 |
|
78 | h1 {
|
79 | font-size: 28px;
|
80 | color: black;
|
81 | }
|
82 |
|
83 | h2 {
|
84 | font-size: 24px;
|
85 | border-bottom: 1px solid #cccccc;
|
86 | color: black;
|
87 | }
|
88 |
|
89 | h3 {
|
90 | font-size: 18px;
|
91 | }
|
92 |
|
93 | h4 {
|
94 | font-size: 16px;
|
95 | }
|
96 |
|
97 | h5 {
|
98 | font-size: 14px;
|
99 | }
|
100 |
|
101 | h6 {
|
102 | color: #777777;
|
103 | font-size: 14px;
|
104 | }
|
105 |
|
106 | p, blockquote, ul, ol, dl, li, table, pre {
|
107 |
|
108 | }
|
109 |
|
110 | hr {
|
111 | background: transparent url("../../images/modules/pulls/dirty-shade.png") repeat-x 0 0;
|
112 | border: 0 none;
|
113 | color: #cccccc;
|
114 | height: 4px;
|
115 | padding: 0;
|
116 | }
|
117 |
|
118 | body > h2:first-child {
|
119 | margin-top: 0;
|
120 | padding-top: 0;
|
121 | }
|
122 | body > h1:first-child {
|
123 | margin-top: 0;
|
124 | padding-top: 0;
|
125 | }
|
126 | body > h1:first-child + h2 {
|
127 | margin-top: 0;
|
128 | padding-top: 0;
|
129 | }
|
130 | body > h3:first-child, body > h4:first-child, body > h5:first-child, body > h6:first-child {
|
131 | margin-top: 0;
|
132 | padding-top: 0;
|
133 | }
|
134 |
|
135 | a:first-child h1, a:first-child h2, a:first-child h3, a:first-child h4, a:first-child h5, a:first-child h6 {
|
136 | margin-top: 0;
|
137 | padding-top: 0;
|
138 | }
|
139 |
|
140 | h1 p, h2 p, h3 p, h4 p, h5 p, h6 p {
|
141 | margin-top: 0;
|
142 | }
|
143 |
|
144 | li p.first {
|
145 | display: inline-block;
|
146 | }
|
147 |
|
148 | ul, ol {
|
149 | padding-left: 30px;
|
150 | }
|
151 |
|
152 | ul :first-child, ol :first-child {
|
153 | margin-top: 0;
|
154 | }
|
155 |
|
156 | ul :last-child, ol :last-child {
|
157 | margin-bottom: 0;
|
158 | }
|
159 |
|
160 | dl {
|
161 | padding: 0;
|
162 | }
|
163 | dl dt {
|
164 | font-size: 14px;
|
165 | font-weight: bold;
|
166 | font-style: italic;
|
167 | padding: 0;
|
168 | margin: 15px 0 5px;
|
169 | }
|
170 | dl dt:first-child {
|
171 | padding: 0;
|
172 | }
|
173 | dl dt > :first-child {
|
174 | margin-top: 0;
|
175 | }
|
176 | dl dt > :last-child {
|
177 | margin-bottom: 0;
|
178 | }
|
179 | dl dd {
|
180 | margin: 0 0 15px;
|
181 | padding: 0 15px;
|
182 | }
|
183 | dl dd > :first-child {
|
184 | margin-top: 0;
|
185 | }
|
186 | dl dd > :last-child {
|
187 | margin-bottom: 0;
|
188 | }
|
189 |
|
190 | blockquote {
|
191 | border-left: 4px solid #dddddd;
|
192 | padding: 0 15px;
|
193 | color: #777777;
|
194 | }
|
195 | blockquote > :first-child {
|
196 | margin-top: 0;
|
197 | }
|
198 | blockquote > :last-child {
|
199 | margin-bottom: 0;
|
200 | }
|
201 |
|
202 | table {
|
203 | padding: 0;
|
204 | }
|
205 | table tr {
|
206 | border-top: 1px solid #cccccc;
|
207 | background-color: white;
|
208 | margin: 0;
|
209 | padding: 0;
|
210 | }
|
211 | table tr:nth-child(2n) {
|
212 | background-color: #f8f8f8;
|
213 | }
|
214 | table tr th {
|
215 | font-weight: bold;
|
216 | border: 1px solid #cccccc;
|
217 | text-align: left;
|
218 | margin: 0;
|
219 | padding: 6px 13px;
|
220 | }
|
221 | table tr td {
|
222 | border: 1px solid #cccccc;
|
223 | text-align: left;
|
224 | margin: 0;
|
225 | padding: 6px 13px;
|
226 | }
|
227 | table tr th :first-child, table tr td :first-child {
|
228 | margin-top: 0;
|
229 | }
|
230 | table tr th :last-child, table tr td :last-child {
|
231 | margin-bottom: 0;
|
232 | }
|
233 |
|
234 | img {
|
235 | max-width: 100%;
|
236 | }
|
237 |
|
238 | span.frame {
|
239 | display: block;
|
240 | overflow: hidden;
|
241 | }
|
242 | span.frame > span {
|
243 | border: 1px solid #dddddd;
|
244 | display: block;
|
245 | float: left;
|
246 | overflow: hidden;
|
247 | margin: 13px 0 0;
|
248 | padding: 7px;
|
249 | width: auto;
|
250 | }
|
251 | span.frame span img {
|
252 | display: block;
|
253 | float: left;
|
254 | }
|
255 | span.frame span span {
|
256 | clear: both;
|
257 | color: #333333;
|
258 | display: block;
|
259 | padding: 5px 0 0;
|
260 | }
|
261 | span.align-center {
|
262 | display: block;
|
263 | overflow: hidden;
|
264 | clear: both;
|
265 | }
|
266 | span.align-center > span {
|
267 | display: block;
|
268 | overflow: hidden;
|
269 | margin: 13px auto 0;
|
270 | text-align: center;
|
271 | }
|
272 | span.align-center span img {
|
273 | margin: 0 auto;
|
274 | text-align: center;
|
275 | }
|
276 | span.align-right {
|
277 | display: block;
|
278 | overflow: hidden;
|
279 | clear: both;
|
280 | }
|
281 | span.align-right > span {
|
282 | display: block;
|
283 | overflow: hidden;
|
284 | margin: 13px 0 0;
|
285 | text-align: right;
|
286 | }
|
287 | span.align-right span img {
|
288 | margin: 0;
|
289 | text-align: right;
|
290 | }
|
291 | span.float-left {
|
292 | display: block;
|
293 | margin-right: 13px;
|
294 | overflow: hidden;
|
295 | float: left;
|
296 | }
|
297 | span.float-left span {
|
298 | margin: 13px 0 0;
|
299 | }
|
300 | span.float-right {
|
301 | display: block;
|
302 | margin-left: 13px;
|
303 | overflow: hidden;
|
304 | float: right;
|
305 | }
|
306 | span.float-right > span {
|
307 | display: block;
|
308 | overflow: hidden;
|
309 | margin: 13px auto 0;
|
310 | text-align: right;
|
311 | }
|
312 |
|
313 | code, tt {
|
314 | margin: 0 2px;
|
315 | padding: 0 5px;
|
316 | white-space: nowrap;
|
317 | border: 1px solid #eaeaea;
|
318 | background-color: #f8f8f8;
|
319 | border-radius: 3px;
|
320 | }
|
321 |
|
322 | pre code {
|
323 | margin: 0;
|
324 | padding: 0;
|
325 | white-space: pre;
|
326 | border: none;
|
327 | background: transparent;
|
328 | }
|
329 |
|
330 | .highlight pre {
|
331 | background-color: #f8f8f8;
|
332 | border: 1px solid #cccccc;
|
333 | font-size: 13px;
|
334 | line-height: 19px;
|
335 | overflow: auto;
|
336 | padding: 6px 10px;
|
337 | border-radius: 3px;
|
338 | }
|
339 |
|
340 | pre {
|
341 | background-color: #f8f8f8;
|
342 | border: 1px solid #cccccc;
|
343 | font-size: 13px;
|
344 | line-height: 19px;
|
345 | overflow: auto;
|
346 | padding: 6px 10px;
|
347 | border-radius: 3px;
|
348 | }
|
349 | pre code, pre tt {
|
350 | background-color: transparent;
|
351 | border: none;
|
352 | }
|