Difference between revisions of "Template:Custom/songinfo.css"
Jump to navigation
Jump to search
Line 43: | Line 43: | ||
.sixteenth { | .sixteenth { | ||
background-color: #B6E3F3; | |||
border: 2px solid #c2c2c2; | border: 2px solid #c2c2c2; | ||
max-width: 500px; | max-width: 500px; | ||
Line 50: | Line 49: | ||
.seventeenth { | .seventeenth { | ||
background-color: #92D5ED; | |||
border: 2px solid #c2c2c2; | border: 2px solid #c2c2c2; | ||
max-width: 500px; | max-width: 500px; | ||
Line 58: | Line 56: | ||
.eighteenth { | .eighteenth { | ||
background-color: #6DC7E6; | background-color: #6DC7E6; | ||
border: 2px solid #c2c2c2; | border: 2px solid #c2c2c2; | ||
max-width: 500px; | max-width: 500px; | ||
Line 69: | Line 66: | ||
.nineteenth { | .nineteenth { | ||
background-color: #49B9E0; | background-color: #49B9E0; | ||
border: 2px solid #c2c2c2; | border: 2px solid #c2c2c2; | ||
Line 76: | Line 72: | ||
.twentieth { | .twentieth { | ||
background-color: #24ABDA; | background-color: #24ABDA; | ||
border: 2px solid #c2c2c2; | border: 2px solid #c2c2c2; | ||
Line 83: | Line 78: | ||
.twentyfirst { | .twentyfirst { | ||
background-color: #009DD4; | background-color: #009DD4; | ||
border: 2px solid #c2c2c2; | |||
width: | max-width: 500px; | ||
} | } | ||
Latest revision as of 15:55, 4 October 2021
/* 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. */ .songinfotitle { font-size: 1.5em; font-style: oblique; font-size: 1.5em; color: #333333; margin-left: 1.2em; margin-top: 15px; max-width: 500px; float:left; } .songinfosubtitle { vertical-align: top; font-size: 1.1em; font-style: oblique; color: #333333; margin-left: 2em; } .songinfobox { text-align: left; font-size: small; margin-left: 4em; margin-top: 0px; margin-bottom: 10px; } /*This styles the links inside the box.*/ .songinfobox a:link {color:#555555;} .songinfobox a:visited {color:#333333;} .songinfobox a:hover {color:#444444;} .songinfobox a:active {color:#FFFFFF;} /*Which century?*/ .fifteenth { background-color: #DBF1F9; border: 2px solid #c2c2c2; max-width: 500px; } .sixteenth { background-color: #B6E3F3; border: 2px solid #c2c2c2; max-width: 500px; } .seventeenth { background-color: #92D5ED; border: 2px solid #c2c2c2; max-width: 500px; } .eighteenth { background-color: #6DC7E6; border: 2px solid #c2c2c2; max-width: 500px; }/* .eighteenth { max-width: 500px; background: radial-gradient(circle, rgba(109,199,230,1) 0%, rgba(148,233,188,1) 100%); }*/ .nineteenth { background-color: #49B9E0; border: 2px solid #c2c2c2; max-width: 500px; } .twentieth { background-color: #24ABDA; border: 2px solid #c2c2c2; max-width: 500px; } .twentyfirst { background-color: #009DD4; border: 2px solid #c2c2c2; max-width: 500px; } /* 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 */