011 :// huntress
<!--
11: huntress / cryothemes
-->
<html>
<head>
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="altertnate" type="application/rss+xml" href="{RSS}">
<!-- IMAGES -->
<meta name="image:sidebar" content="">
<meta name="image:background" content="">
<!-- CUSTOM COLORS -->
<meta name="color: background" content="#ffffff">
<meta name="color: text" content="#414141">
<meta name="color: link" content="#818181">
<meta name="color: hover" content="#000000">
<meta name="color: scrollbar" content="#d5d5d5">
<meta name="color: border" content="#f0f0f0">
<meta name="color: sidebar" content="#000000">
<meta name="color: description" content="#ffffff">
<meta name="color: menu background" content="#161616">
<meta name="color: menu link border" content="#ffffff">
<meta name="color: blog title" content="#000000">
<meta name="color: post date" content="#555555">
<meta name="color: description" content="#ffffff">
<meta name="color: pagination" content="#000000">
<!-- BLOCKS -->
<meta name="if:Hover Posts for Info" content="1">
<meta name="if:Hover Sidebar for Description" content="1">
<meta name="if:Display Tags Under Post" content="0">
<meta name="if:Display Tags Next to Post" content="1">
<meta name="if:Show Link 1" content="1">
<meta name="if:Show Link 2" content="1">
<meta name="if:Show Link 3" content="1">
<meta name="if:Show Link 4" content="1">
<meta name="if:Show Link 5" content="1">
<meta name="if:Show Link 6" content="1">
<meta name="if:Show Link 7" content="1">
<meta name="if:Show Link 8" content="1">
<meta name="if:Show Link 9" content="1">
<!-- LINKS -->
<meta name="text:Link 1 URL" content="">
<meta name="text:Link 1" content="">
<meta name="text:Link 2 URL" content="">
<meta name="text:Link 2" content="">
<meta name="text:Link 3 URL" content="">
<meta name="text:Link 3" content="">
<meta name="text:Link 4 URL" content="">
<meta name="text:Link 4" content="">
<meta name="text:Link 5 URL" content="">
<meta name="text:Link 5" content="">
<meta name="text:Link 6 URL" content="">
<meta name="text:Link 6" content="">
<meta name="text:Link 7 URL" content="">
<meta name="text:Link 7" content="">
<meta name="text:Link 8 URL" content="">
<meta name="text:Link 8" content="">
<meta name="text:Link 9 URL" content="">
<meta name="text:Link 9" content="">
<!-- FONTS -->
<meta name="text:Main Font" content="Calibri">
<meta name="text: Blog Title Font" content="Playfair Display">
<meta name="text: Post Info Font" content="Playfair Display">
<link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,700,900,400italic,700italic,900italic' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="//code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
</head>
<style>
/* SCROLLBAR */
::-webkit-scrollbar {width:3px; height:auto; background:transparent;}
::-webkit-scrollbar-corner {background:{color: scrollbar};}
::-webkit-scrollbar-thumb:vertical {background:{color: scrollbar};}
::-webkit-scrollbar-thumb:horizontal {background:{color: scrollbar};}
/* BODY, LINKS, ETC. */
body {
background: {color: background} url('{image:background}') repeat;
color: {color: text};
font-family: {text:Main Font};
font-size:10px; }
a {
color: {color: link};
text-decoration: none;
-webkit-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;}
a:hover {
color: {color: hover};
-webkit-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;}
blockquote {
margin-left:10px;
font-style:italic;
padding-left:10px;
border-left:6px solid {color: border}; }
small { font-size:10px; }
#wrap {
width:760px;
margin:auto 60% auto 15%;
float:center;
}
/* SIDEBAR, SIDEBAR IMAGE + DESCRIPTION */
#sidebar {
width:auto;
float:left;
position:fixed;
margin-top:-10px;
height:400px;
background-color: {color:sidebar};
}
#simage {
margin:auto;
float:center; }
#simage img {
width:200px;
height:auto; }
#desc {
position:absolute;
font-style:italic;
padding:15px 15px;
width:130px;
margin:20px;
margin-top:200px;
height:90px;
text-align: justify;
{block:ifHoverSidebarforDescription}opacity:0;
{/block:ifHoverSidebarforDescription}
overflow:auto;
background-color: {color: description};
-webkit-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
}
#simage:hover #desc {
opacity:1;
-webkit-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out; }
.desc-links {
margin-top:10px;
padding:5px 0px 8px;
text-align:center; }
.desc-links a {
padding:2px 7px;
font-size:9px;
color:{color: background};
background-color:{color: menu background}; }
/* TITLE + MAIN LINKS */
#top {
margin-top:30px;
width:550px;
margin-left:270px;
position:absolute; }
#menu {
text-align: left;
width:400px;
float:left; }
#menu a {
padding:3px 5px;
margin:0 10px 0 0;
font-size: 7px;
letter-spacing: 1px;
text-transform: uppercase;
border: 3px double transparent;
-webkit-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out; }
#menu a:hover {
color:{color: background};
background-color: {color: menu background};
-webkit-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out; }
#blogtitle {
width:340px;
margin-right:10px;
margin-top:5px;
font-family: 'Playfair Display';
border-bottom:1px solid {color: border};
font-style:italic;
float:left;
text-align: left;
font-size:15px;
color:{color: blog title};
padding-bottom:3px;
margin-bottom: 10px; }
#blogtitle a { color:{color: blog title}; }
#blogtitle a:hover { color:{color: hover}; }
/* POSTS */
#entry {
float:right;
margin-top:120px;
padding-top:40px; }
.post {
width:500px;
background-color:transparent;
margin-bottom:80px;
overflow:hidden; }
.post blockquote img {
width:500px;
max-height:400px; }
.title {
font-size:15px;
font-family:{text: Blog Title Font};
margin:5px 0 15px 5px;
font-style:italic;
letter-spacing:1px;}
.quote {
font-size:14px;
font-style:italic;
text-align:center; }
.source {
width:400px;
float:center;
margin:auto;
margin-top:10px;
padding-top:10px;
text-align:center;
border-top:3px double {color: border}; }
/* ASK POSTS */
.asker {
font-size: 7px;
letter-spacing: 1px;
line-height: 100%;
text-align: center;
text-transform: uppercase;
}
.asker a:link, .asker a:active, .asker a:visited {
font-size: 7px;
letter-spacing: 1px;
line-height: 100%;
text-align: center;
text-transform: uppercase;
}
.asker a:hover {
font-size: 7px;
letter-spacing: 1px;
line-height: 100%;
text-align: center;
text-transform: uppercase;
}
.question {
font-family: {text:Blog Title Font};
font-size: 10px;
font-style:italic;
}
/* AUDIO POSTS */
.audio {
height:60px;
padding:5px;
margin-bottom:55px; }
.audio-album {
position:absolute;
width:110px; }
.audio-player {
opacity:0.1;
filter:alpha(opacity=90);
border:30px solid {color: background};
width:25px;
height:25px;
overflow:hidden;
position:absolute;
z-index:2;
margin-left:13px;
margin-top:13px; }
.audio-info {
margin-top:-5px;
position:relative;
margin-left:120px;
line-height:180%;
padding:4px; }
.audio:hover .audio-player { opacity:0.7; }
/* DATE, TAGS, NOTES */
.postdate{
font-style:italic;
margin-left:530px;
width:90px;
line-height:14px;
position:absolute;
text-align:center;
font-family:{text:Post Info Font};
background-color:transparent;
padding:0px 0px 8px 0px;
border-bottom:1px solid {color: border};
}
{block:ifDisplayTagsUnderPost}
.tags {
margin-top:10px;
width:500px;
position:absolute;
border-top:1px solid {color: border};
padding-top:5px;
text-align:left;
font-family:{text:Post Info Font};
background-color:transparent;
font-size:8px;
letter-spacing:1px;
font-style:italic;
text-transform:lowercase;
}
span.taghead { display:none; }
a.tag + span.taghead { display:inline; }
{/block:ifDisplayTagsUnderPost}
.info {
width: 90px;
font-style:italic;
line-height:14px;
margin-left:530px;
position:absolute;
margin-top:60px;
text-transform:lowercase;
font-size:9px;
padding:1px;
text-align: center;
{block:ifHoverPostsforInfo}opacity:0;{/block:ifHoverPostsforInfo}
-webkit-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
}
.post:hover .info { opacity:1;
-webkit-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;}
.postdate em{font-size:12px; top:10px; letter-spacing:1px; }
.postdate span{color:{color:Post Date}; font-size:9px; top:1px;}
.postdate span2{color:{color:Post Date}; font-size:11px; top:1px;}
.postdate span3{color:{color:Post Date}; font-size:9px; }
/* PAGINATION */
#pagi {
position:absolute;
text-align:center;
width:200px;
margin-top:510px;
height:20px;
padding-top:4px;
font-size:12px;
font-style:italic;
font-family:{text:Blog Title Font};
}
#pagi a {
color:{color: pagination};
margin:0px 10px; }
/* POST NOTES */
.notes img{display:none;}
ol.notes, .notes li{width:490px; list-style:none; margin:0px 0 10px 5px; padding:0px}
/* --- DO NOT REMOVE OR ALTER --- */
.credit {
position:fixed;
bottom:0;
right:0;
font-weight: bold;
color:black;
padding:20px;
font-size:13px; }
.cryo {
display:inline-block;
font-size:7px;
color:black;
letter-spacing:1px;
float:left;
text-transform:uppercase;
padding-right:15px;
padding-bottom:1px;
opacity:0; -webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;}
.credit a, .credit a:hover { color:black; }
.credit:hover .cryo { opacity:1; -webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;}
</style>
<body>
<!-- do not remove --> <div class="credit"><div class="cryo">cryothemes</div><a class="cr" href="http://cryothemes.tumblr.com/"><i class="ion-android-radio-button-on"></i></a></div> <!-- do not remove -->
<div id="wrap">
<div id="sidebar">
<div id="simage">
<div id="desc">
{description}
<div class="desc-links">
{block:ifShowLink6}<a href="{text:Link 6 URL}">{text:Link 6}</a>{/block:ifShowLink6}
{block:ifShowLink7}<a href="{text:Link 7 URL}">{text:Link 7}</a>{/block:ifShowLink7}
{block:ifShowLink8}<a href="{text:Link 8 URL}">{text:Link 8}</a>{/block:ifShowLink8}
{block:ifShowLink9}<a href="{text:Link 9 URL}">{text:Link 9}</a>{/block:ifShowLink9}
</div>
</div>
<div id="pagi">
{block:Pagination}
{block:PreviousPage}
<a href="{PreviousPage}">back</a>
{/block:PreviousPage}
{block:NextPage}
<a href="{NextPage}">next</a>
{/block:NextPage}
{/block:Pagination}
</div>
<img src="{image:sidebar}">
</div>
</div>
<div id="top">
<div id="blogtitle"><a href="/">{Title}</a></div>
<div id="menu">
{block:ifShowLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifShowLink1}
{block:ifShowLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifShowLink2}
{block:ifShowLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifShowLink3}
{block:ifShowLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:ifShowLink4}
{block:ifShowLink5}<a href="{text:Link 5 URL}">{text:Link 5}</a>{/block:ifShowLink5}
</div>
</div>
<div id="entry">
{block:Posts}
<div class="post">
<div class="postdate">
<em><a href="{Permalink}">{DayOfWeek}</a></em><br>
<span>{Month} {Year}</span><br>
<span3>{block:NoteCount}<a href="{Permalink}"><i>{NoteCountWithLabel}</i></a>{/block:NoteCount}</span3>
</div>
<div class="info">
<span3>{block:ContentSource}{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a> ยท {/block:RebloggedFrom}<a href="{SourceURL}">source</a><br>{/block:ContentSource}</span3>
{block:ifDisplayTagsNexttoPost}
{block:HasTags}{block:Tags}#<a class="tag" href="{TagURL}">{Tag}</a><br>{/block:Tags} {/block:HasTags}
{/block:ifDisplayTagsNexttoPost}
</div>
{block:Text}
{block:Title}
<div class="title"><a href="{Permalink}">{Title}</a></div>
{/block:Title}
{Body}
{/block:Text}
{block:Photo}
<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
{/block:Photo}
{block:Photoset}
<center>{Photoset-500}</center>
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
{/block:Photoset}
{block:Quote}
<div class="quote">"{Quote}"</div>
{block:Source}
<div class="source">{Source}</div>
{/block:Source}
{/block:Quote}
{block:Link}
<center><div class="title"><a href="{URL}" class="link" {Target}>{Name}</a></div></center>
{block:Description}
{Description}
{/block:Description}
{/block:Link}
{block:Chat}{block:Title}<div class="title">{Title}</div>{/block:Title}<p>
<div style="margin:-10px 0px;">
{block:Lines}<div style="padding:7px 3px; border-bottom: 1px solid {color: border}; ">{block:Label}<span style="color: {color: link}; text-transform: uppercase; letter-spacing: 1px;">{Label}</span>{/block:Label} {Line}<br></div>{/block:Lines}</div><br />{/block:Chat}
{block:Video}
<center>{Video-500}</center>
{block:Caption}
{Caption}
{/block:Caption}
{/block:Video}
{block:Answer}
<center>
<div style="color:;" class="question">{Question}</div></center>
<div class="asker" style="font-size: 7px; color:{color: background};
text-transform: uppercase; height: 20px; background-color:{color: menu background}; line-height: 20px; text-align: right; padding-right: 70px;">ASKED BY {Asker}</div><div style="text-align:justify;">
<div style="margin-top:-45px; padding-left:20px;"><img src="{AskerPortraitURL-40}"></div>
{Answer}
</div>
{/block:Answer}
{block:Audio}
<div class="audio">
{block:AlbumArt}<img class="audio-album" src="{AlbumArtURL}">{/block:AlbumArt}
<div class="audio-player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
<div class="audio-info">
{block:TrackName}<b>Title:</b> {TrackName}<BR>{/block:TrackName}
{block:Artist}<b>Artist:</b> {Artist}<BR>{/block:Artist}
{block:Album}<b>Album:</b> {Album}<BR>{/block:Album}
{block:PlayCount}<b>Plays:</b> {PlayCount}<BR>{/block:PlayCount}
</div></div>
<div class="audiocaption">{block:Caption}{Caption}{/block:Caption}</div>
{/block:Audio}
{block:ifDisplayTagsUnderPost}
<div class="tags">{block:HasTags}tagged: {block:Tags}<span class="taghead">, </span><a class="tag" href="{TagURL}">{Tag}</a>{/block:Tags} {/block:HasTags}</div>
{/block:ifDisplayTagsUnderPost}
{block:PostNotes}
<div style="height:30px; width:100%; "></div>
{PostNotes}
{/block:PostNotes}
</div>
{/block:Posts}
</div>
</div>
</body>
</html> Pasted: May 8, 2014, 1:58:15 pm
Views: 416