Template:Custom/songinfo.css
< Template:Custom
Jump to navigation
Jump to search
Revision as of 15:45, 26 September 2021 by Admin (talk | contribs) (Created page with "→The purpose of this template is to define the box colours as variables so they can be set globally in case we change our minds over the layout or colour scheme.: /*gene...")
/* The purpose of this template is to define the box colours as variables so they can be set globally in case we change our minds over the layout or colour scheme. */ /*general table layout*/ .songinfohead { border-collapse:collapse; table-layout:fixed; text-align: left; margin-left: 10px; margin-top: 20px; margin-bottom: 20px; max-width: 500px; } .songinfobox { border-collapse:collapse; table-layout:fixed; text-align: left; font-size: small; margin-left: 30px; margin-top: 20px; margin-bottom: 20px; max-width: 500px; } td{ border:0px solid #ccc; padding:0px 0px; vertical-align:top; word-break:break-word; } /* Sacred or secular? */ .sacred { border: 2px solid #eaeaea; max-width: 500px; } .secular { border: 2px solid #c2c2c2; max-width: 500px; } /*Which century?*/ .fifteenth { background-color: #DBF1F9; } .sixteenth { color: white; background-color: #B6E3F3; margin: 10px; width: 50px; height: 50px; display: inline-block; } .seventeenth { background-color: #92D5ED; max-width: 500px; } /*.eighteenth { background-color: #6DC7E6; max-width: 500px; }*/ .eighteenth { max-width: 500px; background: radial-gradient(circle, rgba(109,199,230,1) 0%, rgba(148,233,188,1) 100%); } .nineteenth { color: white; background-color: #49B9E0; margin: 10px; width: 50px; height: 50px; display: inline-block; } .twentieth { color: white; background-color: #24ABDA; margin: 10px; width: 50px; height: 50px; display: inline-block; } .twentyfirst { color: white; background-color: #009DD4; margin: 10px; width: 50px; height: 50px; display: inline-block; } /* sacred-border = #eaeaea secular-border = #c2c2c2 15th-century-color #DBF1F9 16th-century-color: #B6E3F3 17th-century-color: #92D5ED 18th-century-color: #6DC7E6 19th-century-color: #49B9E0 20th-century-color: #24ABDA 21th-century-color: #009DD4 */