API tools faq
paste
Advertisement
tomkirk

Cancer

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