013 :// nemesis
<!--
13: nemesis / cryothemes
-->
<html>
<head>
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="altertnate" type="application/rss+xml" href="{RSS}">
<link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,700,900,400italic,700italic,900italic' rel='stylesheet' type='text/css'>
<!-- COLORS -->
<meta name="color:Scrollbar" content="#000000">
<meta name="color:Scrollbar Background" content="#ffffff">
<meta name="color:Background" content="#ffffff">
<meta name="color:Main Font" content="#222222">
<meta name="color:Link" content="#2b2b2b">
<meta name="color:Link Hover" content="#000000">
<meta name="color:Border" content="#efefef">
<meta name="color:Top Bar" content="#ffffff">
<!-- BLOCKS -->
<meta name="if:No Background Repeat" content="1">
<meta name="if:Hide Blog Title" content="0">
<meta name="if:500 Width Posts" content="0">
<!-- LINKS -->
<meta name="text:Link 1 URL" content="URL HERE">
<meta name="text:Link 1" content="LINK TITLE">
<meta name="text:Link 2 URL" content="URL HERE">
<meta name="text:Link 2" content="LINK TITLE">
<meta name="text:Link 3 URL" content="URL HERE">
<meta name="text:Link 3" content="LINK TITLE">
<meta name="text:Link 4 URL" content="URL HERE">
<meta name="text:Link 4" content="LINK TITLE">
<meta name="text:Link 5 URL" content="URL HERE">
<meta name="text:Link 5" content="LINK TITLE">
<!-- FONTS -->
<meta name="text:Menu Font" content="Playfair Display">
<meta name="text:Main Font" content="Times">
<meta name="text:Title Font" content="Playfair Display">
<!-- IMAGES -->
<meta name="image:Top Bar" content="http://static.tumblr.com/747hq6z/qcMmngu6m/13danneel2.png">
<meta name="image:Background" content="">
<meta name="text:Background Position" content="bottom left">
<!-- SCRIPT CODES -->
<link rel="stylesheet" href="//code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/ko1mcho/PMbmlkh9e/jquery.style-my-tooltips.js"></script>
<script>
(function($){
$(document).ready(function(){
$("[title],a[title],img[title]").style_my_tooltips({
tip_follows_cursor:"true",
tip_delay_time:100,
tip_fade_speed:100,
attribute:"title"
});
});
})(jQuery);
</script>
</head>
<style>
/* SCROLLBAR */
::-webkit-scrollbar { width:3px; height:auto; background:{color:Scrollbar Background};}
::-webkit-scrollbar-corner { background:{color:Scrollbar};}
::-webkit-scrollbar-thumb:vertical { background:{color:Scrollbar};}
::-webkit-scrollbar-thumb:horizontal { background:{color:Scrollbar};}
body {
background-color: {color:Background};
background-image: url('{image:Background}');
background-repeat: {block:IfNoBackgroundRepeat}no-repeat{/block:IfNoBackgroundRepeat};
background-attachment:fixed;
background-position: {text:Background Position};
color:{color:Main Font};
font-family:{text:Main Font};
font-size:10px;
margin:0;
line-height: 150%; }
a { color:{color:Link};
text-decoration: none;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out; }
a:hover { color:{color:Link hover};
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out; }
blockquote { margin:10px; padding:0 10px; border-left: 1px solid {color:Border}; }
small { font-size:10px; }
/* CONTENT */
.wrap { width:500px; margin:320px auto 60px auto; padding-bottom:30px; float: center; }
.topper {
background-color: {color:Top Bar};
width:100%;
margin: auto;
padding-top:70px;
padding-bottom: 40px;
top:0;
height:auto;
position: fixed; }
.topcontent { width:400px; margin:auto;}
.toptitle { font-size:14px; font-family:{text:Title Font}; font-style:italic; padding-bottom: 10px; {block:IfHideBlogTitle}display:none;{/block:IfHideBlogTitle}; }
#topimage {
margin:auto;
text-align: center;
min-height:120px;
margin-bottom: 5px; }
#topimage img {
width: 400px;
height: 120px; }
.about {
width:200px;
text-align: justify;
margin:auto;
opacity:0;
max-height: 60px;
overflow: auto;
padding:10px 13px;
margin-top: -90px;
background-color: rgba(255,255,255,0.84);
position: relative;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out; }
.topper:hover .about { opacity:1;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out; }
.links { width:200px; position:fixed; margin-left:200px; text-align: right; border-bottom: 1px solid {color:Border};
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out; }
.links a {
display: inline-block;
padding: 5px;
font-size:10px;
letter-spacing:0px;
width:16px;
font-size:8px;
text-transform: uppercase;
font-family: {text:Menu Font};
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}
.links a:hover {
color:{color:Link hover}; }
#entries { width:500px; margin-top:80px; }
.post { {block:If500WidthPosts}width:500px;{/block:if500WidthPosts} {block:ifNot500WidthPosts}width:400px;{/block:ifNot500WidthPosts} margin:10px auto 60px auto; overflow:hidden; }
.caption { margin:10px 0; }
.title { font-size:14px; font-family:{text:Title Font}; font-style:italic; }
.quote {
font-size:12px;
font-family:{text:Title Font};
font-style:italic;
text-align:center; }
.source {
padding:5px;
text-align:center;
display:block;
width:200px;
margin:10px auto;
border-top:1px solid {color:Border}; }
.post-info {
margin:20px 0;
padding: 5px 3px;
max-width: 100%;
text-transform: lowercase;
border-top:1px solid {color:Border}; }
.date {
text-transform:uppercase;
letter-spacing:1px;
font-style:normal;
font-size:8px; }
.tags {
text-align: center;
font-style: italic;
opacity: 0;
-webkit-transition: all 0.1s ease-out;
-o-transition: all 0.1s ease-out;
-webkit-transition: all 0.1s ease-out;
-moz-transition: all 0.1s ease-out; }
.tags a {
padding-right: 2px; }
.tags a:after {
content: ","; }
.tags a:last-child:after {
content:none; }
.post:hover .tags { opacity:1;
-webkit-transition: all 0.1s ease-out;
-o-transition: all 0.1s ease-out;
-webkit-transition: all 0.1s ease-out;
-moz-transition: all 0.1s ease-out; }
/* AUDIO POSTS !!!CHANGE!!! */
.aud {
width:100%;
background-color:#f3f3f3;
background-image: url('http://static.tumblr.com/747hq6z/un0mk8g22/subtle_grunge.png');
background-attachment:repeat;
background-color:; }
.aud2{
height:26px;
width:6.5%;
margin-left: 45%;
overflow:hidden;
opacity:.75;}
/* ASKS */
.ques {
display:block;
margin-bottom: 20px;
padding:0px;}
.asker {
background: url('http://static.tumblr.com/747hq6z/mlOmnawge/subtle_white_feathers.png') repeat;
width:400px;
letter-spacing: 1px;
font-size:9px;
text-align: center;
padding:7px 5px;
text-transform: uppercase; }
.zach {
padding:10px 0;
border-top: 1px solid {color:Border};
font-size:11px;
font-style:italic; }
/* PAGINATION */
#nan {
width:400px;
margin-left:60px;
font-size:10px;
letter-spacing:0px;
font-family: arial;
text-transform:lowercase;
text-align:center;
font-style:normal;
opacity:1;
padding-top:1%;
padding-bottom:22%;
}
/* POST NOTES */
.notes img { display:none; }
ol.notes, .notes li { width:490px; list-style:none; margin:0px 0 10px 5px; padding:0px; }
/* HOVER TITLE */
#s-m-t-tooltip{
font-size:8px;
text-align:center;
letter-spacing: 1px;
width:auto;
padding:3px 7px;
text-transform: uppercase;
margin-top:10px;
margin-left:10px;
border:1px solid #efefef;
background-color: white;
position:absolute;
z-index:1000;
display:none;
}
/* --- 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 class="topper">
<div class="topcontent">
<div class="toptitle"><a href="/">{Title}</a></div>
<div id="topimage">
<img src="{image:Top Bar}">
<div class="about">{Description}</div>
</div>
<div class="links">
<a href="{text:Link 1 URL}" title="{text:Link 1}">i</a>
<a href="{text:Link 2 URL}" title="{text:Link 2}">ii</a>
<a href="{text:Link 3 URL}" title="{text:Link 3}">iii</a>
<a href="{text:Link 4 URL}" title="{text:Link 4}">iv</a>
<a href="{text:Link 5 URL}" title="{text:Link 5}">v</a>
</div>
</div>
</div>
<div class="wrap">
<div id="entries">
{block:Posts}
<div class="post">
{block:Text}
{block:Title}
<div class="title"><a href="{Permalink}">{Title}</a></div>
{/block:Title}
{Body}
{/block:Text}
{block:Photo}
<center>
{block:if500WidthPosts}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{/block:if500WidthPosts}
{block:ifNot500WidthPosts}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{/block:ifNot500WidthPosts}</center>
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
{/block:Photo}
{block:Photoset}
<center>{block:if500WidthPosts}{Photoset-500}{/block:if500WidthPosts}
{block:ifNot500WidthPosts}{Photoset-400}{/block:ifNot500WidthPosts}</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="text-transform: uppercase; letter-spacing: 1px;">{Label}</span>{/block:Label} {Line}<br></div>{/block:Lines}</div><br />{/block:Chat}
{block:Video}
<center>{block:if500WidthPosts}{Video-500}{/block:if500WidthPosts}
{block:ifNot500WidthPosts}{Video-400}{/block:ifNot500WidthPosts}</center>
{block:Caption}
{Caption}
{/block:Caption}
{/block:Video}
{block:Answer}
<div class="ques">
<div class="zach">{Question}</div>
<div class="asker">{Asker}</div>
</div>
<div class="answer">{Answer}</div>
{/block:Answer}
{block:Audio}
<div style="border-top:1px solid #fff;"></div>
<div class="aud"><div class="aud2"><center>{AudioPlayerWhite}</center></div></div><div style="border-top:1px solid #fff;"></div>{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
{/block:Audio}
<div class="post-info">
<div class="date">
{block:Date}
<a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a>{block:NoteCount} ∙ <a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}{/block:Date}
<span style="float:right;">
{block:ContentSource}<a href="{SourceURL}">origin</a> {block:RebloggedFrom}/ <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}<br>{/block:ContentSource}
</span>
</div>
{block:HasTags}
<div class="tags">
{block:Tags}
<a href="{TagURL}">{Tag}</a>
{/block:Tags}
</div>
{/block:HasTags}
</div>
{block:PostNotes}
<div style="height:30px; width:100%; "></div>
{PostNotes}
{/block:PostNotes}
</div>
{/block:Posts}
</div>
<div id="nan">
{block:indexpage}
{block:PreviousPage}
<a href="{PreviousPage}">⇠</a>
{/block:PreviousPage}{CurrentPage} of {TotalPages}
{block:NextPage}
<a href="{NextPage}">⇢</a>
{/block:NextPage}
{/block:Pagination}
{/block:indexpage}
</div>
</div>
</body>
</html> Pasted: May 8, 2014, 1:59:00 pm
Views: 945