extreme base

<!DOCTYPE HTML>
<head>
<!--

If you are viewing this to use as a base code: this theme has nothing on it, just the bare bones for making a theme and some basic css to stabilize notes, audio and video.

-->

<style type="text/css">

/* other stylization */

ol.notes{
list-style-type:none;
padding:3px;
overflow:auto;}

.post img{
max-width:400px;
height:auto;}

.photoset{
max-width:400px;}

/* stylize audio and video */

#audioplayer{
width:30px;
height:25px;
overflow:hidden;
position:absolute;
margin-top:40px;
margin-bottom:40px;
margin-left:35px;
border-radius: 40px;
opacity: 0.7;}

.trackstuff{
overflow:auto;
margin-left:110px;
margin-top:-75px;
margin-bottom:50px;
display:block;}

.playbutton{
margin-bottom:30px;
margin-top:-60px;
margin-left:35px;
z-index:9;
width:33px;
height:30px;
overflow:hidden;}

video{
max-width: 100%;
height: auto;}

/* credit link */

#c{
font-size:25px;
position:fixed;
right:0px;
bottom:0px;}

{CustomCss}
</style>
</head>
<body>

{block:Posts}
<!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} --> {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
{/block:ContentSource}
<div class="post">
<!-- Text -->
{block:Text}
{block:Title}
<div class="title">{Title}</div>
{/block:Title}
{Body}
{/block:Text}
{block:Chat}
{block:Title}
<div class="title">
<h3><a href="{Permalink}">{Title}</a></h3></div>
{/block:Title}
{block:Lines}
<div class="{Alt} user_{UserNumber}">
{block:Label}
<span class="label">{Label}</span>
{/block:Label}{Line}
</div>
{/block:Lines}
{/block:Chat}

<!-- Images --->
{block:Photo}
{LinkOpenTag}
<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>
{LinkCloseTag}
{block:Caption}
{Caption}
{/block:Caption}
{/block:Photo}
{block:Photoset}
{Photoset}
{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
{/block:Photoset}

<!-- Video -->
{block:Video}
{Video-500}
{block:Caption}
{Caption}
{/block:Caption}
{/block:Video}

<!-- Audio -->
{block:Audio}
<div id= "audioplayer">{AudioPlayerWhite}</div>
{block:AlbumArt}
<div id="albumart">
<img src="{AlbumArtURL}" width="100">
</div>
{/block:AlbumArt}
<div class="trackstuff">
{block:TrackName}<b><i>{TrackName}</i></b>{/block:TrackName}<br>{block:Artist}<i>{Artist}</i>{/block:Artist}</div>
{Caption}
{/block:Audio}

<!-- Quote -->
{block:Quote}
<div class="quote">
"{Quote}"
{block:Source}
<div class="source">- <i>{Source}</i></div>
{/block:Source}
</div>
{/block:Quote}

<!-- Link -->
{block:Link}
<a href="{URL}" class="link" {Target}>{Name}</a>
{block:Description}
{Description}
{/block:Description}
{/block:Link}

<!-- Ask -->
{block:Answer}
<div class="question">{Asker}: <b>{Question}</b></div>
<div class="caption">{Answer}</div>
{/block:Answer}

<!-- Footer -->
{block:Date}
<a href="{Permalink}">{12Hour}:{Minutes} {AmPm}</a> <a href="{Permalink}">{block:NoteCount}{NoteCount}%{/block:NoteCount}</a> <a href="{ReblogUrl}">reblog</a> / <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
{block:PermalinkPage}
{block:HasTags}
{block:Tags}<br>#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
{block:NoteCount}
{block:PostNotes}{PostNotes}{/block:PostNotes}
{/block:NoteCount}
{/block:PermalinkPage}
<!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
{/block:Date}
</div>
{/block:Posts}

{block:Pagination}
{block:PreviousPage}
<a href="{PreviousPage}">&#171; Back?</a>
{/block:PreviousPage}
{block:NextPage}
 <a href="{NextPage}">Next? &#187;</a>
{/block:NextPage}
</div>
{/block:Pagination}


<div id="c">
<a href="https://jellyparty.tumblr.com/tagged/mine">ミ★</a>
</div>

</body>
</html>