[Old Theme] Fast Five Theme Pack (Alma)

<html>
<head>
<!--- 21: FAST FIVE THEME PACK (ALMA) MADE BY: http://lostmemento.tumblr.com (lmthemes)

    TERMS OF USAGE:
    - DO NOT REMOVE THE CREDIT
    - DO NOT REDISTRIBUTE
    - DO NOT CLAIM AS YOUR OWN
    - DO NOT USE AS BASE

--->

    <title>{Title}</title>
    <link rel="shortcut icon" href="{Favicon}">
    <link rel="alternate" type="application/rss+xml" href="{RSS}">
    {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
    <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<script type="text/javascript" src="http://static.tumblr.com/f1skqpy/yMAmb1kep/1621bjquery.js"></script>
<script>
$().ready(function() {
    $("[title]").style_my_tooltips({
        tip_follows_cursor: "on", //on/off
        tip_delay_time: 200 //milliseconds
    });
});
</script>

{block:IfLazyLoadPictures}
<script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
<script type="text/javascript" charset="utf-8" src="http://static.tumblr.com/bkd4m5b/wXNmb1i10/lazyload.js"></script>
{/block:IfLazyLoadPictures}

{block:If250pxPost}
<script src="http://static.tumblr.com/bkd4m5b/lDGmbadzs/jquerymasonry.js"></script>
<script src="http://static.tumblr.com/bkd4m5b/YZZmbae0e/masonry.js"></script>

<script type="text/javascript">
$(window).load(function () {
$('#gpost').masonry({
itemSelector : ".post",
},
function() { $('#gpost').masonry({ appendedContent: $(this) }); }
);
});
</script>
{/block:If250pxPost}

<link href='http://fonts.googleapis.com/css?family=Oswald:300' rel='stylesheet' type='text/css'>

<!--- DEFAULT CUSTOMIZE OPTIONS --->
    <meta name="image:sidebar" content=""/>
    <meta name="image:background" content=""/>

    <meta name="if:Background No Repeat" content="0"/>
    <meta name="if:Background Fixed" content="0"/>
    <meta name="if:400px Post" content="0"/>
    <meta name="if:250px Post" content="0"/>
    <meta name="if:Stretch Photos" content="0"/>
	<meta name="if:Show Photo Captions" content="0"/>
	<meta name="if:Show Photo Captions Permalink Only" content="1"/>
	<meta name="if:AudioPlayerWhite" content="1"/>
	<meta name="if:AudioPlayerGrey" content="0"/>
	<meta name="if:AudioPlayerBlack" content="0"/>

	<meta name="if:Show Post Info" content="0"/>
	<meta name="if:Time Ago" content="0"/>
	<meta name="if:Lazy Load Pictures" content="1"/>

	<meta name="color:Scrollbar Background" content="#f1f1f1"/>
	<meta name="color:Scroller" content="#000000"/>

	<meta name="color:Background" content="#ffffff"/>
	<meta name="color:Main" content="#ffff00"/>
	<meta name="color:Border" content="#f1f1f1"/>
	<meta name="color:Sidebar Font" content="#cccccc"/>
	<meta name="color:Post Font" content="#777777"/>
	<meta name="color:Post Info Font" content="#bbbbbb"/>
	<meta name="color:Link" content="#000000"/>
	<meta name="color:Ask" content="#fcfcfc"/>

	<meta name="text:Main Font" content="calibri, Arial, helvetica, sans-serif"/>
	<meta name="text:Secondary Font" content="Oswald"/>

	<meta name="text:Ask Action" content="MESSAGED"/>
	<meta name="text:Background Position" content=""/>
	<meta name="text:Alt Title" content=""/>
	<meta name="text:Sidebar Text Align" content="center"/>

	<meta name="text:Link Font Size" content="8px"/>
	<meta name="text:Sidebar Font Size" content="10px"/>
	<meta name="text:Title Font Size" content="10px"/>
	<meta name="text:Post Font Size" content="11px"/>
	<meta name="text:Post Title Font Size" content="18px"/>

	<meta name="text:Link1 Url" content="http://"/>
	<meta name="text:Link1 Name" content=""/>
	<meta name="text:Link2 Url" content="http://"/>
	<meta name="text:Link2 Name" content=""/>
	<meta name="text:Link3 Url" content="http://"/>
	<meta name="text:Link3 Name" content=""/>
	<meta name="text:Link4 Url" content="http://"/>
	<meta name="text:Link4 Name" content=""/>
	<meta name="text:Link5 Url" content="http://"/>
	<meta name="text:Link5 Name" content=""/>
	<meta name="text:Link6 Url" content="http://"/>
	<meta name="text:Link6 Name" content=""/>
	<meta name="text:Link7 Url" content="http://"/>
	<meta name="text:Link7 Name" content=""/>
	<meta name="text:Link8 Url" content="http://"/>
	<meta name="text:Link8 Name" content=""/>


<style type="text/css">
    body{font-family: {text:Main Font};
		margin:0px;
		padding:0px;
		font-size:0.9em;
		background-color: {color:Background};
		background-image: url('{image:background}');
		{block:IfBackgroundNoRepeat}background-repeat: no-repeat;{/block:IfBackgroundNoRepeat}
		{block:IfBackgroundFixed}background-attachment: fixed;{/block:IfBackgroundFixed}
		{block:IfBackgroundPosition}background-position: {text:Background Position};{/block:IfBackgroundPosition}}

	a {text-decoration:none;}

    a img, img {border: 0px;}

    img {margin-bottom: -4px;}

::-webkit-scrollbar-thumb:vertical {background-color: {color:Scroller}; height: 10px;}
::-webkit-scrollbar-thumb:horizontal {background-color: {color:Scroller}; height:10px!important;}
::-webkit-scrollbar {background-color: {color:Scrollbar Background}; height:10px; width:7px;}

#s-m-t-tooltip {position:absolute;
    z-index:90000;
    color: {color:Post Font};
    display:inline-block;
    background-color: {color:Ask};
    padding: 1px 6px;
    max-width:100px;
    border: 0px;
    font-size: {text:Link Font Size};
    text-transform: uppercase;
    letter-spacing: 1px;
    word-wrap: break-word;}

.c {background-color: {color:Background};}
.c a {color: {color:Link};}

.container {{block:IfNot250pxPost}
    {block:IfNot400pxPost}width: 850px;{/block:IfNot400pxPost}
    {block:If400pxPost}width: 750px;{/block:If400pxPost}
	{/block:IfNot250pxPost}
	{block:If250pxPost}width: 870px;{/block:If250pxPost}
	margin: auto; margin-top: 150px;}

#sidebar {position: fixed; top: 30px; width: 220px;}

.im {width: 200px;
	background-color: {color:Background};
	padding: 10px;
	border: 1px solid {color:Border};}

.im img {max-width: 200px;}

.descript {text-align: {text:Sidebar Text Align};
	font-size: {text:Sidebar Font Size};
	padding-top: 20px;
	color: {color:Sidebar Font};}

.descript a {color: {color:Sidebar Font};}
.descript a:hover {color: {color:Link}; background-color: {color:Main}; text-transform: uppercase;}

.dlinks {margin-top: 10px;}
.dlinks a {color: {color:Link}; text-transform: uppercase;}
.dlinks a:hover {background-color: {color:Main};}


.nav {text-align: center;
	font-size: {text:Link Font Size};
	text-transform: uppercase;
	letter-spacing: 1px;
	color: {color:Post Font}}

.nav a {font-family: Arial, helvetica; color: {color:Post Font};}
.nav a:hover {background-color: {color:Main}; color: {color:Link};}

.sub {z-index: 1;
	{block:IfNot250pxPost}
	{block:IfNot400pxPost}width: 500px;{/block:IfNot400pxPost}
	{block:If400pxPost}width: 400px;{/block:If400pxPost}
	{/block:IfNot250pxPost}
	{block:If250pxPost}width: 520px;{/block:If250pxPost}
	margin-left: 250px;
	text-align: center;
	color: {color:Sidebar Font};
	letter-spacing: 1px;
	text-transform: uppercase;
	padding-top: 50px;
	position: fixed;
	background-color: {color:Background};
	top: 0px;}

.tline {border-top: 1px solid {color:Border};
	{block:IfNot250pxPost}
	{block:IfNot400pxPost}width: 500px;{/block:IfNot400pxPost}
	{block:If400pxPost}width: 400px;{/block:If400pxPost}
	{/block:IfNot250pxPost}
	{block:If250pxPost}width: 520px;{/block:If250pxPost}
	border-bottom: 1px solid {color:Border};
	padding: 20px 0px;
	font-size: {text:Link Font Size};
	margin-top: 10px;}

.tline a {color: {color:Sidebar Font};}
.tline a:hover {color: {color:Link};}

.l {font-size: {text:Title Font Size}; position: relative; text-transform: uppercase;}
.l a {color: {color:Link};}
.l a:hover {background-color: {color:Main};}

/* POSTS */
.post {margin-left: 250px;
	{block:IfNot250pxPost}
	{block:IfNot400pxPost}width: 500px;{/block:IfNot400pxPost}
	{block:If400pxPost}width: 400px;{/block:If400pxPost}
	{/block:IfNot250pxPost}
	{block:If250pxPost}width: 250px;{/block:If250pxPost}
	color: {color:Post Font};
	font-size: {text:Post Font Size};
	text-align: justify;}

{block:If250pxPost}
#gpost {width: 540px; margin-left: 230px;}


.post {
{block:IndexPage}width: 250px;
margin-left: 20px;
float:left;
{/block:IndexPage}

{block:PermalinkPage}width: 520px;{/block:PermalinkPage}
margin-bottom: 20px;}
{/block:If250pxPost}


.cap li {list-style: square;}
.cap blockquote {border-left: 1px solid {color:Border}; padding-left: 5px; color: {color:Sidebar Font};}

.cap ul, .cap blockquote, .cap img {max-width: 100%}

.cap h1 {font-weight: normal;
	text-align: center;
	font-family: {text:Secondary Font};
	text-transform: uppercase;
	font-size: {text:Post Title Font Size};}

.cap h1 a {font-size: {text:Post Title Font Size};}

.cap a {color: {color:Link};
	font-size: {text:Link Font Size};
	text-transform: uppercase;
	letter-spacing: 1px;}

.cap a:hover {background-color: {color:Main};}

.ques {background-color: {color:Ask}; padding: 20px;}

.qi {padding: 5px;
	border: 1px solid {color:Border};
	background-color: {color:Background};
	margin-right: 10px;}

.as {background-color: {color:Main};
	color: {color:Link};
	font-size: {text:Link Font Size};
	text-transform: uppercase;
	letter-spacing: 1px;
	font-style: italic;}

.as a {color: {color:Link};}

.chat li {list-style: none;}
.label {font-size: {text:Link Font Size}; text-transform: uppercase; letter-spacing: 1px;}

.quote {width: 70%; margin: auto;}

.source {text-align: right;
	font-size: {text:Link Font Size};
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-top: 10px;}

.quote_short {font-size: {text:Post Title Font Size}; font-family: {text:Secondary Font};}
.quote_medium {font-size: 14px; font-family: {text:Secondary Font};}
.quote_long {font-size: {text:Post Font Size};}

.mus {background-color: {color:Ask}; padding: 20px;}
.mus img {width: 100px;}
.cover {position: absolute; margin-top: -99px;}

.mlabel {font-family: {text:Secondary Font};
	font-size: {text:Post Font Size};
	text-transform: uppercase;
	letter-spacing: 1px;
	background-color: {color:Main};
	color: {color:Link};}

.musiclabel {font-size: {text:Link Font Size};
	text-transform: uppercase;
	letter-spacing: 1px;
	color: {color:Post Font};}

.audioverlay {opacity: 0.6;
    {block:IfAudioPlayerWhite}background-color: #fff;{/block:IfAudioPlayerWhite}
	{block:IfAudioPlayerGrey}background-color: #e4e4e4;{/block:IfAudioPlayerGrey}
	{block:IfAudioPlayerBlack}background-color: #000;{/block:IfAudioPlayerBlack}
	position: absolute;
	z-index: 2;
	margin-top: 27px;
	margin-left: 27px;}

.audioarrow {width: 20px;
	height: 30px;
	overflow: hidden;
	margin: 8px 17px 6px 9px;}

.post:hover #sh {display: block;}
{block:IfNotShowPhotoCaptionsPermalinkOnly}
{block:IfNotShowPhotoCaptions}
#sh {display: none;}
{/block:IfNotShowPhotoCaptions}
{/block:IfNotShowPhotoCaptionsPermalinkOnly}


/* POST INFO */
.ntc {font-size: {text:Link Font Size};
	text-transform: uppercase;
	letter-spacing: 1px;
	border-top: 1px solid {color:Border};
	margin-top: 5px;
	{block:IfNot250pxPost}
	{block:IfNot400pxPost}width: 500px;{/block:IfNot400pxPost}
	{block:If400pxPost}width: 400px;{/block:If400pxPost}
	{/block:IfNot250pxPost}
	{block:If250pxPost}width: 250px;
    {block:PermalinkPage}width: 520px;{/block:PermalinkPage}{/block:If250pxPost}
	margin-bottom: 20px;
	padding: 10px 0px;
	color: {color:Post Info Font};
	text-align: center;
	line-height: 100%;}

.fo {text-align: left;}
.re {float:right;}

{block:IndexPage}
{block:IfNotShowPostInfo}
.fo, .re {opacity: 0.0;
	height: 0px;}
{/block:IfNotShowPostInfo}

.post:hover .fo, .post:hover .re {height: 10px;
	opacity: 1.0;}

{block:IfShowPostInfo}
.fo, .re {opacity: 1.0; height: 10px;}
{/block:IfShowPostInfo}
{/block:IndexPage}

{block:If250pxPost}
.fo, .re {opacity: 1.0; height: 10px;}
{/block:If250pxPost}

{block:PermalinkPage}
.fo, .re {opacity: 1.0; height: 10px;}
{/block:PermalinkPage}

.ntc a {color: {color:Post Info Font};}
.ntc a:hover {color: {color:Link}; background-color: {color:Main};}

.tgs {text-align:center; clear:both;}
.tgs a {margin-right: 5px; display: inline-block; color: {color:Post Info Font};}

{block:If250pxPost}
{block:IndexPage}
.tgs {display: none;}
{/block:IndexPage}
{/block:If250pxPost}

ol.notes {padding: 0px;
	margin: 25px 0px;
	list-style-type: none;
	text-align: left;}

.notes a {font-style: italic; color: {color:Post Font};}

ol.notes li.note {padding: 10px;}

ol.notes li.note img.avatar {vertical-align: 0px;
	margin-right: 10px;
	width: 16px;
	height: 16px;}

ol.notes li.note span.action {font-weight: normal;}

ol.notes li.note .answer_content {font-weight: normal;}

ol.notes li.note blockquote {background-color: {color:Ask};
	padding: 4px 10px;
	margin: 10px 0px 0px 25px;}

ol.notes li.note blockquote a {text-decoration: none;}


{CustomCSS}
</style>
</head>

<body>

<div class="container">

<div id="sidebar">
{block:IfSidebarImage}<div class="im"><a href="/"><img src="{image:sidebar}"></a></div>{/block:IfSidebarImage}
<div class="descript">{Description}

<div class="dlinks">{block:IfLink5Name}<a href="{text:Link5 Url}">{text:Link5 Name}</a><br>{/block:IfLink5Name}
{block:IfLink6Name}<a href="{text:Link6 Url}">{text:Link6 Name}</a><br>{/block:IfLink6Name}
{block:IfLink7Name}<a href="{text:Link7 Url}">{text:Link7 Name}</a><br>{/block:IfLink7Name}
{block:IfLink8Name}<a href="{text:Link8 Url}">{text:Link8 Name}</a><br>{/block:IfLink8Name}
{block:HasPages}{block:Pages}<a href="{URL}">{Label}</a><br>{/block:Pages}{/block:HasPages}</div></div>

<div class="nav">{block:Pagination}
{block:PreviousPage}<a href="{PreviousPage}">&larr;</a>{/block:PreviousPage}
{CurrentPage} / {TotalPages}
{block:NextPage}<a href="{NextPage}">&rarr;</a>{/block:NextPage}
{/block:Pagination}</div>
</div>

<div class="sub">
<div class="l"><a href="/">{block:IfNotAltTitle}{Title}{/block:IfNotAltTitle} {block:IfAltTitle}{text:Alt Title}{/block:IfAltTitle}</a></div>
<div class="tline">{block:AskEnabled}<a href="/ask">ASK &#183;</a>{/block:AskEnabled} <a href="/archive">ARCHIVE</a>
{block:SubmissionsEnabled}&#183; <a href="/submit">SUBMIT</a>{/block:SubmissionsEnabled}
{block:IfLink1Name}&#183; <a href="{text:Link1 Url}">{text:Link1 Name}</a>{/block:IfLink1Name}
{block:IfLink2Name}&#183; <a href="{text:Link2 Url}">{text:Link2 Name}</a>{/block:IfLink2Name}
{block:IfLink3Name}&#183; <a href="{text:Link3 Url}">{text:Link3 Name}</a>{/block:IfLink3Name}
{block:IfLink4Name}&#183; <a href="{text:Link4 Url}">{text:Link4 Name}</a>{/block:IfLink4Name}</div></div>

{block:IndexPage}{block:If250pxPost}<div id="gpost">{/block:If250pxPost}{/block:IndexPage}
{block:Posts}
<div class="post">

<!--- PHOTO POSTS --->
{block:Photo}{LinkOpenTag}{block:IfNot250pxPost}{block:IfNot400pxPost}<img src="{PhotoURL-500}" alt="{PhotoAlt}" {block:IfStretchPhotos}width="500px"{/block:IfStretchPhotos}>{/block:IfNot400pxPost}
{block:If400pxPost}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="400px">{/block:If400pxPost}{/block:IfNot250pxPost}
{block:If250pxPost}{block:IndexPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="250px">{/block:IndexPage}
{block:PermalinkPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{/block:PermalinkPage}{/block:If250pxPost}{LinkCloseTag}
{block:IfNotShowPhotoCaptionsPermalinkOnly}{block:IndexPage}{block:Caption}<div class="cap" id="sh">{Caption}</div>{/block:Caption}{/block:IndexPage}{/block:IfNotShowPhotoCaptionsPermalinkOnly}
{block:PermalinkPage}{block:Caption}<div class="cap">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{/block:Photo}

<!--- PHOTOSET POSTS --->
{block:Photoset}<div style="margin-bottom: -4px;">{block:IfNot250pxPost}{block:IfNot400pxPost}{Photoset-500}{/block:IfNot400pxPost}
{block:If400pxPost}{Photoset-400}{/block:If400pxPost}{/block:IfNot250pxPost}
{block:If250pxPost}{block:IndexPage}{Photoset-250}{/block:IndexPage}
{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}{/block:If250pxPost}</div>
{block:IfNotShowPhotoCaptionsPermalinkOnly}{block:IndexPage}{block:Caption}<div class="cap" id="sh">{Caption}</div>{/block:Caption}{/block:IndexPage}{/block:IfNotShowPhotoCaptionsPermalinkOnly}
{block:PermalinkPage}{block:Caption}<div class="cap">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{/block:Photoset}

<!--- TEXT POSTS --->
{block:Text}<div class="cap">{block:Title}<h1>{Title}</h1>{/block:Title}
{Body}</div>{/block:Text}

<!--- ANSWER POSTS --->
{block:Answer}<div class="cap">
<div class="ques"><table><tr><td style="vertical-align: top; width: 50px;"><div class="qi"><img src="{AskerPortraitURL-48}"></div></td><td><span class="as">{Asker} {text:Ask Action}:</span><br>
{Question}</td></tr></table></div>
{Answer}</div>{/block:Answer}

<!--- QUOTE POSTS --->
{block:Quote}<div class="cap"><div class="quote"><div class="quote_{Length}">{Quote}</div>
{block:Source}<div class="source">- {Source}</div>{/block:Source}</div>
</div>{/block:Quote}

<!--- LINK POSTS --->
{block:Link}
<div class="cap"><h1><a href="{URL}">{Name}</a></h1>
{block:Description}{Description}{/block:Description}</div>{/block:Link}

<!--- CHAT POSTS --->
{block:Chat}<div class="cap">{block:Title}<h1>{Title}</h1>{/block:Title}
<div class="chat"><ul>{block:Lines}
<li>{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div></div>{/block:Chat}

<!--- VIDEO POSTS --->
{block:Video}<div class="cap">{block:IfNot250pxPost}{block:IfNot400pxPost}{Video-500}{/block:IfNot400pxPost}
{block:If400pxPost}{Video-400}{/block:If400pxPost}{/block:IfNot250pxPost}
{block:If250pxPost}{block:IndexPage}{Video-250}{block:Indexpage}
{block:PermalinkPage}{Video-550}{block:PermalinkPage}{/block:If250pxPost}
{block:Caption}{Caption}{/block:Caption}</div>{/block:Video}

<!--- AUDIO POSTS --->
{block:Audio}

<div class="mus">

<table cellspacing="0" cellpadding="0" width="100%"><tr><td><div class="audioverlay"><div class="audioarrow">{block:IfAudioPlayerWhite}{AudioPlayerWhite}{/block:IfAudioPlayerWhite}
{block:IfAudioPlayerGrey}{AudioPlayerGrey}{/block:IfAudioPlayerGrey}
{block:IfAudioPlayerBlack}{AudioPlayerBlack}{/block:IfAudioPlayerBlack}</div></div>

<img src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg" alt="default album art"/>
{block:AlbumArt}
<img class="cover" src="{AlbumArtURL}" />
{/block:AlbumArt}</td><td style="text-align:center; {block:IfNot250pxPost}{block:IfNot400pxPost}width: 450px;{/block:IfNot400pxPost}
{block:If400pxPost}width: 350px;{/block:If400pxPost}{/block:IfNot250pxPost}
{block:If250pxPost}width: 100px;
{block:PermalinkPage}width: 420px;{/block:PermalinkPage}{/block:If250pxPost}">

{block:TrackName}<span class="mlabel">{TrackName}</span>{/block:TrackName}<br>
<span class="musiclabel">{block:Artist}{Artist}{/block:Artist} {block:Album} &#183; {Album}{/block:Album}<br>
{block:PlayCount}{PlayCount} plays{/block:PlayCount}
</span></td><tr></table>
</div>

{block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
{/block:Audio}


<div class="ntc">
<div class="fo"><a href="{Permalink}">{block:Date} {block:NewDayDate}{block:IndexPage}{ShortMonth} {DayOfMonthWithZero}{/block:IndexPage} {block:PermalinkPage}{TimeAgo}{/block:PermalinkPage}{/block:NewDayDate} {block:SameDayDate}{block:IndexPage}{block:IfTimeAgo}{TimeAgo}{/block:IfTimeAgo}{block:IfNotTimeAgo}{12HourWithZero}:{Minutes}{/block:IfNotTimeAgo}{/block:IndexPage}{/block:SameDayDate}{/block:Date}
 {block:NoteCount}&#183; {NoteCountWithLabel}{/block:NoteCount}</a>

{block:RebloggedFrom}<div class="re"><a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> &#183; <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a></div>{/block:RebloggedFrom}</div>

{block:HasTags}<div class="tgs">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}

{block:PostNotes}{PostNotes} {/block:PostNotes}
</div>

</div>
{/block:Posts}

{block:IndexPage}{block:If250pxPost}</div>{/block:If250pxPost}{/block:IndexPage}
</div>

</body></html>