Post by LUCY HARLOW WEASLEY on Dec 24, 2014 15:59:21 GMT -5
[googlefont="Megrim:400"][newclass=#mcontainer]margin-top:50px;padding:0;width:350px;position:relative;height:400px;overflow:hidden;background-image: url(350 x 400 IMAGE URL HERE);background: -webkit-linear-gradient(top, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.5) 21%,rgba(0,0,0,0.4) 26%,rgba(0,0,0,0.04) 46%,rgba(0,0,0,0.05) 50%,rgba(0,0,0,0.47) 68%,rgba(0,0,0,0.55) 73%,rgba(0,0,0,0.9) 100%),url(350 x 400 IMAGE URL HERE AGAIN);background: -ms-linear-gradient(top, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.5) 21%,rgba(0,0,0,0.4) 26%,rgba(0,0,0,0.04) 46%,rgba(0,0,0,0.05) 50%,rgba(0,0,0,0.47) 68%,rgba(0,0,0,0.55) 73%,rgba(0,0,0,0.9) 100%),url(350 x 400 IMAGE URL HERE AGAIN);background-position:top center;border-left:30px solid #111;border-right:30px solid #111;[/newclass][newclass=#mcontainer ::-webkit-scrollbar] width: 6px;[/newclass][newclass=#mcontainer ::-webkit-scrollbar-track] background-color:#ddd;[/newclass][newclass=#mcontainer ::-webkit-scrollbar-thumb]background-color:#111;border-radius: 10px;[/newclass][newclass=#mcontainer .mtextbox]position:absolute;margin:10px;top:-450px;background-color:#111;width:300px;padding:15px;-webkit-box-shadow: 1px 1px 4px 1px #000000;box-shadow: 1px 1px 4px 1px #000000;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;[/newclass][newclass=#mcontainer:hover .mtextbox]top:0px;[/newclass][newclass=.mtextbox .mtext]background-color:#eee;height:200px;overflow:auto;padding-right:10px;color:#222;font-family:Palatino Linotype;font-size:7pt;line-height:10px;text-align:justify;[/newclass][newclass=.mtext:first-letter]font-size:13pt;line-height:15px;background-color:#111;padding:7px;margin:0 4px 0 0;float:left;color:#eee;[/newclass][newclass=#mcontainer .mName]background-color:#111;padding:4px;margin:290px 0 5px 0;color:#eee;font-family:'Megrim',arial;font-size:24px;line-height:27px;letter-spacing:5px;text-transform:none;[/newclass][newclass=#mcontainer .mSubBox]background-color:#111;padding:6px;margin:5px 0;[/newclass][newclass=#mcontainer .mSubBox .mSubLines, #mcontainer .mSubBox .mTag]color:#eee;font-family:'Megrim', calibri;font-size:10px;line-height:13px;letter-spacing:2px;text-transform:lowercase;position:relative;[/newclass][newclass=#mcontainer .mSubBox .mTag]opacity:0;margin-top:-1.3em;[/newclass][newclass=#mcontainer:hover .mSubBox .mSubLines]opacity:0;[/newclass][newclass=#mcontainer:hover .mSubBox .mTag]opacity:1;[/newclass]
[attr="id","mcontainer"]
[attr="class","mName"]FIRST LAST NAME
[attr="class","mSubBox"]
[attr="class","mSubLines"]SINGLE LINE OF LYRICS
[attr="class","mTag"]tag || words || notes
[attr="class","mtextbox"]
[attr="class","mtext"]YOUR POST STARTS HERE.