Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <!--
- _________________________
- | |
- | hello hacker fucker |
- | this is matt furniss |
- | heres the deal. |
- | if you hack this game |
- | i will find you |
- | where ever you are |
- | and break your legs |
- | and thats a promise |
- |_________________________|
- 100 letters by jean @ hazuknagisa.tumblr.com
- hazuknagisa.tumblr.com/tou
- v. 2018/01/02
- -->
- <head>
- <title>{block:PostSummary}{PostSummary} | {/block:PostSummary}{block:TagPage}#{Tag} | {/block:TagPage}{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}"/>
- <!-- CUSTOMIZATION -->
- {block:Hidden}
- <!-- IMAGES -->
- <meta name="image:background"/>
- <!-- COLORS -->
- <meta name="color:background"/>
- <meta name="color:text"/>
- <meta name="color:link"/>
- <!-- BOOLEANS -->
- <meta name="if:photo hover effect"/>
- <meta name="if:show avatar"/>
- <!-- FORMS -->
- <meta name="text:link 1"/>
- <meta name="text:link 1 url"/>
- <meta name="text:link 2"/>
- <meta name="text:link 2 url"/>
- <meta name="text:link 3"/>
- <meta name="text:link 3 url"/>
- <meta name="text:link 4"/>
- <meta name="text:link 4 url"/>
- <meta name="text:link 5"/>
- <meta name="text:link 5 url"/>
- {/block:Hidden}
- <!-- END CUSTOMIZATION -->
- <!-- FONTS (levien.com, forthehearts.net, fontawesome.io) -->
- <link href="https://fonts.googleapis.com/css?family=Inconsolata|Playfair+Display:400" rel="stylesheet">
- <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
- <!-- FONTS END -->
- <!-- JQUERY (google hosted libraries) -->
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- {block:IndexPage}<script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>{/block:IndexPage}
- <script>
- $(document).ready(function(){
- // MASONRY
- $('#posts').masonry(),
- $('.masonryWrap').infinitescroll({
- itemSelector:".post",
- navSelector:"div.navigation",
- nextSelector:".navigation a#next",
- bufferPx:10000,
- extraScrollPx:10000,
- loadingImg:"<em></em>",
- loadingText:"<em></em>"
- },
- function(){
- $('#posts').masonry({
- appendedContent:$(this)
- });
- });
- // END MASONRY
- // SCROLL BACK TO TOP
- $(function(){
- $window=$(window);
- $link=$("#mbTop");
- $link.click(function(){
- $("html, body").animate({
- scrollTop:0
- },
- "slow")
- });
- $window.scroll(function(){
- if($window.scrollTop()<=0){
- $link.fadeOut("slow")
- }
- else{
- $link.fadeIn("slow")
- }
- })
- });
- // END SCROLL BACK TO TOP
- // TOOLTIPS
- $("[title]").style_my_tooltips({
- attribute:"title",
- tip_delay_time:100,
- tip_fade_speed:100,
- tip_follows_cursor:true
- });
- // END TOOLTIPS
- });
- </script>
- <!-- END JQUERY -->
- <!-- INFINITE SCROLL (infinite-scroll.com) -->
- {block:IndexPage}
- <script src="http://static.tumblr.com/twte3d7/qNulm663d/infinite.js"></script>
- {/block:IndexPage}
- <!-- END INFINITE SCROLL -->
- <!-- MASONRY (masonry.desandro.com) -->
- {block:IndexPage}
- <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
- {/block:IndexPage}
- <!-- END MASONRY -->
- <!-- TOOLTIPS (manos.malihu.gr) -->
- <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
- <!-- END TOOLTIPS -->
- <style type="text/css">
- /* HTML */
- body {
- background:{color:background} url({image:background}) top left fixed repeat;
- color:{color:text};
- text-align:justify;
- font:normal normal 12px/135% 'segoe ui', arial, sans-serif;
- cursor:default;
- }
- a, a:visited {
- color:{color:link};
- text-decoration:none;
- cursor:pointer;
- transition:0.3s ease;
- -webkit-transition:0.3s ease;
- -moz-transition:0.3s ease;
- -o-transition:0.3s ease;
- }
- a:active, a:hover { color:{color:text}; }
- big { font-size:14px; }
- blockquote {
- margin-right:0;
- margin-left:10px;
- border-left:solid 1px {color:text};
- }
- blockquote, code, iframe, img, li, pre {
- max-width:100%;
- text-decoration:none;
- opacity:1;
- }
- blockquote, ol ol, ol ul, ul ol, ul ul { padding-left:10px; }
- code {
- background:#f9f9f9;
- font-family:inconsolata, monospace;
- word-break:break-all;
- border:1px solid #ccc;
- padding:2px;
- border-radius:2px;
- -webkit-border-radius:2px;
- -moz-border-radius:2px;
- }
- h1, h2, h3, h4, h5, h6 {
- margin:0;
- color:#000;
- font-family:'playfair display', georgia, serif;
- font-weight:normal;
- line-height:110%;
- }
- .link h1 { padding-bottom:8.1px; }
- h1 { font-size:24px; }
- h2 { font-size:22px; }
- h3 { font-size:20px; }
- h4 { font-size:18px; }
- h5 { font-size:16px; }
- h6 { font-size:14px; }
- hr {
- height:1px;
- background:{color:text};
- border:0;
- }
- img { max-width:100%; }
- p:first-child {
- margin-top:0;
- -webkit-margin-before:0;
- }
- p:last-child {
- margin-bottom:0;
- -webkit-margin-after:0;
- }
- p:only-child {
- margin-top:0;
- margin-bottom:0;
- -webkit-margin-before:0;
- -webkit-margin-after:0;
- }
- pre {
- background:transparent;
- font-family:inconsolata, monospace;
- word-break:break-all;
- white-space:normal;
- }
- small { font-size:10px; }
- /* END HTML */
- /* PSEUDO */
- ::-webkit-scrollbar {
- background:{color:background};
- width:13px;
- height:13px;
- }
- ::-webkit-scrollbar-thumb {
- background:{color:text};
- border:6px solid {color:background};
- }
- ::-webkit-scrollbar-track {
- background:#ccc;
- border:6px solid {color:background};
- }
- .askcontainer::-webkit-scrollbar {
- background:{color:background};
- width:1px;
- height:1px;
- }
- .askcontainer::-webkit-scrollbar-thumb { border:none; }
- .askcontainer::-webkit-scrollbar-track {
- background:transparent;
- border:none;
- }
- .trackdetails::-webkit-scrollbar {
- background:{color:background};
- width:1px;
- height:1px;
- }
- .trackdetails::-webkit-scrollbar-thumb { border:none; }
- .trackdetails::-webkit-scrollbar-track {
- background:transparent;
- border:none;
- }
- ::selection { background:#eee; }
- ::-moz-selection { background:#eee; }
- /* END PSEUDO */
- /* TUMBLR CONTROLS */
- iframe#tumblr_controls, iframe.tmblr-iframe, .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop, .tmblr-iframe-compact .tmblr-iframe--unified-controls {
- top:0 !important;
- right:0 !important;
- transform-origin:100% 0;
- -webkit-transform-origin:100% 0;
- -moz-transform-origin:100% 0;
- -ms-transform-origin:100% 0;
- -o-transform-origin:100% 0;
- transform:scale(0.75);
- -webkit-transform:scale(0.75);
- -moz-transform:scale(0.75);
- -ms-transform:scale(0.75);
- -o-transform:scale(0.75);
- z-index:999999 !important;
- }
- /* END TUMBLR CONTROLS */
- /* TOOLTIPS */
- #s-m-t-tooltip {
- position:absolute;
- margin:10px;
- max-width:200px;
- background:#fff;
- color:{color:text};
- text-align:justify;
- font:italic normal 11px/135% 'segoe ui', arial, sans-serif;
- padding:5px;
- z-index:9999999;
- }
- /* TOOLTIPS END */
- /* POSTS */
- #posts {
- width:1050px;
- margin-right:auto;
- margin-left:auto;
- }
- .post {
- {block:IndexPage}
- position:relative;
- float:left;
- margin:30px;
- width:250px;
- {/block:IndexPage}
- {block:PermalinkPage}
- float:none;
- margin:auto;
- width:500px;
- {/block:PermalinkPage}
- background:#fff;
- padding:20px;
- }
- /* PHOTO */
- {block:IndexPage}
- {block:ifphotohovereffect}
- .shadow, .hshadow {
- transition:0.2s ease-in-out;
- -webkit-transition:0.2s ease-in-out;
- -moz-transition:0.2s ease-in-out;
- -o-transition:0.2s ease-in-out;
- }
- .shadow:hover, .hshadow:hover {
- transform:scale(1.025,1.025);
- -webkit-transform:scale(1.025,1.025);
- -moz-transform:scale(1.025,1.025);
- -ms-transform:scale(1.025,1.025);
- -o-transform:scale(1.025,1.025);
- }
- .shadow {
- box-shadow:0 0 30px 5px transparent;
- -webkit-box-shadow:0 0 30px 5px transparent;
- -moz-box-shadow:0 0 30px 5px transparent;
- }
- .shadow:hover {
- box-shadow:0 0 30px 5px #ccc;
- -webkit-box-shadow:0 0 30px 5px #ccc;
- -moz-box-shadow:0 0 30px 5px #ccc;
- }
- .hshadow {
- box-shadow:0 0 20px 5px transparent;
- -webkit-box-shadow:0 0 20px 5px transparent;
- -moz-box-shadow:0 0 20px 5px transparent;
- }
- .hshadow:hover {
- box-shadow:0 0 20px 5px #ccc;
- -webkit-box-shadow:0 0 20px 5px #ccc;
- -moz-box-shadow:0 0 20px 5px #ccc;
- }
- {/block:ifphotohovereffect}
- {/block:IndexPage}
- /* END PHOTO */
- /* LINK */
- .link a {
- transition:0.4s ease;
- -webkit-transition:0.4s ease;
- -moz-transition:0.4s ease;
- -o-transition:0.4s ease;
- }
- .link a:hover { padding-left:15px; }
- /* END LINK */
- /* AUDIO */
- .tumblr_audio_player { width:100%; }
- .trackdetails {
- {block:IndexPage}
- width:149px;
- {/block:IndexPage}
- {block:PermalinkPage}
- width:400px;
- {/block:PermalinkPage}
- margin-left:91px;
- height:81px;
- padding:5px;
- overflow:auto;
- }
- .audiowrapper { height:91px; }
- .aa, .aaa {
- position:absolute;
- width:91px;
- border-right:none;
- height:91px;
- }
- .aa { z-index:1; }
- .aaa { z-index:0; }
- /* END AUDIO */
- /* ANSWER */
- .question {
- margin-top:-62px;
- margin-left:54px;
- {block:IndexPage}
- width:180px;
- {/block:IndexPage}
- {block:PermalinkPage}
- width:430px;
- {/block:PermalinkPage}
- height:55px;
- background:transparent;
- padding:0 5px 0 5px;
- overflow:auto;
- }
- .question a, .question a:hover {
- margin:0;
- text-shadow:none;
- }
- .askerr {
- background:transparent;
- padding-top:9px;
- padding-bottom:5px;
- padding-left:5px;
- }
- .answer { margin-top:10px; }
- /* END ANSWER */
- /* POST NOTES */
- .notes {
- margin:auto;
- width:500px;
- background:#fff;
- padding:20px;
- }
- ol.notes { list-style-type:none; }
- .notes .avatar {
- margin-right:5px;
- margin-bottom:-4px;
- border-radius:100%;
- -webkit-border-radius:100%;
- -moz-border-radius:100%;
- }
- /* END POST NOTES */
- /* POSTS END */
- /* INFINITE SCROLL */
- #infscr-loading { display:none !important; }
- .navigation { display:none !important; }
- .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator { display:none; }
- /* END INFINITE SCROLL */
- /* HEADER */
- #header {
- margin:50px auto;
- {block:IndexPage}
- width:400px;
- {/block:IndexPage}
- {block:PermalinkPage}
- width:500px;
- {/block:PermalinkPage}
- background:#fff;
- padding:20px;
- }
- .aaaa img {
- width:96px;
- border-radius:100%;
- -webkit-border-radius:100%;
- -moz-border-radius:100%;
- }
- .title {
- font-family:'playfair display', georgia, serif;
- text-align:center;
- {block:ifshowavatar}
- margin-top:11px;
- {/block:ifshowavatar}
- }
- .desc {
- margin-top:11px;
- text-align:center;
- }
- /* END HEADER */
- /* SCROLL BACK TO TOP */
- #top {
- position:fixed;
- right:20px;
- bottom:20px;
- cursor:pointer;
- z-index:99999;
- }
- /* END SCROLL BACK TO TOP */
- .space {
- height:50px;
- background:transparent;
- }
- {CustomCSS}
- </style>
- </head>
- <body>
- <!-- HEADER -->
- <div id="header">
- {block:ifshowavatar}<div class="aaaa"><center><img src="{PortraitURL-96}" class="hshadow"/></center></div>{/block:ifshowavatar}
- <div class="title">
- <h1><a href="/">{Title}</a></h1>
- </div>
- <div class="desc">
- <p style="text-transform:lowercase;">
- <a href="/">{lang:Home}</a>{block:AskEnabled} <a href="/ask">{AskLabel}</a>{/block:AskEnabled}{block:SubmissionsEnabled} <a href="/submit">{SubmitLabel}</a>{/block:SubmissionsEnabled} <a href="/archive">{lang:Archive}</a> {block:iflink1url}• <a href="{text:link 1 url}">{text:link 1}</a> {/block:iflink1url}{block:iflink2url}<a href="{text:link 2 url}">{text:link 2}</a> {/block:iflink2url}{block:iflink3url}<a href="{text:link 3 url}">{text:link 3}</a> {/block:iflink3url}{block:iflink4url}<a href="{text:link 4 url}">{text:link 4}</a> {/block:iflink4url}{block:iflink5url}<a href="{text:link 5 url}">{text:link 5}</a> {/block:iflink5url}• <a href="http://hazuknagisa.tumblr.com" target="_blank">theme</a>
- </p>
- <p>{Description}</p>
- </div>
- </div>
- <!-- END HEADER -->
- <!-- POSTS -->
- <div id="posts">
- {block:Posts}
- <div class="post">
- {block:Text}
- {block:Title}<h1>{Title}</h1>{/block:Title}
- {Body}
- {block:IndexPage}<p><a href="{Permalink}">{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}</a> • <a href="{Permalink}">{NoteCountWithLabel}</a></p>{/block:IndexPage}
- {/block:Text}
- {block:Answer}
- <div class="askerr"><img src="{AskerPortraitURL-48}" style="border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%;"/></div><div class="question"><span style="text-transform:uppercase;">{Asker}</span> asked: {Question}</div>
- <div class="answer">{Answer}</div>
- {block:IndexPage}<p><a href="{Permalink}">{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}</a> • <a href="{Permalink}">{NoteCountWithLabel}</a></p>{/block:IndexPage}
- {/block:Answer}
- {block:Photo}
- <center>{block:IndexPage}<a href="{Permalink}" title="{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero} • {NoteCountWithLabel}"><img src="{PhotoURL-250}" class="shadow" alt="{PhotoAlt}"/>{/block:IndexPage}{block:PermalinkPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/></a>{/block:PermalinkPage}</center>
- {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
- {/block:Photo}
- {block:Photoset}
- <center>{block:IndexPage}{Photoset-250}{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}</center>
- {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
- {block:IndexPage}<p><a href="{Permalink}">{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}</a> • <a href="{Permalink}">{NoteCountWithLabel}</a></p>{/block:IndexPage}
- {/block:Photoset}
- {block:Quote}
- <h4>{Quote}</h4>
- {block:Source}<p{block:IndexPage} style="text-align:right;"{/block:IndexPage}>—{Source}</p>{/block:Source}
- {block:IndexPage}<p><a href="{Permalink}">{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}</a> • <a href="{Permalink}">{NoteCountWithLabel}</a></p>{/block:IndexPage}
- {/block:Quote}
- {block:Link}
- <div class="link"><h1><a href="{URL}" {Target}>{Name}</a> ›</h1></div>
- {block:Description}{Description}{/block:Description}
- {block:IndexPage}<p><a href="{Permalink}">{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}</a> • <a href="{Permalink}">{NoteCountWithLabel}</a></p>{/block:IndexPage}
- {/block:Link}
- {block:Chat}
- {block:Title}<h1>{Title}</h1>{/block:Title}
- {block:Lines}
- <p>
- {block:Label}<strong>{Label}</strong>{/block:Label}
- <br>
- {Line}
- </p>
- {/block:Lines}
- {block:IndexPage}<p><a href="{Permalink}">{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}</a> • <a href="{Permalink}">{NoteCountWithLabel}</a></p>{/block:IndexPage}
- {/block:Chat}
- {block:Audio}
- <div class="audiowrapper">
- <div class="aa">{block:AlbumArt}<img src="{AlbumArtURL}"/>{/block:AlbumArt}</div>
- <div class="aaa"><img src="https://s20.postimg.cc/pevmwmxz1/no_art.png"/></div>
- <div class="trackdetails">
- {block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}
- {block:TrackName}<span style="padding-left:1px;"><b>Track:</b> {TrackName}</span>{/block:TrackName}<br>
- {block:Artist}<span style="padding-left:1px;"><b>Artist:</b> {Artist}</span>{/block:Artist}<br>
- {block:Album}<span style="padding-left:1px;"><b>Album:</b> {Album}</span>{/block:Album}
- </div>
- </div>
- {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
- {block:IndexPage}<p><a href="{Permalink}">{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}</a> • <a href="{Permalink}">{NoteCountWithLabel}</a></p>{/block:IndexPage}
- {/block:Audio}
- {block:Video}
- <center>{block:IndexPage}{Video-250}{/block:IndexPage}{block:PermalinkPage}{Video-500}{/block:PermalinkPage}</center>
- {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
- {block:IndexPage}<p><a href="{Permalink}">{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}</a> • <a href="{Permalink}">{NoteCountWithLabel}</a></p>{/block:IndexPage}
- {/block:Video}
- <!-- POST INFORMATION -->
- {block:Date}
- {block:PermalinkPage}
- {lang:Posted TimeAgo} • {24HourWithZero}:{Minutes} • {Year}/{MonthNumberWithZero}/{DayOfMonthWithZero} ({DayOfWeek}) • {NoteCountWithLabel}
- {block:HasTags}
- <br>{lang:Tagged}: {block:Tags}<a href="{TagURL}" style="border:none;">{Tag}</a> {/block:Tags}
- {/block:HasTags}
- {block:RebloggedFrom}
- <br>{lang:Via}: <a href="{ReblogParentURL}" style="border:none;">{ReblogParentName}</a> • {lang:Source}: <a href="{ReblogRootURL}" style="border:none;">{ReblogRootName}</a>
- </div>
- {/block:RebloggedFrom}
- {/block:PermalinkPage}
- {/block:Date}
- <!-- END POST INFORMATION -->
- {block:PostNotes}
- {PostNotes-16}
- {/block:PostNotes}
- </div>
- {block:ContentSource}<!--{SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}” width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}”/>{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}-->{/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
- {/block:Posts}
- </div>
- <!-- END POSTS -->
- <!-- INFINITE SCROLL -->
- <div class="navigation">
- {block:Pagination}
- {block:NextPage}<p id="page_nav"><a style="float:right" href="{NextPage}" id="next">Older ?</a>{/block:NextPage}
- {block:PreviousPage}<a style="float:left" href="{PreviousPage}">? Newer</a></p>{/block:PreviousPage}
- {/block:Pagination}
- </div>
- <!-- END INFINITE SCROLL -->
- <!-- SCROLL BACK TO TOP -->
- <div id="top"><a href="javascript:;" id="mbTop"><i class="fa fa-chevron-up"></i></a></div>
- <!-- END SCROLL BACK TO TOP -->
- <div class="space"></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement