API tools faq
paste
Advertisement
tomkirk

Paper V2

tomkirk
Feb 7th, 2015
12,710
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.94 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3.  
  4. [ T H E M E B Y ]
  5.  
  6. ○ ● ○
  7.  
  8. [ T O M K I R K ]
  9.  
  10.  
  11.  
  12. -->
  13. <html>
  14. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  15. <html xmlns="http://www.w3.org/1999/xhtml">
  16. <head>
  17.  
  18. <!--Default Variables-->
  19. <!--Colors-->
  20. <meta name="color:Ask Background" content="#e2c0ff"/>
  21. <meta name="color:Ask Text" content="#ffffff"/>
  22. <meta name="color:Background" content="#ffffff"/>
  23. <meta name="color:Text" content="#000000"/>
  24. <meta name="color:Link" content="#000000"/>
  25. <meta name="color:Link Background" content="#ffee59"/>
  26. <meta name="color:Link Hover" content="#000000"/>
  27. <meta name="color:Scrollbar" content="#000000"/>
  28. <meta name="color:Permalink" content="#ffba5f"/>
  29. <meta name="color:Tags" content="#5E92F2"/>
  30. <meta name="color:Blogtitle" content="#FF70AC"/>
  31. <meta name="color:Pagination" content="#71EBB7"/>
  32. <meta name="color:Tool Tip" content="#ffffff"/>
  33. <meta name="color:Tool Tip Text" content="#9ae591"/>
  34.  
  35. <!--Images-->
  36. <meta name="image:Background" content=""/>
  37.  
  38. <!--Options-->
  39. <meta name="if:400px" content="0"/>
  40. <meta name="if:2 Columns" content="1"/>
  41. <meta name="if:Infinite Scroll" content="1"/>
  42. <meta name="if:White Paper" content="1"/>
  43. <meta name="if:Captions" content=""/>
  44. <meta name="if:Custom Scrollbar" content="1"/>
  45. <meta name="if:Photo Zoom" content=""/>
  46. <meta name="if:Faded Images" content=""/>
  47. <meta name="if:Inverted Images" content=""/>
  48. <meta name="if:Tiny Cursor" content=""/>
  49. <meta name="if:Crosshair Cursor" content=""/>
  50. <meta name="if:Full Bkg Img" content="" />
  51.  
  52. <!--Links-->
  53. <meta name="text:Link 1 URL" content="/"/>
  54. <meta name="text:Link 1 name" content=""/>
  55. <meta name="text:Link 2 URL" content="/"/>
  56. <meta name="text:Link 2 name" content=""/>
  57. <meta name="text:Link 3 URL" content="/"/>
  58. <meta name="text:Link 3 name" content=""/>
  59. <meta name="text:Link 4 URL" content="/"/>
  60. <meta name="text:Link 4 name" content=""/>
  61.  
  62. <link href='http://fonts.googleapis.com/css?family=Quicksand:400,700' rel='stylesheet' type='text/css'>
  63. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  64.  
  65. {block:Description}
  66. <meta name="description" content="{MetaDescription}" />
  67. {/block:Description}
  68. <meta charset="utf-8">
  69. <meta name="viewport" content="initial-scale=1.0, width=device-width" />
  70. <title>{block:TagPage}{Tag} posts - {/block:TagPage} {block:SearchPage}{lang:Search results for SearchQuery} - {/block:SearchPage}{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title>
  71. <link rel="shortcut icon" href="{Favicon}">
  72. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  73. <style type="text/css">
  74.  
  75. {block:ifInvertedImages}img{
  76. opacity: 1;
  77. filter:alpha(opacity=10);
  78. -moz-opacity: 0.1;
  79. -moz-transition: all .9s ease;
  80. -o-transition: all .9s ease;
  81. transition: all .9s ease;
  82. -webkit-transition: all .9s ease;}
  83. {/block:ifInvertedImages}
  84.  
  85.  
  86. {block:ifInvertedImages} img:hover{
  87. opacity: .8;
  88. filter:alpha(opacity=100);
  89. -moz-opacity: 1;
  90. -moz-transition: all .9s ease;
  91. -o-transition: all .9s ease;
  92. transition: all .9s ease;
  93. -webkit-transition: all .9s ease;}
  94. {/block:ifInvertedImages}
  95.  
  96. {block:ifFadedImages}img{
  97. opacity: .8;
  98. filter:alpha(opacity=10);
  99. -moz-opacity: 0.1;
  100. -moz-transition: all .9s ease;
  101. -o-transition: all .9s ease;
  102. transition: all .9s ease;
  103. -webkit-transition: all .9s ease;}
  104. {/block:ifFadedImages}
  105.  
  106.  
  107. {block:ifFadedImages} img:hover{
  108. opacity: 1;
  109. filter:alpha(opacity=100);
  110. -moz-opacity: 1;
  111. -moz-transition: all .9s ease;
  112. -o-transition: all .9s ease;
  113. transition: all .9s ease;
  114. -webkit-transition: all .9s ease;}
  115. {/block:ifFadedImages}
  116.  
  117. {block:ifInvertedImages}.photo {
  118. opacity: 1;
  119. filter:alpha(opacity=10);
  120. -moz-opacity: 0.1;
  121. -moz-transition: all .9s ease;
  122. -o-transition: all .9s ease;
  123. transition: all .9s ease;
  124. -webkit-transition: all .9s ease;}
  125. {/block:ifInvertedImages}
  126.  
  127.  
  128. {block:ifInvertedImages}.photo:hover{
  129. opacity: .8;
  130. filter:alpha(opacity=100);
  131. -moz-opacity: 1;
  132. -moz-transition: all .9s ease;
  133. -o-transition: all .9s ease;
  134. transition: all .9s ease;
  135. -webkit-transition: all .9s ease;}
  136. {/block:ifInvertedImages}
  137.  
  138. {block:ifFadedImages}.photo {
  139. opacity: .8;
  140. filter:alpha(opacity=10);
  141. -moz-opacity: 0.1;
  142. -moz-transition: all .9s ease;
  143. -o-transition: all .9s ease;
  144. transition: all .9s ease;
  145. -webkit-transition: all .9s ease;}
  146. {/block:ifFadedImages}
  147.  
  148.  
  149. {block:ifFadedImages}.photo:hover{
  150. opacity: 1;
  151. filter:alpha(opacity=100);
  152. -moz-opacity: 1;
  153. -moz-transition: all .9s ease;
  154. -o-transition: all .9s ease;
  155. transition: all .9s ease;
  156. -webkit-transition: all .9s ease;}
  157. {/block:ifFadedImages}
  158.  
  159. .photo{
  160. -moz-transition: all .9s ease;
  161. -o-transition: all .9s ease;
  162. transition: all .9s ease;
  163. -webkit-transition: all .9s ease;}
  164.  
  165. iframe#tumblr_controls {-webkit-filter:invert(100%);-moz-filter:invert(100%);-filter:invert(100%);right:3px;-webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;transition: all 0.4s linear;}
  166.  
  167. iframe#tumblr_controls:hover{opacity:1;}
  168.  
  169. {block:ifCustomScrollbar}
  170. ::-webkit-scrollbar {width:12px; height:12px; background: {color:Background};}
  171. ::-webkit-scrollbar-thumb { background-color: {color:Scrollbar}; border-top:5px solid {color:Background};border-right:5px solid {color:Background};border-bottom:5px solid {color:Background};border-left:5px solid {color:Background};}
  172. {/block:ifCustomScrollbar}
  173.  
  174. html,body,a,a:hover{
  175. {block:ifTinyCursor}cursor:url(https://31.media.tumblr.com/bdff266e410c6a626f3d7ba461afff73/tumblr_inline_nf2nph3m4q1rs8bwg.png), progress; {/block:ifTinyCursor}{block:ifCrosshairCursor}cursor:crosshair;{/block:ifCrosshairCursor}
  176. }
  177.  
  178. body{background:{color:Background};{block:ifbackgroundimage}background-image:url('{image:background}');{/block:ifbackgroundimage}background-attachment:fixed;background-repeat:repeat;background-position:center;font-family:consolas,arial;font-size:13px;line-height:17px;color:{color:Text};
  179. {block:ifTinyCursor}cursor:url(https://31.media.tumblr.com/bdff266e410c6a626f3d7ba461afff73/tumblr_inline_nf2nph3m4q1rs8bwg.png), progress; {/block:ifTinyCursor}{block:ifCrosshairCursor}cursor:crosshair;{/block:ifCrosshairCursor}{block:ifFullBkgImg}background-size:100% 100%;{/block:ifFullBkgImg}
  180. }
  181.  
  182.  
  183. a:link, a:active, a:visited{color:{color:Link};text-decoration:none;background:{color:Link Background};padding:0 3px 0 3px;}
  184.  
  185. a:hover{text-decoration:none;color:{color:Link Hover};{block:ifTinyCursor}cursor:url(https://31.media.tumblr.com/769de35144cf314ac2a3c6cc0f5f369a/tumblr_inline_nb3e1oTcM51rh7826.png),auto;{/block:IfTinyCursor}background:transparent;}
  186.  
  187. #s-m-t-tooltip {
  188. max-width:200px;
  189. margin:25px 20px 25px 20px;
  190. background-color:{color:Tool Tip};
  191. color:{color:Tool Tip Text};
  192. border:0px solid {color:Border};
  193. font-size:13px;
  194. line-height:13px;
  195. padding:3px 5px 4px 5px;
  196. box-shadow:rgba(0,0,0,0.07) 4px 4px;
  197. -webkit-transition: all 0.3s ease-out;
  198. -moz-transition: all 0.3s ease-out;
  199. transition: all 0.3s ease-out;
  200. z-index:999999999999999999999999999999999999;
  201. -webkit-border-radius: 4px;
  202. -moz-border-radius: 4px;
  203. border-radius: 4px;
  204. }
  205.  
  206. #container {
  207. margin:0 0 0 240px;
  208. {block:IndexPage}
  209. {block:ifNot400px}width:250px;{/block:ifNot400px}
  210. {block:if400px}width:400px;{/block:if400px}
  211. {/block:IndexPage}
  212. {block:PermalinkPage}width:400px;{/block:PermalinkPage}
  213. }
  214.  
  215. #content{
  216. {block:IndexPage}
  217. {block:if2Columns}
  218. {block:ifNot400px}width:800px;{/block:ifNot400px}
  219. {block:if400px}width:1100px;{/block:if400px}
  220. {/block:if2Columns}
  221. {block:ifNot2Columns}
  222. {block:ifNot400px}width:250px;{/block:ifNot400px}
  223. {block:if400px}width:400px;{/block:if400px}
  224. {/block:ifNot2Columns}
  225. {/block:IndexPage}
  226. {block:PermalinkPage}width:400px;{/block:PermalinkPage}
  227. }
  228.  
  229. article{
  230. float:left;
  231. margin:35px;
  232. position:relative;
  233. {block:IndexPage}
  234. {block:ifNot400px}width:250px;{/block:ifNot400px}
  235. {block:if400px}width:400px;{/block:if400px}
  236. {/block:IndexPage}
  237. {block:PermalinkPage}width:400px;{/block:PermalinkPage}
  238. padding:15px 10px 10px 10px;
  239. {block:ifWhitePaper}
  240. background:url(https://31.media.tumblr.com/905e072082d7e170a96e198cf24af6d9/tumblr_inline_nc4ltqDhD21rh7826.png);
  241. {/block:ifWhitePaper}
  242. {block:ifNotWhitePaper}
  243. background:url(https://31.media.tumblr.com/ef58e337751a7b3e09dd1ffa7cc7d88a/tumblr_inline_nc6czp1fT51rh7826.png);
  244. {/block:ifNotWhitePaper}
  245. border:1px solid rgba(0,0,0,0.3);
  246. box-shadow:rgba(0,0,0,0.07)7px 7px;
  247. -webkit-border-bottom-right-radius: 6px;
  248. -webkit-border-bottom-left-radius: 6px;
  249. -moz-border-radius-bottomright: 6px;
  250. -moz-border-radius-bottomleft: 6px;
  251. border-bottom-right-radius: 6px;
  252. border-bottom-left-radius: 6px;
  253. }
  254.  
  255. article .sp{
  256. height:14px;
  257. {block:ifNot400px}width:270px;{/block:ifNot400px}
  258. {block:if400px}width:420px;{/block:if400px}
  259. {block:PermalinkPage}width:420px;{/block:PermalinkPage}
  260. margin:-24px 0 0 -10px;
  261. overflow:hidden;
  262. position:absolute;
  263. background:url(https://31.media.tumblr.com/89d0a73dbfd39d6e6dfcd157efacf73a/tumblr_inline_nc4ltugMJI1rh7826.png);
  264. }
  265.  
  266. article img{max-width:100%;{block:indexPage}display:block;{/block:IndexPage}}
  267.  
  268. article .cap{
  269. padding:5px 10px 15px 15px;
  270. }
  271.  
  272. article #permalinktxt{
  273. color:{color:Permalink};
  274. margin:0 0 10px 0;
  275. font-size:17px;
  276. line-height:20px;
  277. font-weight:bold;
  278. text-align:right;
  279. font-family:Quicksand, Arial;
  280. }
  281.  
  282. #permalinktxt a{
  283. color:{color:Permalink};
  284. background:transparent;
  285. padding:0 0 2px 0;
  286. }
  287.  
  288. article #permalinktag{
  289. color:{color:Tags};
  290. margin:10px 0 0 0;
  291. line-height:20px;
  292. }
  293.  
  294. #permalinktag a{
  295. color:{color:Tags};
  296. background:transparent;
  297. }
  298.  
  299. #pic {
  300. position:relative;
  301. overflow:hidden;
  302. }
  303.  
  304. #pic a{padding:0 0 0 0;}
  305.  
  306. #pic img{
  307. display:block;
  308. -webkit-transition: all 0.4s linear;
  309. -moz-transition: all 0.4s linear;
  310. transition: all 0.4s linear;
  311. }
  312.  
  313. article #pc{
  314. -webkit-transition: all 0.4s linear;
  315. -moz-transition: all 0.4s linear;
  316. transition: all 0.4s linear;
  317. }
  318.  
  319. article:hover #pc{
  320. {block:ifPhotoZoom}
  321. {block:IndexPage}
  322. -ms-transform: scale(1.10); /* IE 9 */
  323. -webkit-transform: scale(1.10); /* Chrome, Safari, Opera */
  324. transform: scale(1.10); /* Standard syntax */
  325. {/block:IndexPage}
  326. {/block:ifPhotoZoom}
  327. }
  328.  
  329. article #ugh{
  330. display:block;
  331. margin-bottom:-10px;
  332. -webkit-transition: all 0.4s linear;
  333. -moz-transition: all 0.4s linear;
  334. transition: all 0.4s linear;
  335. }
  336.  
  337. article:hover #ugh{
  338. {block:ifPhotoZoom}
  339. {block:IndexPage}
  340. -ms-transform: scale(1.10); /* IE 9 */
  341. -webkit-transform: scale(1.10); /* Chrome, Safari, Opera */
  342. transform: scale(1.10); /* Standard syntax */
  343. {/block:IndexPage}
  344. {/block:ifPhotoZoom}
  345. }
  346.  
  347. #permalinkpg{margin:10px 0 0 0;line-height:20px;}
  348.  
  349.  
  350. #ask {
  351. padding:10px;
  352. background:{color:Ask Background};
  353. color:{color:Ask Text};
  354. -webkit-border-radius:4px;
  355. -moz-border-radius:4px;
  356. border-radius:4px;
  357. }
  358.  
  359. .asktri1{
  360. margin:0px 0 0 30px;
  361. width: 0;
  362. height: 0;
  363. border-style: solid;
  364. border-width: 13px 12.5px 0 12.5px;
  365. border-color: {color:Ask Background} transparent transparent transparent;
  366. }
  367.  
  368. .askername{
  369. position:Absolute;
  370. margin:-29px 0 0 39px;
  371. }
  372.  
  373. .askername a{
  374. color:{color:Ask Text};
  375. }
  376.  
  377. .askerimg{
  378. margin-bottom:8px;
  379. }
  380.  
  381. .askerimg img{
  382. width:30px;
  383. border-radius:30px;
  384. -webkit-border-radius:30px;
  385. -moz-border-radius:30px;
  386. }
  387.  
  388. #answer{
  389. margin:10px 15px 20px 15px;
  390. }
  391.  
  392.  
  393. h1{
  394. font-family:Quicksand, Arial;
  395. font-size:25px;
  396. line-height:28px;
  397. font-weight:bold;
  398. margin:0 0 0 0;
  399. }
  400.  
  401. h2{
  402. font-family:Quicksand, Arial;
  403. font-size:25px;
  404. line-height:28px;
  405. font-weight:bold;
  406. margin:0 0 10px 0;
  407. }
  408.  
  409. .q_q{
  410. position:absolute;
  411. font-size:times new roman;
  412. font-weight:bold;
  413. font-size:80px;
  414. line-height:70px;
  415. opacity:.15;
  416. }
  417.  
  418. blockquote{
  419. padding-left:10px;
  420. margin:0 0 0 15px;
  421. border-left:2px solid rgba(0,0,0,0.2);
  422. }
  423.  
  424. p {
  425. margin:10px 0 10px 0;
  426. }
  427.  
  428. .ol, ul {
  429. margin-left:30px;
  430. padding:5px;
  431. }
  432.  
  433. .ul {
  434. list-style-type:square;
  435. }
  436.  
  437. .chat .line{
  438. padding: 2px;
  439. }
  440.  
  441. .chat .line .odd{
  442. padding:2px;
  443. color:{color:Ask Text};
  444. background:{color:Ask Background};
  445. }
  446.  
  447. .label {
  448. font-weight:bold;
  449. }
  450.  
  451. .apc{
  452. overflow:hidden;
  453. -webkit-border-radius:4px;
  454. -moz-border-radius:4px;
  455. border-radius:4px;
  456. }
  457.  
  458. .audioart img{
  459. {block:IndexPage}
  460. {block:ifNot400px}width:250px;{/block:ifNot400px}
  461. {block:if400px}width:400px;{/block:if400px}
  462. {/block:IndexPage}
  463. {block:PermalinkPage}width:400px;{/block:PermalinkPage}
  464. }
  465.  
  466. .audioplayer{
  467. padding:10px;
  468. background:black;
  469. opacity:1;
  470. }
  471.  
  472. .audioinfo{
  473. border-top:1px solid rgba(255,255,255,1);
  474. padding:10px;
  475. background:black;
  476. color:white;
  477. opacity:1;
  478. }
  479.  
  480. .notes img{
  481. width:10px;
  482. position:left;
  483. margin:3px 5px 0 0;
  484. -webkit-border-radius:10px;
  485. -moz-border-radius:10px;
  486. border-radius:10px;
  487. }
  488.  
  489. .notes{
  490. line-height:30px;
  491. }
  492.  
  493. .bt{
  494. margin:0 0 0 0;
  495. }
  496.  
  497. .bt a{
  498. color:{color:Blogtitle};
  499. font-size:20px;
  500. line-height:25px;
  501. font-weight:bold;
  502. text-align:right;
  503. font-family:Quicksand, Arial;
  504. background:transparent;
  505. }
  506.  
  507. #side{
  508. position:fixed;
  509. width:150px;
  510. margin:35px 0 0 -190px;
  511. z-index:1;
  512. }
  513.  
  514. .nte{
  515. margin:0 0 30px 0;
  516. padding:10px;
  517. {block:ifWhitePaper}
  518. background:url(https://31.media.tumblr.com/905e072082d7e170a96e198cf24af6d9/tumblr_inline_nc4ltqDhD21rh7826.png);
  519. {/block:ifWhitePaper}
  520. {block:ifNotWhitePaper}
  521. background:url(https://31.media.tumblr.com/ef58e337751a7b3e09dd1ffa7cc7d88a/tumblr_inline_nc6czp1fT51rh7826.png);
  522. {/block:ifNotWhitePaper}
  523. border:1px solid rgba(0,0,0,0.3);
  524. box-shadow:rgba(0,0,0,0.07)7px 7px;
  525. -webkit-border-bottom-right-radius: 6px;
  526. -webkit-border-bottom-left-radius: 6px;
  527. -moz-border-radius-bottomright: 6px;
  528. -moz-border-radius-bottomleft: 6px;
  529. border-bottom-right-radius: 6px;
  530. border-bottom-left-radius: 6px;
  531. }
  532.  
  533. .nte .spi{
  534. height:14px;
  535. width:149px;
  536. margin:-19px 0 0 -10px;
  537. overflow:hidden;
  538. position:absolute;
  539. background:url(https://31.media.tumblr.com/89d0a73dbfd39d6e6dfcd157efacf73a/tumblr_inline_nc4ltugMJI1rh7826.png);
  540. }
  541.  
  542. .nav{
  543. line-height:20px;
  544. }
  545.  
  546. #pgs{
  547. font-size:16px;
  548. line-height:20px;
  549. font-weight:bold;
  550. font-family:Quicksand, Arial;
  551. color:{color:Pagination};
  552. }
  553.  
  554. #pgs a{
  555. color:{color:Pagination};
  556. background:transparent;
  557. }
  558.  
  559. .com:last-child{display:none;}
  560.  
  561.  
  562. #infscr-loading{
  563. position:absolute;
  564. left:50%;
  565. bottom:-40px;
  566.  
  567. }
  568.  
  569. .pagination{opacity:0;}
  570. {CustomCSS}
  571. </style>
  572.  
  573. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  574. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  575. <script>
  576. (function($){
  577. $(document).ready(function(){
  578. $("a[title]").style_my_tooltips({
  579. tip_follows_cursor:true,
  580. tip_delay_time:0,
  581. tip_fade_speed:0,
  582. attribute:"title"
  583. });
  584. });
  585. })(jQuery);
  586. </script>
  587. </head>
  588. <body>
  589.  
  590. <div id="container">
  591. <br><br><br>
  592.  
  593. <div id="side">
  594. <div class="nte">
  595. <div class="spi"></div>
  596. <div class="bt"> <a href="/"><i class="fa fa-user"></i> {Title}</a> </div>
  597. {Description}
  598. </div>
  599.  
  600. <div class="nte">
  601. <div class="spi"></div>
  602. <div class="nav">
  603. {block:ifLink1name}
  604. <a href="{text:Link 1 URL}">{text:Link 1 name}</a>
  605. {/block:ifLink1name}
  606. {block:ifLink2name}
  607. <a href="{text:Link 2 URL}">{text:Link 2 name}</a>
  608. {/block:ifLink2name}
  609. {block:ifLink3name}
  610. <a href="{text:Link 3 URL}">{text:Link 3 name}</a>
  611. {/block:ifLink3name}
  612. {block:ifLink4name}
  613. <a href="{text:Link 4 URL}">{text:Link 4 name}</a>
  614. {/block:ifLink4name}
  615. {block:ifLink5name}
  616. <a href="{text:Link 5 URL}">{text:Link 5 name}</a>
  617. {/block:ifLink5name}</div>
  618. </div>
  619.  
  620. {block:ifNotInfiniteScroll}
  621. {block:IndexPage}
  622. <div class="nte">
  623. <div class="spi"></div>
  624. <div id="pgs">
  625. {block:Pagination}
  626. {block:PreviousPage} <a href="{PreviousPage}"><i class="fa fa-arrow-circle-left"></i></a>{/block:PreviousPage}
  627. {CurrentPage} / {TotalPages}
  628. {/block:JumpPagination}
  629. {block:NextPage}<a href="{NextPage}"><i class="fa fa-arrow-circle-right"></i></a>{/block:NextPage}
  630. {/block:Pagination}
  631. </div>
  632. </div>
  633. {/block:IndexPage}
  634. {/block:ifNotInfiniteScroll}
  635. </div>
  636.  
  637. <div id="content">
  638.  
  639. {block:Posts}
  640. <article>
  641.  
  642.  
  643. <div class="sp"></div>
  644.  
  645. {block:Answer}
  646. {block:IndexPage}
  647. <div id="permalinktxt">
  648. <a title="{TimeAgo}"href="{Permalink}"><i class="fa fa-question-circle"></i> {ShortMonth} / {DayOfMonth} / {Year}</a>
  649. <span style="float:right;">
  650. </div>
  651. {/block:IndexPage}
  652. <div id="ask">
  653. <div class="askerimg"><img src="{AskerPortraitURL-128}"></div>
  654. <span class="askername"> {Asker} asked:</span>
  655. <span style="padding-left:3px;padding-right:3px;">{Question}</span>
  656. </div>
  657. <div class="asktri1"></div>
  658. <div id="answer">{Answer}</div>
  659. {/block:Answer}
  660.  
  661. {block:Text}
  662. {block:IndexPage}
  663. <div id="permalinktxt">
  664. <a title="{TimeAgo}"href="{Permalink}"><i class="fa fa-pencil"></i></i> {ShortMonth} / {DayOfMonth} / {Year}</a>
  665. <span style="float:right;">
  666. </div>
  667. {/block:IndexPage}
  668. <div class="cap">
  669. {block:Title}
  670. <h1>{Title}</h1>
  671. {/block:Title}
  672. {Body}
  673. </div>
  674. {/block:Text}
  675.  
  676. {block:Link}
  677. {block:IndexPage}
  678. <div id="permalinktxt">
  679. <a title="{TimeAgo}"href="{Permalink}"><i class="fa fa-pencil"></i></i> {ShortMonth} / {DayOfMonth} / {Year}</a>
  680. <span style="float:right;">
  681. </div>
  682. {/block:IndexPage}
  683. <div class="cap">
  684. <h1><a href="{URL}">{Name} »</a></h1>
  685. {block:Description}{Description}{/block:Description}
  686. </div>
  687. {/block:Link}
  688.  
  689. {block:Photo}
  690. {block:IndexPage}
  691. <div id="permalinktxt">
  692. <a title="{TimeAgo}"href="{Permalink}"><i class="fa fa-picture-o"></i> {ShortMonth} / {DayOfMonth} / {Year}</a>
  693. <span style="float:right;">
  694. </div>
  695. {/block:IndexPage}
  696. <div id="pic">
  697. <a href="{permalink}">
  698. <div id="pc"><img src="{PhotoURL-500}" alt="{PhotoAlt}"></div>
  699. </a>
  700. </div>
  701. {block:ifCaptions}
  702. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  703. {/block:ifCaptions}
  704. {block:ifNotCaptions}
  705. {block:PermalinkPage}
  706. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  707. {/block:PermalinkPage}
  708. {/block:ifNotCaptions}
  709. {block:ContentSource}
  710. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  711. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  712. {/block:SourceLogo}
  713. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  714. {/block:ContentSource}
  715. {block:ReblogParentURL}
  716. <!-- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  717. {/block:ReblogParentURL}
  718. {/block:Photo}
  719.  
  720. {block:Photoset}
  721. {block:IndexPage}
  722. <div id="permalinktxt">
  723. <a title="{TimeAgo}"href="{Permalink}"><i class="fa fa-picture-o"></i> {ShortMonth} / {DayOfMonth} / {Year}</a>
  724. <span style="float:right;">
  725. </div>
  726. {/block:IndexPage}
  727. <div class="photo">
  728. <center>
  729. {block:IndexPage}
  730. <div id="pic">
  731. <div id="ugh">
  732. {block:ifNot400px}{Photoset-250}{/block:ifNot400px}
  733. {block:if400px}{Photoset-400}{/block:if400px}
  734. </div>
  735. </div>
  736. {/block:IndexPage}
  737. {block:PermalinkPage}{Photoset-400}{/block:PermalinkPage}
  738. </center>
  739. </div>
  740. {block:ifCaptions}
  741. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  742. {/block:ifCaptions}
  743. {block:ifNotCaptions}
  744. {block:PermalinkPage}
  745. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  746. {/block:PermalinkPage}
  747. {/block:ifNotCaptions}
  748. {/block:Photoset}
  749.  
  750. {block:Quote}
  751. {block:IndexPage}
  752. <div id="permalinktxt">
  753. <a title="{TimeAgo}"href="{Permalink}"><i class="fa fa-quote-left"></i> {ShortMonth} / {DayOfMonth} / {Year}</a>
  754. <span style="float:right;">
  755. </div>
  756. {/block:IndexPage}
  757. <div class="cap">
  758. <div class="q_q">❝</div>
  759. <h2>{Quote}</h2>
  760. {block:Source}
  761. - {Source}
  762. {/block:Source}
  763. </div>
  764. {/block:Quote}
  765.  
  766. {block:Chat}
  767. {block:IndexPage}
  768. <div id="permalinktxt">
  769. <a title="{TimeAgo}"href="{Permalink}"><i class="fa fa-comments-o"></i> {ShortMonth} / {DayOfMonth} / {Year}</a>
  770. <span style="float:right;">
  771. </div>
  772. {/block:IndexPage}
  773. <div class="cap">
  774. {block:Title}
  775. <h1>{Title}</h1>
  776. {/block:Title}
  777. <div class="chat">
  778. {block:Lines}
  779. <div class="chat">
  780. <div class="line {Alt}">
  781. <div class="{Alt} user_{UserNumber}">
  782. {block:Label}
  783. <b>{Label} </b>
  784. {/block:Label}
  785. {Line}
  786. </div>
  787. </div>
  788. </div>
  789. {/block:Lines}
  790. </div>
  791. </div>
  792. {/block:Chat}
  793.  
  794. {block:Audio}
  795. {block:IndexPage}
  796. <div id="permalinktxt">
  797. <a title="{TimeAgo}"href="{Permalink}"><i class="fa fa-music"></i> {ShortMonth} / {DayOfMonth} / {Year}</a>
  798. <span style="float:right;">
  799. </div>
  800. {/block:IndexPage}
  801. <div class="apc">
  802. {block:AlbumArt}
  803. <div class="audioart">
  804. <img src="{AlbumArtURL}">
  805. </div>
  806. {/block:AlbumArt}
  807. {block:AudioPlayer}
  808. <div class="audioplayer">
  809. {AudioPlayerBlack}
  810. </div>
  811. {/block:AudioPlayer}
  812. {block:TrackName}
  813. <div class="audioinfo">
  814. Song : {TrackName}
  815. </div>
  816. {/block:TrackName}
  817. {block:Artist}
  818. <div class="audioinfo">
  819. Artist : {Artist}
  820. </div>
  821. {/block:Artist}
  822. {block:Album}
  823. <div class="audioinfo">
  824. Album : {Album}
  825. </div>
  826. {/block:Album}
  827. </div>
  828. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  829. {/block:Audio}
  830.  
  831. {block:Video}
  832. {block:IndexPage}
  833. <div id="permalinktxt">
  834. <a title="{TimeAgo}"href="{Permalink}"><i class="fa fa-youtube-play"></i> {ShortMonth} / {DayOfMonth} / {Year}</a>
  835. <span style="float:right;">
  836. </div>
  837. {/block:IndexPage}
  838. <div class="photo">
  839. <center>
  840. {block:IndexPage}
  841. {block:ifNot400px}{Video-250}{/block:ifNot400px}
  842. {block:if400px}{Video-400}{/block:if400px}
  843. {/block:IndexPage}
  844. {block:PermalinkPage}{Video-400}{/block:PermalinkPage}
  845. </center>
  846. </div>
  847. {block:ifCaptions}
  848. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  849. {/block:ifCaptions}
  850. {block:ifNotCaptions}
  851. {block:PermalinkPage}
  852. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  853. {/block:PermalinkPage}
  854. {/block:ifNotCaptions}
  855. {/block:Video}
  856.  
  857. {block:HasTags}
  858. {block:IndexPage}
  859. <div id="permalinktag">
  860. <div style="padding:0 5px 0 5px;">
  861. <i class="fa fa-tags"></i> : {block:Tags}<a href="{TagURL}">{Tag} </a> <span class="com">,</span>
  862. {/block:Tags}
  863. </div>
  864. </div>
  865. {/block:IndexPage}
  866. {/block:HasTags}
  867.  
  868. {block:PermalinkPage}
  869. {block:Date}
  870. <div id="permalinkpg">
  871. <b>Posted:</b> {TimeAgo} on
  872. {ShortMonth} {DayofMonth},{Year} at
  873. {12Hour}:{Minutes} {CapitalAmPm}
  874. {block:NoteCount}<br>
  875. <b>Notes:</b>
  876. {NoteCount}
  877. {/block:NoteCount}
  878. {block:HasTags}
  879. <br>
  880. <b>Tags:</b>
  881. {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;
  882. {/block:Tags}
  883. {/block:HasTags}
  884. <br>{block:RebloggedFrom}
  885. <b>Via:</b> <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a><br> <b>Src:</b> <a href="{ReblogRootURL}" target="_blank">{ReblogRootName}</a> {/block:RebloggedFrom}
  886. </div>
  887. <div class="cap">
  888. {block:PostNotes}
  889. {PostNotes}
  890. {/block:PostNotes}
  891. </div>
  892. {/block:Date}
  893. {/block:PermalinkPage}
  894.  
  895. </article>
  896. {/block:Posts}
  897.  
  898.  
  899. </div>
  900.  
  901. <!--Pagination: previous/next page links-->
  902. {block:Pagination}
  903. <div class="pagination">
  904. {block:PreviousPage}<a href="{PreviousPage}"> </a>{/block:PreviousPage}
  905. {block:NextPage}<a href="{NextPage}"> </a>{/block:NextPage}
  906. </div>
  907. {/block:Pagination}
  908.  
  909. <!--Links to jQuery library, Masonry, infinite scroll and imagesLoaded-->
  910. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  911. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  912. {block:IfInfiniteScroll}
  913. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  914. <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  915. {/block:IfInfiniteScroll}
  916. <!--Code for infinite scroll and grid layout-->
  917. <script>
  918. (function() {
  919. var $tumblelog = $('#content');
  920. {block:IfInfiniteScroll}
  921. $tumblelog.infinitescroll({
  922. navSelector : ".pagination",
  923. nextSelector : ".pagination a:first",
  924. itemSelector : "article",
  925. bufferPx : 50,
  926. done : "",
  927. loading: {
  928. finishedMsg: "<p> </p>",
  929. img : "http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif",
  930. msg: null,
  931. msgText: "<p> </p>"
  932. },
  933. },
  934. function( newElements ) {
  935. var $newElems = $( newElements ).css({ opacity: 0 });
  936. $newElems.imagesLoaded(function(){
  937. $newElems.animate({ opacity: 1 });
  938. $tumblelog.masonry( 'appended', $newElems);
  939. });
  940. }
  941. );
  942. {/block:IfInfiniteScroll}
  943. $tumblelog.imagesLoaded( function(){
  944. $tumblelog.masonry({
  945. columnWidth: function( containerWidth ) {
  946. return containerWidth / 100;
  947. }
  948. });
  949. });
  950. })();
  951. </script>
  952. </div>
  953. <div style="position:fixed;bottom:0;right:0;padding:0 30px 30px 0;font-size:14px;"><a title="theme by tomkirk" style="background:transparent;"href="http://tomkirk.tumblr.com/">▲</a></div>
  954.  
  955. </body>
  956. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!