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
| (47 intermediate revisions by the same user not shown) | |||
| Line 2: | Line 2: | ||
.songinfotitle { | .songinfotitle { | ||
font-size: 1.5em; | |||
font-size: | font-style: oblique; | ||
font-size: 1.5em; | |||
margin- | color: #333333; | ||
margin- | margin-left: 1.2em; | ||
margin-top: 15px; | |||
max-width: 500px; | max-width: 500px; | ||
float:left; | |||
} | } | ||
.songinfosubtitle { | .songinfosubtitle { | ||
font-size: | vertical-align: top; | ||
font-size: 1.1em; | |||
font-style: oblique; | |||
color: #333333; | |||
margin-left: 2em; | |||
} | } | ||
| Line 21: | 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 50: | 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; | |||
max-width: 500px; | |||
} | } | ||
.eighteenth { | .eighteenth { | ||
background-color: #6DC7E6; | background-color: #6DC7E6; | ||
border: 2px solid #c2c2c2; | |||
max-width: 500px; | max-width: 500px; | ||
}/* | }/* | ||
.eighteenth { | .eighteenth { | ||
| Line 75: | 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; | ||
} | } | ||