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

no edit summary
 
(6 intermediate revisions by the same user not shown)
Line 28: Line 28:
}
}
/*This styles the links inside the box.*/
/*This styles the links inside the box.*/
.songinfobox a:link {color:#BBBBBB;}
.songinfobox a:link {color:#555555;}
.songinfobox a:visited {color:#AAAAAA;}
.songinfobox a:visited {color:#333333;}
.songinfobox a:hover {color:#CCCCCC;}
.songinfobox a:hover {color:#444444;}
.songinfobox a:active {color:#FFFFFF;}
.songinfobox a:active {color:#FFFFFF;}


Line 37: 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 58: 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 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 {
  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;
}
}