Template:Lyrics/styles.css

.lyricscontainer { margin-right: 30%; margin-bottom: 3px; margin-top: 5px; border-bottom: 3px solid #CD7E96; } /* For first set of lyrics */ .lyrics1 .mw-collapsible-toggle { /* Toggle button */ margin-top: -2px; margin-right: 10px; font-weight: bold; } .lyrics1 .mw-customtoggle-header { /* Header */ height: 22px; padding-bottom: 5px; } .lyrics1 .mw-collapsible-content { /* Content */ border-top: 3px solid #CD7E96; padding: 0 20px 0; font-size: larger; } .lyrics1 .mw-collapsible-content p { font-family: 'STIX Two Math', serif; } /* For second version of lyrics */ .lyrics2 .mw-collapsible-toggle { /* Toggle button */ margin-top: 8px; margin-right: 10px; font-weight:bold; } .lyrics2 .mw-customtoggle-header { /* Header */ height:22px; margin-top: 10px; padding-bottom: 5px; } .lyrics2 .mw-collapsible-content { /* Content */ border-top: 3px solid #CD7E96; padding:0 20px 0; font-size: larger; } .lyrics2 .mw-collapsible-content p { font-family: 'STIX Two Math', serif; }

/** Changes for mobile screens **/ @media only screen and (max-width: 500px) { .lyricscontainer { padding: 0; margin: 0; } .lyrics1 .mw-collapsible-content { width:95%; margin: 10px 0 10px; padding: 0; font-size: inherit; font-family: inherit; } .lyrics1 .mw-collapsible-content p { font-family: inherit; } .lyrics2 .mw-collapsible-content { width:95%; margin: 10px 0 10px; padding: 0; font-size: inherit; font-family: inherit; } .lyrics2 .mw-collapsible-content p { font-family: inherit; } .lyrics2 .mw-collapsible-toggle { margin-top: -2px; } .lyricbar { margin: -10px -5.3% 0 0; } }