+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
below is the Profile CSS. put it in the first box.
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Band Name
TRON:Ares(Original Motion Picture Soundtrack)
Band Name
Minecraft:Trails&Tales (Original Game Soundtrack)
Band Name
Dusty House Mix
Band Name
[[Blank Project II]]
Band Name
Tron:Legacy-The Complete Edition (Original Motion Picture Soundtrack)
Band Name
[[Blank Project]]
=Recent Rotation=
Click the Icon to play the song in-browser!
code by @o-p-a-l
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
below is the CSS code. paste into the second box on the profile editor.
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
@import url('https://fonts.googleapis.com/css?family=Nova+Square');
.albumshelf {
font-family: 'Nova Square', sans-serif;
position: relative;
margin: auto;
width: 1030px;
height: 400px;
background: linear-gradient(to bottom, rgba(33, 33, 33, 0), rgba(33, 33, 33, .5), rgba(22, 22, 22, 1), rgba(22, 22, 22, 1), rgba(0, 0, 0, 0));
}
.album {
width: 150px;
height: 150px;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
color: white;
transition: all .3s;
position: absolute;
transform: skewY(20deg);
overflow: hidden;
display: inline;
}
.album:hover {
transform: translateY(-100px) width:500px;
height: 300px;
width:500px;
}
.album img {
height: 150px;
width: 150px;
transition: all .3s;
}
.album hr {
width: 90%;
border: 1px dashed white;
margin: 0;
margin-bottom: 5px;
}
.album h1 {
font-size: 25px;
font-weight: bold;
margin: 0;
}
.album h2 {
font-size: 20px;
margin: 0;
}
.album h3 {
font-size: 15px;
font-style: italic;
margin: 0;
}