Difference between revisions of "Template:Custom/songinfo.css"

no edit summary
 
(16 intermediate revisions by the same user not shown)
Line 5: Line 5:
     font-style: oblique;  
     font-style: oblique;  
     font-size: 1.5em;
     font-size: 1.5em;
     color: #222222;
     color: #333333;
     margin-left: 1em;
     margin-left: 1.2em;
     margin-top: 15px;
     margin-top: 15px;
     max-width: 500px;
     max-width: 500px;
Line 14: Line 14:
.songinfosubtitle {
.songinfosubtitle {
     vertical-align: top;
     vertical-align: top;
     font-size: 1.2em;
     font-size: 1.1em;
     font-style: oblique;
     font-style: oblique;
     color: #222222;
     color: #333333;
     margin-left: 1.2em;
     margin-left: 2em;
 
}
}


Line 24: Line 23:
     text-align: left;  
     text-align: left;  
     font-size: small;
     font-size: small;
     margin-left: 3em;
     margin-left: 4em;
     margin-top: 0px;
     margin-top: 0px;
     margin-bottom: 10px;
     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 33: Line 37:
.fifteenth {
.fifteenth {
   background-color: #DBF1F9;
   background-color: #DBF1F9;
  border: 2px solid #c2c2c2;
  max-width: 500px;
}
}




.sixteenth {
.sixteenth {
  color: white;
  background-color: #B6E3F3;
  background-color: #B6E3F3;
  border: 2px solid #c2c2c2;
  margin: 10px;
  max-width: 500px;
  width: 50px;
  height: 50px;
  display: inline-block;
}
}


.seventeenth {
.seventeenth {
  background-color: #92D5ED;
  background-color: #92D5ED;
  max-width: 500px;
   border: 2px solid #c2c2c2;
   border: 2px solid #c2c2c2;
   max-width: 500px;
   max-width: 500px;
Line 54: Line 56:
.eighteenth {
.eighteenth {
   background-color: #6DC7E6;
   background-color: #6DC7E6;
  max-width: 500px;
   border: 2px solid #c2c2c2;
   border: 2px solid #c2c2c2;
   max-width: 500px;
   max-width: 500px;
Line 63: 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 {
  color: white;
   background-color: #49B9E0;
   background-color: #49B9E0;
   margin: 10px;
   border: 2px solid #c2c2c2;
   width: 50px;
   max-width: 500px;
  height: 50px;
  display: inline-block;
}
}


.twentieth {
.twentieth {
  color: white;
   background-color: #24ABDA;
   background-color: #24ABDA;
   margin: 10px;
   border: 2px solid #c2c2c2;
   width: 50px;
   max-width: 500px;
  height: 50px;
  display: inline-block;
}
}


.twentyfirst {
.twentyfirst {
  color: white;
   background-color: #009DD4;
   background-color: #009DD4;
   margin: 10px;
   border: 2px solid #c2c2c2;
   width: 50px;
   max-width: 500px;
  height: 50px;
  display: inline-block;
}
}