API tools faq
paste
Advertisement
tomkirk

Cruel

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