7,004
edits
Difference between revisions of "Template:Custom/songinfo.css"
Template:Custom/songinfo.css (view source)
Revision as of 15:55, 4 October 2021
, 15:55, 4 October 2021no edit summary
| (35 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
/* 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. */ | /* 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-size: 1.5em; | ||
font-style: oblique; | font-style: oblique; | ||
font-size: 1.5em; | font-size: 1.5em; | ||
color: #333333; | |||
color: # | margin-left: 1.2em; | ||
margin-left: | margin-top: 15px; | ||
margin-top: | |||
max-width: 500px; | max-width: 500px; | ||
} | float:left; | ||
} | |||
.songinfosubtitle { | .songinfosubtitle { | ||
font-size: 1. | vertical-align: top; | ||
font-size: 1.1em; | |||
font-style: oblique; | font-style: oblique; | ||
color: # | color: #333333; | ||
margin-left: | margin-left: 2em; | ||
} | } | ||
| Line 27: | Line 23: | ||
text-align: left; | text-align: left; | ||
font-size: small; | font-size: small; | ||
margin-left: | margin-left: 4em; | ||
margin-top: | 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?*/ | /*Which century?*/ | ||
| Line 37: | Line 37: | ||
.fifteenth { | .fifteenth { | ||
background-color: #DBF1F9; | background-color: #DBF1F9; | ||
border: 2px solid #c2c2c2; | |||
max-width: 500px; | |||
} | } | ||
.sixteenth { | .sixteenth { | ||
background-color: #B6E3F3; | |||
border: 2px solid #c2c2c2; | |||
max-width: 500px; | |||
} | } | ||
.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 67: | Line 64: | ||
background: radial-gradient(circle, rgba(109,199,230,1) 0%, rgba(148,233,188,1) 100%); | background: radial-gradient(circle, rgba(109,199,230,1) 0%, rgba(148,233,188,1) 100%); | ||
}*/ | }*/ | ||
.nineteenth { | .nineteenth { | ||
background-color: #49B9E0; | background-color: #49B9E0; | ||
border: 2px solid #c2c2c2; | |||
width: | max-width: 500px; | ||
} | } | ||
.twentieth { | .twentieth { | ||
background-color: #24ABDA; | background-color: #24ABDA; | ||
border: 2px solid #c2c2c2; | |||
width: | max-width: 500px; | ||
} | } | ||
.twentyfirst { | .twentyfirst { | ||
background-color: #009DD4; | background-color: #009DD4; | ||
border: 2px solid #c2c2c2; | |||
width: | max-width: 500px; | ||
} | } | ||