LOST // GENERATION
Sept 21, 2016 7:42:31 GMT -5
Post by Onyx on Sept 21, 2016 7:42:31 GMT -5
D I S T R I C T T H I R T E E N
[newclass=.cdholder]width:200px;height:333px;overflow:hidden;-moz-transition: width 1s ease-in-out; -webkit-transition: width 1s ease-in-out; -o-transition: width 1s ease-in-out;[/newclass]
[newclass=.cdholder:hover]width:520px;[/newclass]
[newclass=.cdimage]width:200px;height:333px;padding:10px;[/newclass]
[newclass=.cdtitle]width:160px;height:293px;border:1px solid #fff;padding:10px;overflow:hidden;font-family:Georgia;color:#fff;opacity:1.0;-moz-transition: opacity 1s linear; -webkit-transition: opacity 1s linear; -o-transition: opacity 1s linear;[/newclass]
[newclass=.cdholder:hover .cdtitle]opacity:0;[/newclass]
[newclass=.cdlyrics]width:160px;height:293px;border:1px solid #fff;padding:10px;overflow:hidden;font-family:Times New Roman;color:#eee;opacity:0;-moz-transition: opacity 1s linear; -webkit-transition: opacity 1s linear; -o-transition: opacity 1s linear;[/newclass]
[newclass=.cdholder:hover .cdlyrics]opacity:1.0[/newclass]
[newclass=.cdinfo]width:330px;height:333px;background-color:#fff;font-family:Georgia;color:#000;font-size:9px;text-align:justify;overflow:auto;[/newclass]
[newclass=.rightcdholder]width:200px;height:333px;position:relative;overflow:hidden;-moz-transition: width 1s ease-in-out; -webkit-transition: width 1s ease-in-out; -o-transition: width 1s ease-in-out;[/newclass]
[newclass=.rightcdholder:hover]width:520px;[/newclass]
[newclass=.rightcdimage]width:200px;height:333px;padding:10px;position:absolute;right:-20px;top:0;[/newclass]
[newclass=.rightcdholder:hover .cdtitle]opacity:0;[/newclass]
[newclass=.rightcdholder:hover .cdlyrics]opacity:1.0[/newclass]
[newclass=.rightcdinfo]width:320px;height:333px;background-color:#fff;font-family:Georgia;color:#000;font-size:9px;text-align:justify;overflow:auto;position:absolute;right:200px;top:0;[/newclass]
