Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <!-- lazy load script -->
- <script type=”text/javascript” src=”http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js”></script> <script type=”text/javascript” src=”http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js”></script> <script type=”text/javascript” charset=”utf-8”> var $j = jQuery.noConflict(); $j(function() { if (navigator.platform == “iPad” || navigator.platform == “iPhone”) return; $j(“img”).lazyload({ placeholder : “http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif”, effect: “fadeIn”, }); }); </script>
- <title>
- {block:TagPage}{Tag} - {/block:TagPage} {block:SearchPage}{lang:Search results for SearchQuery} - {/block:SearchPage}{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}
- </title>
- <link rel="shortcut icon" href="{Favicon}"/>
- <link rel="alternate" type="application/rss+xml" title="{Title} RSS" href="{RSS}"/>
- <link rel="stylesheet" href="http://static.tumblr.com/hznqxps/ivOmgjf8v/normalize.css"/>
- {block:Description} <meta name="description" content="{MetaDescription}" /> {/block:Description}
- <!--------------- Inset Metas Here --------------->
- <!-------- text metas -------->
- <!---- body ---->
- <meta name="color:background" content="/">
- <meta name="color:container background" content="/">
- <meta name="color:sidebar background" content="/">
- <!---- header ---->
- <!---- posts ---->
- <!-------- image metas -------->
- <!---- body ---->
- <meta name="image:background" content="http://static.tumblr.com/m7iabhj/uVBmps9vi/recycled-paper-pattern-4.png">
- <meta name="image:container background" content="/">
- <meta name="image:sidebar background" content="/">
- <!---- container ---->
- <!---- sidebar/header ---->
- <meta name="url:portrait image" content="/">
- <!-------- if metas -------->
- <!---- photo options ---->
- <!---- captions ---->
- <!-------- colour metas -------->
- <!---- container ---->
- <!---- sidebar ---->
- <!---- posts ---->
- <meta name="color:post background" content="/">
- <meta name="color:box shadow colour" content="/">
- <!---- body ---->
- <meta name="color:body text" content="/">
- <meta name="color:bold text" content="/">
- <!---- 'special' text(bold, etc) ---->
- <meta name="bold text" content="/">
- <!---- links ---->
- <style type="text/css">
- /*--------------- Fonts ---------------*/
- @font-face {
- font-family: "111";
- src: url('http://static.tumblr.com/vpzhdvv/6d7m90v7t/111.woff');
- }
- @font-face {
- font-family: "Adventor";
- src: url('http://static.tumblr.com/m7iabhj/UBbmpkjjl/texgyreadventor-regular.otf');
- }
- @font-face {
- font-family: "Airplane";
- src: url('http://static.tumblr.com/m7iabhj/3eumpsakt/airplane.ttf');
- }
- @font-face {
- font-family: "arma";
- src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf');
- }
- @font-face {
- font-family: "arsenale";
- src: url('http://static.tumblr.com/5fd89aw/H0ilkmgoh/arsenale_white.ttf');
- }
- @font-face {
- font-family: "bebas neue";
- src: url('http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf');
- }
- @font-face {
- font-family: "cedarcursive";
- src: url('http://themes.googleusercontent.com/static/fonts/cedarvillecursive/v1/cuCe6HrkcqrWTWTUE7dw-5zpMnghKP_wiJrQSyqob5U.woff');
- }
- @font-face {
- font-family: "Dawning Of A New Day";
- src: url('http://static.tumblr.com/m7iabhj/9ckmpj7ic/dawningofanewday.ttf');
- }
- @font-face {
- font-family: "fely";
- src: url('http://static.tumblr.com/q54tzar/9bPm21fzv/fely_1_.ttf');
- }
- @font-face {
- font-family: "Gruenewald";
- src: url(http://static.tumblr.com/9wzbixa/Wsomj2iuz/gruenewald_va_normal.ttf);
- }
- @font-face {
- font-family: "irish";
- src: url('http://static.tumblr.com/nsunyax/RJSlz7y7g/kgluckoftheirish.ttf');
- }
- @font-face {
- font-family: "Joe Schmoe";
- src: url('http://static.tumblr.com/9wzbixa/grOm26n8m/dk_joe_schmoe.ttf');
- }
- @font-face {
- font-family: "Just Realize";
- src: url('http://static.tumblr.com/sghs9ih/2tFlu5il8/justrealize.ttf');
- }
- @font-face {
- font-family: "learning";
- src: url('http://static.tumblr.com/rmj06l2/paAlm4ymo/learningcurve.ttf');
- }
- @font-face {
- font-family: "Neou";
- src: url('http://static.tumblr.com/m7iabhj/2Y8mpk6tq/neou-bold.otf');
- }
- @font-face {
- font-family: "neverletgo";
- src: url('http://static.tumblr.com/q54tzar/o02m2jt6c/neverletgo_3_.ttf');
- }
- @font-face {
- font-family: 'pacifico';
- src: url('http://static.tumblr.com/9wzbixa/D3Wlyw7u4/pacifico.ttf');
- }
- @font-face {
- font-family: "playdate";
- src: url('http://static.tumblr.com/4yxykdm/XVZlrfl3m/playdate_1_.ttf');
- }
- @font-face {
- font-family: "selfish";
- src: url("http://static.tumblr.com/qlxyunb/fydmac3ep/selfish_.ttf");
- }
- @font-face {
- font-family: "semplice";
- src: url('http://static.tumblr.com/ygfurav/QgNmga3qn/semplice_regular.ttf');
- }
- @font-face {
- font-family: "Stars";
- src: url('http://static.tumblr.com/hcfbjje/sfRlpm8t0/starsfromoureyes.ttf');
- }
- @font-face {
- font-family: "sunshine";
- src: url('http://static.tumblr.com/5fd89aw/U3vli7rvs/sunshine_in_my_soul.ttf');
- }
- @font-face {
- font-family: "swan";
- src: url('http://static.tumblr.com/pwgdr2n/yAkm3iisd/a_s_black_swan.ttf');
- }
- ::-webkit-scrollbar {width: 7px; height: 7px; border:1px solid #AEEE5F; background-color:#fff;}
- ::-webkit-scrollbar-thumb { border-left:0px solid #ddd; width:14px; height:15px; background: #AEEE5F;}
- /*--------------- Actual Content ---------------*/
- /*--------------- Body ---------------*/
- /*---- text ----*/
- body{
- color:#8A8279;
- font-family:consolas;
- }
- body p, body ul, body ol, body table, body td, body tr{
- font-size:11px;
- margin:0;
- padding:0;
- list-style-type:lower-roman;
- }
- body b{
- color:{color:bold text};
- }
- body a{
- color:#AEEE5F;
- text-transform:lowercase;
- font-family:lucida console;
- text-decoration:none!important;
- -webkit-transition: all 0.4s ease-in;
- -moz-transition: all 0.4s ease-in;
- transition: all 0.4s ease-in;
- }
- body a:hover{
- text-shadow: 2px 0 0px #FC0000, -2px 0 0px #0058FC;
- color:rgb(0,0,0,0);
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- transition: all 0.4s ease-out;
- }
- /*---- images ----*/
- body img{
- display:block;
- vertical-align:middle;
- width:400px;
- }
- /*---- background ----*/
- body {
- background:url('{image:background}') {color:background};
- margin:0 auto;
- padding:0;
- overflow-y:hidden;
- }
- /*---- container ----*/
- .container{
- background-color:transparent;
- position: absolute;
- padding:15px;
- width: 6000px;
- height:500px;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- margin: 0;
- -webkit-border-radius: 10px;
- -moz-border-radius: 10px;
- border-radius: 10px;
- }
- /*---- sidebar ----*/
- .sidebar{
- background-color:#403737;
- background-image:url('{image:sidebar background}');
- width:300px;
- height:4000px;
- position:fixed;
- top:0px;
- left:0px;
- z-index:20000;
- }
- .description{
- text-align:;
- }
- .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
- #infscr-loading {display:none;}
- .navigation {display:none!important;}
- /*--------------- Posts ---------------*/
- .postcol{
- padding-left:290px;
- padding-top:100px;
- }
- .posts{
- width:290px;
- height:auto;
- float:left;
- text-align:justify;
- vertical-align:middle;
- display: block;
- margin:5px;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- overflow:auto;
- padding:10px;
- background:#403737;
- }
- .post-footer a{
- color:#FF81AE!important;
- }
- .post-footer a:hover{
- text-shadow: 2px 0 0px #FC0000, -2px 0 0px #0058FC;
- color:rgb(0,0,0,0);
- }
- /*---- headers ----*/
- * h2{
- font-family:airplane;
- margin:0 auto!important;
- text-transform:lowercase!important;
- }
- .chat-post h2{
- color:#FF81AE;
- }
- /*---- text ----*/
- .text-post{
- width:102%;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- height:auto;
- overflow-x:auto;
- padding-right:2px;
- }
- .text-post blockquote{
- padding-left:5px;
- border-left: #FF81AE 3px solid;
- font-size:11px;
- }
- .text-post h2{
- color:#66E6F0!important;
- }
- .text-body{
- max-height:300px;
- overflow:auto;
- padding:3px 5px 3px 3px;
- background-color:#4B3F3F;
- font-size:11px!important;
- margin-bottom:3px;
- }
- /*---- ask ----*/
- .ask-post{
- text-align:left!important;
- padding:3px;
- }
- .asker{
- color:#66E6F0!important;
- font-family:airplane!important;
- text-align:left!important;
- font-size:20px!important;
- display:inline!important;
- text-transform:lowercase!important;
- }
- .question{
- color:#89807E!important;
- font-family:courier new!important;
- font-size:15px!important;
- display:inline!important;
- text-align:left!important;
- }
- /*---- photo ----*/
- .caption{
- text-align:left!important;
- width:97%;
- margin:0 auto;
- margin-bottom:1px;
- }
- #hovercap{
- text-align:left!important;
- }
- .photo-post{
- width:100%;
- height:auto;
- }
- .photo-post img, .text-body img{
- height:auto;
- max-width:100%;
- min-width:90%;
- margin:0 auto;
- margin-bottom:3px;
- }
- #photo-set{
- margin:0 auto;
- }
- /*---- quote ----*/
- .quote-post{
- height:auto;
- overflow:auto;
- }
- .quote-post h2{
- color:#66E6F0;
- }
- /*---- link ----*/
- .link-post p{
- font-size:11px!important;
- }
- .link-name h2{
- margin:0 auto;
- font-size:23px;
- display:inline;
- }
- .link-name b{
- margin:0 auto;
- font-size:26px;
- display:inline;
- }
- /*---- chat ----*/
- .chat-post{
- color:#8A8279;
- }
- .chat-post .even strong{
- color:#AEEE5F;
- }
- .chat-post .odd strong{
- color:#66E6F0;
- }
- /*---- video ----*/
- .video-post{
- }
- /*---- audio ----*/
- .audio-post{
- }
- /*--------------- Permalink/Reblog ---------------*/
- /*---- tags ----*/
- .tag{
- }
- /*---- horizontal-rule ----*/
- hr{
- height: 3px;
- margin:3px 0px 0px 0px;
- border-style: solid;
- border-color: #89807E;
- border-width: 1px 0 0 0;
- }
- </style>
- <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
- </head>
- <body>
- <div class="sidebar">
- <img class="sidebar-picture" src="{image:portrait image}"/>
- <div class="description">
- {description}
- </div>
- <div class="navigation-menu">
- {block:SubmissionsEnabled}<a href="/submit">{submitlabel}</a>{/block:SubmissionsEnabled}
- {block:AskEnabled}<a href="/ask">{asklabel}</a>{/block:AskEnabled}
- </div>
- </div>
- {block:IndexPage}
- <div class="container">
- <div class="postcol">
- <div class = "autopagerize_page_element" >
- {block:Posts}
- <div class="posts">
- {block:Text}
- <div class="text-post">
- {block:Title}<h2>{Title}</h2><hr>{/block:Title}
- <div class="text-body">
- {Body}
- </div>
- </div>
- {/block:Text}
- {block:Answer}
- <div class="qa-post">
- <div class="asker">{asker}:</div>
- <div class="question">{question}</div>
- <div class="text-body">{answer}</div>
- </div>
- {/block:Answer}
- {block:Photo}
- <div class="photo-post">
- <center>
- <img class="photo" src="{PhotoURL-500}" alt="{PhotoAlt}" width="95%"/>
- </center>
- {block:Caption}
- <div class="caption text-body" id="hovercap"><p>{caption}</p></div>
- {/block:caption}
- </div>
- {/block:Photo}
- {block:Photoset}
- <div class="photo-post" id="photo-set">
- <center>
- {Photoset-250}
- </center>
- {block:Caption}
- <div class="caption text-body" id="hovercap"><p>{caption}</p></div>
- {/block:caption}
- </div>
- {/block:Photoset}
- {block:Quote}
- <div class="quote-post">
- <h2>{Quote}</h2>
- {block:Source}<div class="caption"><p>―{Source}</p></div>{/block:Source}
- </div>
- {/block:Quote}
- {block:Link}
- <div class="link-post">
- <center><div class="link-name"><b>{</b><h2> <a href="{URL}">{Name}</a> </h2><b>}</b></div></center>
- {block:Description}<div class="text-body">{Description}</div>{/block:Description}
- </div>
- {/block:Link}
- {block:Chat}
- <div class="chat-post">
- {block:Title}<h2>{Title}</h2><hr>{/block:Title}
- <ul>
- {block:Lines}
- <li class="{Alt}"><p>{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</p>
- </li>
- {/block:Lines}
- </ul>
- </div>
- {/block:Chat}
- {block:Video}
- <div class="video post">
- </div>
- {/block:Video}
- {block:Audio}
- <div class="audio-post">
- </div>
- {/block:Audio}
- <hr>
- <table class="post-footer" border="0" style="width:100%;position:relative;top:2px;">
- <tr>
- <td style="width:45%;">
- {block:Date}<a href="{Permalink}">{MonthNumber}<b>.</b>{DayOfMonth}<b>.</b>{Year}</a>{/block:Date}
- </td>
- <td style="text-align:right;">
- {block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
- </td>
- </tr>
- </table>
- </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:posts}
- </div>
- </div>
- {/block:IndexPage}
- </body>
- <script>
- var tumblrAutoPager = {
- url: "http://proto.jp/",
- ver: "0.1.7",
- rF: true,
- gP: {},
- pp: null,
- ppId: "",
- LN: location.hostname,
- init: function () {
- if ($("autopagerize_icon") || navigator.userAgent.indexOf('iPhone') != -1) return;
- var tAP = tumblrAutoPager;
- var p = 1;
- var lh = location.href;
- var lhp = lh.lastIndexOf("/page/");
- var lht = lh.lastIndexOf("/tagged/");
- if (lhp != -1) {
- p = parseInt(lh.slice(lhp + 6));
- tAP.LN = lh.slice(7, lhp);
- } else if (lht != -1) {
- tAP.LN = lh.slice(7);
- if (tAP.LN.slice(tAP.LN.length - 1) == "/") tAP.LN = tAP.LN.slice(0, tAP.LN.length - 1);
- } else if ("http://" + tAP.LN + "/" != lh) {
- return;
- };
- var gPFncs = [];
- gPFncs[0] = function (aE) {
- var r = [];
- for (var i = 0, l = aE.length; i < l; i++) {
- if (aE[i].className == "autopagerize_page_element") {
- r = gCE(aE[i]);
- break;
- }
- }
- return r;
- };
- gPFncs[1] = function (aE) {
- var r = [];
- for (var i = 0, l = aE.length; i < l; i++) {
- var arr = aE[i].className ? aE[i].className.split(" ") : null;
- if (arr) {
- for (var j = 0; j < arr.length; j++) {
- arr[j] == "post" ? r.push(aE[i]) : null;
- }
- }
- }
- return r;
- };
- gPFncs[2] = function (aE) {
- var r = [];
- var tmpId = tAP.ppId ? [tAP.ppId] : ["posts", "main", "container", "content", "apDiv2", "wrapper", "projects", "feed"];
- for (var i = 0, l = aE.length; i < l; i++) {
- for (var j = 0; j < tmpId.length; j++) {
- if (aE[i].id == tmpId[j]) {
- r = gCE(aE[i]);
- tAP.ppId = aE[i].id;
- break;
- }
- }
- }
- return r;
- };
- for (var i = 0; i < gPFncs.length; i++) {
- var getElems = gPFncs[i](document.body.getElementsByTagName('*'));
- if (getElems.length) {
- tAP.gP = gPFncs[i];
- tAP.pp = getElems[0].parentNode;
- break;
- }
- }
- function gCE(pElem) {
- var r = [];
- for (var i = 0, l = pElem.childNodes.length; i < l; i++) {
- r.push(pElem.childNodes.item(i))
- }
- return r;
- }
- if (!tAP.pp) {
- return;
- }
- sendRequest.README = {
- license: 'Public Domain',
- url: 'http://jsgt.org/lib/ajax/ref.htm',
- version: 0.516,
- author: 'Toshiro Takahashi'
- };
- function chkAjaBrowser() {
- var A, B = navigator.userAgent;
- this.bw = {
- safari: ((A = B.split('AppleWebKit/')[1]) ? A.split('(')[0].split('.')[0] : 0) >= 124,
- konqueror: ((A = B.split('Konqueror/')[1]) ? A.split(';')[0] : 0) >= 3.3,
- mozes: ((A = B.split('Gecko/')[1]) ? A.split(' ')[0] : 0) >= 20011128,
- opera: ( !! window.opera) && ((typeof XMLHttpRequest) == 'function'),
- msie: ( !! window.ActiveXObject) ? ( !! createHttpRequest()) : false
- };
- return (this.bw.safari || this.bw.konqueror || this.bw.mozes || this.bw.opera || this.bw.msie)
- }
- function createHttpRequest() {
- if (window.XMLHttpRequest) {
- return new XMLHttpRequest()
- } else {
- if (window.ActiveXObject) {
- try {
- return new ActiveXObject('Msxml2.XMLHTTP')
- } catch (B) {
- try {
- return new ActiveXObject('Microsoft.XMLHTTP')
- } catch (A) {
- return null
- }
- }
- } else {
- return null
- }
- }
- };
- function sendRequest(E, R, C, D, F, G, S, A) {
- var Q = C.toUpperCase() == 'GET',
- H = createHttpRequest();
- if (H == null) {
- return null
- }
- if ((G) ? G : false) {
- D += ((D.indexOf('?') == -1) ? '?' : '&') + 't=' + (new Date()).getTime()
- }
- var P = new chkAjaBrowser(),
- L = P.bw.opera,
- I = P.bw.safari,
- N = P.bw.konqueror,
- M = P.bw.mozes;
- if (typeof E == 'object') {
- var J = E.onload;
- var O = E.onbeforsetheader
- } else {
- var J = E;
- var O = null
- } if (L || I || M) {
- H.onload = function () {
- J(H);
- H.abort()
- }
- } else {
- H.onreadystatechange = function () {
- if (H.readyState == 4) {
- J(H);
- H.abort()
- }
- }
- }
- R = K(R, D);
- if (Q) {
- D += ((D.indexOf('?') == -1) ? '?' : (R == '') ? '' : '&') + R
- }
- H.open(C, D, F, S, A);
- if ( !! O) {
- O(H)
- }
- B(H);
- H.send(R);
- function B(T) {
- if (!L || typeof T.setRequestHeader == 'function') {
- T.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8')
- }
- return T
- }
- function K(X, V) {
- var Z = [];
- if (typeof X == 'object') {
- for (var W in X) {
- Y(W, X[W])
- }
- } else {
- if (typeof X == 'string') {
- if (X == '') {
- return ''
- }
- if (X.charAt(0) == '&') {
- X = X.substring(1, X.length)
- }
- var T = X.split('&');
- for (var W = 0; W < T.length; W++) {
- var U = T[W].split('=');
- Y(U[0], U[1])
- }
- }
- }
- function Y(b, a) {
- Z.push(encodeURIComponent(b) + '=' + encodeURIComponent(a))
- }
- return Z.join('&')
- }
- return H
- }
- function addNextPage(oj) {
- if (oj.status == 404) {
- tAP.remainFlg = false;
- return;
- }
- var d = document.createElement("div");
- d.innerHTML = oj.responseText;
- var posts = tAP.gP(d.getElementsByTagName("*"));
- if (posts.length < 2) {
- tAP.rF = false;
- return;
- }
- var hr = document.createElement("hr");
- hr.className = "tumblrAutoPager_page_separator";
- tAP.pp.appendChild(hr);
- d = document.createElement("div");
- d.className = "tumblrAutoPager_page_info";
- d.innerHTML = "<p style='float:left'><a href=http://" + tAP.LN + "/page/" + p + ">/page/" + p + "</a></p>" + "<p style='float:right;text-align:right'><a href='javascript:tumblrAutoPager.switchAutoPage()' class='tAP_switch' style='font-size:80%'>AutoPage[OFF]</a><br />" + "<span style='font-size:75%'>by:<a href='http://proto.jp/2009/02/01/tumblrautopager/'>proto.jp</a></span></p><br style='clear:both' />";
- tAP.pp.appendChild(d);
- for (var i = 0; i < posts.length; i++) {
- tAP.pp.appendChild(posts[i]);
- }
- var footer = $("footer");
- footer ? footer.parentNode.appendChild(footer) : null;
- tAP.rF = true;
- }
- watch_scroll();
- function watch_scroll() {
- var d = document.compatMode == "BackCompat" ? document.body : document.documentElement;
- var r = d.scrollWidth - d.clientWidth - (d.scrollLeft || document.body.scrollLeft);
- if (r < d.clientWidth * 2 && tAP.rF) {
- tAP.rF = false;
- p++;
- sendRequest(addNextPage, "", "GET", "http://" + tAP.LN + "/page/" + p, true);
- }
- setTimeout(arguments.callee, 200);
- };
- function $(id) {
- return document.getElementById(id)
- };
- },
- switchAutoPage: function () {
- this.rF = !this.rF;
- var aE = document.getElementsByTagName('*');
- for (var i = 0, l = aE.length; i < l; i++) {
- if (aE[i].className == "tAP_switch") {
- aE[i].firstChild.nodeValue = this.rF ? "AutoPage[OFF]" : "AutoPage[ON]";
- }
- }
- }
- };
- window.addEventListener ? window.addEventListener('load', tumblrAutoPager.init, false) : window.attachEvent ? window.attachEvent("onload", tumblrAutoPager.init) : window.onload = tumblrAutoPager.init;
- </script>
- <footer class="metadata">
- </footer>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment