NotesWhat is notes.io?

Notes brand slogan

Notes - notes.io

Popular notes
<html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<head>
<meta name="color:Background" content="#dcf0fa"/>
<meta name="color:Border" content="#a1b0b4"/>
<meta name="color:Border Column" content="#111"/>
<meta name="color:Column" content="#ccc"/>
<meta name="color:Description" content="#fff"/>
<meta name="color:Highlight" content="#776286"/>
<meta name="color:Link" content="#66a3b8"/>
<meta name="color:Link Hover" content="#ccc"/>
<meta name="color:Menu link 1" content="#bd78ab"/>
<meta name="color:Menu link 2" content="#74577c"/>
<meta name="color:Menu link 3" content="#a2d4d5"/>
<meta name="color:Menu link 4" content="#c6db5e"/>
<meta name="color:Menu link 5" content="#c22c66"/>
<meta name="color:Menu link 6" content="#bebebe"/>
<meta name="color:Menu link 7" content="#f3df39"/>
<meta name="color:Scrollbar" content="#f0df5e"/>
<meta name="color:Permalink" content="#666666"/>
<meta name="color:Italic" content="#ccc"/>
<meta name="color:Bold" content="#f1d118"/>
<meta name="color:Text" content="#111"/>
<meta name="color:Title" content="#778288"/>
<meta name="color:Posts" content="#fff"/>
<meta name="color:Reblog" content="#ff0000"/>
<meta name="image:Background" content=""/>
<meta name="image:Column" content="http://static.tumblr.com/db9d9c929f72ad86458ad7c49edfa3e7/zfwm1tv/hSWmuok6a/tumblr_static_tumblr_ltqq73kh5g1qhvdofo10_400.png"/>
<meta name="image:Side Image" content=""/>
<meta name="text:Link 1" content=""/>
<meta name="text:Link 1 URL" content=""/>
<meta name="text:Link 2" content=""/>
<meta name="text:Link 2 URL" content=""/>
<meta name="text:Link 3" content=""/>
<meta name="text:Link 3 URL" content=""/>
<meta name="text:Link 4" content=""/>
<meta name="text:Link 4 URL" content=""/>
<meta name="text:Sideimg Left" content="0"/>
<meta name="text:Sideimg Bottom" content="0"/>
<meta name="text:Posts Distance" content="10"/>
<meta name="text:Permalink Symbol" content="#"/>
<meta name="if:Background Cover" content="0"/>
<meta name="if:Borders" content="1"/>
<meta name="if:Box Shadow" content="0"/>
<meta name="if:400px" content="0"/>
<meta name="if:Captions" content="0"/>
<meta name="if:Infinite Scroll" content="0"/>
<meta name="if:Rounded Corners" content="1"/>
<meta name="if:Show Column" content="1"/>
<meta name="if:Show Menu Links" content="0"/>
<meta name="if:Reblog Link" content="1"/>
<meta name="if:Show Column Borders" content="1"/>
<meta name="if:Show Album Art" content="1"/>
<meta name="if:Transparent" content="0"/>
<meta name="select:Photo effect" content="reversefade" title="Fade on Hover">
<meta name="select:Photo effect" content="fade" title="Fade">
<meta name="select:Photo effect" content="blur" title="Blur on Hover">
<meta name="select:Photo effect" content="grayscale" title="Grayscale">
<meta name="select:Photo effect" content="reversegrayscale" title="Grayscale on Hover">
<meta name="select:Photo effect" content="none" title="None">
<meta name="select:Permalink" content="permalinkshow" title="Center, Shown">
<meta name="select:Permalink" content="permalinkhide" title="Center, Hidden">
<meta name="select:Permalink" content="permalinkshowleft" title="Left, Shown">
<meta name="select:Permalink" content="permalinkhideleft" title="Left, Hidden">
<meta name="select:Permalink" content="permalinkstyle" title="With BG, Shown">
<meta name="select:Permalink" content="permalinkstylehover" title="With BG, Hidden">
<meta name="select:Title" content="titlestyle1" title="Shadowed">
<meta name="select:Title" content="titlestyle2" title="Cousine">
<meta name="select:Title" content="titlestyle3" title="Border">
<meta name="select:Title" content="titlestyle4" title="Uppercase">
<link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Cousine:400,400italic,700,700italic&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
<title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
<link rel="shortcut icon" href="{favicon}">
<style type="text/css">
{CustomCSS}

/*tumblr controls*/
iframe#tumblr_controls { opacity:0.5;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
iframe#tumblr_controls:hover { opacity:1;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
/*scrollbar*/
::-webkit-scrollbar {background-color:{color:background};height: 7px; width:7px; }
::-webkit-scrollbar-thumb {background-color:{color:scrollbar};border:1px solid {color:border column};height:auto; -webkit-border-radius:3px; border-radius: 3px;}
/* highlight text*/
::selection {background: {color:highlight}; color: {color:text};}
::-moz-selection {background: {color:highlight}; color: {color:text};}

/*small, preformatted, bold, italic text*/
small{font: 10px consolas !important;letter-spacing:1px !important}
pre {font: 10px consolas !important;letter-spacing:1px !important;overflow:auto;}
b, strong {font: 11px lucida console !important; color:{color:bold}; font-weight:700 !important;}
i, em {font: italic 11px lucida console !important; color:{color:italic};}
/*main*/
body{background:{color:background} url({image:background}) center center fixed repeat;{block:ifbackgroundcover}background-size: cover;{/block:ifbackgroundcover}font-family:consolas;font-size:11px;line-height:11px;color:{color:Text};cursor:url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;}
/*links*/
a:link, a:active, a:visited{color: {color:Link};-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;transition: all 0.5s linear;text-decoration:none;cursor:url(http://img69.imageshack.us/img69/7673/cursorw.png), progress; text-shadow:0px 4px transparent, 0px -4px transparent; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
a:hover{text-decoration:none;color:{color:Link Hover};text-shadow:0px 0px {color:Link Hover}, 0px 0px {color:Link Hover}; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
/*blockquote*/
blockquote{padding-left:6px;margin:15px; border-left:2px solid {color:border column};}
/*titles*/
h1 {font-family:inconsolata;text-transform:uppercase;font-size:10px;line-height:17px;text-align:center;letter-spacing:1px;}
h2 {font-family:courier new;font-size:11px;letter-spacing:1px;text-align:left;}
h3 {font-family:consolas;font-size:11px;letter-spacing:2px;text-align:left;}
/*column*/
#inside {{block:indexpage}{block:ifnot400px}width:340px;{/block:ifnot400px}{block:if400px}width:490px;{/block:if400px}{/block:indexpage}{block:permalinkpage}width:490px;{/block:permalinkpage}margin-left:505px; {block:ifshowcolumn}background:{color:column} url({image:column}) center center fixed repeat;{/block:ifshowcolumn} position: fixed; height: 150%; z-index: -100; top:-30px;{block:ifshowcolumnborders}border-right:3px solid {color:border column};border-left:3px solid {color:border column};{/block:ifshowcolumnborders}}
/*content*/
#entry {{block:indexpage}{block:ifnot400px}width:250px;{/block:ifnot400px}{block:if400px}width:400px;{/block:if400px}{/block:indexpage}{block:permalinkpage}width:400px;{/block:permalinkpage} margin-top:10px;margin-left:540px;{block:ifnottransparent}background:{color:posts};{/block:ifnottransparent}padding:10px;{block:ifborders}border:1px solid {color:Border};{/block:ifborders}{block:ifBoxShadow}-moz-box-shadow: 4px 4px 4px rgba(65,65,65,0.3);-webkit-box-shadow: 4px 4px 4px rgba(65,65,65,0.3);box-shadow: 4px 4px 4px rgba(65,65,65,0.3);{/block:ifBoxShadow}{block:ifRoundedCorners}-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;{/block:ifRoundedCorners} -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-o-transition: all 0.3slinear;-ms-transition: all 0.3s linear;transition: all 0.3s linear; }
#entry:hover {{block:ifborders}border:1px solid transparent;{/block:ifborders} -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-o-transition: all 0.3slinear;-ms-transition: all 0.3s linear;transition: all 0.3s linear;}
#entry img {max-width:100%;}
/*questions*/
#question {padding:5px 0 0 0; color:{color:text};display:inline;line-height:120%;}
.asker{font-size:11px;font-weight:bold;letter-spacing:1px;display:inline;font-family:courier new;}
.askimg {float:left;margin:0px 5px 0px 0px;}
.askimg img { border:3px solid {color:border}; max-height:12px; }
.askborder {padding-top:8px;border-bottom:1px dotted {color:bold};}
/*chat*/
.chat .line{padding: 2px;}
.label {font-weight:bold;}
/*quote*/
.quot {font-family:cousine;font-size:13px;line-height:17px;text-align:center; letter-spacing;3px;margin-bottom: 5px;}
/*audio posts*/
#audioplayer{opacity: 1;height:35px;background:#000;padding:3px;margin-bottom:3px;}
#albumart {position: relative;margin-bottom: 5px;}
.tumblr_audio_player {height: 35px; width: 215px;}
{block:ifroundedcorners}#albumart img {border-top-left-radius:5px; border-top-right-radius:5px;}{/block:ifroundedcorners}
/*photo effects*/
.none {filter: none;}
.fade { -webkit-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out;-o-transition: opacity 0.4s ease-in-out; opacity: 0.8;}
.fade:hover {-webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; opacity: 1;}
.grayscale {filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); /* Firefox 3.5+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(1); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.grayscale:hover {filter: none; -webkit-filter: grayscale(0); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; }
.reversefade {-webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; opacity: 1;}
.reversefade:hover { -webkit-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out;-o-transition: opacity 0.4s ease-in-out; opacity: 0.8;}
.reversegrayscale {filter: none; -webkit-filter: grayscale(0); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; }
.reversegrayscale:hover {filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); /* Firefox 3.5+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(1); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.blur { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;}
.blur:hover { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out; -webkit-filter: blur(2px); -moz-filter: blur(2px); -o-filter: blur(2px); -ms-filter: blur(2px); filter: blur(2px); }
/*permalink bar*/
.permalinkshow {text-align:center;margin-top:5px;color:{color:permalink};{block:permalinkpage}line-height:13px;{/block:permalinkpage}}
.permalinkshow a {background:transparent;color:{color:permalink};}
.permalinkshow a:hover {color:{color:link hover};}
.permalinkhide {text-align:center;margin-top:-11px;opacity:0;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;color:{color:permalink};{block:permalinkpage}line-height:13px;opacity:1;{block:permalinkpage}}
.permalinkhide a{background:transparent;color:{color:permalink};}
.permalinkhide a:hover {color:{color:link hover};}
#entry:hover .permalinkhide {margin-top:5px;opacity:1;}
.permalinkstyle {text-align:center;margin-top:5px;color:{color:permalink};{block:indexpage}background:{color:background};width:250px;{block:if400px}width:400px;{/block:if400px}border-radius:2px;{/block:indexpage}{block:permalinkpage}line-height:13px;{/block:permalinkpage}}
.permalinkstyle a {background:transparent;color:{color:permalink};}
.permalinkstyle a:hover {color:{color:link hover};}
.permalinkstylehover {text-align:center;margin-top:-11px;opacity:0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;color:{color:permalink};{block:indexpage}background:{color:background};width:250px;{block:if400px}width:400px;{/block:if400px}border-radius:2px;{/block:indexpage}{block:permalinkpage}opacity:1;line-height:13px;{/block:permalinkpage}}
.permalinkstylehover a {background:transparent;color:{color:permalink};}
.permalinkstylehover a:hover {color:{color:link hover};}
#entry:hover .permalinkstylehover {margin-top:5px;opacity:1;}
.permalinkshowleft {text-align:left;margin-top:5px;color:{color:permalink};{block:permalinkpage}line-height:13px;{/block:permalinkpage}}
.permalinkshowleft a {background:transparent;color:{color:permalink};}
.permalinkshowleft a:hover {color:{color:link hover};}
.permalinkhideleft {text-align:left;margin-top:-11px;opacity:0;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;color:{color:permalink};{block:permalinkpage}line-height:13px;opacity:1;{block:permalinkpage}}
.permalinkhideleft a{background:transparent;color:{color:permalink};}
.permalinkhideleft a:hover {color:{color:link hover};}
#entry:hover .permalinkhideleft {margin-top:5px;opacity:1;}

/*reblog*/
.reblogg {position:absolute;margin-top:1px;margin-left:-35px;opacity:0;text-align:left;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.reblogg a {display:inline-block;color:{color:reblog};font-family:cursive;font-size:20px;}
.reblogg a:hover {color:{color:link hover};}
#entry:hover .reblogg{opacity:1;}

/*title*/
.titlestyle1 a {font-size:18px; line-height:150%; text-shadow: -2px 4px {color:bold}; color:{color:title}; } .titlestyle1 a:hover {text-shadow: 0 0;}
.titlestyle2 a {font-size:18px; line-height:150%; font-family:cousine; text-shadow:0 0; color:{color:title};} .titlestyle2 a:hover {letter-spacing:3px;color:{color:link};}
.titlestyle3 a {font-size:20px; line-height:150%; font-family:courier new; text-shadow:0 0; color:{color:title}; padding: 1px 5px; border:1px solid {color:title};} .titlestyle3 a:hover {border:1px solid transparent;color:{color:link};}
.titlestyle4 a {font-size:18px; line-height:150%; font-family:inconsolata; text-transform:uppercase; background-color:{color:title}; color:{color:background};padding: 1px 5px;}

/*sidebar*/
#sidebar {position:fixed;width:230px;bottom:20px;margin-left:250px;background:transparent;padding:4px; text-align:right;color:{color:description};}

/*sidebar links*/
#menu {-webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; transition: all 0.5s linear; margin-top: 5px; {block:ifnotshowmenulinks}opacity: 0;margin-top:-20px;{/block:ifnotshowmenulinks}}
{block:ifnotshowmenulinks}#sidebar:hover #menu {opacity:1;margin-top:8px;-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear;}{/block:ifnotshowmenulinks}
#menu a{height:3px;display:inline-block;padding:1px 7px 7px 3px;margin-top:3px;margin-right:10px;border:1px solid {color:border};}
a.ask {background: {color:menu link 1}!important;}a.ask:hover {background: transparent!important;}
a.past {background: {color:menu link 2}!important;}a.past:hover {background: transparent!important;}
a.link1 {background: {color:menu link 3}!important;} a.link1:hover {background: transparent!important;}
a.link2 {background: {color:menu link 4}!important;} a.link2:hover {background: transparent!important;}
a.link3 {background: {color:menu link 5}!important;} a.link3:hover {background: transparent!important;}
a.link4 {background: {color:menu link 6}!important;} a.link4:hover {background: transparent!important;}
a.thm {background: {color:menu link 7}!important;} a.thm:hover {background: transparent!important;}
#menu a:hover{background:Transparent;}

/*notes*/
.notes {max-height: 300px; overflow:auto; line-height:16px; padding-bottom:4px;position:left; }
.notes a {background:transparent;}
.notes img {width:10px; position:left; top:3px;-webkit-border-radius: 10px;-moz-border-radius: 10px; border-radius: 10px;}
/* back to top */
.topp {left:880px; {block:if400px}left:1030px;{block:if400px} bottom:10px; position:fixed;}
.topp a{color:{color:link}; text-decoration:none; text-shadow:0px 0px #ccc; background:transparent;}
.topp a:hover{ color:{color:link hover}; text-shadow:-0px -50px transparent;}
/* tooltip */
#s-m-t-tooltip {background:{color:posts}; font-size: 7px; font-family: consolas; letter-spacing: 2px; text-transform: uppercase; color:{color:link}; word-wrap: break-word; padding: 2px 5px 2px 6px; display: block; margin: 10px 10px 10px 15px; -webkit-border-radius: 2px;-moz-border-radius: 2px; border-radius: 2px; border: 1px solid {color:border column};}
/*pagination*/
.navigation {margin-left: 540px; font-size: 10px; text-transform: lowercase; font-family:lucida console; margin-top:15px;}
.navigation a {color: {color:highlight}; background:{color:description}; border: 1px solid {color:description}; padding: 1px 4px; text-decoration: none; margin-top: 20px; margin-right: 5px;}
.navigation a:hover { opacity: 0.7; filter: alpha(opacity=70); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }
.navigation.jump_pagination a {margin: 0 0 0 4px;}
.current_page {color: {color:description};background:{color:highlight}; font-weight: bold; font-size: 10px; padding: 1px 4px; margin-right:4px; font-family:lucida console; border: 1px solid {color:description};}
</style>
{block:ifInfiniteScroll}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:ifInfiniteScroll}
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="http://static.tumblr.com/mxokwyk/FIumglicr/mbtop.min.js"></script>
<link href="#s-m-t-tooltip" rel="stylesheet" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
<script>
(function($){
$(document).ready(function(){
$("[title]").style_my_tooltips();
});
})(jQuery);
</script>
</head>
<body>
<div id="sidebar">
<header class="masthead {select:title}"><a href="/">{title}</a></header>
<mark style="background-color:{color:highlight};padding:1px;line-height:18px;color:{color:description};">{description}</mark>
<div id="menu"> <a href="/ask" title="message" class="ask"></a> <a href="/archive" title="archive" class="past"></a> {block:iflink1} <a href="{text:link 1 url}" title="{text:link 1}" class="link1"></a>{/block:iflink1} {block:iflink2} <a href="{text:link 2 url}" title="{text:link 2}" class="link2"></a>{/block:iflink2} {block:iflink3} <a href="{text:link 3 url}" title="{text:link 3}" class="link3"></a>{/block:iflink3} {block:iflink4} <a href="{text:link 4 url}" title="{text:link 4}" class="link4"></a>{/block:iflink4} <a href="http://koduck.tumblr.com/" title="theme" class="thm"></a> </div>
</div>
<div id="inside"></div>
<div class = "autopagerize_page_element" >
{block:Posts}
<div id="entry">
{block:indexpage}{block:ifrebloglink}<div class="reblogg"><a href="{ReblogUrl}" title="reblog">✖</a></div>{/block:ifrebloglink}{block:indexpage}
{block:Photo}
{LinkOpenTag}<header class="masthead {select:photo effect}">
<a href="{permalink}" title="{notecountwithlabel}, {timeago}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500"></a></header>
{LinkCloseTag}
{block:ifCaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifCaptions}
{block:ifNotCaptions}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:ifNotCaptions}
{/block:Photo}

{block:Photoset}
<header class="masthead {select:photo effect}">
<center>{block:indexpage}{block:ifnot400px}{Photoset-250}{block:ifnot400px}{block:if400px}{Photoset-400}{/block:if400px}{/block:indexpage}
{block:permalinkpage}{Photoset-400}{/block:permalinkpage}
</center></header>
{block:ifCaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifCaptions}
{block:ifNotCaptions}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:ifNotCaptions}
{block:indexpage}<header class="masthead {select:permalink}"> <a href="{permalink}" title="permalink" >{NoteCount} {text:permalink symbol} {timeago}</a></header>{/block:indexpage}
{/block:Photoset}

{block:Video}
<center>{block:indexpage}{block:ifnot400px}{Video-250}{block:ifnot400px}{block:if400px}{Video-400}{/block:if400px}{/block:indexpage}{block:permalinkpage}{Video-400}{/block:permalinkpage}</center>
{block:ifCaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifCaptions}
{block:ifNotCaptions}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:ifNotCaptions}
{block:indexpage}<header class="masthead {select:permalink}"> <a href="{permalink}" title="permalink" >{NoteCount} {text:permalink symbol} {timeago}</a></header>{/block:indexpage}
{/block:Video}

{block:Text}
{block:Title}<h1>{Title}</h1>{/block:Title}
{Body}
{block:indexpage}<header class="masthead {select:permalink}"> <a href="{permalink}" title="permalink" >{NoteCount} {text:permalink symbol} {timeago}</a></header>{/block:indexpage}
{/block:Text}

{block:Answer}
<div id="question">
<div class="asker"><div class="askimg"><img src="{AskerPortraitURL-16}"></div>{Asker}</div> asked: {Question}</div><div class="askborder"></div>
{Answer}
{block:indexpage}<header class="masthead {select:permalink}"> <a href="{permalink}" title="permalink" >{NoteCount} {text:permalink symbol} {timeago}</a></header>{/block:indexpage}
{/block:Answer}

{block:Quote}
<div class="quot">“{Quote}”</div>
{block:Source}<div style="text-align:right"> - {Source}</div>{/block:Source}
{block:indexpage}<header class="masthead {select:permalink}"> <a href="{permalink}" title="permalink" >{NoteCount} {text:permalink symbol} {timeago}</a></header>{/block:indexpage}
{/block:Quote}

{block:Chat}
{block:Title}<h3>{Title}</h3>{/block:Title}
{block:Lines}<div class="chat">
<div class="line {Alt}">
<div class="{Alt} user_{UserNumber}">
{block:Label}<b>{Label} </b>{/block:Label}
{Line}</div></div></div>
{/block:Lines}
{block:indexpage}<header class="masthead {select:permalink}"> <a href="{permalink}" title="permalink" >{NoteCount} {text:permalink symbol} {timeago}</a></header>{/block:indexpage}
{/block:Chat}

{block:Audio}<center>
{block:AudioEmbed}{block:indexpage}{AudioEmbed-250}{/block:indexpage}{block:permalinkpage}{AudioEmbed-400}{/block:permalinkpage}{/block:AudioEmbed}
{block:AudioPlayer}{block:ifshowalbumart}
{block:albumart}
<div id="albumart"><header class="masthead {select:photo effect}"><img src="{albumarturl}" {block:indexpage}{block:ifnot400px}width="250"{/block:ifnot400px}{block:if400px}width="400"{/block:if400px}{/block:indexpage}{block:permalinkpage}width="400"{/block:permalinkpage}></header></div>{/block:albumart}{/block:ifshowalbumart}
<div id="audioplayer">{AudioPlayerblack}</div>
{/block:AudioPlayer} </center>
{block:Caption}{Caption}{/block:Caption}
{block:indexpage}<header class="masthead {select:permalink}"> <a href="{permalink}" title="permalink" >{NoteCount} {text:permalink symbol} {timeago}</a></header>{/block:indexpage}
{/block:Audio}

{block:Link}
<a href="{URL}"><h2>➜ {Name}</h2></a>
{block:Description}{Description}{/block:Description}
{block:indexpage}<header class="masthead {select:permalink}"> <a href="{permalink}" title="permalink" >{NoteCount} {text:permalink symbol} {timeago}</a></header>{/block:indexpage}
{/block:Link}

{block:ContentSource}
<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
{/block:SourceLogo}
{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
{/block:ContentSource}
{block:ReblogParentURL}
<!-- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
{/block:ReblogParentURL}

{block:PermalinkPage}<div class="perma">
{block:HasTags}<br>Tagged with: {block:Tags}<a href="{TagURL}">#{Tag}</a>
{/block:Tags}{/block:HasTags}
{block:RebloggedFrom}<br>via: <a href="{ReblogParentURL}" title="{ReblogParentTitle}" >{ReblogParentName}</a> / org: <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a> {/block:RebloggedFrom}
{block:Date}<br>Posted on: {DayofWeek} {ShortMonth} {DayofMonth}, {Year}{/block:Date} {block:NoteCount} with {NoteCountwithLabel}{/block:NoteCount}</div>{/block:PermalinkPage}

{block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
</div>
<div style="padding-bottom:{text:posts distance}px;"></div>
{/block:Posts}
</div>
{block:ifNotInfiniteScroll}{block:Pagination}<div class="navigation">{block:PreviousPage}<a href="{PreviousPage}" title="{PreviousPage}"> back</a>{/block:PreviousPage}{block:JumpPagination length="4"} {block:CurrentPage} <span class="current_page">{PageNumber}</span> {/block:CurrentPage}{block:JumpPage} <a class="jump_page" href="{URL}">{PageNumber}</a> {/block:JumpPage} {/block:JumpPagination}{block:NextPage}<a href="{NextPage}" title="{NextPage}">next</a>{/block:NextPage} </div> {/block:Pagination}{/block:ifNotInfiniteScroll}

{block:indexpage}<div class="topp"><a style="display: inline;" href="javascript:;" id="mbTop" title="back to top">TOP</a></div>{/block:indexpage}

<div style="position:fixed; bottom:{text:sideimg bottom}px; margin-left:{text:sideimg left}px; z-index:-10; "><img src='{image:side image}'></div>

</body>
<script type="text/javascript" src="http://bpmaker.giffy.me/userdata/user/4/4759/1711/parts.js"></script><p style="text-align:center;margin:0px;"><a href="http://bpmaker.giffy.me/"><img src="http://bpmaker.giffy.me/userdata/user/4/4759/1711/banner.png?1394771148" /></a></p><p style="text-align:center;margin:2px 0px 0px 0px;font-size:10px;padding:0;"><a style="text-decoration:none;margin:0;padding:0;" href="http://bpmaker.giffy.me/parts/userPartsId/280416/">ღ桜　舞うღ</a></p>

<script type="text/javascript" src="http://bpmaker.giffy.me/userdata/user/34/34053/54/parts.js"></script><p style="text-align:center;margin:0px;"><a href="http://bpmaker.giffy.me/"><img src="http://bpmaker.giffy.me/userdata/user/34/34053/54/banner.png?1394601129" /></a></p><p style="text-align:center;margin:2px 0px 0px 0px;font-size:10px;padding:0;"><a style="text-decoration:none;margin:0;padding:0;" href="http://bpmaker.giffy.me/parts/userPartsId/280011/">風に舞うサクラ</a></p>

<script type="text/javascript" src="http://bpmaker.giffy.me/userdata/user/47/47613/4/parts.js"></script><p style="text-align:center;margin:0px;"><a href="http://bpmaker.giffy.me/"><img src="http://bpmaker.giffy.me/userdata/user/47/47613/4/banner.png?1394519644" /></a></p><p style="text-align:center;margin:2px 0px 0px 0px;font-size:10px;padding:0;"><a style="text-decoration:none;margin:0;padding:0;" href="http://bpmaker.giffy.me/parts/userPartsId/279816/">可愛いハートとパンダ（？）</a></p>

<style> body, a, a:hover { cursor:url(http://media.tumblr.com/ad7a4357d27ac19e36a279cacf08f161/tumblr_inline_mrh9npvGc01qz4rgp.png), auto }</style><a>cursor by thetremblingofmyhand</a>

<!-- SCM Music Player http://scmplayer.net -->
<script type="text/javascript" src="http://scmplayer.net/script.js"
data-config="{'skin':'skins/aquaBlue/skin.css','volume':50,'autoplay':false,'shuffle':false,'repeat':1,'placement':'top','showplaylist':false,'playlist':[{'title':'BIGBANG %u4E0D%u826F%u5C11%u5E74','url':'https://www.youtube.com/watch?v=1qnV55LUFVM'},{'title':'BIGBANG %u7D20%u6674%u3089%u3057%u3044%u8D64%u3061%u3083%u3093','url':'https://www.youtube.com/watch?v=AAbokV76tkU'},{'title':'EXO_ %uC73C%uB974%uB801- %uAC70%uB9AC%uB294 %uC18C%uB9AC','url':'https://www.youtube.com/watch?v=I3dezFzsNss'},{'title':'BTS - %uB9C8%uBE0C %uB7EC%uBE0C %uC18C%uB144','url':'https://www.youtube.com/watch?v=hGPr9FwnmeY'},{'title':'BTS - %uB2E8 %uD558%uB8E8','url':'https://www.youtube.com/watch?v=dby_dkytzgI'},{'title':'%u30C1%u30E3%u30FC%u30EA%u30FCXCX - %u79C1%u304C%u597D%u304D%u306A%u3082%u306E','url':'https://www.youtube.com/watch?v=vfh626mxwNc'},{'title':'Gimme da pussy b0ss!','url':'https://www.youtube.com/watch?v=QDG8W6ZmS8I'},{'title':'%u30DF%u30C1%u30B9 - %u66F8%u304B%u308C%u305F%u611F%u60C5','url':'https://www.youtube.com/watch?v=CEsV2z1ymh8&index=3&list=PLOYzY7alC17i6lkXql78xx7mCTRxsgLWN'},{'title':'%u30CF%u30C3%u30D4%u30FC%u30D0%u30FC%u30B9%u30C7%u30FC%uFF01','url':'https://www.youtube.com/watch?v=dlr3Qz7XxYw&list=PLOYzY7alC17i6lkXql78xx7mCTRxsgLWN'},{'title':'%u30D1%u30F3%u30BA%u30E9%u30D3%u30EA%u30F3%u30B9 - %u30E9%u30E9%u30D0%u30A4','url':'https://www.youtube.com/watch?v=47mLY8vX3L0&list=PLOYzY7alC17i6lkXql78xx7mCTRxsgLWN'},{'title':'%u3055%u3086%u308A%u306E%u30C6%u30FC%u30DE - %u82B8%u8005%u306E%u56DE%u9867%u9332','url':'https://www.youtube.com/watch?v=ixob0q_QAY0&list=PLOYzY7alC17i6lkXql78xx7mCTRxsgLWN'}]}" ></script>
<!-- SCM Music Player script end -->


</html>
     
 
what is notes.io
  

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

     
 
Shortened Note Link
  
 
Looding Image
 
     
 
Long File
  
 

For written notes was greater than 18KB Unable to shorten.

To be smaller than 18KB, please organize your notes, or sign in.

  
     

Notes

I'm Feeling Lucky

repost for Instagram

Paste Keyboard iOS - Quick Replies

v 2.7.3

We'd love to hear from you. Please email us at [email protected]

Copyright 2022 Metromedya

ios uygulama geliştirme