| 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 |