UNPKG

5.75 kBCSSView Raw
1body {
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
12body > *:first-child {
13 margin-top: 0 !important;
14}
15body > *:last-child {
16 margin-bottom: 0 !important;
17}
18
19a {
20 color: #4183C4;
21 text-decoration: none;
22}
23a:hover {
24 text-decoration: underline;
25}
26a.absent {
27 color: #cc0000;
28}
29a.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
40h1, 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
49h1: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
54h1 tt, h1 code {
55 font-size: inherit;
56}
57
58h2 tt, h2 code {
59 font-size: inherit;
60}
61
62h3 tt, h3 code {
63 font-size: inherit;
64}
65
66h4 tt, h4 code {
67 font-size: inherit;
68}
69
70h5 tt, h5 code {
71 font-size: inherit;
72}
73
74h6 tt, h6 code {
75 font-size: inherit;
76}
77
78h1 {
79 font-size: 28px;
80 color: black;
81}
82
83h2 {
84 font-size: 24px;
85 border-bottom: 1px solid #cccccc;
86 color: black;
87}
88
89h3 {
90 font-size: 18px;
91}
92
93h4 {
94 font-size: 16px;
95}
96
97h5 {
98 font-size: 14px;
99}
100
101h6 {
102 color: #777777;
103 font-size: 14px;
104}
105
106p, blockquote, ul, ol, dl, li, table, pre {
107 /*margin: 15px 0;*/
108}
109
110hr {
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
118body > h2:first-child {
119 margin-top: 0;
120 padding-top: 0;
121}
122body > 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 }
130body > 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
135a: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
140h1 p, h2 p, h3 p, h4 p, h5 p, h6 p {
141 margin-top: 0;
142}
143
144li p.first {
145 display: inline-block;
146}
147
148ul, ol {
149 padding-left: 30px;
150}
151
152ul :first-child, ol :first-child {
153 margin-top: 0;
154}
155
156ul :last-child, ol :last-child {
157 margin-bottom: 0;
158}
159
160dl {
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
190blockquote {
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
202table {
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
234img {
235 max-width: 100%;
236}
237
238span.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 }
261span.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 }
276span.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 }
291span.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 }
300span.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
313code, 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
322pre 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
340pre {
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 }