Notes
Notes - notes.io |
<html>
<!--
SOLARE THEME BY KIMTYS.TUMBLR.COM
edit as much as you want but please don't hide or remove credits!
--
photoset: pixelunion (github.com)
video: shythemes (tumblr.com)
like & reblog button: mikedidthis (github.com)
smoothscroll: zacharyfury (tumblr.com)
infinite scroll: paulirish (github.com)
icons: stroke 7 (themes-pixeden.com)
masonry: desandro (masonry.desandro.com)
hover controls: shythemes (tumblr.com)
audio player color: roxiestheme (tumblr.com)
unnest captions: magnusthemes & neothms (tumblr.com)
new controls: cyantists (tumblr.com)
-->
<head>
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}" />
{block:Description}
<meta name="description" content="{MetaDescription}" />
{/block:Description}
<link rel="alternate" type="application/rss+xml" href="{RSS}" />
{block:Hidden}
<meta name="color:Background" content="#FFFFFF" />
<meta name="color:Captions" content="#F7F7F7" />
<meta name="color:Borders" content="#FFDBDB" />
<meta name="color:Text" content="#444444" />
<meta name="color:Links" content="#444444" />
<meta name="color:Links Hover" content="#444444" />
<meta name="color:Icons" content="#666666" />
<meta name="color:Accents 1" content="#FFD1CE" />
<meta name="color:Accents 1 Link" content="#444444" />
<meta name="color:Accents 2" content="#EEEEEE" />
<meta name="color:Accents 2 Link" content="#444444" />
<meta name="color:Text Accents" content="#FFD1CE" />
<meta name="if:Static Sidebar" content="1" />
<meta name="if:Captions" content="1" />
<meta name="if:Show Tags" content="1" />
<meta name="if:Static Tags" content="1" />
<meta name="if:Solid Accents" content="0" />
<meta name="if:Search Bar" content="0" />
<meta name="if:Like and Reblog" content="1" />
<meta name="if:Link Shadow" content="1" />
<meta name="if:Blockquote" content="1" />
<meta name="if:Hover Controls" content="1" />
<meta name="if:Back to Top" content="0" />
<meta name="if:Load More" content="0" />
<meta name="select:Post Size" content="450" title="450px" />
<meta name="select:Post Size" content="300" title="300px" />
<meta name="select:Post Size" content="330" title="330px" />
<meta name="select:Post Size" content="350" title="350px" />
<meta name="select:Post Size" content="370" title="370px" />
<meta name="select:Post Size" content="400" title="400px" />
<meta name="select:Post Size" content="430" title="430px" />
<meta name="select:Post Size" content="470" title="470px" />
<meta name="select:Post Size" content="500" title="500px" />
<meta name="select:Font" content="Barlow" title="Barlow">
<meta name="select:Font" content="Muli" title="Muli">
<meta name="select:Font" content="Roboto" title="Roboto">
<meta name="select:Font" content="Karla" title="Karla">
<meta name="select:Font" content="Scada" title="Scada">
<meta name="select:Font" content="PT Sans" title="PT Sans">
<meta name="select:Font" content="Work Sans" title="Work Sans">
<meta name="select:Font" content="Lato" title="Lato">
<meta name="select:Font" content="Lora" title="Lora">
<meta name="select:Cursor Hover" content="Help" title="Help">
<meta name="select:Cursor Hover" content="Pointer" title="Pointer">
<meta name="select:Cursor Hover" content="Default" title="Default">
<meta name="select:Cursor Hover" content="Crosshair" title="Crosshair">
<meta name="text:Blog Title" content="solare;" />
<meta name="text:Sidebar Width" content="150" />
<meta name="text:Posts Margin" content="150" />
<meta name="text:Home Title" content="home"/>
<meta name="text:Ask Title" content="message"/>
<meta name="text:Ask Link" content="/ask"/>
<meta name="text:Archive Title" content="archive"/>
<meta name="text:Menu Title" content="menu"/>
<meta name="text:Link 1" content=""/>
<meta name="text:URL 1" content="/"/>
<meta name="text:Link 2" content=""/>
<meta name="text:URL 2" content="/"/>
<meta name="text:Link 3" content=""/>
<meta name="text:URL 3" content="/"/>
<meta name="text:Link 4" content=""/>
<meta name="text:URL 4" content="/"/>
<meta name="text:Link 5" content=""/>
<meta name="text:URL 5" content="/"/>
<meta name="text:Link 6" content=""/>
<meta name="text:URL 6" content="/"/>
<meta name="text:Link 7" content=""/>
<meta name="text:URL 7" content="/"/>
<meta name="text:Link 8" content=""/>
<meta name="text:URL 8" content="/"/>
{/block:Hidden}
<link rel="stylesheet" href="https://static.tumblr.com/i5s2zks/6kOohwlux/pe-icon-7-stroke.css">
<link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
<link href="https://fonts.googleapis.com/css?family=Barlow:500,600,500i,600i|Work+Sans:400,600,400i,600i|Lato:400,700,400i,700i|PT+Sans:400,700,400i,700i|Source+Sans+Pro:400,600,400i,600i|Karla:400,700,400i,700i|Muli:400,700,400i,700i|Libre+Baskerville:400,700,400i|Scada:400,700,400i,700i|Merriweather:400,700,400i,700i|Lora:400,700,400i,700i|Rubik:400,500,400i,500i|Cousine:400,700,400i,700i" rel="stylesheet">
<style type="text/css">
/* TUMBLR CONTROLS */
iframe.tmblr-iframe {
z-index:99999999999999!important;top:0px!important;right:0!important;{block:ifHoverControls}opacity:0;padding-right:42px;{/block:ifHoverControls}{block:ifNotHoverControls}opacity:0.3;padding-right:0px;{/block:ifNotHoverControls}filter:invert(1) contrast(150%);-webkit-filter:invert(1) contrast(150%);-o-filter:invert(1) contrast(150%);-moz-filter:invert(1) contrast(150%);-ms-filter:invert(1) contrast(150%);transform:scale(0.65);transform-origin:100% 0;-webkit-transform:scale(0.65);-webkit-transform-origin:100% 0;-o-transform:scale(0.65);-o-transform-origin:100% 0;-moz-transform:scale(0.65);-moz-transform-origin:100% 0;-ms-transform:scale(0.65);-ms-transform-origin:100% 0;transition-duration: 0.3s;-moz-transition-duration: 0.3s;-webkit-transition-duration: 0.3s;-o-transition-duration: 0.3s; }
iframe.tmblr-iframe:hover {
opacity:0.3!important;transition-duration: 0.3s;-moz-transition-duration: 0.3s;-webkit-transition-duration: 0.3s;-o-transition-duration: 0.3s; }
.tumcon { position:fixed;z-index:99;top:15px;right:5px; }
.tumcon i {
font-size:12px;height:auto;margin-top:-9px;display:inline-block;overflow:hidden;color:{color:icons};-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border:1px solid {color:accents 2};background:{block:ifNotSolidAccents}rgba({RGBcolor:accents 2}, .4){/block:ifNotSolidAccents}{block:ifSolidAccents}{color:accents 2}{/block:ifSolidAccents};padding:3px 5px 0px 4px;font-family:lato;transition-duration: 0.3s;-moz-transition-duration: 0.3s;-webkit-transition-duration: 0.3s;-o-transition-duration: 0.3s;line-height:150%; }
.tumcon i:hover {
background:{block:ifNotSolidAccents}rgba({RGBcolor:accents 1}, .4){/block:ifNotSolidAccents}{block:ifSolidAccents}{color:accents 1}{/block:ifSolidAccents};border:1px solid {color:accents 1};
}
/* TOOLTIPS */
#s-m-t-tooltip {
max-width:350px;margin:25px 15px;padding:3px 8px 4px 8px;z-index:999999;font:9px '{select:font}';letter-spacing:0.3px;line-height:170%;text-align:justify;font-style:normal;text-transform:none;border:1px solid {color:accents 2};background:{block:ifNotSolidAccents}rgba({RGBcolor:accents 2}, .4){/block:ifNotSolidAccents}{block:ifSolidAccents}{color:accents 2}{/block:ifSolidAccents};-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; color:{color:accents 2 link}; }
/* SCROLLBAR & SELECTION */
::-webkit-scrollbar {
width:17px;height:17px;background:{color:background}; }
::-webkit-scrollbar-track {
border:8px solid {color:background};background:{color:captions}; }
::-webkit-scrollbar-thumb:vertical {
border:8px solid {color:background};background:{color:text accents};min-height:20px; }
::-webkit-scrollbar-thumb:horizontal {
border:8px solid {color:background};background:{color:text accents};min-height:20px; }
::-moz-selection { background:rgba({RGBcolor:text accents}, .5);color:#000; }
::selection { background:rgba({RGBcolor:text accents}, .5);color:#000; }
/* BODY */
body {
background: {color:background};color:{color:text};font-family: '{select:font}';font-size:11px;line-height:110%;letter-spacing:0px;text-align:justify;margin:0;padding:0; }
a {
color:{color:links};text-decoration:none; transition-duration: 0.3s;-moz-transition-duration: 0.3s;-webkit-transition-duration: 0.3s;-o-transition-duration: 0.3s; }
a:hover, a.tumblr_blog:hover {
color:{color:links hover}; cursor:{select:cursor hover}; transition-duration: 0.3s;-moz-transition-duration: 0.3s;-webkit-transition-duration: 0.3s;-o-transition-duration: 0.3s; }
b, strong, bold { font-weight:bold;font-size:100%; }
i, italic, em, oblique { font-style:italic;font-size:100%; }
h1 {
padding:13px 5px 13px 5px;border-bottom:1px solid {color:borders};font: bold 150% 'Lora', sans-serif;color:{color:text accents};text-align:center;letter-spacing:0px;font-style:italic;text-transform:none;line-height:170%;margin:3px 0 -1px 0; }
{block:ifLinkShadow}
h1 a {
box-shadow: 0 -3px {color:text accents} inset;color:{color:links}; }
h1 a:hover {
box-shadow: 0 0px {color:text accents} inset;color:{color:links hover}; }
{/block:ifLinkShadow}
h2, h3, h4, h5 {
padding:4px 1px 4px 1px;font: bold 100% 'Lora';text-align:center;letter-spacing:0.5px;text-transform:none;font-style:italic;line-height:120%;margin:2px 0 2px 0;background:{color:captions}; }
small, sub, sup, code, big { font-size:100%; }
pre, xmp, plaintext, listing {
width:97%;margin:5px 0 0 0;padding:5px;background:linear-gradient(rgba(0, 0, 0, .02),rgba(0, 0, 0, .02)), {color:captions};font-family:'Lora';font-size:100%;font-style:italic;line-height:170%;white-space:pre-wrap;word-wrap:break-word; }
ul, ol { margin:5px 0px 5px 15px; padding:0; }
ul { margin-left:0; list-style-type:none; }
ul li { padding:1px 0px 1px 20px; position:relative; text-align:left; }
ul li:before {
content:'—';top:1px;color:{color:text accents};left:0px;font-size:10px;position:absolute;display:block;font-family:sans-serif; }
hr {
border: 0;height: 1px;background:{color:borders};margin:10px 0 10px 0; }
/* POSTS */
#content {
{block:IndexPage}width:calc({select:post size}px + (10px*2));{/block:IndexPage}{block:PermalinkPage}width:500px;{/block:PermalinkPage}margin:0 500px;padding:100px 100px 0px 100px; }
.posts {
{block:IndexPage}width:{select:post size}px;{/block:IndexPage}{block:PermalinkPage}width:500px;{/block:PermalinkPage}margin:0px 0 {text:posts margin}px 0;padding:10px;position:relative;display:inline-block; }
{block:ifLoadMore}
{block:IndexPage}
.posts {
opacity:0;z-index:-1; }
{/block:IndexPage}
{/block:ifLoadMore}
.caption {
margin:1px 0 0 0;padding:5px 3px 5px 3px;background:{color:captions};line-height:170%; }
.caption img { margin-top:10px; }
blockquote.tumblr_parent {
margin:10px 10px 10px 10px;position: relative; }
blockquote.tumblr_parent p { margin:5px 0; }
blockquote.tumblr_parent p:last-of-type { margin-bottom:0; }
blockquote.tumblr_parent > a:first-of-type {
font-weight:bold;color:{color:accents 1 link};display:inline;background:{block:ifNotSolidAccents}rgba({RGBcolor:accents 1}, .4){/block:ifNotSolidAccents}{block:ifSolidAccents}{color:accents 1}{/block:ifSolidAccents}; padding:1px 4px 3px 4px;-moz-border-radius:3px;-webkit-border-radius:3px;margin-right:8px;border-radius:3px;border:1px solid {color:accents 1};box-shadow:none; }
blockquote.tumblr_parent > a:first-of-type:hover {
color:{color:accents 1 link}; }
{block:ifLinkShadow}
blockquote.tumblr_parent a {
box-shadow: 0 -3px {color:text accents} inset;color:{color:links}; }
blockquote.tumblr_parent a:hover {
box-shadow: 0 0px {color:text accents} inset;color:{color:links hover}; }
{/block:ifLinkShadow}
blockquote.tumblr_parent > p:first-of-type:before {
content:"";font-weight:normal;font-size:11px;font-family:sans-serif;color:rgba({RGBcolor:text accents}, .8);display:inline; }
blockquote.tumblr_parent > p:first-of-type { display:inline; }
blockquote.tumblr_parent > blockquote {
padding-left:13px;margin:7px 0 0 7px;{block:ifBlockquote}border-left:1px solid {color:text accents};margin-left:10px;{/block:ifBlockquote} }
blockquote.tumblr_parent > blockquote p:first-of-type {
display:inline; }
a.tumblr_blog { display:inline-block; }
blockquote { margin-left:0px; }
.tumblr_avatar {
margin-left:-25px;display: inline-block;vertical-align:middle;float:left;position:absolute;width:13px;height:13px;background:{color:accents 1};padding:2px;display:none; }
img.tumblr_avatar {
-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;width:13px;height:13px; }
.tg {
{block:IndexPage}width:{select:post size}px;{block:ifNotStaticTags}display:none;{/block:ifNotStaticTags}{block:ifStaticTags}{block:ifShowTags}display:block;{/block:ifShowTags}{block:ifNotShowTags}display:none;{/block:ifNotShowTags}{/block:ifStaticTags}{/block:IndexPage}{block:PermalinkPage}display:block;width:500px;{/block:PermalinkPage}position:relative;top:5px;padding:0px 0px 0 0px;text-transform:lowercase;color:{color:links};font-style:normal;font-size:9px;letter-spacing:0.3px;text-align:center;line-height:250%; }
.tg a { display:inline;border:1px solid {color:accents 2};background:{block:ifNotSolidAccents}rgba({RGBcolor:accents 2}, .4){/block:ifNotSolidAccents}{block:ifSolidAccents}{color:accents 2}{/block:ifSolidAccents};padding:2px 4px 3px 4px;margin:2px -2px 2px 5px;color:{color:accents 2 link};-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; }
.tg a:hover { border:1px solid {color:accents 1};background:{block:ifNotSolidAccents}rgba({RGBcolor:accents 1}, .4){/block:ifNotSolidAccents}{block:ifSolidAccents}{color:accents 1}{/block:ifSolidAccents}; }
.tg a:first-child { margin-left:0px; }
.tg i {
font-size:11px;padding:2px 3px 0px 2px;margin:0 0px 0 0px;color:{color:icons};font-family:lato;vertical-align:middle; }
.tag-commas:last-child { display: none; }
/* SIDEBAR */
.tit a { color:{color:accents 1 link};border:1px solid {color:accents 1};background:{block:ifNotSolidAccents}rgba({RGBcolor:accents 1}, .4){/block:ifNotSolidAccents}{block:ifSolidAccents}{color:accents 1}{/block:ifSolidAccents}; padding:4px 5px 4px 5px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;font-weight:bold;text-transform:none;font-size:13px;letter-spacing:0px;word-spacing:2px;margin-top:10px;font-style:italic;text-align:right;font-family:'Lora';line-height:220%;white-space:nowrap;overflow:hidden;line-height:170%; }
.tit a:hover { color:{color:accents 1 link}; }
.desc {
width:{text:sidebar width}px;word-wrap:break-word;padding:5px 1px;font-size:11px;text-transform:none;text-align:right;font-family:{select:font}, sans-serif;word-spacing:2px;margin-bottom:4px;margin-top:6px;color:{color:text};display:block;float:right;line-height:170%; }
{block:ifLinkShadow}
.desc a {
box-shadow: 0 -3px {color:text accents} inset;color:{color:links}; }
.desc a:hover {
box-shadow: 0 0px {color:text accents} inset;color:{color:links hover}; }
{/block:ifLinkShadow}
.menu {
margin-left:calc(500px - 70px);top:230px;position:fixed;padding:0px 0px;line-height:100%;font:7px {select:font}, sans-serif;font-weight:normal;letter-spacing: 0.5px;text-transform:uppercase;text-align:center;word-wrap:break-word;}
.menu:before {
content:"";width:1px;height:60px;bottom:0;position:relative;display:inline-block;background:{color:borders}; }
.menu:after {
content:"";width:1px;height:60px;bottom:0;position:relative;display:inline-block;background:{color:borders}; }
.sidebar i, .menu i {
-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font-size:10px;padding:4px 4px 2px 4px;margin:0 1px 0 1px;color:{color:icons}; }
.links { display:block;text-align:right;float:right;width:{text:sidebar width}px;line-height:170%;}
.links a {
color:{color:links};word-wrap:break-word;text-transform:none;font-size:9px;letter-spacing:0px; }
.menu a:hover, .links a:hover {
color:{color:links hover}; }
#lol { display:none; }
#lol:checked + label > .slide {
margin-top:-3px;transform: rotate(180deg); }
.slide:hover { cursor:{select:cursor hover}; }
.menu ul { list-style-type:none; }
.menu li { margin:16px 1px;display:block;list-style-type:none;}
ul.links { margin:0 0 0 0; padding:0; }
ul.links { margin-left:0; list-style-type:none; }
ul.links li {display:inline-block;}
ul.links li a { padding:0px 5px 0px 5px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;color:{color:accents 2 link};border:1px solid {color:accents 2};background:{block:ifNotSolidAccents}rgba({RGBcolor:accents 2}, .4){/block:ifNotSolidAccents}{block:ifSolidAccents}{color:accents 2}{/block:ifSolidAccents};word-wrap:break-word;text-transform:none;font-size:9px;letter-spacing:0.3px; display:inline-block;margin:1px 0px 2px -17px;transition-duration: 0.3s;-moz-transition-duration: 0.3s;-webkit-transition-duration: 0.3s;-o-transition-duration: 0.3s; }
ul.links li a:hover { background:{block:ifNotSolidAccents}rgba({RGBcolor:accents 1}, .4){/block:ifNotSolidAccents}{block:ifSolidAccents}{color:accents 1}{/block:ifSolidAccents};border:1px solid {color:accents 1};color:{color:accents 2 link};transition-duration: 0.3s;-moz-transition-duration: 0.3s;-webkit-transition-duration: 0.3s;-o-transition-duration: 0.3s; }
ul.links li:before { content:''; }
.box {
margin-top:170px;position:fixed;margin-left:calc((500px - 80px) - ({text:sidebar width}px + 200px));text-align:right;line-height:170%; }
{block:ifNotStaticSidebar}
.box2 {
margin-top:170px;margin-left:calc((500px - 80px) - ({text:sidebar width}px + 200px));width:calc({text:sidebar width}px + 80px);height:300px;margin-right:300px;position:fixed;z-index:10;transition: all 0.6s ease; }
{/block:ifNotStaticSidebar}
#fade-in {
text-align:right;width: calc({text:sidebar width}px + {block:ifNotStaticSidebar}30px{/block:ifNotStaticSidebar}{block:ifStaticSidebar}80px{/block:ifStaticSidebar});{block:ifNotStaticSidebar}opacity:0;{/block:ifNotStaticSidebar}{block:ifStaticSidebar}opacity:1;{/block:ifStaticSidebar}transition: all 0.6s ease;display:block; }
#fade-in.show {
opacity: 1;width: calc({text:sidebar width}px + 80px); }
#fade-on {
width:calc({text:sidebar width}px + 80px);text-align:right;display:block;{block:ifNotStaticSidebar}opacity:0;{/block:ifNotStaticSidebar}{block:ifStaticSidebar}opacity:1;{/block:ifStaticSidebar}transition-delay: 0.75s ease-in;-moz-transition-duration:0.5s;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;transition: all 0.6s ease-out; }
#fade-on.show {
opacity: 1;width:calc({text:sidebar width}px + 80px); }
.box2.show { width:0px; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
input-placeholder { color:rgba({RGBcolor:text}, .5); }
input::-webkit-input-placeholder { color:rgba({RGBcolor:text}, .5); }
input::-moz-placeholder { color:rgba({RGBcolor:text}, .5); }
input:-moz-placeholder { color:rgba({RGBcolor:text}, .5); }
input:-ms-input-placeholder { color:rgba({RGBcolor:text}, .5); }
.srch {
display:none;outline:none;float:right;text-align:right;padding:0;color:{color:text}; }
.srch i { float:left;display:inline; }
.srch input {
border:none;padding:3px 5px 4px 5px;display:block;color:{color:text};border:none;outline:none;display:inline-block;font-family:'{select:font}';width:{text:sidebar width}px;background:transparent;font-size:10px;text-align:right;transition-duration: 0.3s;-moz-transition-duration: 0.3s;-webkit-transition-duration: 0.3s;-o-transition-duration: 0.3s;line-height:170%; }
.srch input:focus {
transition-duration: 0.3s;-moz-transition-duration: 0.3s;-webkit-transition-duration: 0.3s;-o-transition-duration: 0.3s; }
/* IMAGE */
.posts img {
max-width:100%;height:auto; }
#photo img { width:100%; display:block; }
/* PHOTOSET */
.tmblr-lightbox { background:rgba({RGBcolor:background}, .7)!important; }
.vignette, .lightbox-caption { opacity:0!important; }
.lightbox-image {
border-radius:0px!important;-webkit-border-radius:0px!important;-moz-border-radius:0px!important;box-shadow:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important; }
/* VIDEO */
.video, .video iframe { overflow:hidden; }
/* AUDIO */
#art {
height: 50px;width: 50px;background:{color:captions};float:right;margin-top:0px;padding:5px;margin-left:-1px; }
#art img {
height: 50px; width:50px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; }
.audio {
position:absolute;display:inline-block;left:24px;top:24px; }
#player {
z-index:999;width:27px;height:27px;left:0;top:0;line-height:0;overflow:hidden;position:absolute; }
#info {
display:inline-block;margin-left:0;text-align:center;padding:4px 5px 4px 10px;height:52px;line-height:150%;overflow:scroll;overflow:auto;display:block;background:{color:captions};text-transform:none;font-size:90%;word-spacing:1px;letter-spacing:0px;color:rgba({RGBcolor:text}, .7); }
.infox {
position: relative;top: 50%;max-height:50px;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); }
#info span.song {
display:block;font-weight:bold;font-family:'Lora';font-style:italic;font-size:130%;margin-right:3px;margin-bottom:2px;color:{color:text};white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
iframe.soundcloud_audio_player {
{block:IndexPage}width:{select:post size}px;{/block:IndexPage}{block:PermalinkPage}width:500px;{/block:PermalinkPage}height:auto;display:block; }
/* ASK */
#ques { display:table;width:100%; }
#quesi {
width:30px; display:table-cell; vertical-align:middle; }
#quesa {
padding:10px;display:table-cell; vertical-align:middle;background:{color:captions};line-height:170%; }
#quesa img {
-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;width:25px;height:25px;float:left;margin-top:0px;margin-right:10px;display:inline-block;padding:2px;background:{color:accents 1}; }
#quesa span {
display:block;margin-bottom:-1px;font-family:'Lora';font-size:110%;text-transform:none;font-style:italic;letter-spacing:0px; }
#quesa b { font-weight:bold; color:{color:links};}
#ans {
padding:1px 10px 1px 10px;background:{color:background}; }
{block:ifLinkShadow}
#ans a {
box-shadow: 0 -3px {color:text accents} inset;color:{color:links}; }
#ans a:hover {
box-shadow: 0 0px {color:text accents} inset;color:{color:links hover}; }
{/block:ifLinkShadow}
/* QUOTE */
#quote {
font-size:140%;text-align:center;padding:10px;background:{color:captions};font-family:'Lora'; line-height:150%;font-style:italic; }
#source {
padding:7px;background:{color:background};text-align:center;margin-top:5px; }
{block:ifLinkShadow}
#source a {
box-shadow: 0 -3px {color:text accents} inset;color:{color:links}; }
#source a:hover {
box-shadow: 0 0px {color:text accents} inset;color:{color:links hover}; }
{/block:ifLinkShadow}
/* CHAT */
.lines {
margin:0;line-height:170%; }
.lines .line {
background:{color:captions};padding: 4px 4px 4px 4px;border-top:0px solid {color:background};border-bottom:1px solid {color:background}; }
.lines .line.even { background:{color:background}; }
.lines b {
color:{color:text accents};margin-right:3px;padding:2px 5px 2px 5px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; }
/* PERMALINK */
.perma {
margin:0 0 0 0;color:{color:upperlinks};text-transform:uppercase;font:8px {select:font};letter-spacing:0px;padding:13px 0px 6px 0px;text-align:center;word-wrap:break-word;line-height:140%;transition:all .9s ease-in-out;-webkit-transition:all .9s ease-in-out;-o-transition:all .9s ease-in-out;-moz-transition:all .9s ease-in-out;{block:IndexPage}{block:ifnotbottompermalink}display:none;{/block:ifnotbottompermalink}{/block:IndexPage} }
.perma i {
-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font-size:8px;padding:4px 4px 2px 4px;margin:0 2px 0 2px;color:{color:icons};font-family:lato; }
#permalinks { display:inline; }
#permalinks a {
padding:0 0 0 0; margin:0 0px 0 0px; font-weight:bold;display:inline-block;text-transform:uppercase; font:8px {select:font};letter-spacing:0px;border-bottom:none; }
#permalinks a:hover {
color:{color:links hover};border-bottom:none; }
#controls:before {
content:"";width:100px;height:1px;bottom:0;top:-3px;position:relative;margin-right:5px;display:inline-block;background:{color:borders}; }
#controls:after {
content:"";width:100px;height:1px;bottom:0;top:-3px;position:relative;margin-left:5px;display:inline-block;background:{color:borders}; }
#controls a:hover {
color:{color:links hover};border-bottom:none; }
#controls a { border-bottom:none; }
#controls { display:inline-block; text-align:center;}
#controls li {
fill:{color:icons};font-size:8px;padding:0 0 0 0;margin:0 0 0 0;color:{color:icons};font-family:lato; }
#controls ul { margin-left:0; list-style-type:none; }
#controls li {
position:relative;display:inline-block;margin:0 0 0 0px; }
.bott a { color:{color:upperlinks}; }
.bott a:hover {
color:{color:links hover};border-bottom:none; }
.notes { display:inline-block; }
.notes a {
display:inline-block;font-size:8px;letter-spacing:0.5px;{block:iflikeandreblog}margin:0;{/block:iflikeandreblog} }
.like_button {
position: absolute;top: -3px;left: 4px;right: 0;bottom: 0;width: 15px;height: 15px;opacity: 0;z-index: 10;cursor:{select:cursor hover} }
.like_button iframe { width: 100%; height: 100%; }
.lk {
display:inline-block;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;z-index: 1;color:{color:icons};cursor:{select:cursor hover}; }
.like_button:hover + .lk {
color:{color:icons};cursor:{select:cursor hover}; }
.like_button.liked + .lk { color:#ff0800; }
/* NOTES */
|
|
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
