NotesWhat is notes.io?

Notes brand slogan

Notes - notes.io

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

<!--THEME 19 BY CRAYONTHEMES. Keep the credit visible. You may edit for your liking. Please like/reblog the post! Thanks! -->

<head>

<title>{Title}</title>

{block:Description}
<meta name="description" content="{MetaDescription}" />
{/block:Description}

<link rel="shortcut icon" href="{Favicon}" />
<link rel="alternate" type="application/rss+xml" href="{RSS}" />


<meta name="color:Background" content="#FFFFFF"/>
<meta name="color:Post" content="#FBFBFB"/>
<meta name="color:Sidebar" content="#FBFBFB"/>
<meta name="color:Ask Background" content="#EAEAEA"/>
<meta name="color:Link" content="#999999"/>
<meta name="color:Hover" content="#454545"/>
<meta name="color:Text" content="##999999"/>
<meta name="color:Scrollbar" content="#D6D5D5"/>
<meta name="color:Border" content="#FAFAFA"/>
<meta name="color:Selection Text" content="#303030"/>

<meta name="image:Sidebar" content=""/>

<meta name="text:Title" content="SLEEP"/>
<meta name="text:Link One URL" content="URL"/>
<meta name="text:Link One" content="Extra Link"/>
<meta name="text:Link Two URL" content="URL"/>
<meta name="text:Link Two" content="Extra Link"/>
<meta name="text:Link Three URL" content="URL"/>
<meta name="text:Link Three" content="Extra Link"/>

<meta name="if:250px" content="0">
<meta name="if:400px" content="1">
<meta name="if:500px" content="0">
<meta name="if:Fade Images" content="1">
<meta name="if:Monochrome Posts" content="1">




<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>

<script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>


<script>

(function($){

$(document).ready(function(){

$("a[title]").style_my_tooltips({

tip_follows_cursor:true,

tip_delay_time:90,

tip_fade_speed:600,

attribute:"title"

});

});

})(jQuery);

</script>

<link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>



<style type="text/css">



body {
background-color:{color:Background};
font-family:helvetica, sans-serif;
font-size:9px;
font-weight:normal;
line-height:100%;
word-wrap:break-word;
}



a {
color:{color:link};
text-decoration:none;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
}

a:hover {
color:{color:hover};
text-decoration:none;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
}


::selection {
color:{color:Selection Text};
background:transparent;
}

::-moz-selection {
color:{color:Selection Text};
background:transparent;
}


::-webkit-scrollbar {
background-color:{color:Background};
height:8px;
width:5px;
}

::-webkit-scrollbar-thumb:vertical {
background-color:{color:Scrollbar};
height:50px;
}

::-webkit-scrollbar-thumb:horizontal {
background-color:{color:Scrollbar};
height:8px!important
}

.tooltip{
display: inline;
position: relative;
}

#s-m-t-tooltip {
max-width:200px;
border-radius: 0px;
padding:4px;
margin:20px 7px -2px 20px;
background-color:{color:sidebar};
font-family:arial;
font-size:7px;
letter-spacing:1px;
line-height:12px;
text-align:center;
text-transform:uppercase;
color:{color:Text};
z-index:999999999999999999999999999999;
}



i, em {
font-style:italic;
}

b, strong {
font-weight:600;
}

sup, sub, small, code {
font-size:9px;
font-family:arial, sans-serif;
line-height:11px;
}

pre {
padding:2px 3px;
font-size:9px;
font-family:consolas, sans-serif;
background:{color:Background};
}


blockquote {
border-left:1px solid {color:Border};
padding-left:5px;
margin:0px 10px 0px 15px;
}

blockquote blockquote {
border-left:1px solid {color:Border};
padding-left:5px;
margin:0px 10px 0px 15px;
}

blockquote img {
max-width:100% !important;
}

blockquote blockquote img {
max-width:75% !important;
}

img {
border:none !important;
}

h1 {
font-size:20px;
font-weight:normal;
line-height:100%;
}

h2 {
font-size:18px;
font-weight:normal;
line-height:100%;
}


/*WRAP*/


#wrap {
width:950px;
margin:0px auto 0px auto;
}


#posts {
width:540px;
margin:0px 0px 50px;
}


#sidebar {
position:fixed;
margin:100px 0 0 580px;
-webkit-transition: all .8s ease-in-out;
-moz-transition: all .8s ease-in-out;
-ms-transition: all .8s ease-in-out;
-o-transition: all .8s ease-in-out;
transition: all .8s ease-in-out;
}



/*SIDEBAR*/


#sidebarimage1 {
position:fixed;
margin-top:15px;
margin-left:0px;
height:150px;
width:200px;
padding:5px;
border:1px solid {color:sidebar};
background:{color:Sidebar};
overflow:hidden;
}

#sidebarimage1 img {
width:200px;
height:150px;
}

#tit {
font-family:arial;
font-weight:600;
font-size:25px;
line-height:50px;
height:25px;
width:220px;
text-transform:uppercase;
position:fixed;
text-align:right;
border-bottom:1px solid {color:sidebar};
margin-left:0px;
margin-top:170px;
color:{color:Sidebar};
-webkit-transition: all .8s ease-in-out;
-moz-transition: all .8s ease-in-out;
-ms-transition: all .8s ease-in-out;
-o-transition: all .8s ease-in-out;
transition: all .8s ease-in-out;
}


#tit1 {
padding:0 5px 0 5px;
letter-spacing:5px;
margin:0;
background:{color:background};
color:{color:hover};
}



.homies {
position:fixed;
margin-top:0px;
margin-left:0px;
width:210px;
height:0px;
padding:0px;
-webkit-transition: all .8s ease-in-out;
-moz-transition: all .8s ease-in-out;
-ms-transition: all .8s ease-in-out;
-o-transition: all .8s ease-in-out;
transition: all .8s ease-in-out;
}

.b {
position:fixed;
width:210px;
height:1px;
background:white;
margin-top:3px;
margin-right:-10px;
z-index:-33;
position:fixed;
-webkit-transition: all .8s ease-in-out;
-moz-transition: all .8s ease-in-out;
-ms-transition: all .8s ease-in-out;
-o-transition: all .8s ease-in-out;
transition: all .8s ease-in-out;
}

.homies a {
display:inline-block;
border:1px solid white;
width:5px;
height:5px;
background:{color:Sidebar};
border:1px solid {color:Sidebar};
}


.homies a:hover {
box-shadow:inset 10px 10px {color:Hover},
inset -10px -10px {color:Hover};
-webkit-box-shadow:inset 10px 10px {color:Hover},
inset -10px -10px {color:Hover};
}


#description:hover {
opacity:.7;
}

#description {
position:fixed;
margin-top:16px;
margin-left:1px;
width:198px;
height:148px;
overflow:auto;
padding:5px;
text-align:center;
letter-spacing:1px;
font-family:helvetica, sans-serif;
font-size:10px;
color:{color:Text};
background:{color:Sidebar};
opacity:0;
border:1px solid {color:Sidebar};
-webkit-transition: all .8s ease-in-out;
-moz-transition: all .8s ease-in-out;
-ms-transition: all .8s ease-in-out;
-o-transition: all .8s ease-in-out;
transition: all .8s ease-in-out;
}



.pagi {
margin-top:250px;
width:215px;
font-size:8px;
font-family:calibri;
text-transform:uppercase;
letter-spacing:3px;
font-style:normal;
line-height:90%;
padding:5px;
text-align:center;
}

.pagi a {
color:{color:link};
}

/*POSTS*/


.posts {
{block:if250px}
width:250px;
{/block:if250px}
{block:if400px}
width:400px;
{/block:if400px}
{block:If500px}
width:500px;
{/block:If500px}
margin-top:45px;
margin-left:auto;
margin-right:auto;
font-size:11px;
line-height:11px;
text-align:justify;
color:{color:text};
padding:10px;
background:{color:Post};
}


.photo, .photoset, .video,.posts img {
{block:ifmonochromeposts}
-webkit-filter:grayscale(100%);
{/block:ifmonochromeposts}
{block:iffadeimages}
opacity:.75;
{/block:iffadeimages}
max-width:100%;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}

.photo:hover, .photoset:hover, .video:hover,.posts img:hover {
{block:ifmonochromeposts}
-webkit-filter:grayscale(25%);
{/block:ifmonochromeposts}
{block:iffadeimages}
opacity:.95;
{/block:iffadeimages}
}


.posttitle {
font-size:17px;
font-family:'arial', sans-serif;
font-weight:bold;
text-align:left;
letter-spacing:0px;
line-height:100%;
}

#quote {
font-family:arial;
font-size:16px;
font-weight:normal;
text-align:left;
line-height:16px;
padding:5px;
border-right:2px solid #eee;
background:#fefefe;
}

.qsource {
margin-top:5px;
text-align:left;
font-size:11px;
}

#asker {
text-transform:uppercase;
font-weight:200;
font-size:9px;
text-align:left;
letter-spacing:0px;
color:{color:text};
margin-bottom:3px;
}

.ask {
padding:3px;
text-align:left;
color:{color:Text};
background-color:{color:Ask Background};
font-family:arial;
border:1px solid {color:Ask Background};
}

.ans {
text-align:left;
color:{color:text};
}

.ans img {
max-width:100% !important;
}


#audio {
width:100%;
height:50px;
}

#playerbox {
width:50px;
height:50px;
margin-top:0px;
margin-left:0px;
position:absolute;
background:#fff;
border:2px solid {color:Post};
}

.tumblr_audio_player {
top:15px;
left:15px;
position:absolute;
width:20px;
height:20px;
overflow:hidden;
}

#audioinfo {
margin-right:0px;
margin-left:54px;
margin-top:0px;
width:auto;
height:40px;
border-top:2px solid {color:Post};
border-bottom:2px solid {color:Post};
border-right:2px solid {color:Post};
background:#ffffff;
line-height:13px;
font-size:10px;
padding:5px 5px 5px 15px;
}

.postinfo {
{block:if250px}
width:250px;
{/block:if250px}
{block:if400px}
width:400px;
{/block:if400px}
{block:if500px}
width:500px;
{/block:if500px}
background:{color:Post};
padding:5px 10px 5px 10px;
margin-top:1px;
margin-left:auto;
margin-right:auto;
font-size:7px;
font-family:'pixel', sans-serif;
color:{color:link};
text-transform:uppercase;
font-style:normal;
letter-spacing:2px;
text-align:left;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
}

.postinfo a {
color:{color:link};
text-align:center;
letter-spacing:1px;
font-style:normal;
padding-left:2px;
padding-right:2px;
padding-top:1px;
padding-bottom:1px;
}

.postinfo a:hover {
color:{color:hover};
}


.tags {
font-style:normal;
width:500px;
text-transform:uppercase;
background:transparent;
font-style:normal;
color:{color:text};
letter-spacing:2px;
line-height:120%;
font-size:8px;
text-align:left;
padding:2px;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
}

.tags a {
color:{color:text};
letter-spacing:1px;
padding:1px;
}

.tags a:hover {
color:{color:link};
}

.chat ol, .chat li {
list-style:none;
margin:0px;
padding:2px;
}

ul.chat{
list-style:none;
margin:0px;
padding:2px;
}

.label {
text-decoration:bold;
font-weight:700;
margin-right:5px;
}


.notes {
text-transform:uppercase;
font-style:normal;
letter-spacing:0px;
font-size: 8px;
font-family:arial;
text-align:left;
margin-top:5px;
margin-left:auto;
margin-right:auto;
{block:if250px}
width:250px;
{/block:if250px}
{block:if400px}
width:400px;
{/block:if400px}
{block:if500px}
width:500px;
{/block:if500px}
padding:0px 5px;
}

.notes img {
display:none;
}

ol.notes {
{block:if250px}
width:250px;
{/block:if250px}
{block:if400px}
width:400px;
{/block:if400px}
{block:if500px}
width:500px;
{/block:if500px}
padding:0 3px;
margin:8px 0 0 0;
}

.notes li {
list-style-type:none;
padding:5px 0 3px 0;
line-height:10px;
text-align:left;
margin:5px auto 5px auto;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
}




{CustomCSS}

</style>



</head>



<body>

<div id="wrap">

<div id="sidebar">

<div id="sidebarimage1"><img src="{image:Sidebar}"></div>

<div class="homies"><div class="b"></div>
<a href="/" title="home"></a>
<a href="/ask" title="message"></a>
<a href="{text:Link One URL}" title="{text:Link One}"></a>
<a href="{text:Link Two URL}" title="{text:Link Two}"></a>
<a href="{text:Link Three URL}" title="{text:Link Three}"></a>
</div>

<div id="tit"><span id="tit1">{text:Title}</span></div>

<div id="description">{Description}</div>


{block:Pagination}
<div class="pagi">
{block:PreviousPage}
<a href="{PreviousPage}">Prev</a>
{/block:PreviousPage}
&nbsp;&ndash;&nbsp;
{block:NextPage}
<a href="{NextPage}">Next</a>
{/block:NextPage}
</div>
{/block:Pagination}



</div>

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

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

<div class="posts">

{block:Text}
{block:Title}<div class="posttitle">{Title}</div>{/block:Title}
{Body}
{/block:Text}

{block:Quote}
<div id="quote">“{Quote}”</div>
{block:Source}<div class="qsource">{Source}</div>{/block:Source}
{/block:Quote}

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

{block:Photo}<div class="photo">
{block:if250px}<center><img src="{PhotoURL-250}" width="250"/></center>{/block:if250px}
{block:if400px}<center><img src="{PhotoURL-400}" width="400"/></center>{/block:if400px}
{block:if500px}<center><img src="{PhotoURL-500}" width="500"/></center>{/block:if500px}
</div>
{block:Caption}{Caption}{/block:Caption}
{/block:Photo}

{block:Photoset}<div class="photoset">
{block:if250px}<center>{Photoset-250}</center>{/block:if250px}
{block:if400px}<center>{Photoset-400}</center>{/block:if400px}
{block:if500px}<center>{Photoset-500}</center>{/block:if500px}
</div>{block:Caption}{Caption}{/block:Caption}
{/block:Photoset}

{block:Chat}
<ul class="chat">
{block:Title}<div class="posttitle">{Title}</div>{/block:Title}
{block:Lines}<li>{block:Label}
<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}

{block:Video}<div class="video">
{block:if250px}{Video-250}{/block:if250px}
{block:if400px}{Video-400}{/block:if400px}
{block:if500px}{Video-500}{/block:if500px}
</div>{block:Caption}{Caption}{/block:Caption}
{/block:Video}

{block:Answer}<div class="ask">
<div id="asker"><b>From {Asker}</b></div>
<div id="question">{Question}</div></div>
<div class="ans">{Answer}</div>{/block:answer}

{block:Audio}<div id="audio">
<div id="playerbox"><div id="audiop">{AudioPlayerWhite}</div></div>
<div id="audioinfo">
{block:TrackName}<b>Title:</b> {TrackName}<br>{/block:TrackName}
{block:Artist}<b>Artist:</b> {Artist} <br>{/block:Artist}
{block:PlayCount}<b>Plays:</b> {PlayCountWithLabel}{/block:PlayCount}</div>
</div>{block:Caption}{Caption}{/block:Caption}
{/block:Audio}

</div>

{block:IndexPage}
{block:Date}
<div class="postinfo">
<a href="{Permalink}" title="{TimeAgo}">{12Hour}:{Minutes}{AmPm}</a>
{/block:Date}
<a href="{ReblogURL}" target="_blank" style="float:right;">reblog</a></div>
{/block:IndexPage}

{block:PermalinkPage}
<div class="postinfo">
{block:Date}posted {TimeAgo}{/block:Date} with <a href="{Permalink}">
{NoteCountWithLabel}</a>
{block:RebloggedFrom}<br>via:<a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> source:<a href="{ReblogRootURL}" title="{ReblogRoottitle}">{ReblogRootName}</a>{/block:RebloggedFrom}
<br>
{block:HasTags}
{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}
</div>
{block:PostNotes}
<div class="notes"><p><i>notes</i></p><br>
{PostNotes}</div>{/block:PostNotes}

{/block:PermalinkPage}


{/block:Posts}


</div>

</div>

<div class="cred" style="position:fixed; bottom:0px; right:0px; padding:5px; font-family:calibri; font-size:9px; font-style:italic;"><a href="https://crayonthemes.tumblr.com">thm.</a></div>
</body>
</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