OLD | NEW |
| (Empty) |
1 #comments { | |
2 width: 1000px; | |
3 margin: 0 auto 22px auto; | |
4 } | |
5 | |
6 .mdn { | |
7 border: solid 1px hsl(10, 80%, 90%); | |
8 border-radius: 4px; | |
9 font-size: 16px; | |
10 line-height: 22px; | |
11 margin: 22px 0; | |
12 padding: 21px 21px 0 21px; | |
13 } | |
14 | |
15 /* Try to massage the MDN content a bit to look nicer. This makes sure we don't | |
16 double pad the insides of the box. */ | |
17 .mdn > *:first-child { | |
18 margin-top: 0; | |
19 } | |
20 | |
21 .mdn > *:last-child { | |
22 margin-bottom: 0; | |
23 } | |
24 | |
25 .mdn .note { | |
26 background: hsl(220, 80%, 93%); | |
27 font: 400 14px/22px 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', | |
28 sans-serif; | |
29 color: hsl(220, 40%, 40%); | |
30 border-radius: 4px; | |
31 padding: 11px; | |
32 } | |
33 | |
34 .mdn .warning { | |
35 background: hsl(40, 80%, 90%); | |
36 font: 400 14px/22px 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', | |
37 sans-serif; | |
38 color: hsl(40, 40%, 30%); | |
39 border-radius: 4px; | |
40 padding: 11px; | |
41 } | |
42 | |
43 .mdn h6 { | |
44 font: 600 14px/22px 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', | |
45 sans-serif; | |
46 color: #999; | |
47 margin: 22px 0 0 0; | |
48 } | |
49 | |
50 /* End MDN massage. */ | |
51 | |
52 .mdn-note { | |
53 font: 600 11px/22px 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', | |
54 sans-serif; | |
55 color: hsl(10, 60%, 80%); | |
56 text-align: right; | |
57 line-height: 21px; /* To absorb bottom border 1px. */ | |
58 margin-right: -14px; | |
59 } | |
60 | |
61 .mdn-note a { | |
62 color: hsl(10, 60%, 80%); | |
63 } | |
64 | |
65 .mdn-note a:hover { | |
66 color: hsl(10, 60%, 60%); | |
67 } | |
68 | |
69 .mdn-attribution { | |
70 background: hsl(10, 80%, 95%); | |
71 border-radius: 4px; | |
72 font: 400 13px/22px 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', | |
73 sans-serif; | |
74 color: hsl(10, 30%, 30%); | |
75 padding: 22px 22px 22px 75px; | |
76 } | |
77 | |
78 .mdn-logo { | |
79 float: left; | |
80 margin-left: -53px; | |
81 /*padding-right: 11px;*/ | |
82 } | |
83 | |
84 .correspond { | |
85 font: italic 400 14px/22px 'Open Sans', 'Lucida Sans Unicode', | |
86 'Lucida Grande', sans-serif; | |
87 color: #666; | |
88 } | |
89 | |
90 .correspond .crossref { | |
91 font: inherit; | |
92 } | |
OLD | NEW |