noteweb: Rendering bird field notes for the Web

Here are some rules for styling inline content. The span.loc-label rule is used to italicize inline labels that set off paragraphs.

span.loc-label
{   font-style: italic;
}

The span.bird-name rule styles species names. The text is dark green, and boldfaced.

span.bird-name
{   color: #007722;             /* Dark green */
    font-weight: bold;
}

The label “Notable:” needs to stand out, so we set it in maroon type, surrounded by a thin red box.

span.notable
{   font-weight: bold;
    color: maroon;
    border-style: solid;
    border-width: 1px;
    border-color: red;
    padding: 1px;
}

These two rules are used to mark up genus names and literature citations, both of which are traditionally italicized.

span.genus
{   font-style: italic;
}
span.cite
{   font-style: italic;
}