Notes

Notes - notes.io

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>


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


{block:ifNotEnableHighResolution}
<meta name="viewport" content="width=1060"/>
{/block:ifNotEnableHighResolution}
{block:ifEnableHighResolution}
<meta name="viewport" content="width=1200"/>
{/block:ifEnableHighResolution}


<meta name="image:Background" content=""/>
<meta name="image:Portrait" content=""/>
<meta name="image:Currently reading" content=""/>
<meta name="image:Currently playing" content=""/>
<meta name="image:Last seen movie" content=""/>
<meta name="color:Text" content="#3E3E3E"/>
<meta name="color:Link" content="#426B83"/>
<meta name="color:Link hover" content="#FF0354"/>
<meta name="font:Body" content="Arial, Helvetica, Lucida Sans, Verdana, sans-serif"/>
<meta name="text:Phrase for navigating to newer pages" content="newer"/>
<meta name="text:Phrase for navigating to older pages" content="older"/>
<meta name="text:Timezone" content=""/>
<meta name="text:Google Analytics ID" content=""/>
<meta name="text:Ask link label" content=""/>
<meta name="text:Submit link label" content=""/>
<meta name="text:Extra link 1 text" content=""/>
<meta name="text:Extra link 1 URL" content="http://"/>
<meta name="text:Extra link 2 text" content=""/>
<meta name="text:Extra link 2 URL" content="http://"/>
<meta name="text:Extra link 3 text" content=""/>
<meta name="text:Extra link 3 URL" content="http://"/>
<meta name="text:Extra link 4 text" content=""/>
<meta name="text:Extra link 4 URL" content="http://"/>
<meta name="text:Extra link 5 text" content=""/>
<meta name="text:Extra link 5 URL" content="http://"/>
<meta name="text:Extra link 6 text" content=""/>
<meta name="text:Extra link 6 URL" content="http://"/>
<meta name="text:Extra link 7 text" content=""/>
<meta name="text:Extra link 7 URL" content="http://"/>
<meta name="text:Currently reading label" content=""/>
<meta name="text:Currently playing label" content=""/>
<meta name="text:Last seen movie label" content=""/>
<meta name="text:Loading screen text" content=""/>
<meta name="if:Tile background image" content="0"/>
<meta name="if:Enable loading screen" content="0"/>
<meta name="if:Use 24 hour clock" content="0"/>
<meta name="if:Use American date format" content="1"/>
<meta name="if:Display time and date" content="1"/>
<meta name="if:Sidebar links in color when hovering" content="0"/>
<meta name="if:Blog title link in color when hovering" content="1"/>
<meta name="if:Display blog title" content="1"/>
<meta name="if:Display archive button" content="1"/>
<meta name="if:Display RSS button" content="0"/>
<meta name="if:Display reblog and like buttons" content="1"/>
<meta name="if:Display note count" content="1"/>
<meta name="if:Display camera info" content="1"/>
<meta name="if:Display post author" content="0"/>
<meta name="if:Display tags" content="1"/>
<meta name="if:Labels and tags in all caps" content="1"/>
<meta name="if:Enable high resolution" content="0"/>
<meta name="if:Stretch small images" content="0"/>
<meta name="if:Use white background" content="0"/>
<meta name="if:Center blog" content="1"/>
<meta name="if:Enable infinite scrolling" content="0"/>
<meta name="if:Sidebar remains fixed when scrolling" content="0"/>
<meta name="if:Display page numbers" content="0"/>
<meta name="if:Display album art in audio posts" content="1"/>

<style type="text/css">

/* -------- Page structure --------------------------------------------- */

body{
font-size:11px;
text-align:justify;
margin:0;
color:{color:Text};
font-family:{font:Body};
{block:IfNotUsewhitebackground}
{block:ifNotBackgroundImage}
background-image:url('http://static.tumblr.com/jhhfv1l/kp5lm9zjf/alps.jpg');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center bottom;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
{/block:ifNotBackgroundImage}
{block:ifBackgroundImage}
background-image: url('{image:Background}');
{block:IfNotTileBackgroundImage}
background-repeat:no-repeat;
background-attachment:fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
{/block:IfNotTileBackgroundImage}
{block:IfTileBackgroundImage}
background-repeat:yes;
{/block:IfTileBackgroundImage}
{/block:ifBackgroundImage}
{/block:IfNotUsewhitebackground}
{block:IfUsewhitebackground}
background-color:#fff;
{/block:IfUsewhitebackground}
}

#wrap{ /* Contains all elements of the page */
position:relative;
margin-top:50px;
margin-bottom:50px;
{block:ifNotEnableHighResolution}
width:960px;
{/block:ifNotEnableHighResolution}
{block:ifEnableHighResolution}
width:1100px;
{/block:ifEnableHighResolution}
{block:IfCenterBlog}
margin-left:auto;
margin-right:auto;
{/block:IfCenterBlog}
{block:IfNotCenterBlog}
margin-left:50px;
margin-right:50px;
{/block:IfNotCenterBlog}
}

#content { /* Contains main column with posts, tags, labels, and navigation */
position:relative;
{block:ifNotEnableHighResolution}
width:640px;
{/block:ifNotEnableHighResolution}
{block:ifEnableHighResolution}
width:780px;
{/block:ifEnableHighResolution}
margin-bottom:25px;
margin-left:320px;
}

.post{ /* Rendered for each post. Contains post, tags and labels. */
position:relative;
{block:ifNotEnableHighResolution}
width:640px;
{/block:ifNotEnableHighResolution}
{block:ifEnableHighResolution}
width:780px;
{/block:ifEnableHighResolution}
{block:ifNotEnablehighresolution}
{block:IfUsewhitebackground}
margin-bottom:8em;
{/block:IfUsewhitebackground}
{block:IfNotUsewhitebackground}
margin-bottom:4em;
{/block:IfNotUsewhitebackground}
{/block:ifNotEnablehighresolution}
{block:ifEnablehighresolution}
{block:IfUsewhitebackground}
margin-bottom:10em;
{/block:IfUsewhitebackground}
{block:IfNotUsewhitebackground}
margin-bottom:6em;
{/block:IfNotUsewhitebackground}
{/block:ifEnablehighresolution}
}

.white{ /* Rendered for each post. Contains only post content */
position:relative;
background-color:#fff;
{block:IfUsewhitebackground}
padding:3px 15px 3px 15px;
{/block:IfUsewhitebackground}
{block:IfNotUsewhitebackground}
padding:15px;
{/block:IfNotUsewhitebackground}
{block:ifEnablehighresolution}
width:640px;
{/block:ifEnablehighresolution}
{block:ifNotEnablehighresolution}
width:500px;
{/block:ifNotEnablehighresolution}
}

#page_footer{ /* Bar at bottom of page. Shows navigition */
background-color:#fff;
padding:5px 15px;
margin-bottom:4em;
margin-left:0px;
font-family:'AmaranthRegular', 'Lucida Grande', Helvetica, Arial, Verdana, sans-serif;
font-size:13px;
filter: alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
position: relative;
overflow:hidden;
{block:ifNotEnablehighresolution}
width:500px;
{/block:ifNotEnablehighresolution}
{block:ifEnablehighresolution}
width:640px;
{/block:ifEnablehighresolution}
}

#page_footer a {color:{color:Text}}

#page_footer a:hover {color:#242424}

#previouspage{
position:relative;
float:left;
width:220px;
text-align:left;
padding:2px 0;
}

#nextpage{
position:relative;
float:right;
width:220px;
text-align:right;
padding:2px 0;
}

div.loading-visible{ /* Loading screen */
display:block;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
text-align:center;
z-index:5000;
font-family:'Helevtica Neue', 'Helvetica', 'Arial';
font-size:10pt;
font-weight:bold;
color:#ccc;
background-color:#fff;
padding-top:25%;
}

div.loading-invisible{
display:none;
}

/* -------- General text, list and paragraph styles -------------------- */

a {
outline:0;
text-decoration:none;
-webkit-transition: color 0.5s linear;
-moz-transition: color 0.5s linear;
-o-transition: color 0.5s linear;
-ms-transition: color 0.5s linear;
transition:color 0.5s linear;
color:{color:Link};
}

a:hover {
color:{color:Link hover};
}

h1 {
letter-spacing:-2px;
margin:0 0 .25em;
font:bold 30px {font:Title};
}

h2 {
font-family:'AmaranthRegular', Corbel, Bell Gothic Std, Helvetica, Arial, Verdana, sans-serif;
font-size:20px;
margin:0;
font-weight:normal;
font-style:normal;
line-height:1.3em;
color:{color:Text};
}

h2 a {text-decoration:none;}

blockquote{
background-color:#f3f3f3;
color: #6a6d6f;
margin:0;
padding:10px 12px;
border-left:1px solid #dbdbdb;
text-shadow:0px 1px #fff;
position:relative;
background-image:url('http://static.tumblr.com/jhhfv1l/SaKlta8qh/paper1.jpg');
color:{color:Text color};
}

blockquote+p, blockquote+ul, blockquote+img, blockquote+ol{
margin-top: 13px;
}

p+blockquote, ul+blockquote, ol+blockquote, img+blockquote{
margin-top:7px;
}

blockquote img{
max-width:100%;
}

img {border:0;}

p {
margin-bottom:0;
margin-top:0px;
line-height:1.6em;
}

h2 + p {margin-top:8px}

p + p {margin-top:5px;}

ul + p {margin-top:10px;}

ol + p {margin-top:10px;}

ul {
margin-bottom:5px;
margin-top:5px;
padding-left:30px;
line-height:1.6em;
}

ol {
margin-bottom:5px;
margin-top:5px;
padding-left:30px;
line-height:1.6em;
}

@font-face {
font-family: 'AmaranthRegular';
src: url('http://static.tumblr.com/jhhfv1l/pOwlmded9/amaranth-webfont.eot');
src: url('http://static.tumblr.com/jhhfv1l/pOwlmded9/amaranth-webfont.eot?#iefix') format('embedded-opentype'),
url('http://static.tumblr.com/jhhfv1l/QLXlmdee7/amaranth-webfont.woff') format('woff'),
url('http://static.tumblr.com/jhhfv1l/51Dlmdeer/amaranth-webfont.ttf') format('truetype'),
url('http://static.tumblr.com/jhhfv1l/F7flmdef8/amaranth-webfont.svg#AmaranthRegular') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'AmaranthItalic';
src: url('http://static.tumblr.com/jhhfv1l/I2llmdea7/amaranth-italic-webfont.eot');
src: url('http://static.tumblr.com/jhhfv1l/I2llmdea7/amaranth-italic-webfont.eot?#iefix') format('embedded-opentype'),
url('http://static.tumblr.com/jhhfv1l/tuxlmdec7/amaranth-italic-webfont.woff') format('woff'),
url('http://static.tumblr.com/jhhfv1l/sBilmdebl/amaranth-italic-webfont.ttf') format("truetype"),
url('http://static.tumblr.com/jhhfv1l/gJ1lmdeay/amaranth-italic-webfont.svg#AmaranthItalic') format('svg');
font-weight: normal;
font-style: normal;
}

/* -------- Post-info label styles ------------------------------------- */

.labels{ /* Total set of labels next to posts */
position:absolute;
top:0px;
width:85px;
font-weight: normal;
font-size: 9px;
font-family: 'Lucida Grande', Verdana, Arial, sans-serif;
letter-spacing:.5px;
color:#3e3e3e;
background-color:none;
text-align:left;
{block:ifLabelsAndTagsInAllCaps}
text-transform:uppercase;
{/block:ifLabelsAndTagsInAllCaps}
{block:ifNotLabelsAndTagsInAllCaps}
text-transform:none;
{/block:ifNotLabelsAndTagsInAllCaps}
{block:ifNotEnablehighresolution}
left:550px;
{/block:ifNotEnablehighresolution}
{block:ifEnablehighresolution}
left:690px;
{/block:ifEnablehighresolution}
}

.blocktop{ /* Upper label next to posts */
padding:2px 4px;
filter: alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
background-color:#fff;
width:83px;
margin-bottom:1px;
line-height:normal;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
transition: all 0.5s linear;
}

.block-controls{
background-color:none;
position:relative;
margin-bottom:1px;
line-height:normal;
}
.block-reblog, .block-like{
width:37px;
height:20px;
padding:8px 4px;
background-color:rgba(255,255,255,0.7);
text-align:center;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.block-reblog{}
a.reblog_button{margin-left:9px;}
.like_button, a.reblog_button{
opacity:0.5;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
transition: all 0.5s linear;}
a.reblog_button:hover, .like_button:hover{opacity:0.7;cursor:pointer;}

.block-like{position:absolute;margin-left:46px;}

.blocktop a{
color:#626262;
display:block;
text-decoration:none;
}

.blocktop:hover,{
display:block;
text-decoration:none;
cursor:pointer;
}

.blockextra{ /* Extra labels next to post */
width:83px;
padding:2px 4px;
font:Normal 9px 'Lucida Grande', Verdana, Arial, sans-serif;
letter-spacing:.5px;
margin-bottom:1px;
color:#626262;
background-color:#fff;
filter: alpha(opacity=40);
-moz-opacity:0.4;
-khtml-opacity: 0.4;
opacity: 0.4;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
transition: all 0.3s linear;
{block:ifLabelsAndTagsInAllCaps}
text-transform:uppercase;
{/block:ifLabelsAndTagsInAllCaps}
{block:ifNotLabelsAndTagsInAllCaps}
text-transform:none;
{/block:ifNotLabelsAndTagsInAllCaps}
{block:ifNotEnablehighresolution}
left:550px;
{/block:ifNotEnablehighresolution}
{block:ifEnablehighresolution}
left:800px;
{/block:ifEnablehighresolution}
}

.blockextra a {
color:#626262;
display:block;
text-decoration:none;
}

.blockextra:hover {
color:#000;
display:block;
text-decoration:none;
filter: alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}

.noglow:hover{
color:#626262;
display:block;
text-decoration:none;
filter: alpha(opacity=30);
-moz-opacity:0.3;
-khtml-opacity: 0.3;
opacity: 0.3;
}

/* -------- Sidebar style ---------------------------------------------- */

#sidebar{ /* Total sidebar, including links */
width:280px;
padding-bottom:50px;
{block:IfSidebarRemainsFixedWhenScrolling}
position:fixed;
{block:IfNotCenterBlog}
margin-left:0px;
{/block:IfNotCenterBlog}
{block:IfCenterBlog}
margin-left:auto;
margin-right:auto;
{block:ifNotEnablehighresolution}
padding-right:680px;
{/block:ifNotEnablehighresolution}
{block:ifEnablehighresolution}
padding-right:820px;
{/block:ifEnablehighresolution}
{/block:IfCenterBlog}
{/block:IfSidebarRemainsFixedWhenScrolling}
{block:IfNotSidebarRemainsFixedWhenScrolling}
position:absolute;
left:0px;
{/block:IfNotSidebarRemainsFixedWhenScrolling}
}

#about{
padding:15px 15px 0 15px;
background-color:#fff;
}

#about_blogtitle { /* Title of blog */
text-align: center;
font-size: 22px;
font-family:'AmaranthRegular', Corbel, Gill Sans, Gill Sans MT, Trebuchet MS, Helvetica, Arial, Verdana, sans-serif;
letter-spacing:-1px;
line-height:1.2em;
padding:15px 0 20px 0;
}

#about_blogtitle a {
color:{color:Text};
}

#about_blogtitle a:hover {
{block:IfBlogtitlelinkincolorwhenhovering}
color:{color:Link hover};
{/block:IfBlogtitlelinkincolorwhenhovering}
{block:IfNotBlogtitlelinkincolorwhenhovering}
color:{color:Text};
{/block:IfNotBlogtitlelinkincolorwhenhovering}
}

#about_portrait{ /* Portrait image */
{block:ifDisplayBlogTitle}
padding:10px 0 0 0;
{/block:ifDisplayBlogTitle}
}

#about_description{ /* Description */
text-align: justify;
line-height:1.6em;
{block:ifPortraitImage}
padding:15px 0 15px 0;
{/block:ifPortraitImage}
{block:ifNotPortraitImage}
padding:0 0 15px 0;
{/block:ifNotPortraitImage}
}

.linkbox{ /* Boxes for extra links */
text-align: left;
margin-top:1px;
font-size: 14px;
font-family:'AmaranthRegular', Corbel, Trebuchet MS, Lucida Grande, Helvetica, Arial, sans-serif;
font-weight:400;
filter: alpha(opacity=60);
-moz-opacity:0.6;
-khtml-opacity: 0.6;
opacity: 0.6;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
transition: all 0.3s linear;
{block:IfNotUsewhitebackground}
background-color:#fff;
padding:7px 15px;
width: 250px;
{/block:IfNotUsewhitebackground}
{block:IfUsewhitebackground}
background-color:#000;
padding:7px 5px;
margin-left:15px;
width:240px;
{/block:IfUsewhitebackground}
{block:IfNotUsewhitebackground}
color:{color:Text};
{/block:IfNotUsewhitebackground}
{block:IfUsewhitebackground}
color:#fff;
{/block:IfUsewhitebackground}

}

.linkbox:hover {
filter: alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
{block:IfSidebarlinksincolorwhenhovering}
color:{color:Link hover};
{/block:IfSidebarlinksincolorwhenhovering}
}

#credit { /* Theme credit */
font:Normal 9px 'Lucida Grande', Verdana, Arial, sans-serif;
letter-spacing:.5px;
padding:4px 15px;
margin:1px 0 0 0;
width:250px;
{block:ifLabelsAndTagsInAllCaps}
text-transform:uppercase;
{/block:ifLabelsAndTagsInAllCaps}
{block:ifNotLabelsAndTagsInAllCaps}
text-transform:none;
{/block:ifNotLabelsAndTagsInAllCaps}
background-color:#fff;
filter: alpha(opacity=40);
-moz-opacity:0.4;
-khtml-opacity: 0.4;
opacity: 0.4;
color:{color:Text};
{block:IfNotUsewhitebackground}
text-align:center;
{/block:IfNotUsewhitebackground}
{block:IfUsewhitebackground}
text-align:right;
{/block:IfUsewhitebackground}
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
transition: all 0.3s linear;
}

#credit:hover {
filter: alpha(opacity=60);
-moz-opacity:0.6;
-khtml-opacity: 0.6;
opacity: 0.6;
}

.mediadiet{ /* Boxes for Currently reading, etc. */
margin-top:50px;
}

.mediadiet_title {
font-size: 16px;
font-family:'AmaranthRegular', Corbel, Trebuchet MS, Lucida Grande, Helvetica, Arial, sans-serif;
font-weight:300;
margin-top:-8px;
margin-left:0px;
text-align:left;
{block:IfUsewhitebackground}
padding: 0px 15px 0px 15px;
{/block:IfUsewhitebackground}
{block:IfNotUsewhitebackground}
padding: 0px 0 5px 0px;
{/block:IfNotUsewhitebackground}
{block:IfUsewhitebackground}
color:#3e3e3e;
{/block:IfUsewhitebackground}
{block:IfNotUsewhitebackground}
color:#fff;
{/block:IfNotUsewhitebackground}
}

.mediadiet_image{
width:250px;
background-color:#fff;
margin-top:1px;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
transition:all 0.5s linear;
{block:IfUsewhitebackground}
padding:10px 15px 10px 15px;
{/block:IfUsewhitebackground}
{block:IfNotUsewhitebackground}
padding:15px;
{/block:IfNotUsewhitebackground}
}

.mediadiet_image img{
width:250px;
}

/* -------- Blogpost style --------------------------------------------- */

.ask{
background-color:#e7eaec;
background-image:url('http://static.tumblr.com/jhhfv1l/SaKlta8qh/paper1.jpg');
background-repeat:repeat;
position:relative;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
overflow: hidden;
margin-bottom: 13px;
}

.ask_info{
position:relative;
border-bottom: 1px solid #e7eaec;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
}

.ask_question{
font-size: 12px;
line-height: 18px;
color: #6a6d6f;
padding: 13px 20px 13px 75px;
border-top:1px solid #fff;
text-shadow: 0px 1px 0px #fff;
}

.ask_portrait{
position: absolute;
left: -2px;
top: -2px;
width: 64px;
height: 64px;
border: 2px solid white;
border-radius: 40px;
border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
-webkit-border-top-left-radius: 4px;
box-shadow: 1px 1px 0px #ddd, -1px 1px 0px #ddd, 1px -1px 0px #ddd;
}

.ask_portrait img{
border-radius: 40px;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
-webkit-border-top-left-radius: 4px;
}

.ask_username{
margin-left:75px;
font-family:'AmaranthRegular', Corbel, Helvetica Neue, Helvetica, Arial, sans-serif;
padding:7px 0 6px 0;
color:#bbb;
text-shadow: 0px 1px 0px #fff;
}

.ask_username a{color:#939393;}

.ask_username a:hover{color:#535353}

.quote_quote{
font-family:'AmaranthItalic', Corbel, Georgia, serif;
font-size:18px;
line-height:1.3em;
margin-bottom: -2px;
letter-spacing:0px;
}

.link {
margin:0;
padding:0;
}

.video_highres iframe{
width:640px;
height:360px;
}

.conversation li {
margin-left:-20px;
list-style:none;
}

.conversation ul {
margin-bottom:0px;
margin-top:0px
}

.conversation_lines{
padding-left:20px;
}

h2+.conversation_lines{
margin-top:10px;
}

.conversation_line:first-child {
border-top: 1px solid #e2e4e7;
}

.conversation_line {
border-right: 1px solid #e2e4e7;
border-bottom: 1px solid #e2e4e7;
border-left: 1px solid #e2e4e7;
list-style-type: none;
padding: 9px 10px;
}

.photo_highres img{
max-width:640px;
{block:ifStretchSmallImages}
width:640px;
{/block:ifStretchSmallImages}
}

.photoset img{
width:100%;
}

.page_pagination{
float: left;
{block:ifNotEnablehighresolution}
left:215px;
{/block:ifNotEnablehighresolution}
{block:ifEnablehighresolution}
left:285px;
{/block:ifEnablehighresolution}
padding: 2px 0;
position: absolute;
text-align: center;
top: 5px;
width: 100px;

}

.audio_player{
height: 27px;
width: 25px;
padding-left:7px;
padding-top:7px;
overflow:hidden;
background-color:#e4e4e4;
}

.audio_circleplayer{
height:40px;
width:40px;
background-color:#e4e4e4;
border-radius:25px;
-moz-border-radius:25px;
-webkit-border-radius:25px;
overflow:hidden;
-webkit-box-shadow: 0px 1px 1px 0px #000;
box-shadow: 0px 1px 1px 0px #000;
color: #e4e4e4;
text-shadow: none;
}
.audio_circleplayer a{display:none;}

.audio_box{
background-color:rgb(56,56,56);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(56, 56, 56)), color-stop(100%, rgb(32, 32, 32)));
background-image: -webkit-linear-gradient(top, rgb(56, 56, 56), rgb(32, 32, 32));
background-image: -moz-linear-gradient(top, rgb(56, 56, 56), rgb(32, 32, 32));
background-image: -ms-linear-gradient(top, rgb(56, 56, 56), rgb(32, 32, 32));
background-image: -o-linear-gradient(top, rgb(56, 56, 56), rgb(32, 32, 32));
background-image: linear-gradient(top, rgb(56, 56, 56), rgb(32, 32, 32));
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
padding:10px;
position:relative;
color:#fff;
text-shadow:0px 1px 0px #000;
border:1px solid #000;
box-shadow:inset 0px 1px 0px #555;
{block:ifNotEnablehighresolution}
width:480px;
{/block:ifNotEnablehighresolution}
{block:ifEnablehighresolution}
width:620px;
{/block:ifEnablehighresolution}
}

.audio_info{
position:absolute;
left:63px;
top:21px;
line-height:1.6em;
font-family: Arial, Helvetica, Lucida Sans, Verdana, sans-serif;
}

.audio_box .audio_song{
font-weight:bold;
margin-bottom:-2px;
}

.audio_box .audio_artist{
color:#a1a1a1;
}

.audio_art{
padding:0;
width:100%;
margin-bottom:-4px;
border: 1px solid black;
overflow:hidden;
}

.audio_art img{
width:100%;
}

.ifalbumart{
border-radius:0px 0px 6px 6px;
-webkit-border-radius:0px 0px 6px 6px;
-moz-border-radius:0px 0px 6px 6px;
}

.caption{
margin-top:14px;
line-height:1.6em;
}

.basement {
position:relative;
background-color:#fff;
margin-top:1px;
filter: alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
padding: {block:IfNotUsewhitebackground} 7px 15px 7px 15px {/block:IfNotUsewhitebackground}
{block:IfUsewhitebackground} 0 15px 0px 15px {/block:IfUsewhitebackground};
{block:ifNotEnablehighresolution}
width:500px;
{/block:ifNotEnablehighresolution}
{block:ifEnablehighresolution}
width:640px;
{/block:ifEnablehighresolution}
}

.basement p {
margin-top:5px;
margin-bottom: {block:IfNotUsewhitebackground} 5px{/block:IfNotUsewhitebackground}
{block:IfUsewhitebackground} 0px{/block:IfUsewhitebackground};
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.post_footer {
text-align:left;
font:Normal 9px 'Lucida Grande', Verdana, Arial, sans-serif;
letter-spacing:.5px;
padding:3px 15px;
margin:1px 0 0 0;
line-height:2em;
overflow:hidden;
background-color:#fff;
filter: alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
color:{color:Text};
{block:ifLabelsAndTagsInAllCaps}
text-transform:uppercase;
{/block:ifLabelsAndTagsInAllCaps}
{block:ifNotLabelsAndTagsInAllCaps}
text-transform:none;
{/block:ifNotLabelsAndTagsInAllCaps}
{block:ifNotEnablehighresolution}
width:500px;
{/block:ifNotEnablehighresolution}
{block:ifEnablehighresolution}
width:640px;
{/block:ifEnablehighresolution}
}

.post_footer a {color:#3e3e3e;}

.post_footer a:hover {color:#242424;}

/* -------- Postnotes style -------------------------------------------- */

.post_notes{
background-color:none;
padding:0px;
margin: 1px 0 0 0;
{block:ifNotEnablehighresolution}
width:530px;
{/block:ifNotEnablehighresolution}
{block:ifEnablehighresolution}
width:670px;
{/block:ifEnablehighresolution}
}

ol.notes li {
margin-bottom:.35em;
margin-left:-30px;
list-style:none;
line-height:1.6em;
}

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

ol.notes li.note {
background-color:#fff;
padding-right:15px;
{block:IfNotUsewhitebackground}
padding-left:28px;
{/block:IfNotUsewhitebackground}
{block:IfUsewhitebackground}
padding-left:38px;
{/block:IfUsewhitebackground};
padding-top:4px;
padding-bottom:4px;
color:#3e3e3e;
font:Normal 9px 'Lucida Grande', Verdana, Arial, sans-serif;
letter-spacing:.5px;
{block:ifLabelsAndTagsInAllCaps}
text-transform:uppercase;
{/block:ifLabelsAndTagsInAllCaps}
{block:ifNotLabelsAndTagsInAllCaps}
text-transform:none;
{/block:ifNotLabelsAndTagsInAllCaps}
text-align:left;
line-height:11px;
filter: alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
transition: all 0.3s linear;
}

ol.notes li.note:hover{
filter: alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}

ol.notes li.note a{color:#3e3e3e;font-weight:bold;}
ol.notes li.note a:hover{border-bottom:1px dashed #b4b4b4;}

ol.notes li.note .answer_content {
color:#696969;padding:0 0 6px 0;
}

ol.notes li.note blockquote {
color:#696969;
padding:5px 8px 5px 8px;
margin-top:1px;
margin-bottom:1px;
border:0;
}

ol.notes li.note blockquote a{
color:#696969;
}

ol.notes li.more_notes_link_container {
padding-top:4px;
padding-bottom:2px;
margin-top:10px;
}

ol.notes li.more_notes_link_container {
padding-top: 5px;
padding-bottom: 5px;
margin-top: 10px;
}

#infscr-loading{
text-align:center;
margin-bottom:30px;
{block:ifNotEnableHighResolution}
width:530px;
{/block:ifNotEnableHighResolution}
{block:ifEnableHighResolution}
width:670px;
{/block:ifEnableHighResolution}
}

{CustomCSS}

/* -------- End of CSS ------------------------------------------------- */
</style>

{block:ifGoogleAnalyticsID}
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', '{text:Google Analytics ID}']);
_gaq.push(['_trackPageview']);

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
{/block:ifGoogleAnalyticsID}

{block:ifEnableInfiniteScrolling}
<script type="text/javascript" src="http://static.tumblr.com/jhhfv1l/oafn2kwq7/jquery-1.11.0.infinitescroll.min.js"></script>
{/block:ifEnableInfiniteScrolling}

</head>



<body>
{block:ifEnableLoadingScreen}
<div id="loading" class="loading-invisible">
<div><img src="http://static.tumblr.com/jhhfv1l/zXMm8eug4/loading.gif" style="height:24px;width:24px;background-color:#fff;" alt=""/></div>
{block:ifLoadingScreenText}
<p>{text:Loading screen text}</p>
{/block:ifLoadingScreenText}
{block:ifNotLoadingScreenText}
<p>Loading...</p>
{/block:ifNotLoadingScreenText}
</div>
<script type="text/javascript">
document.getElementById("loading").className = "loading-visible";
var hideDiv = function(){document.getElementById("loading").className = "loading-invisible";};
var oldLoad = window.onload;
var newLoad = oldLoad ? function(){hideDiv.call(this);oldLoad.call(this);} : hideDiv;
window.onload = newLoad;
</script>
{/block:ifEnableLoadingScreen}

<div id="wrap">


<div id="sidebar">

<div id="about">
{block:ifDisplayBlogTitle}
<div id="about_blogtitle">
<a href="/">{Title}</a>
</div>
{/block:ifDisplayBlogTitle}
{block:IfPortraitImage}
<div id="about_portrait">
<a href="/">
<img src="{image:Portrait}" width="250" alt=""/>
</a>
</div>
{/block:IfPortraitImage}
{block:Description}
<div id="about_description">
{Description}
</div>
{/block:Description}
</div> 



{block:AskEnabled}

<a href="/ask">
<div class="linkbox">

{block:IfNotAskLinkLabel}
{AskLabel}
{/block:IfNotAskLinkLabel}
{block:IfAskLinkLabel}
{text:Ask link label}
{/block:IfAskLinkLabel}
</div>
</a>
{/block:AskEnabled}

{block:SubmissionsEnabled}

<a href="/submit">
<div class="linkbox">
{block:IfNotSubmitLinkLabel}
{SubmitLabel}
{/block:IfNotSubmitLinkLabel}
{block:IfSubmitLinkLabel}
{text:Submit link label}
{/block:IfSubmitLinkLabel}
</div>
</a>
{/block:SubmissionsEnabled}

{block:HasPages}

{block:Pages}
<a href="{URL}">
<div class="linkbox">
{Label}
</div>
</a>
{/block:Pages}
{/block:HasPages}


{block:ifExtralink1text}
<a href="{text:Extra link 1 URL}">
<div class="linkbox">
{text:Extra link 1 text}
</div>
</a>
{/block:ifExtralink1text}
{block:ifExtralink2text}
<a href="{text:Extra link 2 URL}">
<div class="linkbox">
{text:Extra link 2 text}
</div>
</a>
{/block:ifExtralink2text}
{block:ifExtralink3text}
<a href="{text:Extra link 3 URL}">
<div class="linkbox">
{text:Extra link 3 text}
</div>
</a>
{/block:ifExtralink3text}
{block:ifExtralink4text}
<a href="{text:Extra link 4 URL}">
<div class="linkbox">
{text:Extra link 4 text}
</div>
</a>
{/block:ifExtralink4text}
{block:ifExtralink5text}
<a href="{text:Extra link 5 URL}">
<div class="linkbox">
{text:Extra link 5 text}
</div>
</a>
{/block:ifExtralink5text}
{block:ifExtralink6text}
<a href="{text:Extra link 6 URL}">
<div class="linkbox">
{text:Extra link 6 text}
</div>
</a>
{/block:ifExtralink6text}
{block:ifExtralink7text}
<a href="{text:Extra link 7 URL}">
<div class="linkbox">
{text:Extra link 7 text}
</div>
</a>
{/block:ifExtralink7text}

{block:ifDisplayarchivebutton}
<a href="/archive">
<div class="linkbox">
Archive
</div>
</a>
{/block:ifDisplayarchivebutton}

{block:ifDisplayrssbutton}
<a href="{RSS}">
<div class="linkbox">
RSS feed
</div>
</a>
{/block:ifDisplayrssbutton}


<a href="http://themes.stjn.co/">
<div id="credit">
Theme by STJN
</div>
</a>

{block:ifCurrentlyReadingImage}

<div class="mediadiet">
<div class="mediadiet_title">
{block:ifCurrentlyreadinglabel}
{text:Currently reading label}
{/block:ifCurrentlyreadinglabel}
{block:ifNotCurrentlyreadingLabel}
Currently reading
{/block:ifNotCurrentlyreadinglabel}
</div>
<div class="mediadiet_image">
<img src="{image:Currently reading}" alt=""/>
</div>
</div>
{/block:ifCurrentlyReadingImage}

{block:ifCurrentlyPlayingImage}

<div class="mediadiet">
<div class="mediadiet_title">
{block:ifCurrentlyplayinglabel}
{text:Currently playing label}
{/block:ifCurrentlyplayinglabel}
{block:ifNotCurrentlyplayingLabel}
Currently playing
{/block:ifNotCurrentlyplayinglabel}
</div>
<div class="mediadiet_image">
<img src="{image:Currently playing}" alt=""/>
</div>
</div>
{/block:ifCurrentlyPlayingImage}

{block:ifLastSeenMovieImage}

<div class="mediadiet">
<div class="mediadiet_title">
{block:ifLastseenmovielabel}
{text:Last seen movie label}
{/block:ifLastseenmovielabel}
{block:ifNotLastseenmovielabel}
Last seen
{/block:ifNotLastseenmovielabel}
</div>
<div class="mediadiet_image">
<img src="{image:Last seen movie}" alt=""/>
</div>
</div>
{/block:ifLastSeenMovieImage}

</div> 


<div id="content">
{block:Posts}

<div class="post"> 

{block:Date}

<div class="labels">

{block:ifDisplayReblogAndLikeButtons}
<div class="block-controls">
<div class="block-like">
{LikeButton color="black" size="20"}
</div>
<div class="block-reblog">
{ReblogButton color="black" size="20"}
</div>
</div>
{/block:ifDisplayReblogAndLikeButtons}

{block:ifDisplayTimeAndDate}

<div class="blocktop">
<a href="{Permalink}">
{block:NewDayDate}
{block:IfUseAmericanDateFormat}
{Month} {DayOfMonth}{DayOfMonthSuffix}<br/>
{/block:IfUseAmericanDateFormat}
{block:IfNotUseAmericanDateFormat}
{DayOfMonth} {Month}<br/>
{/block:IfNotUseAmericanDateFormat}
{/block:NewDayDate}
{block:ifUse24hourclock}
{24HourWithZero}:{Minutes}
{/block:ifUse24hourclock}
{block:ifNotUse24hourclock}
{12Hour}:{Minutes} {CapitalAmPm}
{/block:ifNotUse24hourclock}
{block:ifTimezone}
{text:Timezone}
{/block:ifTimezone}
</a>
</div>
{/block:ifDisplayTimeAndDate}

{block:ifDisplayNoteCount}

<div class="blockextra">
<a href="{Permalink}">{NoteCountWithLabel}</a>
</div>
{/block:ifDisplayNoteCount}

{block:ContentSource}

<div class="blockextra">
<a href="{SourceURL}">Source</a>
</div>
{/block:ContentSource}

{block:RebloggedFrom}

<div class="blockextra">
<a href="{ReblogParentURL}">Via</a>
</div>
{/block:RebloggedFrom}

{block:Audio}
{block:ExternalAudio}

<div class="blockextra">
<a href="{ExternalAudioURL}">Download</a>
</div>
{/block:ExternalAudio}
{/block:Audio}

{block:IfDisplayCameraInfo}
{block:Exif}
{block:Camera}

<div class="blockextra noglow">
{Camera}
</div>
{/block:Camera}
{/block:Exif}
{/block:IfDisplayCameraInfo}

{block:ifDisplayPostAuthor}

<div class="blockextra">
<a href="{PostAuthorURL}">Posted by {PostAuthorName}</a>
</div>
{/block:ifDisplayPostAuthor}

</div> 
{/block:Date}

<div class="white">

{block:Regular}

<div class="text">
{block:Title}<h2>{Title}</h2>{/block:Title}
{Body}
</div>
{/block:Regular}

{block:Answer}

<div class="ask">
<div class="ask_info">
<div class="ask_portrait">
<img src="{AskerPortraitURL-64}" alt=""/>
</div>
<div class="ask_username">
A message from {Asker}
</div>
</div>
<div class="ask_question">
{Question}
</div>
</div>
{block:Answerer}
<div class="ask">
<div class="ask_info">
<div class="ask_portrait">
<img src="{AnswererPortraitURL-64}" alt=""/>
</div>
<div class="ask_username">
A reply from {Answerer}
</div>
</div>
<div class="ask_question">
{Answer}
</div>
</div>
{/block:Answerer}

{Replies}

{/block:Answer}

{block:Photo}

{block:ifNotEnablehighresolution}
<div class="photo">
{LinkOpenTag}
<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
{LinkCloseTag}
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
</div>
{/block:ifNotEnablehighresolution}
{block:ifEnablehighresolution}
<div class="photo_highres">
{LinkOpenTag}
<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
{LinkCloseTag}
</div>
{block:Caption}
<div class="caption">
{Caption}
</div>
{/block:Caption}
{/block:ifEnablehighresolution}
{/block:Photo}

{block:Photoset}

{block:ifNotEnablehighresolution}
{Photoset-500}
{/block:ifNotEnablehighresolution}
{block:ifEnablehighresolution}
{block:Photos}
<div class="photoset">
{LinkOpenTag}
<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
{LinkCloseTag}
</div>
{/block:Photos}
{/block:ifEnablehighresolution}
{block:Caption}
<div class="caption">
{Caption}
</div>
{/block:Caption}
{/block:Photoset}

{block:Quote}

<div class="quote_quote">
"{Quote}"
</div>
{/block:Quote}

{block:Link}

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

{block:Conversation}

<div class="conversation">
{block:Title}<h2>{Title}</h2>{/block:Title}
<ul class="conversation_lines">
{block:Lines}
<li class="conversation_line">
{block:Label}<strong>{Label}</strong>{/block:Label}
{Line}
</li>
{/block:Lines}
</ul>
</div>
{/block:Conversation}

{block:Audio}

{block:AudioEmbed}

{block:ifNotEnableHighResolution}
{AudioEmbed-500}
{/block:ifNotEnableHighResolution}
{block:ifEnableHighResolution}
{AudioEmbed-640}
{/block:ifEnableHighResolution}
{/block:AudioEmbed}

{block:AudioPlayer}

{block:ifDisplayAlbumArtInAudioPosts}
{block:AlbumArt}

<div class="audio_art">
<img src="{AlbumArtURL}" alt=""/>
</div>
{/block:AlbumArt}
{/block:ifDisplayAlbumArtInAudioPosts}

<div class="audio_box {block:ifDisplayAlbumArtInAudioPosts}{block:AlbumArt}ifalbumart{/block:AlbumArt}{/block:ifDisplayAlbumArtInAudioPosts}">
<div class="audio_circleplayer">
{AudioPlayerGrey}
</div>
<div class="audio_info" {block:Artist}style="top:14px;"{/block:Artist}>
{block:TrackName}
<div class="audio_song">
{TrackName}
</div>
{/block:TrackName}
{block:Artist}
<div class="audio_artist">
{Artist}
</div>
{/block:Artist}
</div> 
</div> 
{/block:AudioPlayer}

{block:Caption}

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

{/block:Audio}

{block:Video}

<div class="video">
{block:ifNotEnablehighresolution}
{Video-500}
{/block:ifNotEnablehighresolution}
{block:ifEnablehighresolution}
<div class="video_highres">
{Video-500}
</div>
{/block:ifEnablehighresolution}
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
</div>
{/block:Video}

</div> 

{block:Quote}{block:Source}

<div class="quote_source basement">{Source}</div>
{/block:Source}{/block:Quote}

{block:HasTags}
{block:ifDisplayTags}

<div class="post_footer">
{block:Tags}
<a href="/tagged/{Tag}">#{Tag}</a>     
{/block:Tags}
</div>
{/block:ifDisplayTags}
{/block:HasTags}

{block:PermalinkPage}
{block:PostNotes}

<div class="post_notes">{PostNotes}</div>
{/block:PostNotes}
{/block:PermalinkPage}

</div> 
{/block:Posts}

{block:Pagination}

<div id="page_footer">
{block:PreviousPage}
<div id="previouspage">
<a href="{PreviousPage}">
« {text:Phrase for navigating to newer pages}
</a>
</div>
{/block:PreviousPage}

<div class="page_pagination">
{block:IfDisplayPageNumbers}
{lang:CurrentPage of TotalPages}
{/block:IfDisplayPageNumbers}
</div>

{block:NextPage}
<div id="nextpage">
<a id="nextpagelink" href="{NextPage}">
{text:Phrase for navigating to older pages} »
</a>
</div>
{/block:NextPage}
</div>
{/block:Pagination}

</div> 
</div> 

{block:ifEnableInfiniteScrolling}
{block:Pagination}
<script type="text/javascript">
$(document).ready(function() {
// Initiate infinite scroll
$("#content").infinitescroll({
// Navigation element to be hidden
navSelector: "#page_footer",

// Link that points to next page
nextSelector: "a#nextpagelink",

// Identifier of posts to retrieve
itemSelector: ".post",

bufferPx: 1000,
prefill: true,
pathParse: function() {
return ["http://{Host}/page/", ""]
},
loading: {
finishedMsg: "",
img: "http://static.tumblr.com/jhhfv1l/dztn2kxph/spinner.gif",
msgText: "",
},
state: {currPage: {CurrentPage}},
});
});
</script>
{/block:Pagination}
{/block:ifEnableInfiniteScrolling}
</body>
</html>

Notes.io is a web-based application for taking notes. You can take your notes and share with others people. If you like taking long notes, notes.io is designed for you. To date, over 8,000,000,000 notes created and continuing...

With notes.io;

* You can take a note from anywhere and any device with internet connection.
* You can share the notes in social platforms (YouTube, Facebook, Twitter, instagram etc.).
* You can quickly share your contents without website, blog and e-mail.
* You don't need to create any Account to share a note. As you wish you can use quick, easy and best shortened notes with sms, websites, e-mail, or messaging services (WhatsApp, iMessage, Telegram, Signal).
* Notes.io has fabulous infrastructure design for a short link and allows you to share the note as an easy and understandable link.

Fast: Notes.io is built for speed and performance. You can take a notes quickly and browse your archive.

Easy: Notes.io doesn’t require installation. Just write and share note!

Short: Notes.io’s url just 8 character. You’ll get shorten link of your note when you want to share. (Ex: notes.io/q )

Free: Notes.io works for 12 years and has been free since the day it was started.

You immediately create your first note and start sharing with the ones you wish. If you want to contact us, you can use the following communication channels;

Email: [email protected]

Twitter: http://twitter.com/notesio

Instagram: http://instagram.com/notes.io

Facebook: http://facebook.com/notesio

Regards;
Notes.io Team

Notes

Notes - notes.io

Shortened Note Link

Long File

Notes