HTML Output CSS Example

Here is an example Cascading Style Sheet (CSS) that can be used with the HTML output of Songsheet Generator. These styles duplicate those of the HTML output example.

.sg_song {margin: 1em; padding: 1em; border: thin solid #333; background: #ffffdd}
.sg_title {font-family:Helvetica,Arial,sans-serif; font-style: italic;}
.sg_subtitle {-.75em; font-weight:lighter; font-family:Helvetica,Arial,sans-serif; font-style: italic;}
.sg_lyric {font-family:Times,Times New Roman,serif;}
.sg_chord {color: #00cc00; font-size:smaller; font-family:Helvetica,Arial,sans-serif; font-style:italic;}
.sg_chorus {font-family:Times,Times New Roman,serif;}
.sg_chorus_all {margin-left: 2em; margin-right: 2em; background: white; padding-left: 2em; border:thin solid #333; padding-top: 1em; padding-bottom: 1em;}
.sg_comment {color: #333; font-family:Times,Times New Roman,serif; font-style:italic; text-align:right; margin-top:-0.8em;}
.sg_tab {font-size: 8pt}
.sg_newsong {padding-left: 2em; border:thin solid gray; padding-bottom: .5em;}
.sg_toc {}
.sg_toc_header {}
.sg_toc_contents {}
.sg_footer {}