API tools faq
paste
Advertisement
tomkirk

Angel

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