PLAYLIST CODE

<lj-raw>
<div style="width: 350px;  font-size: 0.9em; margin: 25px auto; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-weight: bold;">
	<div style="width: 100%; height: 500px; box-sizing: border-box; margin: 10px 0; border-radius: 5px; background: #2D2D2D; color: #ECECEC;">
		<div style="width: 100%; height: 18%; margin: 0 0;">
			<div style="width: 98px; height: 98px; background: url(PlaylistImgURL); float: left; margin: 2px 10px 2px 2px; border-radius: 5px 0 0 0;">
				<img src="http://i.imgur.com/Ue2Hcif.png?1" style="display: block; margin: 32px auto; opacity: 0.7;">
			</div>
			<a style="display: block; float: right; width: 35px; height: 35px; text-align: center; line-height: 35px; box-shadow: inset 1px 1px 2px #3C3C3C; border: 1px solid #000; text-decoration: none; color: #AAA; margin: 5px; font-size: 0.8em;" href="http://autumndufresne.insanejournal.com/28850.html" target="_blank" title="code by autumndufresne@ij">< / ></a>
			<div style="height: 98px; box-sizing: border-box; padding-top: 33px;">
				Playlist Title
				<br><span style="font-weight: lighter; font-size: 0.8em; color: #717274; text-shadow: 0.5px 1px 2px #191919;"># songs, mm:ss playtime</span>
			</div>
			<img src="http://i.imgur.com/kvi9pIM.png" style="display: block; float: right; width: 35px; margin-top: -35px; margin-right: 5px;">
		</div>
		<div style="clear: both; width: 98%; height: 79%; margin: 0 auto; box-shadow: inset 1px 1px 2px #3C3C3C; border: 1px solid #000; overflow: auto; font-size: 0.9em;">

			<div style="box-sizing: border-box; width: 100%; height: 50px; margin: 0 0; padding: 2px 8px;box-shadow: inset 1px 1px 2px #3C3C3C; border-bottom: 1px solid #000;">
				<font style="display: block; margin: 0 0; color: #D6DADE; float: left; width: 15px; height: 50px; line-height: 50px;text-align: center; font-family: sans-serif; font-size: 1.1em;">►</font>
				<font style="display: block; float: right; color: #717274; text-shadow: 0.5px 1px 2px #191919; margin: 0 0; height: 50px; line-height: 50px;">m:ss</font>
				<span style="display: block; height: 50px; margin: 0 0; box-sizing: border-box; padding-top: 12px; padding-left: 30px; line-height: 1.1em;">
					<a style="text-decoration: none; color: #ECECEC;" href="SongLink" target="_blank">1. Song Name</a>
					<br><font style="color: #717274; font-weight: lighter; text-shadow: 0.5px 1px 2px #191919; font-size: 0.875em; padding-left: 15px;">Artist</font>
				</span>
			</div>


			<div style="box-sizing: border-box; width: 100%; height: 50px; margin: 0 0; padding: 2px 8px;box-shadow: inset 1px 1px 2px #3C3C3C; border-bottom: 1px solid #000;">
				<font style="display: block; margin: 0 0; color: #D6DADE; float: left; width: 15px; height: 50px; line-height: 50px;text-align: center; font-family: sans-serif; font-size: 1.1em;">►</font>
				<font style="display: block; float: right; color: #717274; text-shadow: 0.5px 1px 2px #191919; margin: 0 0; height: 50px; line-height: 50px;">m:ss</font>
				<span style="display: block; height: 50px; margin: 0 0; box-sizing: border-box; padding-top: 12px; padding-left: 30px; line-height: 1.1em;">
					<a style="text-decoration: none; color: #ECECEC;" href="SongLink" target="_blank">2. Song Name</a>
					<br><font style="color: #717274; font-weight: lighter; text-shadow: 0.5px 1px 2px #191919; font-size: 0.875em; padding-left: 15px;">Artist</font>
				</span>
			</div>

			
		</div>
</div>
</lj-raw>

(1 comment)

PLAYLIST CODE

Post a comment in response: