playlist page (2/2)

<!DOCTYPE html>
<!--

playlist page (2/2) by nouvae

read this page first
https://nouvae.tumblr.com/codes/playlist/install
then edit the code below

-->
<head>
<link rel="shortcut icon" href="{Favicon}">
<title>Playlists</title>
<link href="https://fonts.googleapis.com/css?family=Muli" rel="stylesheet">
<style>
iframe.tmblr-iframe--unified-controls {
    display:none!important;
}

body {
	color:#000000;
	background:linear-gradient(#d4e1f4, #e1d4f4); /* for a linear gradient */
	background:#ffffff; /* for a plain background */
    font-size:13px;
    font-family:muli, sans-serif;
    letter-spacing:0.1em;
}

#myplaylists {
    padding:100px 0px;
}

#myplaylists iframe, #myplaylists {
    width:750px;
    margin:0px auto;
    border:0;
    overflow:hidden;
}

#myplaylists iframe {
    border-top:1px solid #f5f5f5; /* delete this line if you don't want lines between the playlist */
    padding-top:50px;
    height:475px;
    overflow:hidden;
}

#title {
    font-size:1.3em;
    font-weight:bold;
    letter-spacing:0.1em;
    margin-bottom:0.8em;
}

#title, nav {
    display:inline-block;
}

nav {
    margin-left:3em;
}

nav a {
    margin-right:1em;
}

header {
    margin-bottom:25px;
}

a {
    color:#777;
    text-decoration:none;
}

a:hover {
    color:#000;
}

#creds a, #creds a:hover {
    font-family:sans-serif;
    font-size:10px;
    position:fixed;
    right:29px;
    bottom:20px;
}

</style>
</head>

<body>
<div id="myplaylists">
<header>
<div id="title">listen</div>
<nav><a href="/">home</a><a href="/ask">ask</a><a href="/archive">archive</a></nav>
</header>
<!-- PASTE YOUR PLAYLISTS BELOW -->
</div>

<div id="creds"><a href="https://nouvae.tumblr.com" title="page by nouvae">#</a></div>
</body>

</html>