API tools faq
paste
ninpen

phase 1

ninpen
Feb 16th, 2016
4,405
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.48 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4.  
  5.  
  6.  
  7.  
  8.  
  9.  
  10.  
  11. <!-------------------------------
  12.  
  13. PHASE 1 BY NINPEN.TUMBLR.COM
  14. DO NOT REMOVE THE CREDIT.
  15.  
  16. --------------------------------->
  17.  
  18.  
  19.  
  20.  
  21.  
  22.  
  23.  
  24.  
  25. <head>
  26. <title>{Title}</title>
  27. <link rel="shortcut icon" href="{FavIcon}" />
  28. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  29.  
  30. <meta name="if:Columns" content="" />
  31. <meta name="if:Borders" content="" />
  32. <meta name="if:Padding" content="" />
  33. <meta name="if:hexagonportrait" content="" />
  34.  
  35. <meta name="text:post margins" content="40" />
  36. <meta name="text:index post size" content="225" />
  37. <meta name="text:fontsize" content="11" />
  38. <meta name="text:lineheight" content="17" />
  39. <meta name="color:thmlink" content="#9aedf9"/>
  40.  
  41. <meta name="color:scrollbg" content="#000000" />
  42. <meta name="color:scrolltrack" content="#b6e5ef" />
  43.  
  44. <meta name="color:background" content="#010101" />
  45. <meta name="color:text" content="#eeeeee" />
  46. <meta name="color:bold" content="#e2feaf" />
  47. <meta name="color:italic" content="#b6e5ef" />
  48. <meta name="color:underline" content="#f6f6bb" />
  49. <meta name="color:h1" content="#cec779" />
  50. <meta name="color:h1 bg" content="#f7f5db" />
  51. <meta name="color:h2" content="#e53935" />
  52.  
  53. <meta name="color:post bg" content="#000000" />
  54. <meta name="color:caption bg" content="#000000" />
  55. <meta name="color:question bg" content="#010101" />
  56. <meta name="color:chat line 1" content="#000000"/>
  57. <meta name="color:chat line 2" content="#0a0a0a"/>
  58.  
  59. <meta name="color:tumblr blg bg" content="#dcf2ee" />
  60. <meta name="color:tumblrblg" content="#afe8ff" />
  61. <meta name="color:counter bg" content="#0f0f0f" />
  62. <meta name="color:counter" content="#b6e5ef" />
  63.  
  64. <meta name="color:perma" content="#0a0a0a" />
  65.  
  66. <meta name="color:permax" content="#f5c9d0" />
  67. <meta name="color:permadash" content="#f6f6bb" />
  68. <meta name="color:permabox" content="#ead9eb" />
  69.  
  70.  
  71. <meta name="color:link" content="#b9e6fb" />
  72. <meta name="color:linkhover" content="#ffffff" />
  73.  
  74. <meta name="color:post border" content="#0f0f0f" />
  75.  
  76. <meta name="color:tagsbg" content="#111111" />
  77. <meta name="color:tagstext" content="#ffffff" />
  78.  
  79. <meta name="select:font" content="open sans" title="Open Sans"/>
  80. <meta name="select:font" content="arial" title="Arial"/>
  81. <meta name="select:font" content="calibri" title="Calibri"/>
  82. <meta name="select:font" content="trebuchet ms" title="Trebuchet Ms"/>
  83. <meta name="select:font" content="courier new" title="courier new"/>
  84.  
  85. <meta name="image:background image" content=""/>
  86. <meta name="image:portrait" content=""/>
  87.  
  88. <meta name="text:Custom Link One" content=""/>
  89. <meta name="text:Custom Link One URL" content=""/>
  90. <meta name="text:Custom Link Two" content=""/>
  91. <meta name="text:Custom Link Two URL" content=""/>
  92. <meta name="text:Custom Link Three" content=""/>
  93. <meta name="text:Custom Link Three URL" content=""/>
  94. <meta name="text:Custom Link Four" content=""/>
  95. <meta name="text:Custom Link Four URL" content=""/>
  96. <meta name="text:Custom Link Five" content=""/>
  97. <meta name="text:Custom Link Five URL" content=""/>
  98. <div class="cred"><a href="http://ninpen.tumblr.com/">thm.</a></div>
  99. <style type="text/css">
  100. @import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800);
  101.  
  102. html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, a, abbr, acronym, address, big, cite,hr, code,del, dfn,img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd,ol,ul, fieldset, form, label, legend, tbody, tfoot, thead, tr, th, td, article, canvas, details, embed, figure, figcaption, footer, hgroup, menu, output, ruby, summary,time, mark, audio, video {
  103. margin: 0;
  104. padding: 0;
  105. border: 0;
  106. font-size: 100%;
  107. font: inherit;
  108. vertical-align: baseline;
  109. }
  110.  
  111. article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  112. display: block;
  113. }
  114.  
  115. body {
  116. line-height: 1;
  117. }
  118.  
  119. ul {
  120. list-style: none;
  121. }
  122.  
  123. table {
  124. border-collapse: collapse;
  125. border-spacing: 0;
  126. }
  127.  
  128. ::-webkit-scrollbar {width: 3px; height: 3px; background:{color:scrollbg}; }
  129. ::-webkit-scrollbar-thumb { background-color:{color:scrolltrack};}
  130.  
  131. body,html{
  132. width:100%;
  133. height:100%;
  134. padding:0;
  135. margin:0;
  136. }
  137.  
  138. body{
  139. word-wrap: break-word;
  140. font:{text:fontsize}px/{text:lineheight}px {select:font};
  141. color: {color:text};
  142. background:{color:Background} url() repeat right top fixed;
  143. }
  144.  
  145. a{
  146. text-decoration:none;
  147. color:{color:link};
  148. }
  149.  
  150. a:hover {
  151. color:{color:linkhover};
  152. }
  153.  
  154. b,strong{
  155. color:{color:bold};
  156. }
  157.  
  158. i,em{
  159. color:{color:italic};
  160. }
  161.  
  162. u{
  163. color:{color:underline};
  164. }
  165.  
  166. h1{
  167. margin:0;
  168. font:800 12px/16px 'open sans';
  169. padding:2px;
  170. background-color:{color:h1 BG};
  171. color:{color:h1};
  172. }
  173.  
  174. h1 a{color:{color:h1};}
  175.  
  176. h2{
  177. font:italic 300 26px/30px 'open sans';
  178. letter-spacing:-1px;
  179. color: {color:h2};
  180. }
  181.  
  182. .cred{z-index:99999;font:700 italic 8px/8px 'lato';letter-spacing:1px;position:Fixed;bottom:5%;right:5%;}
  183.  
  184. .cred a{color:{color:thmlink};}
  185. .cred a:hover{color:{color:bold};}
  186.  
  187. .source{
  188. font:italic 7px/8px trebuchet ms;
  189. text-transform:uppercase;
  190. letter-spacing:1px;
  191. color:{color:text};
  192. }
  193.  
  194. img{
  195. max-width:100%;
  196. }
  197.  
  198. #center{
  199. width:100%;
  200. height:100%;
  201. position:relative;
  202. }
  203.  
  204. aside{
  205. width:80%;
  206. height:80%;
  207. top:10%;
  208. left:10%;
  209. position:fixed;
  210. z-index:99999;
  211. background:{color:Background} url()no-repeat center center;
  212. display:none;
  213. }
  214.  
  215. #desc{
  216. width:800px;
  217. height:500px;
  218. background:{color:post bg};
  219. border:1px solid {color:post border};
  220. position:Relative;
  221. transform: translateY(-50%);
  222. top: 50%;
  223. margin:0 auto;
  224. color:{color:text};
  225. }
  226.  
  227. #desc a{color:{color:bold};}
  228.  
  229. .portrait{
  230. width:93px;
  231. height:93px;
  232. background:{color:post bg};
  233. margin-left:-3px;
  234. padding:20px;
  235. display:inline-block;
  236. border-right:1px solid {color:post border};
  237. border-bottom:1px solid {color:post border};
  238. overflow:hidden;
  239. }
  240.  
  241. .portrait img{
  242. {block:ifNothexagonportrait}
  243. width:93px;
  244. {/block:ifNothexagonportrait}
  245. {block:ifhexagonportrait}
  246. height:93px;
  247. mask-image: url(http://static.tumblr.com/hczaopr/84vo2evhn/ninpenportraitmask.png);
  248. -webkit-mask-image: url(http://static.tumblr.com/hczaopr/84vo2evhn/ninpenportraitmask.png);
  249. -webkit-mask-position: center center;
  250. mask-position: center center;
  251. -webkit-mask-repeat: no-repeat;
  252. mask-repeat: no-repeat;
  253.  
  254. {/block:ifhexagonportrait}
  255. }
  256.  
  257. #mainav{
  258. display:inline-block;
  259. background:{color:post bg};
  260. width:120px;
  261. padding:0 20px;
  262. height:100%;
  263. border-right:1px solid {color:post border};
  264. vertical-align:top;
  265. }
  266.  
  267. #mainav span{
  268. display:block;
  269. transform: translateY(-50%);
  270. top: 50%;
  271. position:relative;
  272. }
  273.  
  274. .subnav{
  275. background:{color:post bg};
  276. width: 440px;
  277. height: 366px;
  278. position: absolute;
  279. top: 134px;
  280. left: 161px;
  281. }
  282.  
  283. .subnav a{
  284. display:inline-block;
  285. padding:2px 10px;
  286. margin:5px;
  287. z-index:1;
  288. letter-spacing:2px;
  289. position:relative;
  290. }
  291.  
  292. .subnav a:hover:after{opacity:1;}
  293.  
  294. .subnav a:after{
  295. z-index:-1;
  296. content:"";
  297. opacity:0;
  298. width:80%;
  299. height:5px;
  300. position:absolute;
  301. bottom:5px;
  302. left:10%;
  303. background:{color:bold};
  304. }
  305.  
  306. #mainav a{
  307. display:block;
  308. letter-spacing:2px;
  309. text-transform:lowercase;
  310. position:relative;
  311. padding:10px 0 10px 15px;
  312. }
  313.  
  314. #mainav a:hover{
  315. padding:10px 0 10px 25px;
  316. }
  317.  
  318. #mainav a:hover:before{
  319. left:10px;
  320. }
  321.  
  322. #mainav a:before{
  323. content:"";
  324. width:4px;
  325. height:5px;
  326. position:absolute;
  327. top:14px;
  328. left:0;
  329. background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAFCAYAAACAcVaiAAAAIElEQVQIW2P8////f0ZGRkYGBgYGMAETAHPgAigyyHoAmnAUAjEQZrsAAAAASUVORK5CYII=)no-repeat;
  330. }
  331.  
  332. .desc{
  333. overflow:auto;
  334. width:266px;
  335. height:93px;
  336. padding:20px;
  337. margin-left:-3px;
  338. vertical-align:top;
  339. display:inline-block;
  340. letter-spacing:1px;
  341. background:{color:post bg};
  342. border-bottom:1px solid {color:post border};
  343. }
  344.  
  345. .tracked{
  346. padding:20px;
  347. width:calc(50% - 43px);
  348. height:calc(100% - 40px);
  349. background:{color:post bg};
  350. display:inline-block;
  351. vertical-align:top;
  352. overflow:auto;
  353. }
  354.  
  355. .tracked h1{
  356. margin-bottom:5px;
  357. }
  358.  
  359. .tracked:nth-of-type(2){
  360. margin-left:-2px;
  361. border-left:1px solid {color:post border};
  362. }
  363.  
  364. #todo {
  365. background: {color:post bg};
  366. position: absolute;
  367. letter-spacing:1px;
  368. right: 0;
  369. top: 0;
  370. overflow:auto;
  371. height: calc(100% - 30px);
  372. width: 168px;
  373. padding: 15px;
  374. border-left: 1px solid {color:post border};
  375. }
  376.  
  377. #todo h1{margin-bottom:10px;}
  378.  
  379. input:checked {
  380. height: 10px;
  381. width: 10px;
  382. }
  383.  
  384. input[type="checkbox"]{
  385. margin-bottom:10px;
  386. margin-right:10px;
  387. height: 10px;
  388. width: 10px;
  389. }
  390.  
  391. label{
  392. position:Relative;
  393. top:-3px;
  394. }
  395.  
  396. #plus{
  397. z-index:99999;
  398. width:11px;
  399. height:13px;
  400. cursor:pointer;
  401. padding:10px;
  402. background:{color:Background} url(http://static.tumblr.com/hczaopr/HBNo2nhqh/plus.png)no-repeat center center;
  403. position:fixed;
  404. top:calc(10% + 5px);
  405. left:calc(10% - 35px);
  406. }
  407.  
  408. #entrywrap{
  409. overflow-y:auto;
  410. overflow-x:hidden;
  411. width:80%;
  412. height:80%;
  413. top:10%;
  414. margin:0 auto;
  415. position:relative;
  416. background:url({image:background image}) repeat;
  417. {block:IndexPage}
  418. {block:ifNotColumns}
  419. width:calc({text:index post size}px + 200px);
  420. {/block:ifNotColumns}
  421. {/block:IndexPage}
  422. {block:PermalinkPage}
  423. width:820px;
  424. {/block:PermalinkPage}
  425. }
  426.  
  427. #content{
  428. position:relative;
  429. margin:0 auto;
  430. counter-reset: ninpen-count;
  431. {block:PermalinkPage}
  432. width:795px;
  433. {/block:PermalinkPage}
  434. {block:IndexPage}
  435. {block:ifNotColumns}width:{text:index post size}px;{/block:ifNotColumns}
  436. {/block:IndexPage}
  437. }
  438.  
  439. .entry{
  440. {block:ifpadding}padding:20px;{/block:ifpadding}
  441. {block:ifBorders}border:1px solid {color:post border};{/block:ifBorders}
  442. position:relative;
  443. background:{color:post bg};
  444. {block:IndexPage}
  445. margin:{text:post margins}px auto;
  446. {block:ifNotColumns}display:block;{/block:ifNotColumns}
  447. width:{text:index post size}px;
  448. {/block:IndexPage}
  449. {block:PermalinkPage}
  450. display:inline-block;
  451. width:300px;
  452. {/block:PermalinkPage}
  453. }
  454.  
  455. .img{display:block;}
  456.  
  457. .img img{display:block;}
  458.  
  459. {block:IndexPage}
  460. .entry:after{
  461. content:"";
  462. position:absolute;
  463. top:-12px;
  464. z-index:1;
  465. opacity:.2;
  466. left:5px;
  467. background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAADCAYAAACqPZ51AAAAGElEQVQIW2P8////fwYiACMRasBKiFYIAOGeBAAfLc2TAAAAAElFTkSuQmCC)repeat;
  468. width:60%;
  469. height:8px;
  470. }
  471.  
  472. .ent{
  473. counter-increment: ninpen-count;
  474. {block:ifColumns}margin:{text:post margins}px;{/block:ifColumns}
  475. {block:ifNotColumns}display:block;{/block:ifNotColumns}
  476. }
  477.  
  478. .ent:before{
  479. content: counter(ninpen-count, decimal-leading-zero);
  480. background:{color:counter bg};
  481. font:800 9px/9px 'open sans';
  482. padding:2px;
  483. left:-30px;
  484. top:30px;
  485. color:{color:counter};
  486. position:Absolute;
  487. }
  488.  
  489. .txt{
  490. min-height:100px;
  491. max-height:300px;
  492. overflow:auto;
  493. position:Relative;
  494. }
  495. {/block:IndexPage}
  496.  
  497. .ccap{
  498. width:{text:index post size}px;
  499. {block:ifpadding}padding:20px;{/block:ifpadding}
  500. position:Absolute;
  501. top:1px;
  502. display:none;
  503. left:0;
  504. z-index:2;
  505. background:{color:post bg};
  506. }
  507.  
  508. .tumblr_blog{
  509. background:{color:tumblr blg bg};
  510. font:800 8px/8px 'open sans';
  511. padding:0 2px;
  512. letter-spacing:3px;
  513. text-transform:uppercase;
  514. }
  515.  
  516. a.tumblr_blog{color:{color:tumblrblg}!important;}
  517.  
  518. blockquote{
  519. padding-left:5px;
  520. border-left:3px solid {color:post border}!important;
  521. }
  522.  
  523. pre{
  524. white-space: pre-wrap;
  525. white-space: -moz-pre-wrap !important;
  526. white-space: -pre-wrap;
  527. white-space: -o-pre-wrap;
  528. word-wrap: break-word;
  529. background:{color:post bg};
  530. font:11px/15px courier;
  531. }
  532.  
  533. .per{
  534. position:absolute;
  535. cursor:pointer;
  536. top:-15px;
  537. left:0;
  538. height:14px;
  539. text-align:center;
  540. z-index:1;
  541. background:{color:perma};
  542. {block:ifNotBorders}width:calc(100% - 0px);{/block:ifNotBorders}
  543. {block:ifBorders}width:calc(100% + 2px);{/block:ifBorders}
  544. }
  545.  
  546. .p1,.p2,.p3{
  547. position:absolute;
  548. top:0;
  549. right:0;
  550. display:inline-block;
  551. cursor:pointer;
  552. z-index:1;
  553. width:16px;
  554. height:12px;
  555. border-top:1px solid {color:post border};
  556. border-bottom:1px solid {color:post border};
  557. -transition: all 0.9s ease-in-out;
  558. -webkit-transition: all 0.9s ease-in-out;
  559. -moz-transition: all 0.9s ease-in-out;
  560. -o-transition: all 0.9s ease-in-out;
  561. }
  562.  
  563. #perm{
  564. right:34px;
  565. border-right:1px solid {color:post border};
  566. border-left:1px solid {color:post border};
  567. background:{color:permabox} url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAECAYAAABGM/VAAAAAFUlEQVQIW2NkwAIYiRf8////f3TVAErcBAFjj5lJAAAAAElFTkSuQmCC)no-repeat 50% 70%;
  568. }
  569.  
  570. #caps{
  571. right:17px;
  572. border-right:1px solid {color:post border};
  573. background:{color:permadash} url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAECAYAAABGM/VAAAAAH0lEQVQIW2P8////fwY0wAgSZGRkZISJg/k4BdG1AwAuohf1LfafmAAAAABJRU5ErkJggg==)no-repeat center center;
  574. }
  575.  
  576. #tags{
  577. right:;
  578. border-right:1px solid {color:post border};
  579. background:{color:permax} url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIElEQVQIW2P8////f0ZGRkYGBgYGMBvGANEgCUwBdC0AP9sX/aoGTaUAAAAASUVORK5CYII=) no-repeat center center;
  580. }
  581.  
  582. .close {
  583. background:{color:bold};
  584. width:8px;
  585. padding:3px;
  586. height:8px;
  587. position:absolute;
  588. cursor:pointer;
  589. right:-20px;
  590. top:0;
  591. }
  592.  
  593. .perma{
  594. font:9px/9px 'open sans';
  595. letter-spacing:3px;
  596. background:{color:perma};
  597. text-transform:uppercase;
  598. }
  599.  
  600. .dts{
  601. padding:5px 10px;
  602. font-weight:800;
  603. background:{color:h1 bg};
  604. display:inline-block;
  605. }
  606.  
  607. .dts a{color:{color:h1};}
  608.  
  609. .nts{
  610. font-weight:600;
  611. font-size:8px;
  612. letter-spacing:1px;
  613. display:inline-block;
  614. padding:5px;
  615. }
  616.  
  617. .rblg{
  618. font-weight:600;
  619. font-size:8px;
  620. padding:5px 10px;
  621. display:inline-block;
  622. float:right;
  623. }
  624.  
  625. .tags{
  626. background:{color:tagsbg};
  627. padding:5px;
  628. font:600 8px/12px 'open sans';
  629. letter-spacing:1px;
  630. text-transform:uppercase;
  631. text-align:Center;
  632. }
  633.  
  634. .tags a,.tagss a{color:{color:tagstext};}
  635.  
  636. .cap{
  637. background:{color:caption bg};
  638. {block:IndexPage}
  639. max-height:250px;
  640. margin:10px 0;
  641. border:1px solid {color:post border};
  642. padding:5px;
  643. {/block:IndexPage}
  644. overflow:auto;
  645. {block:PermalinkPage}
  646. margin-top:30px;
  647. padding:10px;
  648. max-height:300px;
  649. {/block:PermalinkPage}
  650. }
  651.  
  652. #perma {
  653. font:600 8px/11px 'open sans';
  654. letter-spacing:1px;
  655. text-transform:uppercase;
  656. position: absolute;
  657. margin-left:395px;
  658. width:400px;
  659. {block:ifpadding}top:20px;{/block:ifpadding}
  660. {block:ifNotpadding}top:0;{/block:ifNotpadding}
  661. background:{color:post bg};
  662. }
  663.  
  664. #perma b{font-weight:800;}
  665.  
  666. #vias{margin-top:10px;}
  667.  
  668. .tagss{
  669. font:600 8px/12px 'open sans';
  670. margin-top:20px;
  671. letter-spacing:2px;
  672. padding:5px;
  673. background:{color:tags bg};
  674. }
  675.  
  676. .tagss b{display:inline-block;margin-bottom:10px;}
  677.  
  678. .askr h2{
  679. margin:0 0 5px 0;
  680. padding:5px;
  681. font-size:22px;
  682. line-height:24px;
  683. }
  684.  
  685. .quest{
  686. padding:5px;
  687. background:{color:question bg};
  688. }
  689.  
  690. .quest img{float:left;margin:3px 5px 0 0;}
  691.  
  692. ul, ol{
  693. list-style-position:inside;
  694. list-style:none;
  695. margin:0px;
  696. padding:0px;
  697. }
  698.  
  699. ul.chat {
  700. margin: 0;
  701. padding: 0;
  702. }
  703.  
  704. .chat li {
  705. list-style-type: none;
  706. margin-left: 0px;
  707. padding: 10px;
  708. font:7px trebuchet ms;
  709. letter-spacing:1px;
  710. text-transform:uppercase;
  711. }
  712.  
  713. .chat li.odd {
  714. margin-bottom: 3px;
  715. background-color:{color:chat line 1};
  716. color: {color:text};
  717. }
  718.  
  719. .chat li.even {
  720. margin-bottom: 3px;
  721. background-color:{color:chat line 2};
  722. color: {color:text};
  723. }
  724.  
  725. li{
  726. list-style-type:square;
  727. font-family:calibri;
  728. }
  729.  
  730. iframe#tumblr_controls{
  731. position:fixed !important;
  732. }
  733.  
  734. ol.notes {
  735. width:380px;
  736. max-height:400px;
  737. min-height:100px;
  738. overflow:auto;
  739. padding: 10px;
  740. list-style-type: none;
  741. font:600 9px/12px 'open sans';
  742. text-transform:uppercase;
  743. letter-spacing:1px;
  744. background:{color:post bg};
  745. position:Absolute;
  746. {block:ifpadding}top:20px;{/block:ifpadding}
  747. {block:ifNotpadding}top:0;{/block:ifNotpadding}
  748. margin-left:395px;
  749. }
  750.  
  751. ol.notes li.note {
  752. border-top: solid 1px {color:post border};
  753. padding: 10px;
  754. list-style-type: none;
  755. }
  756.  
  757. ol.notes li.note img.avatar {
  758. display:none;
  759. }
  760.  
  761. ol.notes li.note span.action {
  762. font-weight:800;
  763. letter-spacing:3px;
  764. }
  765.  
  766. ol.notes li.note .answer_content {
  767. font-weight: normal;
  768. }
  769.  
  770. ol.notes li.note blockquote {
  771. border-color: #eee;
  772. padding: 4px 10px;
  773. margin: 10px 0px 0px 25px;
  774. }
  775.  
  776. ol.notes li.note blockquote a {
  777. text-decoration: none;
  778. }
  779.  
  780. a.notes-hide {
  781. position: absolute;
  782. background:{color:tumblr blg bg};
  783. color:{color:tumblrblg};
  784. top: 455px;
  785. margin-left: 715px;
  786. text-transform: uppercase;
  787. font: 800 9px/9px 'open sans';
  788. letter-spacing: 2px;
  789. width: 75px;
  790. text-align: center;
  791. padding: 2px;
  792. }
  793.  
  794. .notes-button{
  795. background:{color:counter bg};
  796. font:800 8px/8px 'open sans';
  797. letter-spacing:4px;
  798. text-transform:uppercase;
  799. display:inline-block;
  800. padding:1px;
  801. margin-top:20px;
  802. float:right;
  803. }
  804.  
  805. .notes-button a{color:{color:counter};}
  806.  
  807. .notes-container { display:none;}
  808.  
  809. .videoWrapper {
  810. position: relative;
  811. padding-bottom: 56.25%;
  812. height: 0;
  813. }
  814.  
  815. .videoWrapper iframe{
  816. position: absolute;
  817. width: 100%;
  818. height: 100%;
  819. left: 0;
  820. top: 0;
  821. }
  822.  
  823. .fourthirds {
  824. padding-bottom: 75%;
  825. }
  826.  
  827. #pagination{
  828. font-size:9px;
  829. text-transform:uppercase;
  830. letter-spacing:2px;
  831. position:fixed;
  832. color:{color:text};
  833. bottom:4%;
  834. left:0;
  835. text-align:Center;
  836. width:100%;
  837. }
  838.  
  839. #pagination span{display:block;}
  840. #pagination a:hover{color:{color:bold};}
  841. #pagination a{color:{color:italic};display:inline-block;margin-right:10px;}
  842. </style>
  843.  
  844. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  845. <script type="text/javascript" src="http://theme.matthewbuchanan.name/tumblr/tools/notes/notes.js"></script>
  846.  
  847. <link href="http://static.tumblr.com/hczaopr/4zYo0nmqn/style.css" rel="stylesheet" type="text/css"/>
  848. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  849. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  850. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  851.  
  852.  
  853. <script type="text/javascript">
  854. $(document).ready(function(){
  855. $('.per').click(function() {
  856. $('.ccap').hide();
  857. $(this).parent('.entry').find('.ccap').show('slow');
  858. });
  859.  
  860.  
  861. $('#plus').click(function() {
  862. $( "aside" ).fadeToggle( "slow", "linear" );
  863. });
  864.  
  865. $('.close').on('click', function(c){
  866. $(this).parent().fadeOut('slow', function(c){
  867. });
  868. });
  869.  
  870. });
  871. </script>
  872.  
  873.  
  874. <script>
  875. $(document).ready(function(){
  876. $('.photo-slideshow').pxuPhotoset({
  877. lightbox: true,
  878. rounded: false,
  879. gutter: '{text:post padding}px',
  880. highRes: 'true',
  881. photoset: '.photo-slideshow',
  882. photoWrap: '.photo-data',
  883. photo: '.pxu-photo'
  884. });
  885.  
  886. {block:IndexPage}
  887. {block:ifColumns}
  888. var $container = $('#content');
  889. $container.imagesLoaded(function() {
  890. $container.masonry({
  891. isFitWidth: true,
  892. itemSelector: '.ent'
  893. });
  894. });
  895. {/block:ifColumns}
  896. {/block:IndexPage}
  897. $container.infinitescroll({
  898. itemSelector: ".ent",
  899. navSelector: "div.pagination",
  900. nextSelector: ".pagination a#next",
  901. loadingImg: "",
  902. loadingText: "<em></em>",
  903. bufferPx: 10000,
  904. extraScrollPx: 12000,
  905. },
  906. function(newElements) {
  907. var $newElems = $(newElements)
  908. .css({
  909. opacity: 0
  910. });
  911. $newElems.imagesLoaded(function() {
  912. $newElems.animate({
  913. opacity: 1
  914. });
  915. $container.masonry('appended', $newElems, true);
  916. });
  917. }
  918. );
  919. });
  920. </script>
  921.  
  922.  
  923.  
  924. </head>
  925. <body>
  926.  
  927. <div id="plus"></div>
  928.  
  929.  
  930. <aside>
  931. <div id="desc">
  932.  
  933.  
  934. <div id="mainav">
  935. <span>
  936. <a href="/">Start</a>
  937. <a href="/ask">inquire</a>
  938. <a href="/archive">calendar</a>
  939. {block:IfCustomLinkOne}<a href="{block:IfCustomLinkOneURL}{text:Custom Link One URL}{/block:IfCustomLinkOneURL}">{text:Custom Link One}</a>{/block:IfCustomLinkOne}
  940.  
  941. {block:IfCustomLinkTwo}<a href="{block:IfCustomLinkTwoURL}{text:Custom Link Two URL}{/block:IfCustomLinkTwoURL}">{text:Custom Link Two}</a>{/block:IfCustomLinkTwo}
  942.  
  943. {block:IfCustomLinkThree}<a href="{block:IfCustomLinkThreeURL}{text:Custom Link Three URL}{/block:IfCustomLinkThreeURL}">{text:Custom Link Three}</a>{/block:IfCustomLinkThree}
  944.  
  945. {block:IfCustomLinkFour}<a href="{block:IfCustomLinkFourURL}{text:Custom Link Four URL}{/block:IfCustomLinkFourURL}">{text:Custom Link Four}</a>{/block:IfCustomLinkFour}
  946.  
  947. {block:IfCustomLinkFive}<a href="{block:IfCustomLinkFiveURL}{text:Custom Link Five URL}{/block:IfCustomLinkFiveURL}">{text:Custom Link Five}</a>{/block:IfCustomLinkFive}
  948. </span>
  949. </div>
  950.  
  951. <div class="portrait"><img src="{image:portrait}"></div>
  952. <div class="desc">
  953. {description}</div>
  954.  
  955. <div class="subnav">
  956. <div class="tracked">
  957. <h1>tracked tags</h1>
  958. /****************** YOU CAN ADD AS MANY LINKS AS YOU WANT. THE LIMIT IS THE MOON ******************/
  959.  
  960.  
  961. <a href="">link</a>
  962. <a href="">link</a>
  963. <a href="">link</a>
  964. <a href="">link</a>
  965. <a href="">link</a>
  966. <a href="">link</a>
  967. <a href="">link</a>
  968. <a href="">link</a>
  969. <a href="">link</a>
  970. <a href="">link</a>
  971. <a href="">link</a>
  972. <a href="">link</a>
  973. <a href="">link</a>
  974. <a href="">link</a>
  975. <a href="">link</a>
  976. <a href="">link</a>
  977. <a href="">link</a>
  978. <a href="">link</a>
  979. </div>
  980.  
  981. <div class="tracked">
  982. <h1>important links</h1>
  983. <a href="">link</a>
  984. <a href="">link</a>
  985. <a href="">link</a>
  986. <a href="">link</a>
  987. <a href="">link</a>
  988. <a href="">link</a>
  989. <a href="">link</a>
  990. <a href="">link</a>
  991. <a href="">link</a>
  992. <a href="">link</a>
  993. <a href="">link</a>
  994. <a href="">link</a>
  995. <a href="">link</a>
  996. </div>
  997. </div>
  998.  
  999. <div id="todo">
  1000. <h1>to do list</h1>
  1001.  
  1002. /************************************************************************************************************
  1003. FOR CHECKED BOX: <input type="checkbox" checked="checked"><label>PUT YOUR TEXT HERE</label><br>
  1004. FOR UNCHECKED BOX: <input type="checkbox"><label>PUT YOUR TEXT HERE</label><br>
  1005. ************************************************************************************************************/
  1006. <input type="checkbox" checked="checked"><label>wake up</label><br>
  1007. <input type="checkbox" checked="checked"><label>shower</label><br>
  1008. <input type="checkbox" checked="checked"><label>eat</label><br>
  1009. <input type="checkbox" checked="checked"><label>go to school</label><br>
  1010. <input type="checkbox" checked="checked"><label>acquire sugar daddy</label><br>
  1011. <input type="checkbox" checked="checked"><label>sugar daddy pays for tuition</label><br>
  1012. <input type="checkbox" checked="checked"><label>get rich</label><br>
  1013. <input type="checkbox"><label>fuck bitches</label><br>
  1014. <input type="checkbox"><label>become even more awesome</label><br>
  1015. <input type="checkbox"><label>Go to sugar daddy's funeral</label>
  1016. </div>
  1017.  
  1018. </div>
  1019. </aside>
  1020.  
  1021.  
  1022.  
  1023. <main id="center">
  1024.  
  1025. <section id="entrywrap">
  1026. <div id="content">
  1027.  
  1028. {block:Posts}
  1029. <div class="ent">
  1030.  
  1031.  
  1032.  
  1033.  
  1034.  
  1035.  
  1036. <div class="entry">{block:IndexPage}
  1037.  
  1038. <div class="per">
  1039. <div class="p1" id="perm"></div>
  1040. <div class="p2" id="caps"></div>
  1041. <div class="p3" id="tags"></div>
  1042. </div>
  1043.  
  1044.  
  1045.  
  1046.  
  1047.  
  1048. <div class="ccap">
  1049. <div class="close"></div>
  1050.  
  1051.  
  1052. <div class="perma">
  1053. <span class="dts">{block:Date}<a href="{permalink}">{12HourWithZero}:{Minutes} {CapitalAmPm}</a>{/block:Date}</span>
  1054. <span class="nts">{Notecount}</span> -
  1055. <span class="rblg"><a href="{ReblogURL}">reblog</a></span>
  1056. </div>
  1057.  
  1058. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  1059.  
  1060. {block:HasTags}
  1061. <div class="tags">{block:Tags}<a href="{TagURL}">{Tag}</a> · {/block:Tags} </div>
  1062. {/block:HasTags}
  1063. </div>
  1064.  
  1065. {/block:IndexPage}
  1066.  
  1067. {block:Text}
  1068. <div class="txt">
  1069. {block:Title}
  1070. <h1><a href="{permalink}">{Title}</a></h1>{/block:Title}
  1071. {Body}
  1072. </div>
  1073.  
  1074.  
  1075. {/block:Text}
  1076.  
  1077.  
  1078.  
  1079.  
  1080. {block:Link}
  1081. <div class="txt">
  1082. <div class="span">
  1083. <h1><a href="{URL}">{Name}</a></h1>
  1084. {block:Description}{Description}{/block:Description}
  1085. </div></div>
  1086.  
  1087. {block:Link}
  1088.  
  1089.  
  1090.  
  1091.  
  1092. {block:Photo}
  1093. {block:IndexPage}
  1094. <div class="img"><a href="{permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"></a></div>
  1095. {/block:IndexPage}
  1096.  
  1097. {block:PermalinkPage}
  1098. <div class="img"><a href="{permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"></a></div>
  1099. {block:PermalinkPage}
  1100.  
  1101. {/block:Photo}
  1102.  
  1103.  
  1104.  
  1105.  
  1106.  
  1107. {block:Photoset}
  1108.  
  1109. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  1110.  
  1111. {block:Photos}
  1112. <div class="photo-data">
  1113. <div class="pxu-photo">
  1114. <img alt="{PhotoAlt}" src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" class="{block:Exif}exif-yes {/block:Exif}{block:Caption}caption-yes{/block:Caption}" {block:Exif}data-camera="{block:Camera}{Camera}{/block:Camera}" data-iso="{block:ISO}{ISO}{/block:ISO}" data-aperture="{block:Aperture}{Aperture}{/block:Aperture}" data-exposure="{block:Exposure}{Exposure}{/block:Exposure}" data-focal="{block:FocalLength}{FocalLength}{/block:FocalLength}"{/block:Exif} {block:Caption}data-caption="{Caption}"{/block:Caption}>
  1115. </div>
  1116. </div>
  1117. {/block:Photos}
  1118.  
  1119. </div>
  1120.  
  1121. {/block:Photoset}
  1122.  
  1123.  
  1124. {block:Chat}
  1125. <div class="txt">
  1126. <ul class="chat">
  1127. {block:Lines}
  1128. <li class="{Alt} user_{UserNumber}">
  1129. {block:Label}
  1130. <span class="label">{Label}</span>
  1131. {/block:Label}
  1132. {Line}
  1133. </li>
  1134. {/block:Lines}
  1135. </ul>
  1136. </div>
  1137. {block:Title}
  1138. <div class="titled">
  1139. <div class="twrap"><div class="ticon"><img src="http://static.tumblr.com/hczaopr/xk2nxgsa3/chat.png"></div><h1><a href="{Permalink}">{Title}</a></h1></div>
  1140. </div>
  1141. {/block:Title}
  1142. {/block:Chat}
  1143.  
  1144.  
  1145. {block:Audio}
  1146. {block:TrackName}<h1>{TrackName}</h1>{/block:TrackName}
  1147. {block:Artist} by — <b>{Artist}</b>{/block:Artist}
  1148. {AudioPlayerBlack}
  1149. {/block:Audio}
  1150.  
  1151.  
  1152.  
  1153.  
  1154.  
  1155. {block:Quote}
  1156. <div class="txt">
  1157. <h2>{Quote}</h2>
  1158. {block:Source}<div class="source">- {Source}</div>{/block:Source}
  1159. </div>
  1160.  
  1161. {/block:NoteCount}
  1162. {/block:Quote}
  1163.  
  1164.  
  1165.  
  1166.  
  1167.  
  1168. {block:Answer}
  1169.  
  1170. <div class="askr">
  1171. <a href="{permalink}"><h2>{Asker}</h2></a>
  1172. </div>
  1173.  
  1174. <div class="quest">
  1175. <span><img src="{AskerPortraitURL-30}"></span>
  1176. {Question}
  1177. </div>
  1178.  
  1179. {Answer}
  1180.  
  1181. {/block:Answer}
  1182.  
  1183.  
  1184.  
  1185.  
  1186. {block:Video}
  1187. <div class="img">
  1188. <div class="videoWrapper {TagsAsClasses}">{VideoEmbed-500}</div>
  1189. </div>
  1190.  
  1191. {/block:Video}
  1192. </div>
  1193.  
  1194.  
  1195. {block:PermalinkPage}
  1196. <div id="perma">
  1197. {block:Date}<b>Created on</b> {TimeAgo} &nbsp;&nbsp;&nbsp;— &nbsp;&nbsp;&nbsp;{NoteCount}
  1198. {/block:Date}
  1199.  
  1200. {block:RebloggedFrom}
  1201. <div id="vias">
  1202. <b>Originally created by</b> &nbsp;&nbsp;&nbsp;— &nbsp;&nbsp;&nbsp; <a href="{ReblogRootURL}">{ReblogRootName}</a><br><br>
  1203. <b>Replicated by</b> &nbsp;&nbsp;&nbsp;— &nbsp;&nbsp;&nbsp; <a href="{ReblogParentURL}">{ReblogParentName}</a>
  1204. </div>
  1205. {/block:RebloggedFrom}
  1206.  
  1207. {block:HasTags}
  1208. <div class="tagss">
  1209. <b>Filed under</b> &nbsp;— <br>
  1210. <center>{block:Tags}<a href="{TagURL}">{Tag}</a> · {/block:Tags}</center>
  1211. </div>
  1212. {/block:HasTags}
  1213.  
  1214. {block:caption}
  1215. <div class="cap">{caption}
  1216. </div> {/block:caption}
  1217.  
  1218.  
  1219.  
  1220. {block:NoteCount}
  1221. <a href="{postNotesURL}" rel="{postID}" class="notes-button">Show the notes</a>
  1222. {/block:NoteCount}
  1223.  
  1224. </div>
  1225. {/block:PermalinkPage}
  1226.  
  1227.  
  1228.  
  1229.  
  1230.  
  1231. <div class="notes-container" id="notes-{postID}">
  1232. <p class="loading">Loading...</p>
  1233. <div class="notes-loader"></div>
  1234. </div>
  1235. </div>
  1236.  
  1237.  
  1238. {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1239. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{block:NoSourceLogo}{/block:NoSourceLogo}{/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  1240.  
  1241.  
  1242.  
  1243.  
  1244. {/block:Posts}
  1245. <!--POSTS SECTION ENDS-->
  1246.  
  1247. </div>
  1248. </section>
  1249.  
  1250. {block:Pagination}
  1251. <section id="pagination">
  1252. Phase {CurrentPage} of {TotalPages}
  1253. <span>
  1254. {block:PreviousPage}<a href="{PreviousPage}">Before</a>{/block:PreviousPage}
  1255. {block:NextPage}<a href="{NextPage}">After</a>{/block:NextPage}
  1256. </span>
  1257. </section>
  1258. {/block:Pagination}
  1259. </main>
  1260.  
  1261.  
  1262.  
  1263.  
  1264.  
  1265.  
  1266.  
  1267. </body>
  1268. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!