customizable playlist page

<!DOCTYPE html>
<!--

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

customizable playlist page by nouvae

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

body {
	color:#000000;
	background:#ffffff;
    font-size:13px;
    font-family:karla;
    letter-spacing:0.1em;
    text-align:center;
}

header {
    padding-bottom:75px;
    border-bottom:1px solid #eeeeee;
}

#myplaylists {
    margin:100px auto;
    max-width:80%;
}

#myplaylists iframe {
    overflow:hidden;
    vertical-align:middle;
    display:inline-block;
    border:0;
    margin:40px 50px;
}

#title {
    font-size:1.3em;
    letter-spacing:0.1em;
    margin-bottom:0.8em;
    text-transform:uppercase;
}

nav a {
    margin:0em 0.5em;
}

header {
    margin-bottom:75px;
}

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

a:hover {
    color:#000;
}

#creds a, #creds a:hover {
    font-family:sans-serif;
    font-size:10px;
    color:black;
    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>