blob: 05e43890557c064b0e64ceb1d1b648776c0283e1 [file] [log] [blame]
#comments {
width: 1000px;
margin: 0 auto 22px auto;
}
.mdn {
border: solid 1px hsl(10, 80%, 90%);
border-radius: 4px;
font-size: 16px;
line-height: 22px;
margin: 22px 0;
padding: 21px 21px 0 21px;
}
/* Try to massage the MDN content a bit to look nicer. This makes sure we don't
double pad the insides of the box. */
.mdn > *:first-child {
margin-top: 0;
}
.mdn > *:last-child {
margin-bottom: 0;
}
.mdn .note {
background: hsl(220, 80%, 93%);
font: 400 14px/22px 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande',
sans-serif;
color: hsl(220, 40%, 40%);
border-radius: 4px;
padding: 11px;
}
.mdn .warning {
background: hsl(40, 80%, 90%);
font: 400 14px/22px 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande',
sans-serif;
color: hsl(40, 40%, 30%);
border-radius: 4px;
padding: 11px;
}
.mdn h6 {
font: 600 14px/22px 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande',
sans-serif;
color: #999;
margin: 22px 0 0 0;
}
/* End MDN massage. */
.mdn-note {
font: 600 11px/22px 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande',
sans-serif;
color: hsl(10, 60%, 80%);
text-align: right;
line-height: 21px; /* To absorb bottom border 1px. */
margin-right: -14px;
}
.mdn-note a {
color: hsl(10, 60%, 80%);
}
.mdn-note a:hover {
color: hsl(10, 60%, 60%);
}
.mdn-attribution {
background: hsl(10, 80%, 95%);
border-radius: 4px;
font: 400 13px/22px 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande',
sans-serif;
color: hsl(10, 30%, 30%);
padding: 22px 22px 22px 75px;
}
.mdn-logo {
float: left;
margin-left: -53px;
/*padding-right: 11px;*/
}
.correspond {
font: italic 400 14px/22px 'Open Sans', 'Lucida Sans Unicode',
'Lucida Grande', sans-serif;
color: #666;
}
.correspond .crossref {
font: inherit;
}