Nathaniel Premium Theme

<!DOCTYPE HTML PUBLIC "//W3C//DTD HTML 4.
01
Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<!
Nathaniel Theme by: MissYani
(w w w.m i s s y a n i.c o m)
My Tumblr
(w w w.missyani.tumblr.c o m)
>
<HEAD>
<meta httpequiv="ContentType" content="text/html;
charset=utf8" />
<meta name="viewport" content="width=devicewidth, initial
scale=1.0" />
<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}
<! IMAGES >
<META name="image:Sidebar avatar"
content="http://static.tumblr.com/6a929b7df2232fd941089ae620
508969/txfvidw/HLsnwfsvs/tumblr_static_6zwsyrjz88w0wg4o4ok0w
gg0s.jpg">
<META name="image:Author avatar"
content="http://static.tumblr.com/d5c0bcbc80243311cdd2173903
64ec29/txfvidw/Yrrnw5179/tumblr_static_ab13q7t1ev404s4w08gs0
c0oo.jpg">
<META name="image:featured one"
content="http://static.tumblr.com/f67fe6cc905c45f9139bfc2db9
f7a546/txfvidw/1pGnw58yz/tumblr_static_1zceuyuztf9c8o8wkk880
80o0.jpg">
<META name="image:featured two"
content="http://static.tumblr.com/4a6c0a0115bdc2fb7d068c47a8
21687c/txfvidw/TGTnw58z0/tumblr_static_boqgapkwna8goosock8os
ooss.jpg">
<META name="image:Background" content="">
<META name="image:Banner 1 Size 1020x387"
content="http://static.tumblr.com/869a1814e1ad0e81a418c92834
d2a843/txfvidw/G8bnw2zlj/tumblr_static_34lx2n2cap0kk8o0k8wo8
oswo.jpg">
content="http://static.tumblr.com/79ca7509ae1d1a3d7903ffec19
5e62f5/txfvidw/4Dynw2zwt/tumblr_static_a5xnf2hagygc040ocs0g8
gk8w.jpg">
content="http://static.tumblr.com/7c08720689cbf5b3287a876894
d1fc5e/txfvidw/yrOnw300v/tumblr_static_d1e244ph188wc0sw8kg0g
8cgk.jpg">
content="http://static.tumblr.com/a525eab052565b802c055acda4
a5bb6d/txfvidw/zzcnw30qb/tumblr_static_7qod0wwj9kgsg4ws04koo
8gw.jpg">
content="http://static.tumblr.com/0a16b05587eac7a6ddc6b334d7
15080c/txfvidw/hGDnw30y6/tumblr_static_4s0wqop6nq0wc8kk0wk88
ok4g.jpg">
<META name="image:BackToTop"
content="http://static.tumblr.com/8jq17g7/Ecym0czgw/ui.totop
.png">
<! IMAGES END >
<! TEXT >
<META name="text:Author Name" content="Your Name Here">
<META name="text:Author Description" content="Write anything
about yourself here, your age, what you like and stuff :)">
<META name="text:Banner 1 URL"
content="http://static.tumblr.com/869a1814e1ad0e81a418c92834
d2a843/txfvidw/G8bnw2zlj/tumblr_static_34lx2n2cap0kk8o0k8wo8
oswo.jpg">
content="http://static.tumblr.com/79ca7509ae1d1a3d7903ffec19
5e62f5/txfvidw/4Dynw2zwt/tumblr_static_a5xnf2hagygc040ocs0g8
gk8w.jpg">
content="http://static.tumblr.com/7c08720689cbf5b3287a876894
d1fc5e/txfvidw/yrOnw300v/tumblr_static_d1e244ph188wc0sw8kg0g
8cgk.jpg">
content="https://www.flickr.com/photos/nataliaviana/14859807
823/">
content="https://www.flickr.com/photos/nataliaviana/58186850
92/">
<META name="text:Banner 1 text" content="If you think only
sunshine brings you happiness, then you haven't danced in
the rain">
<META name="text:Banner 2 text" content="Let go of those who
bring you down and surround yourself with those who bring
out the best in you.">
<META name="text:Banner 3 text" content="i wanna be close to
someone that we can talk all night and never get tired">
<META name="text:Banner 4 text" content="Today I will do
what others won`t, so tomorrow I can accomplish what others
can't">
<META name="text:Banner 5 text" content="Not everything you
want to say, needs to be said.">
<META name="text:Banner 1 text title" content="If you think
only sunshine brings you happiness, then you haven't danced
in the rain">
<META name="text:Banner 2 text title" content="Let go of
those who bring you down and surround yourself with those
who bring out the best in you.">
<META name="text:Banner 3 text title" content="i wanna be
close to someone that we can talk all night and never get
tired">
<META name="text:Banner 4 text title" content="Today I will
do what others won`t, so tomorrow I can accomplish what
others can't">
<META name="text:Banner 5 text title" content="Not
everything you want to say, needs to be said.">
<META name="text:TAGGED LINK 1" content="Personal">
<META name="text:TAGGED LINK 2" content="Thoughts">
<META name="text:TAGGED LINK 3" content="Music">
<META name="text:TAGGED LINK 4" content="Photography">
<META name="text:TAGGED LINK 5" content="Reblogged">
<META name="text:TAGGED LINK 1 URL" content="http://">
<META name="text:Blog Title" content="Nathaniel Theme">
<META name="text:Blog subtitle" content="A Premium Tumblr
Theme">
<META name="text: Top Link 1" content="Archive">
<META name="text: Top Link 2" content="Random">
<META name="text: Top Link 3" content="Pages">
<META name="text: Top Link 4" content="RSS">
<META name="text: Top Link 5" content="Theme">
<META name="text: Top Link 6" content="More Links">
<META name="text: Top Link 6 Submenu 1" content="Sub link
1">
2">
3">
4">
5">
<META name="text: Top Link 1 URL" content="/archive">
<META name="text: Top Link 2 URL" content="/random">
<META name="text: Top Link 4 URL" content="{RSS}">
<META name="text: Top Link 5 URL"
content="http://missyani.com">
<meta name='text:SB HEADER 1' content='MORE ABOUT ME' />
<meta name='text:SB HEADER 2' content='TAGGED POSTS' />
<meta name='text:SB HEADER 3' content='LATEST TWEETS' />
<meta name='text:SB HEADER 4' content='STUFF I LIKE' />
<meta name='text:SB HEADER 5' content='TEXT WIDGET 1' />
<meta name='text:Text Widget 1' content='' />
<meta name='text:SB HEADER 6' content='TEXT WIDGET 2' />
<meta name='text:Text Widget 2' content='' />
<meta name='text:SOCIAL LOGO 1' content='fa fafacebook' />
<meta name='text:SOCIAL LOGO 1 URL'
content='http://facebook.com' />
<meta name='text:SOCIAL LOGO 1 LABEL' content='Facebook' />
<meta name='text:SOCIAL LOGO 2' content='fa fatwitter' />
content='http://twitter.com' />
<meta name='text:SOCIAL LOGO 2 LABEL' content='Twitter' />
<meta name='text:SOCIAL LOGO 3' content='fa fainstagram' />
content='http://instagram.com' />
<meta name='text:SOCIAL LOGO 3 LABEL' content='Instagram' />
<meta name='text:SOCIAL LOGO 4' content='fa fayoutube' />
content='http://youtube.com' />
<meta name='text:SOCIAL LOGO 4 LABEL' content='Youtube' />
<meta name='text:SOCIAL LOGO 5' content='fa faenvelope
o' />
<meta name='text:SOCIAL LOGO 5 URL' content='/contact' />
<meta name='text:SOCIAL LOGO 5 LABEL' content='Email' />
<meta name='text:SOCIAL LOGO 6' content='fa fapinterest' />
content='http://pinterest.com' />
<meta name='text:SOCIAL LOGO 6 LABEL' content='Pinterest' />
<meta name='text:SOCIAL LOGO 7' content='fa fagoogle
plus' />
content='http://plus.google.com' />
<meta name='text:SOCIAL LOGO 7 LABEL' content='Google
plus' />
<meta name='text:SOCIAL LOGO 8' content='fa falinkedin' />
content='http://linkedin.com' />
<meta name='text:SOCIAL LOGO 8 LABEL' content='Linkedin' />
<meta name='text:Tumblr Username' content='' />
<META name="text:Flickr ID" content="48658732@N04">
<meta name='text:Disqus Shortname' content='' />
<meta name="text:Tweets Limit" content="4"/>
<meta name="text:Disqus Shortname" content=" "/>
<meta name="text:Instagram User ID" content=" " />
<meta name="text:Instagram Access Token" content='' />
<meta name='text:Facebook Fanpage URL'
content='https://www.facebook.com/missyanidesigns' />
<meta name='text:Footer Widget 1 Title'
content='Featured' />
<meta name='text:Footer Widget 2 Title' content='Like me on
Facebook' />
<meta name='text:Footer Widget 3 Title' content='Flickr
Stream' />
<META name="text:featured one" content="Write whatever you
like on this featured post, but dont make it too long.">
<META name="text:featured two" content="You can write
whatever you want on this featured post but dont make it too
long.">
<! TEXT END >
<! COLORS >
<META name="color:Main Background" content="#ffffff">
<META name="color:Main Post Background" content="#fbfbfb">
<META name="color:Main Font" content="#888888">
<META name="color:Blog Title" content="#474545">
<META name="color:Main Borders" content="#f6f6f6">
<META name="color:Main Menu Font" content="#ffffff">
<META name="color:Main Menu BG" content="#1d1c1c">
<META name="color:Main Menu Font Hover" content="#7ca2a2">
<META name="color:Main Menu Border" content="#eee">
<META name="color:Main Menu Sub Font" content="#7ca2a2">
<META name="color:Main Menu Sub Menu BG" content="#f6f6f6">
<META name="color:Main Menu Sub Menu BG Hover"
content="#c3dfdf">
<META name="color:Main Menu Sub Font Hover"="#888888">
<META name="color:Main Link Font" content="#a1c9c0">
<META name="color:Main Link Font hover" content="#eabebe">
<META name="color:Sidebar header font" content="#444444">
<META name="color:Sidebar header border" content="#dfdcdc">
<META name="color:Sidebar When Responsive BG"
content="#222222">
<META name="color:Sidebar When Responsive Font"
content="#ffffff">
<META name="color:Social Main BG" content="#f6f6f6">
<META name="color:Social Main Font" content="#444444">
<META name="color:Social Footer Btn BG" content="#333333">
<META name="color:Social Footer Btn Font" content="#ffffff">
<META name="color:Twitter Background" content="#f6f6f6">
<META name="color:Twitter Font" content="#888888">
<META name="color:CHAT BG" content="#dcdcdc">
<META name="color:Slider Image Font" content="#474545">
<META name="color:ReadMore Font" content="#666666">
<META name="color:ReadMore BG hover" content="#fafafa">
<META name="color:ReadMore Font hover" content="#7ca2a2">
<META name="color:ReadMore BG" content="#fafafa">
<META name="color:Bold Font" content="#aec1c1">
<META name="color:Italic or Symbol Font" content="#decba4">
<META name="color:Post title" content="#666666">
<META name="color:Post Link Font" content="#666666">
<META name="color:Post Link Font Hover" content="#afd5d5">
<META name="color:Post Link BG" content="#7ca2a2">
<META name="color:Post Link BG Hover" content="#444444">
<META name="color:Post Details BG" content="#fafafa">
<META name="color:Post Bottom details BG" content="#f6f6f6">
<META name="color:Post Bottom details Font"
content="#888888">
<META name="color:Post Bottom details BG Hover"
content="#7ca2a2">
<META name="color:Post Bottom details Font Hover"
content="#ffffff">
<META name="color:Post Quotes BG" content="#5d7979">
<META name="color:Post Quotes Font" content="#ffffff">
<META name="color:TAGGED BG" content="#444444">
<META name="color:TAGGED BG Hover" content="#7ca2a2">
<META name="color:TAGGED Link" content="#7ca2a2">
<META name="color:TAGGED Link Hover" content="#ffffff">
<META name="color:Like Stuff BG" content="#f3f3f3">
<META name="color:Search BG" content="#eeeeee">
<META name="color:Search BG Hover" content="#9ad7b9">
<META name="color:Search Button" content="#b2a283">
<META name="color:Search Button Font" content="#ffffff">
<META name="color:Search Font" content="#796c6c">
<META name="color:Footer Background" content="#fafafa">
<META name="color:Footer Widget Title" content="#444444">
<META name="color:Footer Social BG" content="#f6f6f6">
<META name="color:Footer Info Background" content="#444444">
<META name="color:LoadMore Background" content="#444444">
<META name="color:LoadMore Font" content="#ffffff">
<! COLORS END >
<! THEME FONTS >
<META name="font:Blog Main Font" content="KaiTi">
<META name="font:Blog Main Title Font"
content="Streetscript">
<META name="font:Blog Main Subtitle Font" content="'Kaiti
TC', 'KaiTi'">
<META name="font:Sidebar Header Font" content="Alternate
Gothic">
<META name="font:Post Bottom Detail Font" content="Clarendon
Text Pro">
<META name="font:Post Main Title Font" content="Clarendon
Text Pro">
<META name="font:Blog Main Menu Font" content="Square
Serif">
<! THEME FONTS END >
<! SHOW OR HIDE >
<meta name="if:HideTAGGED" content="1"/>
<meta name="if:HideABOUT" content="1"/>
<meta name="if:HideLIKES" content="1"/>
<meta name="if:HideBanner" content="1"/>
<meta name="if:HideSocial" content="1"/>
<meta name="if:HideSearch" content="1"/>
<meta name="if:HideWidgets" content="1"/>
<meta name="if:HideScrollEffect" content="1"/>
<meta name="if:HidePostAnimationEffect" content="1"/>
<meta name="if:ShowFixedTopMenu" content="1"/>
<! JS >
<script type="text/javascript"
src="http://static.tumblr.com/txfvidw/QXjnw2tiy/arianthemepc
kg1.js"></script>
src="http://code.jquery.com/jquery2.1.4.min.js"></script>
<! CSS >
<link
href='http://static.tumblr.com/txfvidw/RExnwe5k3/style.css'
rel='stylesheet' type='text/css'>
<link
href='http://static.tumblr.com/txfvidw/tVmnwe87q/topstyle.cs
s' rel='stylesheet' type='text/css'>
<link rel="stylesheet"
href="http://mynameismatthieu.com/WOW/css/libs/animate.css">
<link rel="stylesheet" type="text/css"
href="http://tympanus.net/Development/ElasticSVGElements/fon
ts/fontawesome4.2.0/css/fontawesome.min.css" />
<link href="//netdna.bootstrapcdn.com/font
awesome/4.0.3/css/fontawesome.css" rel="stylesheet">
<link rel="stylesheet" type="text/css"
href="http://domclaxton.com/tumblrblog/minimal_v2_min.css"
media="screen" />
<! CSS END >
<style type="text/css">
iframe#tumblr_controls {
top: 0% !important;
right:0% !important;
position: absolute !important;}
html {
padding: 0;
margin: 0;
}
/* BODY */
body {
padding: 0;
margin: 0;
fontfamily: {font:Blog Main Font}, sansserif;
fontsize: 15px;
color: #a6a6a6;
backgroundcolor: {color:Main Background};
backgroundimage: url({image:Background});
backgroundrepeat: repeat;
backgroundposition: center center;
}
/* LINKS */
a:link,
a:visited {
color: {color:Main Link Font};textdecoration: none;
backgroundcolor: none;
}
a:link:hover{
color: {color:Main Link Font Hover};
}
a:visited:hover{
color: {color:Main Link Font Hover};
}
p {
lineheight: 1.65em;
margin: 0 0 1em 0;
}
h1, h2, h3, h4, h5, h6 {
margin: 0 0 1em 0;
fontweight: normal;
}
/* HEADER STYLES */
.header {
fontsize: 40px;
fontfamily: {font:Post Main Title Font}, serif;
color: {color:post title} !important;
lineheight: 100%;
textalign: center;
maxwidth: 700px;
margintop: 10px;
letterspacing: 1px;
fontweight: normal;
}
.imageheader {
fontsize: 30px;
color: {color:post title} !important;
lineheight: 100%;
textalign: center;
maxwidth: 700px;
letterspacing: 1px;
fontweight: normal;
paddingbottom: 20px;
}
.date {
font: 10px {font:Blog Main Font}, sansserif;
color: {color:Link Font};
texttransform: uppercase;
textalign: center;
letterspacing: 1px;
marginbottom: 20px;
margintop: 5px;
}
.title {
fontsize: 85px;
fontfamily: {font:Blog Main Title Font}, serif;
color: {color:Blog Title};
marginbottom: 10px;
}
@media all and (maxdevicewidth: 720px){
.title {
fontsize: 55px;
}
}
@media all and (maxdevicewidth: 320px){
.title {
fontsize: 25px;
}
}
.subtitle {
font: 20px {font:Blog Main Subtitle Font}, sansserif;
textalign: center;
letterspacing: 2px;
margintop: 45px;
marginbottom: 30px;
}
.header2 {
overflow: hidden;
textalign: center;
fontsize: 12px ;
fontfamily: {font:Sidebar Header Font}, sansserif;
letterspacing: 2px;
marginbottom:20px;
color:{color:Sidebar header font};
}
.header2 > span{
position: relative;
display: inlineblock;
}
.header2 > span:before, .header2 > span:after{
content: "";
position: absolute;
top: 50%;
borderbottom: 15px solid;
bordercolor:{color:Sidebar header border};
width: 591px;
margin: 5px 15px;
}
.header2 > span:before{
right: 100%;
}
.header2 > span:after{
left: 100%;
}
/* BOLD ITALIC UNDERLINED*/
b {
color: {color:Bold Font};}
strong {
color: {color:Bold Font};}
i {
color: {color:Italic or Symbol Font};}
u {
color: {color:Italic Font};
}
blockquote {
borderleft: 2px solid {color:Post bottom border};
padding: 0px;
}
/* TAGGED */
a.nav {
backgroundcolor:{color:TAGGED BG};
height: 30px;
color:{color:TAGGED Link};
padding: 3px 8px;
marginbottom: 10px;
webkittransition: .30s easein;
display: block;
textalign: center;
lineheight: 200%;
fontsize: 15px;
}
a.nav:hover {
backgroundcolor:{color:TAGGED BG Hover};
color:{color:TAGGED Link Hover};
borderradius: 10px;
padding: 3px 8px;
}
/* MAIN MENU */
#cssmenuwrap {
width: 100%;
margin: 0 auto;
padding: 0px;
height: auto;
position:relative;
{block:IfShowFixedTopMenu}
position:fixed;
{/block:IfShowFixedTopMenu}
top: 0px;
background: {color:Main Menu BG};
zindex: 9999999;
opacity: 0.9;
}
#cssmenu {
position: relative;
height: 44px;
background: {color:Main Menu BG};
width: auto;{block:IfHideFixedTopMenu}
webkitboxshadow: 0px 4px 5px 0px rgba(227,227,227,1);
mozboxshadow: 0px 4px 5px 0px rgba(227,227,227,1);
boxshadow: 0px 4px 5px 0px rgba(227,227,227,1);
{block:IfHideFixedTopMenu}
}
#cssmenu ul {
liststyle: none;
padding: 0;
margin: 0;
lineheight: 1;
}
#cssmenu > ul {
position: relative;
display: block;
background:{color:Main Menu BG};
width: 100%;
zindex: 500;
}
#cssmenu:after,
#cssmenu > ul:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
lineheight: 0;
height: 0;
}
#cssmenu.alignright > ul > li {
float: right;
}
#cssmenu.aligncenter ul {
textalign: center;
}
#cssmenu.aligncenter ul ul {
textalign: left;
}
#cssmenu > ul > li {
position: relative;
margin: 0;
padding: 0;
}
#cssmenu > ul > #menubutton {
display: none;
}
#cssmenu ul li a {
display: block;
fontfamily: {font:Blog Main Menu Font}, sansserif;
textdecoration: none;
}
#cssmenu > ul > li > a {
fontsize: 14px;
fontweight: bold;
padding: 15px 20px;
color: {color:Main Menu Font}!important;
webkittransition: color 0.25s easeout;
moztransition: color 0.25s easeout;
mstransition: color 0.25s easeout;
otransition: color 0.25s easeout;
transition: color 0.25s easeout;
}
#cssmenu > ul > li.hassub > a {
paddingright: 32px;
}
#cssmenu > ul > li:hover > a {
color:{color:Main Menu Font Hover}! important;
}
#cssmenu li.hassub::after {
display: block;
content: "";
position: absolute;
width: 0;
height: 0;
}
#cssmenu > ul > li.hassub::after {
right: 10px;
top: 20px;
border: 5px solid transparent;
bordertopcolor: {color:Main Menu Font Hover};
}
#cssmenu > ul > li:hover::after {
bordertopcolor: {color:Main Menu Border};
}
#cssmenu ul ul li a {
width: 130px;
borderbottom: 1px solid #eeeeee;
padding: 10px 20px;
fontsize: 12px;
color:{color:Main Menu Sub Font};
background: {color:Main Menu Sub Menu BG};
webkittransition: all .35s ease;
moztransition: all .35s ease;
mstransition: all .35s ease;
otransition: all .35s ease;
transition: all .35s ease;
}
#cssmenu.alignright ul ul li a {
textalign: right;
}
#cssmenu ul ul li:hover > a {
background: {color:Main Menu Sub Menu BG Hover};
color: {color:Main Menu Sub Font Hover};
}
@media all and (maxwidth: 800px), only screen and (webkit
mindevicepixelratio: 2) and (maxwidth: 1024px), only
screen and (minmozdevicepixelratio: 2) and (maxwidth:
1024px), only screen and (omindevicepixelratio: 2/1)
and (maxwidth: 1024px), only screen and (mindevicepixel
ratio: 2) and (maxwidth: 1024px), only screen and (min
resolution: 192dpi) and (maxwidth: 1024px), only screen and
(minresolution: 2dppx) and (maxwidth: 1024px) {
#cssmenu {
width: auto;
}
#cssmenu.aligncenter ul {
textalign: left;
}
#cssmenu.alignright > ul > li {
float: none;
}
#cssmenu ul {
width: auto;
}
#cssmenu .submenuArrow,
#cssmenu #indicatorContainer {
display: none;
}
#cssmenu > ul {
height: auto;
display: block;
}
float: none;
}
#cssmenu li,
display: none;
}
#cssmenu ul ul,
#cssmenu ul ul ul,
#cssmenu ul > li:hover > ul,
#cssmenu ul ul > li:hover > ul,
#cssmenu.alignright ul ul,
#cssmenu.alignright ul ul ul,
#cssmenu.alignright ul > li:hover > ul,
#cssmenu.alignright ul ul > li:hover > ul {
position: relative;
left: auto;
top: auto;
opacity: 1;
paddingleft: 0;
paddingright: 0;
right: auto;
}
#cssmenu ul .hassub::after {
display: none;
}
#cssmenu ul li a {
padding: 12px 20px;
}
#cssmenu ul ul li a {
border: 0;
background: none;
width: auto;
padding: 8px 35px;
}
#cssmenu.alignright ul ul li a {
textalign: left;
}
#cssmenu ul ul li:hover > a {
background: none;
color: #8c9195;
}
#cssmenu ul ul ul a {
padding: 8px 50px;
}
#cssmenu ul ul ul ul a {
padding: 8px 65px;
}
#cssmenu ul ul ul ul ul a {
padding: 8px 80px;
}
#cssmenu ul ul ul ul ul ul a {
padding: 8px 95px;
}
#cssmenu > ul > #menubutton {
display: block;
cursor: pointer;
}
#cssmenu #menubutton > a {
padding: 14px 20px;
}
#cssmenu ul.open li,
#cssmenu > ul.open > li {
display: block;
}
#cssmenu > ul.open > li#menubutton > a {
color: #fff;
borderbottom: 1px solid rgba(150, 150, 150, 0.1);
}
#cssmenu ul ul::after {
display: none;
}
#cssmenu #menubutton::after {
display: block;
content: '';
position: absolute;
height: 3px;
width: 22px;
bordertop: 2px solid #7a8189;
borderbottom: 2px solid #7a8189;
right: 20px;
top: 15px;
}
#cssmenu #menubutton::before {
display: block;
content: '';
position: absolute;
height: 3px;
width: 22px;
bordertop: 2px solid #7a8189;
right: 20px;
top: 25px;
}
#cssmenu ul.open #menubutton::after,
#cssmenu ul.open #menubutton::before {
bordercolor: #fff;
}
}
/* IMAGE SLIDER */
.slidetext {
position: absolute;
bottom: 0;
backgroundcolor:rgba(255,255,255, .60);
color:{color:Slider Image Font};
width: 100%;
padding: 10px;
boxsizing: borderbox;
backgroundimage:
url(http://static.tumblr.com/txfvidw/c3Dnvmbdf/201502
08_065211__separator1.png);
backgroundposition: bottom center;
backgroundrepeat: norepeat;
}
.slidetext h3 {
margin: 0;
font: 20px {font:Blog Main Title Font};
}
@media screen and (maxwidth: 767px) {
.slidetext {
position: static;
backgroundcolor: {color:Slider Text};
}
/* Prev and Next Buttons */
.cycleprev, .cyclenext {
position: absolute;
top: 30%;
backgroundcolor: rgba(255, 255, 255, .50);
color:{color:Slider Image Font};
padding: 20px;
display: block;
cursor: pointer;
fontsize: 130%;
zindex: 1000;
opacity: 0;
transition: opacity .5s;
}
/*SOCIAL BUTTONS */
.socialbtn ul li a i {
background: {color:Social Main BG};
color: {color:Social Main Font};
width: 25px;
height: 25px;
fontsize: 25px;
margin: 5px 5px 0px 0px;
padding: 15px;
}
@media only screen and (maxwidth: 800px) {
.socialbtn ul li a i{
width: 25px;
height: 25px;
fontsize: 22px;
padding: 10px;
}
}
.fafacebook, .falinkedin, .fatwitter, .fainstagram, .fa
youtube, .faenvelopeo, .farss, .faheart, .fapinterest {
background: {color:Social Main BG};
}
.fafacebook:hover {
background:#3b5998;
color: #fff;
}
.falinkedin:hover {
background:#007bb6;
color: #fff;
}
.fatwitter:hover {
background:#00aced;
color: #fff;
}
.fainstagram:hover {
background:#B7A58F;
color: #fff;
}
.fayoutube:hover {
background: #de1a2a;
color: #fff;
}
.faenvelopeo:hover {
background:#00a8ec ;
color: #fff;
}
.farss:hover {
background:#dd4b39;
color: #fff;
}
.faheart:hover {
background:#dd4b39;
color: #fffffff;
}
.fagoogleplus:hover {
background: #d34433;
color: #fff;
}
.fapinterest:hover {
background: #cb2027;
color: #fff;
}
.socialbtn ul li a i {
transition: all 0.2s easeinout;
}
.socialbtn ul li a i:hover {
opacity: .7; transform: rotate(360deg);
borderradius: 100px;
}
/*SOCIAL FOOTER */
.socialbtnfooter {
backgroundcolor:{color:Footer Social BG};
width: 100%;
height: auto;
color: {color:Footer Text Info};
fontsize: 10px;
letterspacing: 2px;
paddingtop: 15px;paddingbottom: 15px;
textalign: center;
margintop: 10px;
position: relative;
marginbottom: 10px;
}
.socialbtnfooter ul li a i {
background: {color:Social Footer Btn BG};
color: {color:Social Footer Btn Font};
width: 20px;
height: 20px;
fontsize: 20px;
padding: 12px;
borderradius: 100px;
}
blockquote {
fontfamily: {font:Blog Main Font}, serif;
width: 90%;
margin: 0.25em 0;
padding:20px;
lineheight: 1.45;
position: relative;
}
ol.notes {
padding: 0px;
margin: 25px 0px;
liststyletype: none;
borderbottom: solid 2px {color:Post bottom border};
textalign: left;
}
ol.notes li.note {
bordertop: solid 2px {color:Post bottom border};
padding: 10px;
}
ol.notes li.note img.avatar {
verticalalign: 4px;
marginright: 10px;
width: 16px;
height: 16px;
}
ol.notes li.note span.action {
fontweight: bold;
}
ol.notes li.note .answer_content {
fontweight: normal;
}
ol.notes li.note blockquote {
bordercolor: {color:post bottom border};
padding: 4px 10px;
}
ol.notes li.note blockquote a {
textdecoration: none;
}
/* POST STYLE */
.posts {
maxwidth: 700px;
width: 100%;
height: auto;
textalign: left;
marginbottom: 80px;
}
#postdetailswrap {
maxwidth: 700px;
width: 100%;
height: auto;
}
#postdetails {
padding: 15px 10px 15px 10px;
height: auto;
margintop: 10px;
backgroundcolor: {color:Post Details BG};
font: 10px {font:Post Bottom Detail Font}, sansserif;
letterspacing: 1px;
border: 1px solid {color:Main borders};
}
#postdetails .det{
float: left;
background: {color:Post Bottom details BG};
width: auto;
height: 10px;
fontsize: 10px;
marginleft: 2px;
padding: 8px;
margintop: 5px;
}
#postdetails .det a{
color: {color:Post Bottom details Font}! important;
}
#postdetails .det:hover{
background: {color:Post Bottom details BG Hover};
}
#postdetails .det a:hover{
color: {color:Post Bottom details Font Hover}! important;
}
#postdetails .det{
width: auto;
height:10px;
fontsize: 10px;
padding: 8px;
}
#postdetails .right {
float: right;
height: auto;
margintop: 20px;
}
#postdetails .left {
float: left;
height: auto;
}
#postdetails .det{
width: auto;
height:10px;
fontsize: 10px;
padding: 8px;
}
#postdetails .right {
float: right;
height: auto;
margintop: 20px;
}
#postdetails .right,
#postdetails .left{
width: auto;
float: none;}
#socialpost {
display: none;
}
}
.socialpostbtn ul li a i {
background: {color:Post Bottom details BG};
color: {color:Post Bottom details Font}! important;
width: 10px;
height: 10px;
fontsize: 12px;
marginleft: 2px;margintop: 15px;
padding: 8px;
}
.socialpostbtn ul li a i:hover {
background: {color:Post Bottom details BG Hover};
color: {color:Post Bottom details Font Hover}! important;
}
#postdetails .tagged{
marginleft: 10px;
paddingtop: 8px;
}
#postdetails .tagged a{
textalign: left;
color: #888! important;
}
/*FLICKR */
#flickr img {
float: left;
margin:0 5px 5px 0px;
padding: 3px;
width: 27%;
height: 28%;
border: 1px solid {color:Main Borders} !important;
}
#flickr a img:hover {
border: 1px solid {color:link color};
opacity: 0.5;
}
#spacebuttom {
margintop: 50px;
}
#likes {
maxwidth: 238px;
width: 100%;
marginleft: 10px;
}
ul#likes {
margin: 0 0 0 0;
padding: 0px;
}
li.like_post {
/* Should match the width specified in the Likes tag */
width: 100%;
float: left;
padding: 10px;
background: {color:Like Stuff BG};
mozboxshadow: 0px 2px 15px #333;
marginbottom: 5px;
}
li.like_post img {
width: 100%;
}
li.like_post img:hover {
webkittransform: rotate(10deg);
moztransform: rotate(10deg);
mozboxshadow: 5px 2px 15px #333;
}
li.like_post blockquote {
margin: 0;
padding: 0 0 0 10px;
borderleft: 1px solid {color:Like Stuff BG};
}
li.like_post ol,
li.like_post ul {
margin: 0 0 0 15px;
padding: 0;
}
li.like_post .like_link a {
fontweight: bold;
}
li.like_post .like_title {
fontweight: bold;
}
li.like_post .post_info_bottom {
margin: 10px 0 0 0;
display: block !important;
}
.authorname {
textalign: left;
fontsize: 15px;
fontfamily: {font:Blog Main Title Font}, serif;
color: {color:Blog Title};
paddingbottom: 5px;
margintop: 15px;
}
.title {
fontsize: 45px;
}
}
.title {
fontsize: 65px;
}
}
.circular {
width: 100%;
height: auto;
margintop: 20px;
}
.desc {
fontsize: 15px;
}
#sbspace {
margintop: 50px;
}
#postspace {
marginbottom: 50px;
}
.readmore {
backgroundcolor: {color:Readmore BG};
border: 1px solid #eee;
height: 30px;
width: 200px;
color: {color:Readmore Font};
padding: 10px 8px;
margin: 0 auto;
marginbottom: 10px;
display: block;
textalign: center;
lineheight: 200%;
fontsize: 15px;
}
.readmore:hover {
backgroundcolor:{color:ReadMore BG hover};
color:{color:ReadMore font Hover} !important;
}
.fix {
clear: both;
}
.group:before,
.group:after {
content: "";
display: table;
}
.group:after {
clear: both;
}
.group {
zoom: 1;
}
.postimage {
maxwidth:700px;
width: 100%;
height: auto;
verticalalign: bottom;
borderradius: 5px 5px 0 0;
webkittransition: all 1.5s;
otransition: all 1.5s;
transition: all 1.5s;
}
.postimgtext {
margintop: 10px;
padding:40px 30px 20px 30px;
background: {color:Main Post Background};
}
.text {
paddingtop: 10px;
padding: 30px;
}
.textpost {
maxwidth: 700px;
width: 100%;
}
.textpost img {
maxwidth: 700px;
width: 100%;
height:auto;
}
.quotes {
maxwidth:700px;
width: 100%;
height: auto;
backgroundcolor: {color:Post Quotes BG};
padding: 0px;
fontsize: 30px;
color: {color:Post Quotes Font} !important;
lineheight: 100%;
textalign: center;
}
.qpadding {
maxwidth:650px;
}
.postquotestext {
margintop: 5px;
padding:20px;
textalign: right;
}
.links {
maxwidth:700px;
width: 100%;
height: auto;
background: {color:Post Link BG};
padding: 0px;
fontsize: 30px;
lineheight: 100%;
textalign: center;
}
.faarrowright {
color: {color:Post Link Font};
marginleft: 5px;
}
.links :hover {
background: {color:Post Link BG Hover};
}
.links a {
color: {color:Post Link Font};
}
.links a:hover {
color: {color:Post Link Font Hover};
}
.lpadding {
maxwidth:650px;
}
.postlinkstext {
margintop: 5px;
padding:30px;
}
.chat {
paddingtop: 10px;
padding: 10px;
background:{color:Main Post Background};
fontsize: 15px;
}
.chat li {
padding: 10px;
}
.chat li:nthchild(odd) {
background: #eee;
}
.audioplayer {
position: relative;
width: 100%;
overflow: hidden;
}
.audioplayer iframe {
position: relative;
display: block;
width: 100%;
}
.spotify_audio_container {
maxwidth: 700px;
}
.spotify_audio_wrap {
position: relative;
height: 0;
paddingbottom: 100%;
marginbottom: 80px;
overflow: visible;
}
.soundcloud_audio_player {
maxwidth: 700px;
}
.postmusictext {
margintop: 10px;
padding: 30px;
}
.postvideotext {
margintop: 5px;
padding: 30px;
}
#question {
position: relative;
maxwidth: 700px;
width: 100%;
}
.bubble
{
position: relative;
minheight: 67px;
height: auto;
zindex: 1;
margin: 0 auto;
fontsize: 30px;
color: {color:Post Quotes Font} !important;
lineheight: 100%;
textalign: center;
webkitborderradius: 10px;
mozborderradius: 10px;
borderradius: 10px;
.bubble:after
{
content: '';
position: absolute;
borderstyle: solid;
borderwidth: 15px 15px 0;
bordercolor: {color:Post Quotes BG} transparent;
display: block;
width: 0;
zindex: 1;
bottom: 15px;
left: 113px;
}
#question .askerimg {
float: left;
paddingleft: 30px;
paddingright:10px;
}
#question .answer {
margintop: 10px;
padding:40px 30px 0px 30px;
}
.abouttheauthor {
margintop: 50px;
padding:30px;
marginbottom: 20px;
clear: both;
}
.permapagination {
float: left;
width: 43%;
padding:20px;
background: {color:TAGGED BG};
color: {color:TAGGED Link};
fontsize: 1.5em;
marginbottom: 10px;
display: inline;
marginleft: 5px;
textalign: center;
}
.permapagination {
width:35%;
padding:15px;
fontsize: 1em;
}
}
.permapagination {
width: 40%;
}
}
/* Footer */
#footer {
maxwidth: 100%;
margin: 0px auto;
padding: 0px;
background: {color:Footer Background};
webkitboxshadow: 0px 2px 5px 0px rgba(199,199,199,1);
mozboxshadow: 0px 2px 5px 0px rgba(199,199,199,1);
boxshadow: 0px 2px 5px 0px rgba(199,199,199,1);
}
.footerwidgetarea {
backgroundcolor: {color:Footer Widget Background} ;
marginright: 10px;
width: 32%;
height: auto;
float: left;
padding: 10px;
textalign: left;
}
.footerwidgetarea {
width: 31.2%;
}
}
.footerwidgettitle {
color: {color:Footer Widget Title};
fontsize: 20px;
fontfamily: {font:Blog Main Font}, serif;
letterspacing: 2px;
}
.footerwidgetarea {
width: auto;
float: none;
marginleft:15px;
}
.footerwidgetarea {
paddingright: 0;
}
}
.footerinfo {
width: 100%;
height: auto;
backgroundcolor: {color:Footer Info Background};
color: {color:Footer Text Info};
fontsize: 10px;
letterspacing: 2px;
paddingtop: 15px;paddingbottom: 15px;
textalign: center;
margintop: 0px;
}
#tweets li{
liststyle: none;
marginbottom:10px;marginleft: 5px;
width: 100%;
height: auto;
display: block;
textalign: left;
backgroundcolor: {color:Twitter Background};
}
#tweets li a{
color: {color:Twitter Font}!important;
fontsize: 15px;
lineheight: 1.5;
}
.content .fatwitter{
color: #4AA8D8;
opacity: 0.7;
liststyle: none;
/* Search */
input, select, textarea {
background: none repeat scroll 0 0 {color:Search BG};
color: #5e5e5e;
border: 1px solid {color:Search BG};
display: block;
fontfamily: {font:Blog Main Font};
fontsize: inherit;
padding: 10px;
width: 100%;
fontsize: 16px;
margin: 0;
height: 40px;
}
#searchtext {
overflow: hidden;
}
a.searchsubmitbutton {
background: none repeat scroll 0 0 {color:Search Button};
color: #5e5e5e !important;
display: block;
float: right;
fontfamily: inherit;
fontsize: 20px;
padding: 8px 10px;
textalign: center;
width: 45px;
height: 40px;
}
#formcontainer {
/* width: 60%; */
}
.pagination, .arianscroll {
margintop: 5px;
padding:30px;
marginbottom: 60px;
background: {color:LoadMore Background};
border: 1px solid {color:Main borders};
}
.pagination a, .pagination span, .next a {
margin: 0 5px;
color: {color:LoadMore Font};
}
.next_page, .prev_page {
margin: 0 20px !important;
}
.prev_page, .next_page, .next a {
padding: 15px;
fontweight: 700;
borderradius: 2px;
letterspacing: 2px;
fontsize: 18px;
}
.next a { textalign: center; }
#infscrloading { display: none !important; }
/* Reveal and Hide Styles */
.togglebtn,
#postdetails .detres,
.responsivesidebar {
display: none;
}
.resmain { width:100%; backgroundcolor: {color:Sidebar When
Responsive BG}; padding: 0px; clear: both;margintop:
10px;color:{color:Sidebar When Responsive Font};
}
.togglebtnvisible {
display: block;
margintop: 50px;
margintop: 5px;
padding:30px;
marginbottom: 60px;
border: 1px solid {color:Main Border};
letterspacing: 2px;
fontsize: 18px;
}
.toggletargethidden {
display: none;
}
.toggletargetexpanded {
display: block;
}
}
.mainarea .togglebtnvisible {
display: block;
}
.mainarea .toggletargethidden {
display: none;
}
.mainarea .toggletargetexpanded {
display: block;
}
#postdetails .detres{
display: inline;
}
}
.resnavwrapper {
width: 100%;
height: auto;
position: relative;
textalign: center;
}
.resnavmain {
maxwidth: 767px;
width: 100%;
height: auto;
textalign: center;
}
.resnav {
backgroundcolor:{color:Sidebar When Responsive BG};
height: 30px;
color:{color:Sidebar When Responsive Font};
padding: 3px 8px;
marginbottom: 10px;marginright: 10px;
display: block;
textalign: center;
lineheight: 200%;
fontsize: 15px;
fontfamily: 'Kaiti TC', 'KaiTi', sansserif, sansserif;
float: left;
position: relative;
}
.resnav:hover {
backgroundcolor:{color:Main Menu Font};
color:{color:Main Menu BG};
borderradius: 10px;
padding: 3px 8px;

}
.toplink {
background: url('{image:BackToTop}') norepeat;
position:fixed;
bottom:30px; right:20px;
width: 51px; height: 51px;
}
{CustomCSS}
</style>
<script type="text/javascript">
$(function() {
$.fn.scrollToTop = function() {
$(this).hide().removeAttr("href");
if ($(window).scrollTop() != "0") {
$(this).fadeIn("slow")
}
var scrollDiv = $(this);
$(window).scroll(function() {
if ($(window).scrollTop() == "0") {
$(scrollDiv).fadeOut("slow")
} else {
$(scrollDiv).fadeIn("slow")
}
});
$(this).click(function() {
$("html, body").animate({
scrollTop: 0
}, "slow")
})
}
});
$(function() {
$(".toplink").scrollToTop();
});
</script>
<script>
function changeNavigation(id)
{document.getElementById('main').innerHTML=document.getEleme
ntById(id).innerHTML}
</script>
</head>
<body>
<div id="fbroot"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src =
"//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.4";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebookjssdk'));</script>
<center>
<div id='cssmenuwrap'>
<div id='cssmenu'>
<ul>
<li><a href='/'><span>Home</span></a></li>
{block:IfTopLink1}<li><a href='{text: Top Link 1
URL}'><span>{text: Top Link 1}</span></a></li>
{/block:IfTopLink1}
{block:IfTopLink2}<li class='last'><a href='{text: Top
Link 2 URL}'><span>{text: Top Link 2}</span></a></li>
{block:IfTopLink2}
{block:HasPages}
<li class='active hassub'><a href='#'><span>{text: Top
Link 3}</span></a>
<ul>
{block:Pages}<li><a
href='{URL}'><span>{Label}</span></a></li>{/block:Pages}
</ul>
</li> {/block:HasPages}
{block:IfTopLink4} <li><a href='{text: Top Link 4
URL}'><span>{text: Top Link 4}</span></a></li>
{block:IfTopLink4}
{block:IfTopLink5}<li class='last'><a href='{text: Top
Link 5 URL}'><span>{text: Top Link 5}</span></a></li>
{block:IfTopLink5}

{block:IfTopLink6}<li class='active hassub'><a
href='#'><span>{text: Top Link
6}</span></a>{/block:IfTopLink6}
<ul>
{block:IfTopLink6Submenu1}<li><a href='{URL}'><span>{text:
Top Link 6 Submenu
1}</span></a></li>{/block:IfTopLink6Submenu1}
Top Link 6 Submenu
Top Link 6 Submenu
Top Link 6 Submenu
Top Link 6 Submenu
</ul>
</li>
{block:SubmissionsEnabled} <li><a
href='/submit'><span>{SubmitLabel}</span></a></li>{/block:Su
bmissionsEnabled}
{block:AskEnabled}<li><a
href='/ask'><span>{AskLabel}</span></a></li>
{/block:AskEnabled}
</ul>
</div></div>
<div id="maincontainer">
<a href="/"><div class="title">{text:Blog
Title}</div></a><br>
<div class="subtitle">{text:Blog subtitle}</div>
<!START OF THE BANNER SLIDESHOW HERE >
{block:IfHidebanner}
<div class="test2" id="test2">
<div class="cycleslideshow" datacycleslides=".slide"
datacyclepauseonhover="true">
<span class="cycleprev">«</span>
<span class="cyclenext">»</span>
<div class="slide">
<a href="{text:Banner 1 URL}"><img src="{image:Banner 1 Size
1020x387}"></a>
<div class="slidetext">
<h3>{text:Banner 1 text title}</h3>
<p>{text:Banner 1 text} </p>
</div>
</div>
<div class="slide">
<a href="{text:Banner 2 URL}"> <img src="{image:Banner 2
Size 1020x387}"></a>
</div>
</div>
<div class="slide">
Size 1020x387}"></a>
<p>{text:Banner 3 text} .</p>
</div>
</div>
<div class="slide">
<a href="{text:Banner 4 URL}"><img src="{image:Banner 4 Size
1020x387}"></a>
</div>
</div>
<div class="slide">
Size 1020x387}"></a><div class="slidetext">
</div>
</div>
</div>
</div>
{/block:IfHidebanner}
<! BANNER SLIDESHOW ENDS HERE >
<div class="contentarea group">
<div id="postspace"></div>
<!START OF SIDEBAR >
<div id="sidecolumn">
<!SIDEBAR ABOUT ME >
{block:IfHideABOUT}<div id="sbspace"></div>
<div class="header2"><span>{text:SB HEADER
1}</span></div><br>
<a href="/"><img class="circular" src="{image:Sidebar
avatar}" ></img></a><br>
{block:Description}<br><div
class="desc">{Description}</div><br>{/block:Description}
{/block:IfHideABOUT}
<!SIDEBAR ABOUT ME END >
<!SIDEBAR SOCIAL BUTTONS HERE >
{block:IfHideSocial}
<div id="social">
<div class="socialbtn">
<ul>
{block:IfSOCIALLOGO1} <li><a href="{text:SOCIAL LOGO 1
URL}"><i class="{text:SOCIAL LOGO
1}"></i></a></li>{/block:IfSOCIALLOGO1}
{block:IfSOCIALLOGO2}<li><a href="{text:SOCIAL LOGO 2
URL}"><i class="{text:SOCIAL LOGO 3}"></i>
</a></li>{/block:IfSOCIALLOGO3}
</ul></div></div>
{/block:IfHideSocial}
<!SIDEBAR SOCIAL BUTTONS ENDS HERE >
<!TEXT WIDGET #1 HERE >
{block:IfTextWidget1}
<div class="header2"><span>{text:SB HEADER 5}</span></div>
<div class="desc">{text:Text Widget 1}</div>
{/block:IfTextWidget1}
<!SIDEBAR TAGGED BUTTONS HERE >
{block:IfHideTAGGED}<div id="sbspace"></div>
{block:IfTAGGEDLINK1}
<a class="nav" href="{text:TAGGED LINK 1 URL}">{text:TAGGED
LINK 1}</a>
{/block:IfTAGGEDLINK1}
LINK 2}</a>
LINK 3}</a>
LINK 4}</a>
LINK 5}</a>
<div id="sbspace"></div>
{/block:IfHideTAGGED}
<!SIDEBAR TAGGED BUTTONS ENDS HERE >
<!TWITTER HERE >
{block:Twitter}
<div id="twitter" style="display:none;">
<div class="header2"><span><a
href="http://twitter.com/{TwitterUsername}">{text:SB HEADER
3}</a></span></div>
<div id="tweets"></div>
</div>
{/block:Twitter}
<!LIKE STUFF HERE >
{block:IfHideLIKES}<div id="sbspace"></div>
{block:Likes}<div class="header2"><span>{text:SB HEADER
4}</span></div>
<div id="likes">
{Likes limit="3" summarize="100"
width="300"}
<a href="http://www.tumblr.com/liked/by/
{Name}">
See more stuff I like
</a>
</div>
<br><br><br>
{/block:Likes}
{/block:IfHideLIKES}
<!TEXT WIDGET #2 HERE >
<div class="desc">{text:Text Widget 2}</div>
<!SEARCH HERE >
{block:IfHideSearch}
<div id="sbspace"></div>
<div id="formcontainer">
<form action="/search" method="get">
<a class="searchsubmitbutton" href="Search"/>
<i class="fa fasearch"></i>
</a> <div id="searchtext">
<input type="text" name="q" value="{SearchQuery}"/></div>

</form>

</div>
{/block:IfHideSearch}
</div>
<! START OF POSTS HERE >
<div id="content">
<div id="postspace"></div>
{block:Posts}
<div class="wow bounceInUp">
<div class="posts">
<!TEXT AREA HERE >
{block:Text}
<div class="post text">
{block:Title}
<a href="{Permalink}"><div class="header">{Title}</div></a>
<div class="date"><i class="fa facalendar"></i><a
href="{Permalink}">{DayOfWeek}, {DayOfMonthWithZero} {Month}
{Year}</a>
{block:IfDisqusShortname} <i class="fa facomment"></i> <a
href="{Permalink}#disqus_thread">Comments</a>
{/block:IfDisqusShortname}
</div>
{/block:Title}<div class="textpost">{Body}</div>
{block:More}<a href="{Permalink}#more"><p class="read
more">Continue Reading...</p></a><a
name="more"></a>{/block:More}
</div>
{/block:Text}
<!PHOTO AREA HERE >
{Block:Photo}{LinkOpenTag}
<img class="postimage" src="{PhotoURLHighRes}"
alt="{PhotoAlt}"/>{LinkCloseTag}
{block:Caption} <div class="postimgtext">{Caption}
{block:More}<a href="{Permalink}#more"><p class="read
more">Continue Reading...</p></a><a
name="more"></a>{/block:More} </div>{/block:Caption}
{/Block:Photo}
<!PANORAMA AREA HERE >
{block:Panorama}
<div class="post panorama">
{LinkOpenTag}
<img src="{PhotoURLPanorama}" alt="{PhotoAlt}"/>
{LinkCloseTag}{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
</div>
{/block:Panorama}

<!PHOTOSET AREA HERE >
{block:Photoset}
<div class="photoslideshow" id="photoset_{PostID}" data
layout="{PhotosetLayout}">
{block:Photos}
<div class="photodata">
<div class="pxuphoto">
<img alt="{PhotoAlt}" src="{PhotoURLHighRes}" data
highres="{PhotoURLHighRes}" datawidth="{PhotoWidth
HighRes}" dataheight="{PhotoHeightHighRes}"
class="{block:Exif}exifyes {/block:Exif}
{block:Caption}captionyes{/block:Caption}"
{block:Exif}datacamera="{block:Camera}{Camera}
{/block:Camera}" dataiso="{block:ISO}{ISO}{/block:ISO}"
dataaperture="{block:Aperture}{Aperture}{/block:Aperture}"
dataexposure="{block:Exposure}{Exposure}{/block:Exposure}"
datafocal="{block:FocalLength}{FocalLength}
{/block:FocalLength}"{/block:Exif} {block:Caption}data
caption="{Caption}"{/block:Caption}>
</div>
<div class="icons">
<a class="tumblrbox" rel="post{PostID}"
href="{PhotoURLHighRes}">
<span class="zoom">Zoom</span>
</a>
<span class="info">Info</span>
</div>
</div>
{/block:Photos}
</div><! close SLIDESHOW >
{block:Caption}<div class="post
imgtext">{Caption}</div>{/block:Caption}
{/block:Photoset}
<!QUOTES AREA HERE >
{block:Quote}
<div class="quotes"> <div class="qpadding">
"{Quote}"
</div></div>
{block:Source}
<div class="postquotestext">{Source}</div>
{/block:Source}
{/block:Quote}
<!LINK AREA HERE >
{block:Link}
<div class="links"> <div class="lpadding">
<a href="{URL}" {Target}>{Name}<i class="fa faarrow
right"></i></a>
</div></div>
{block:Description}
<div class="postlinkstext">{Description}</div>
{/block:Description}
{/block:Link}
<!CHAT AREA HERE >
{block:Chat}<div class="chat">
{block:Title}<a href="{Permalink}"><div
class="header">{Title}</div></a>{/block:Title}
<div class="date"><i class="fa facalendar"></i><a
href="{Permalink}">{DayOfWeek}, {DayOfMonthWithZero} {Month}
{Year}</a>
</div>
{block:Lines}<li
class="user_{UserNumber}">{block:Label}<span
class="label"><b>{Label}</b></span>{/block:Label}
{Line}</li>
{/block:Lines}</div>
{/block:Chat}
<!VIDEO AREA HERE >
{block:Video}
{Video700}
{block:Caption}<div class="post
videotext">{Caption}</div>{/block:Caption}
{/block:Video}
<!AUDIO AREA HERE >
{block:Audio}
{block:AudioEmbed}
<div class="audioplayer">{AudioEmbed}</div>
{/block:AudioEmbed}
{block:Caption}
<div class="postmusictext">{Caption}</div>
{/block:Caption}
{/block:Audio}
<!ANSWER AREA HERE >
{block:Answer}
<div id="question">
<div class="bubble"><img class="askerimg"
src="{AskerPortraitURL64}" alt=""></img>{Asker}:
{Question}</img></div>
{block:Answerer}<div class="answer
clearfix">{Answer}</div>{/block:Answerer}
<div class="answer clearfix">{Replies}
</div></div>
{/block:Answer}
<!POST BOTTOM DETAILS HERE >
<div id="postdetailswrap">
<div id="postdetails">
<!LEFT AREA HERE >
<div class="left">
<div class="det"><i class="fa faclocko"></i><a
href="{PermaLink}">{TimeAgo}</a></div> {block:NoteCount}<div
class="det"> <a
href="{PermaLink}">{NoteCountWithLabel}</a>
</div>{/block:NoteCount}
{block:RebloggedFrom}<div class="det"> <a
href="{ReblogParentURL}"> via </a></div>
{/block:RebloggedFrom}{block:ContentSource}<div
class="det"><a href="{SourceURL}"
target="_blank">Ⓒ</a> </div>{/block:ContentSource}
{block:IfDisqusShortname}<div class="det"><i class="fa fa
comment"></i> <a href="{Permalink}#disqus_thread"></a>
var disqus_shortname = '{text:Disqus Shortname}';
(function () {
var s = document.createElement('script'); s.async =
true;
s.type = 'text/javascript';
s.src = 'http://' + disqus_shortname +
'.disqus.com/count.js';
(document.getElementsByTagName('HEAD')[0] ||
document.getElementsByTagName('BODY')[0]).appendChild(s);
}());
</script></div>{/block:IfDisqusShortname}<div
class="detres"><div class="det"><i class="fa fashare
squareo"></i><a class="share" href="{ReblogURL}">Reblog</a>
</div>
<div class="det"><i class="fa fashare"></i><a class='a2a_dd
share' href='http://www.addtoany.com/share_save'>Share</a><p
class='a2a_linkname_escape'
style='display:none'>{Title}</p><script
type='text/javascript'>var a2a_config = a2a_config ||
{};a2a_config.linkname_escape=1;a2a_config.linkurl="{Permali
nk}";</script>
</div></div>
</div>
<!RIGHT AREA HERE >
<div class="right">
<div id="socialpost">
<div class="socialpostbtn">
<ul>
<li><a class="share" href="{ReblogURL}"><i class="fa fa
sharesquareo"></i></a></li>
<li><a class="share"
href="http://www.facebook.com/sharer/sharer.php?
{Permalink}"><i class="fa fafacebook"></i></a></li>
href="https://twitter.com/intent/tweet?
&url={Permalink}&via=YOUR TWITTER USERNAME"><i class="fa fa
twitter"></i></a></li>
href="https://plus.google.com/share?url={Permalink}"><i
class="fa fagoogleplus"></i></a></li>
href="http://www.linkedin.com/shareArticle?
mini=true&url={Permalink}&title={Title}&source={Permalink}">
<i class="fa falinkedin"></i></a></li>
</ul></div></div>
</div><div class="tagged fix">
{block:HasTags}
<i class="fa fatags"></i>
{block:Tags}<a class="tags" href="{TagURL}"> {Tag}</a> ,
{/block:Tags}
{/block:HasTags}</div>
</div></div>
</div>
{block:PermalinkPage}
{block:PermalinkPagination}<center>
{block:NextPost}<a class="permapagination"
href="{NextPost}">«Previous Post</a>{/block:NextPost}
{block:PreviousPost}<a class="permapagination"
href="{PreviousPost}">Next
Post»</a>{/block:PreviousPost}
</center> {/block:PermalinkPagination}
<div class="abouttheauthor">
<center><a href="/"><img class="circularperma"
src="{image:Author avatar}" ></img></a><br><div
class="authorname"><a href="/">{text:Author Name}</a></div>
<br><div class="sbdescperma">
{text:Author Description}</div><br><br></center>
</div>
{block:IfDisqusShortname}
<div id="disqus_thread"></div>
/* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO
YOUR WEBPAGE * * */
var disqus_shortname = '{text:Disqus Shortname}'; //
required: replace example with your Disqus site shortname
var disqus_url = '{Permalink}';
var disqus_title = '{block:PostTitle}{PostTitle}
{/block:PostTitle}';
/* * * DON'T EDIT BELOW THIS LINE * * */
(function() {
var dsq = document.createElement('script'); dsq.type
= 'text/javascript'; dsq.async = true;
dsq.src = 'http://' + disqus_shortname +
'.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] ||
document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
</script>
<noscript>Please enable JavaScript to view the <a
href="http://disqus.com/?ref_noscript">comments powered by
Disqus.</a></noscript>
<a href="http://disqus.com" class="dsqbrlink">comments
powered by <span class="logodisqus">Disqus</span></a><br>
{/block:IfDisqusShortname}
<br><br>
{block:PostNotes}
<br>
{PostNotes}
{block:RebloggedFrom}<br>Via <a
href="{ReblogParentURL}">{ReblogParentName}</a>{/block:Reblo
ggedFrom}{block:ContentSource}<br>Source:<a
href="{SourceURL}" target="_blank">{block:SourceLogo}<img
src="{BlackLogoURL}" width="{LogoWidth}"
height="{LogoHeight}" alt="{SourceTitle}"
/>{/block:SourceLogo}{block:NoSourceLogo} {SourceTitle}
{/block:NoSourceLogo}</a> {/block:ContentSource}
{/block:PostNotes}
{/block:PermalinkPage}
</div>
{/block:Posts}
</div></div>
<!PAGINATION AREA HERE >
{block:Pagination}
<div class="arianscroll">
{block:NextPage} <div class="next">
<a href="{NextPage}">Load more posts</a></div>
{/block:NextPage}
</div>
{/block:Pagination}
<!FOR SCREEN WIDTH 600 AND BELOW >
<span datatoggletarget=".responsivesidebar" class="toggle
btn">Show Sidebar</span>
<div class="responsivesidebar">
<div class="resnavwrapper"><div class="resnavmain">
<center>
<div class="resnav"
onclick="document.getElementById('main').innerHTML=document.
getElementById('profile').innerHTML">About
</div>
{block:Twitter}<div class="resnav"
getElementById('twitter').innerHTML">Twitter
</div> {/block:Twitter}
<div class="resnav"
getElementById('credits').innerHTML">Likes
</div>
{block:AskEnabled}<div class="resnav"
getElementById('tag').innerHTML">Got a Question?
</div>{/block:AskEnabled}
</center></div></div>
<div class="resmain">
<div id="main" style="padding: 20px">
src="{image:Sidebar Avatar}" ></img></a><br><div
class="authorname"><a href="/">Your Name Here</a></div>
{Description}</div><br><br></center>
</div>
<div id="profile" style="display: none; padding: 20px">
src="{image:Sidebar Avatar}" ></img></a><br><div
class="authorname"><a href="/">Your Name Here</a></div>
{Description}</div><br><br></center>
</div>
{block:Twitter}<div id="links" style="display: none;
padding: 20px">
<div id="twitter" style="display:none; padding: 20px;">
<div id="tweets"></div>
</div>
</div> {/block:Twitter}
{block:AskEnabled}<div id="tag" style="display: none;
padding: 20px">
<p><iframe frameborder="0" scrolling="no" width="100%"
height="190" src="http://www.tumblr.com/ask_form/
{text:Tumblr Username}.tumblr.com" style="background
color:transparent; overflow:hidden;"
id="ask_form"></iframe><![if IE]><script
type="text/javascript">document.getElementById('ask_form').a
llowTransparency=true;</script><![endif]></p>
</div>{/block:AskEnabled}
<div id="credits" style="display: none">
{block:Likes}<div class="header2"><span>STUFF I
LIKE</span></div>
<div id="likes">
{Likes limit="3" summarize="100" width="300"}
<a href="http://www.tumblr.com/liked/by/{Name}">
See more stuff I like</a>
</div>
{/block:Likes}
</div></div></div></div>
<!FOOTER AREA HERE >
<div id="footer">
<!FOOTER WIDGETS STARTS >
{block:IfHideWidgets}
<div class="footerbox">
<div class="footerwidgets clearfix">
<!FOOTER WIDGET ONE >
<div class="footerwidgetarea">
<div class="footerwidgettitle">{text:Footer Widget 1
Title}</div>
<div id="featured">
<a href="/"><img class="circularbot" src="{image:featured
one}" ></img></a><br>
<br><div class="sbdescbot">{text:featured
one}</div><br><br></div>
<div id="featured">
<a href="/"><img class="circularbot" src="{image:featured
two}" ></img></a><br>
<br><div class="sbdescbot">{text:featured two}</div><br><br>
</div>
</div>
<! /FOOTER WIDGET ONE END>
<!FOOTER WIDGET TWO >
Title}</div>
<div class="fbpage" datahref="{text:Facebook Fanpage URL}"
datawidth="100%" dataheight="180" datasmall
header="false" dataadaptcontainerwidth="true" datahide
cover="false" datashowfacepile="true" datashow
posts="false"><div class="fbxfbmlparseignore"><blockquote
cite="{text:Facebook Fanpage URL}"><a href="{text:Facebook
Fanpage URL}">Missyanidesigns</a></blockquote></div></div>
</div>
<! /FOOTER WIDGET TWO >
<!FOOTER WIDGET THREE >
Title}</div><div id="flickr">
src="http://www.flickr.com/badge_code_v2.gne?
count=6&display=latest&size=s&layout=x&source=user&user={tex
t:Flickr ID}"></script>
</div>
</div>
<! /FOOTER WIDGET THREE END >
</div></div>
{/block:IfHideWidgets}
<! END OF FOOTER WIDGETS >
<!FOOTER SOCIAL BUTTONS >
<div class="socialbtnfooter wow lightSpeedIn">
<center> <div class="socialbtncenter"><ul>
{block:IfSOCIALLOGO1} <li><a href="{text:SOCIAL LOGO 1
URL}"><i class="{text:SOCIAL LOGO 1}"></i>{text:SOCIAL LOGO
1 LABEL}</a></li>{/block:IfSOCIALLOGO1}
3 LABEL} </a></li>{/block:IfSOCIALLOGO3}
4 LABEL} </a></li>{/block:IfSOCIALLOGO4}
URL}"><i class="{text:SOCIAL LOGO 5}"></i> {text:SOCIAL LOGO
</ul></center></div></div>
<! /FOOTER SOCIAL BUTTONS END >
<! FOOTER INSTAGRAM >
<div id="instawrap">
<div id="instafeed"></div></div>
<! /FOOTER INSTAGRAM END >
<! FOOTER INFO CREDITS >
<div class="footerinfo fix">© <a href="/">{Title}</a>
2009 | Theme <a href="http://missyani.com">Nathaniel</a> By:
MissYani.com | Powered By: <a
href="http://tumblr.com">Tumblr</a></div>
</div><! container >
<! /FOOTER INFO CREDITS >
</div>
</div>
<!START OF THEME SCRIPTS DO NOT DELETE ANY OF THE CODES
BELOW >
<script>
window.onload = function(){
window.setTimeout(function(){
document.getElementById('test2').style.display =
'block';
}, 0);
};
</script>
src="http://static.tumblr.com/txfvidw/mkOnw86te/declarativet
oggle.js"></script>
<! Put this at the bottom of the page >
function recent_tweets(data) {
for (i=0; i<{text:Tweets Limit}; i++) {
document.getElementById("tweets").innerHTML
=

document.getElementById("tweets").innerHTML +
'<li><a href="http://twitter.com/
{TwitterUsername}/status/' +
(data[i].id_str ? data[i].id_str :
data[i].id) +
'"><div class="content"><i class="fa fa
twitter"></i>' + data[i].text +
'</div></a></li>';
}
document.getElementById("twitter").style.display
= 'block';
}
</script>
{block:Twitter}
src="/tweets.js"></script>
{/block:Twitter}
/* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO
YOUR WEBPAGE * * */
var disqus_shortname = '{text:Disqus Shortname}'; //
required: replace example with your forum shortname
/* * * DON'T EDIT BELOW THIS LINE * * */
(function () {
var s = document.createElement('script'); s.async = true;
s.type = 'text/javascript';
s.src = '//' + disqus_shortname + '.disqus.com/count.js';
(document.getElementsByTagName('HEAD')[0] ||
document.getElementsByTagName('BODY')[0]).appendChild(s);
}());
</script>
jQuery(document).ready(function($) {
$('.share').click(function() {
var NWin = window.open($(this).prop('href'), '',
'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=3
00,width=600');
if (window.focus)
{
NWin.focus();
}
return false;
});
});
</script>
<script src='http://static.addtoany.com/menu/page.js'
type='text/javascript'></script>
<! JS >
src="http://static.tumblr.com/txfvidw/pn9nw35l4/arianthemepc
kg2.js"></script>
src='http://static.tumblr.com/txfvidw/KaEnvq8sv/instafeed.mi
n.js'></script>
var userFeed = new Instafeed({
get: 'user',
userId: {text:Instagram User ID},
accessToken: '{text:Instagram Access Token}',
limit: '6',
resolution: 'low_resolution',
});
userFeed.run();
</script>
<script
src="http://static.tumblr.com/hugxd2w/nyZmm78dc/pxuphotoset.
min.js"></script>
<script>
$(document).ready(function() {
$('.photoslideshow').pxuPhotoset({
// options
}, function() {
// callback
});
});
</script>
{block:IfHidePostAnimationEffect}
<! Wow >
<script
src="http://mynameismatthieu.com/WOW/dist/wow.min.js"></scri
pt>
<script>
var wow = new WOW(
{
boxClass: 'wow', // animated element css class
(default is wow)
animateClass: 'animated', // animation css class
(default is animated)
offset: 10, // distance to the element
when triggering the animation (default is 0)
mobile: true, // trigger animations on
mobile devices (default is true)
live: true, // act on asynchronously
loaded content (default is true)
callback: function(box) {
// the callback is fired every time an animation is
started
// the argument that is passed in is the DOM node
being animated
},
scrollContainer: null // optional scroll container
selector, otherwise use window
}
);
wow.init();
</script>
{/block:IfHidePostAnimationEffect}
// Infinite scroll (load more style) set up
$(function() {
var $container = $('#content')
$container.infinitescroll({
navSelector: '.arianscroll',
nextSelector: '.arianscroll a',
itemSelector: '.posts',
behavior: 'twitter',
debug : true,
// enable debug messaging ( to
console.log )

loading: {
finishedMsg: 'No more pages to load.',
img: 'http://i.imgur.com/6RMhx.gif'
}
}, function( newElements ) {
var $elems = $(newElements);
$('.photoslideshow').pxuPhotoset();
$('.animated').box();
$elems.imagesLoaded( function(){
$('#content').masonry({ appendedContent:
$elems })
})
}
);
});
</script>

{block:IfHideScrollEffect}<script type="text/javascript"
src="http://static.tumblr.com/txfvidw/DSUnw8y0n/smoothscroll
.js"></script>{/block:IfHideScrollEffect}
<a href="#" class="toplink"></a>
</body>
</html>

Nathaniel Premium Theme

Uploaded by

Document Information

Original Description:

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Nathaniel Premium Theme

Uploaded by

Copyright:

Available Formats

<!DOCTYPE HTML PUBLIC "//W3C//DTD HTML 4.

You might also like

Nathaniel Premium Theme

Uploaded by

Document Information

Original Description:

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Nathaniel Premium Theme

Uploaded by

Copyright:

Available Formats

<!DOCTYPE HTML PUBLIC "­//W3C//DTD HTML 4.

You might also like

<!DOCTYPE HTML PUBLIC "//W3C//DTD HTML 4.