API tools faq
paste
Advertisement
tomkirk

#021

tomkirk
Dec 22nd, 2013
1,173
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.67 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. [ T H E M E B Y ]
  3.  
  4. ○ ● ○
  5.  
  6. [ T O M K I R K ]
  7. -->
  8. <html>
  9. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  10. <html xmlns="http://www.w3.org/1999/xhtml">
  11. <head>
  12.  
  13. <!--Default Variables-->
  14. <!--Colors-->
  15. <meta name="color:Background" content="#ffffff"/>
  16. <meta name="color:Text" content="#000000"/>
  17. <meta name="color:Link" content="#1700ff"/>
  18. <meta name="color:Link Hover" content="#f80202"/>
  19. <meta name="color:Scrollbar" content="#e8e8e8"/>
  20. <meta name="color:Border" content="#000000"/>
  21. <meta name="color:Select" content="#f7f7f7"/>
  22. <meta name="color:Select Text" content="#000000"/>
  23. <meta name="color:Tool Tip" content="#000000"/>
  24. <meta name="color:Tool Tip Text" content="#ffffff"/>
  25.  
  26. <!--Options-->
  27. <meta name="if:Faded Images" content=""/>
  28. <meta name="if:Inverted Images" content=""/>
  29. <meta name="if:Captions" content="1"/>
  30. <meta name="if:Tiny Cursor" content=""/>
  31. <meta name="if:Crosshair Cursor" content=""/>
  32. <meta name="if:Infinite Scrolling" content=""/>
  33. <meta name="if:Full Bkg Img" content="1" />
  34.  
  35. <meta name="image:Background" content="" />
  36.  
  37. <!--Links-->
  38. <meta name="text:Link 1 URL" content="/"/>
  39. <meta name="text:Link 1 name" content=""/>
  40. <meta name="text:Link 2 URL" content="/"/>
  41. <meta name="text:Link 2 name" content=""/>
  42. <meta name="text:Link 3 URL" content="/"/>
  43. <meta name="text:Link 3 name" content=""/>
  44. <meta name="text:Link 4 URL" content="/"/>
  45. <meta name="text:Link 4 name" content=""/>
  46.  
  47. <script type="text/javascript" language="javascript" src="http://assets.tumblr.com/javascript/tumblelog.js?7"></script>
  48.  
  49. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  50.  
  51. <script src="jquery.js"></script>
  52. <script>
  53. $(document).ready(function(){
  54. $("#kh").click(function(){
  55. $("#mbls").slideToggle("fast");
  56. });
  57. });
  58. </script>
  59.  
  60. {block:ifInfiniteScrolling}
  61. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  62. {/block:ifInfiniteScrolling}
  63.  
  64. {block:Description}
  65. <meta name="description" content="{MetaDescription}" />{/block:Description}
  66. <title>
  67. {block:PostSummary}
  68. {PostSummary} - {/block:PostSummary}{Title}</title>
  69. </style>
  70.  
  71. <style type="text/css">
  72.  
  73. {block:ifInvertedImages}img{
  74. opacity: 1;
  75. filter:alpha(opacity=10);
  76. -moz-opacity: 0.1;
  77. -moz-transition: all .9s ease;
  78. -o-transition: all .9s ease;
  79. transition: all .9s ease;
  80. -webkit-transition: all .9s ease;}
  81. {/block:ifInvertedImages}
  82.  
  83.  
  84. {block:ifInvertedImages} img:hover{
  85. opacity: .8;
  86. filter:alpha(opacity=100);
  87. -moz-opacity: 1;
  88. -moz-transition: all .9s ease;
  89. -o-transition: all .9s ease;
  90. transition: all .9s ease;
  91. -webkit-transition: all .9s ease;}
  92. {/block:ifInvertedImages}
  93.  
  94. {block:ifFadedImages}img{
  95. opacity: .8;
  96. filter:alpha(opacity=10);
  97. -moz-opacity: 0.1;
  98. -moz-transition: all .9s ease;
  99. -o-transition: all .9s ease;
  100. transition: all .9s ease;
  101. -webkit-transition: all .9s ease;}
  102. {/block:ifFadedImages}
  103.  
  104.  
  105. {block:ifFadedImages} img:hover{
  106. opacity: 1;
  107. filter:alpha(opacity=100);
  108. -moz-opacity: 1;
  109. -moz-transition: all .9s ease;
  110. -o-transition: all .9s ease;
  111. transition: all .9s ease;
  112. -webkit-transition: all .9s ease;}
  113. {/block:ifFadedImages}
  114.  
  115. {block:ifInvertedImages}.photo {
  116. opacity: 1;
  117. filter:alpha(opacity=10);
  118. -moz-opacity: 0.1;
  119. -moz-transition: all .9s ease;
  120. -o-transition: all .9s ease;
  121. transition: all .9s ease;
  122. -webkit-transition: all .9s ease;}
  123. {/block:ifInvertedImages}
  124.  
  125.  
  126. {block:ifInvertedImages}.photo:hover{
  127. opacity: .8;
  128. filter:alpha(opacity=100);
  129. -moz-opacity: 1;
  130. -moz-transition: all .9s ease;
  131. -o-transition: all .9s ease;
  132. transition: all .9s ease;
  133. -webkit-transition: all .9s ease;}
  134. {/block:ifInvertedImages}
  135.  
  136. {block:ifFadedImages}.photo {
  137. opacity: .8;
  138. filter:alpha(opacity=10);
  139. -moz-opacity: 0.1;
  140. -moz-transition: all .9s ease;
  141. -o-transition: all .9s ease;
  142. transition: all .9s ease;
  143. -webkit-transition: all .9s ease;}
  144. {/block:ifFadedImages}
  145.  
  146.  
  147. {block:ifFadedImages}.photo:hover{
  148. opacity: 1;
  149. filter:alpha(opacity=100);
  150. -moz-opacity: 1;
  151. -moz-transition: all .9s ease;
  152. -o-transition: all .9s ease;
  153. transition: all .9s ease;
  154. -webkit-transition: all .9s ease;}
  155. {/block:ifFadedImages}
  156.  
  157.  
  158. iframe#tumblr_controls {-webkit-filter:invert(100%);right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  159.  
  160.  
  161. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: .9;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  162.  
  163. ::-webkit-scrollbar {width:16px; height:16px; background: {color:Background};}
  164. ::-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};-webkit-border-radius: 100px;
  165. -moz-border-radius: 100px;border-radius: 100px;}
  166.  
  167.  
  168. #s-m-t-tooltip {max-width:300px;padding:1px;padding-left:3px;padding-right:3px;margin:15px 20px 15px 20px;background-color:{color:Tool Tip};color:{color:Tool Tip Text};font-size:10px;color:{color:Tool Tip Text};z-index:999999999999999999999999999999999999;font-style:italic;}
  169.  
  170. body{
  171. background-color: {color:Background};background-image:url({image:Background});background-attachment:fixed;background-repeat:repeat;background-position:center;
  172. {block:ifFullBkgImg}
  173. background-size:100% 100%;
  174. {/block:ifFullBkgImg}
  175. font-family:consolas;
  176. font-size:10px;
  177. line-height:12px;
  178. color:{color:Text};
  179. {block:ifTinyCursor}
  180. cursor:url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;
  181. {/block:ifTinyCursor}
  182. {block:ifCrosshairCursor}
  183. cursor:crosshair;
  184. {/block:ifCrosshairCursor}
  185. }
  186.  
  187. a:link, a:active, a:visited{
  188. color: {color:Link};
  189. text-decoration:none;
  190. -webkit-transition: all 0.4s linear;
  191. -moz-transition: all 0.4s linear;
  192. transition: all 0.4s linear;
  193. }
  194.  
  195. a:hover{
  196. color:{color:Link Hover};
  197. {block:ifTinyCursor}
  198. cursor:url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;
  199. {/block:ifTinyCursor}
  200. {block:ifCrosshairCursor}
  201. cursor:crosshair;
  202. {/block:ifCrosshairCursor}
  203. }
  204.  
  205. ::selection {
  206. background: {color:Select};
  207. color: {color:Select Text};
  208. }
  209. ::-moz-selection {
  210. background: {color:Select};
  211. color: {color:Select Text};
  212. }
  213.  
  214. #container {
  215. left:0;
  216. padding-top:50px;
  217. padding-left:220px;
  218. padding-bottom:10px;
  219. {block:IndexPage}
  220. width:250px;
  221. {/block:IndexPage}
  222. {block:PermalinkPage}
  223. width:400px;
  224. {/block:PermalinkPage}
  225. }
  226.  
  227. #entry {
  228. margin-top:20px;
  229. margin-bottom:80px;
  230. {block:IndexPage}
  231. width:250px;
  232. {/block:IndexPage}
  233. {block:PermalinkPage}
  234. width:400px;
  235. {/block:PermalinkPage}
  236. background:white;
  237. padding:9px;
  238. border:3px solid {color:Border};
  239. z-index:1;
  240. }
  241.  
  242. #entry img{
  243. {block:IndexPage}
  244. display:block;
  245. max-width:250px;
  246. {/block:IndexPage}
  247. {block:PermalinkPage}
  248. max-width:400px;
  249. {/block:PermalinkPage}
  250. }
  251.  
  252. #entry .permalink{
  253. font-family:consolas;
  254. position:absolute;
  255. opacity:0;
  256. padding:3px;
  257. margin-top:10px;
  258. margin-left:-91px;
  259. width:76px;
  260. border-top:2px solid {color:Border};
  261. -webkit-transition: all 0.5s linear;
  262. -moz-transition: all 0.5s linear;
  263. transition: all 0.5s linear;
  264. }
  265.  
  266. #entry:hover .permalink{
  267. opacity:1;
  268. }
  269.  
  270.  
  271. #entry .permalink2{
  272. position:absolute;
  273. opacity:0;
  274. padding:3px;
  275. margin-top:10px;
  276. margin-left:260px;
  277. width:75px;
  278. border-top:2px solid {color:Border};
  279. -webkit-transition: all 0.5s linear;
  280. -moz-transition: all 0.5s linear;
  281. transition: all 0.5s linear;
  282. }
  283.  
  284. #entry:hover .permalink2{
  285. opacity:1;
  286. }
  287.  
  288. #entry .permalinkx{
  289. position:absolute;
  290. opacity:0;
  291. padding:5px;
  292. margin-left:355px;
  293. text-align:center;
  294. text-transform:uppercase;
  295. z-index:999;
  296. color:{color:Link};
  297. -webkit-transition: all 0.5s linear;
  298. -moz-transition: all 0.5s linear;
  299. transition: all 0.5s linear;
  300. }
  301.  
  302. #entry:hover .permalinkx{
  303. opacity:1;
  304. }
  305.  
  306. .permalinkx a{
  307. display:block;
  308. font-size:8px;
  309. letter-spacing:1px;
  310. padding:1px;
  311. padding-left:4px;
  312. padding-right:4px;
  313. background:white;
  314. border:1px solid {color:Border};
  315. }
  316.  
  317. .permalinkx a:hover{
  318. background:{color:Border};
  319. border:1px solid {color:Border};
  320. }
  321.  
  322. .bb{
  323. position:absolute;
  324. width:14px;
  325. margin-top:5px;
  326. margin-left:-15px;
  327. padding:1px;
  328. background:{color:Border};
  329. }
  330.  
  331. .cc{
  332. position:absolute;
  333. width:2px;
  334. height:14px;
  335. margin-top:15px;
  336. margin-left:10px;
  337. background:{color:Border};
  338. }
  339.  
  340. .audiop{background:black;padding:5px;}
  341. .audioaa img{opacity:1;z-index:1;position:absolute;}
  342. .audiop .audior {position:absolute;background:black;margin-top:-90px;width:90px;height:90px;z-index:2;opacity:.1;-webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;transition: all 0.4s linear;}
  343. .audiop:hover .audior{opacity:.9;}
  344. .audioplayer {position:absolute;margin-top:30px;margin-left:30px;width:23px;overflow:hidden;z-index:3;}
  345.  
  346.  
  347. #side {
  348. position:fixed;
  349. z-index:1;
  350. width:120px;
  351. height:100%;
  352. top:0;
  353. padding:5px;
  354. padding-left:16px;
  355. border-right:10px solid {color:Border};
  356. left:0;
  357. }
  358.  
  359. #side2 {
  360. position:fixed;
  361. z-index:1;
  362. width:120px;
  363. height:100%;
  364. top:0;
  365. padding:5px;
  366. padding-left:16px;
  367. border-left:10px solid {color:Border};
  368. {block:IndexPage}
  369. margin-left:350px;
  370. {/block:IndexPage}
  371. {block:PermalinkPage}
  372. margin-left:500px;
  373. {/block:PermalinkPage}
  374. }
  375.  
  376. .ss{
  377. margin-top:300px;
  378. margin-right:10px;
  379. text-align:center;
  380. }
  381. .sbb{
  382. position:absolute;
  383. width:10px;
  384. margin-top:-33px;
  385. margin-left:49px;
  386. padding:1px;
  387. background:{color:Border};
  388. }
  389.  
  390. .sbb2{
  391. position:absolute;
  392. width:10px;
  393. margin-top:-10px;
  394. margin-left:49px;
  395. padding:1px;
  396. background:{color:Border};
  397. }
  398.  
  399. .scc{
  400. position:absolute;
  401. width:2px;
  402. height:10px;
  403. margin-top:-26px;
  404. margin-left:27px;
  405. background:{color:Border};
  406. }
  407.  
  408. .scc2{
  409. position:absolute;
  410. width:2px;
  411. height:10px;
  412. margin-top:-26px;
  413. margin-left:84px;
  414. background:{color:Border};
  415. }
  416.  
  417. .navigate a{
  418. display:inline-block;
  419. width:35px;
  420. margin-left:3px;margin-right:3px;
  421. margin-top:9px;
  422. font-size:8px;
  423. font-family:consolas;
  424. text-transform:uppercase;
  425. letter-spacing:1px;
  426. padding:1px;
  427. padding-top:2px;
  428. padding-left:4px;
  429. padding-right:4px;
  430. background:white;
  431. border:1px solid {color:Border};
  432. }
  433.  
  434. .navigate a:hover{
  435. background:{color:Border};
  436. border:1px solid {color:Border};
  437. }
  438.  
  439. .xc{
  440. position:absolute;
  441. font-size:100px;
  442. margin-left:15px;
  443. margin-top:-70px;
  444. }
  445.  
  446. .xc .xcr{
  447. position:absolute;
  448. width:2px;
  449. margin-left:39px;
  450. margin-top:25px;
  451. height:52px;
  452. background:{color:Link};
  453. text-transform:uppercase; -webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;transition: all 0.4s linear; /
  454. }
  455.  
  456. #side:hover .xcr{
  457. height:900px;
  458. background:{color:Link Hover};
  459. }
  460.  
  461. #side:hover .xc a{
  462. color:{Color:Link Hover};
  463. }
  464.  
  465. #side .blogtitle{
  466. opacity:0;
  467. position:absolute;
  468. margin-top:-60px;
  469. margin-left:5px;
  470. text-align:center;
  471. width:100px;
  472. font-size:10px;
  473. line-height:10px;
  474. letter-spacing:1px;
  475. margin-bottom:8px;
  476. padding-bottom:3px;
  477. text-transform:uppercase; -webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;transition: all 0.4s linear;
  478. }
  479.  
  480. #side:hover .blogtitle{
  481. opacity:1;
  482. margin-top:-110px;
  483. }
  484.  
  485. #side:hover .blogtitle a{color:{color:Link Hover};}
  486. #side .blogtitle a{color:{color:Link};}
  487.  
  488. .posttitle{
  489. font-size:17px;
  490. line-height:19px;
  491. margin:4px;
  492. }
  493.  
  494. blockquote{
  495. padding-left:5px;
  496. margin-left:10px;
  497. margin-right:0px;
  498. margin-top:0px;
  499. margin-bottom:0px;
  500. border-left:2px solid {color:Text};
  501. }
  502.  
  503. blockquote p, ul{margin:0px; padding:0px;
  504. }
  505.  
  506. p {margin:4px;}
  507. .ol, ul { margin-left: 10px; padding: 5px; }
  508. .ul { list-style-type: square; }
  509.  
  510.  
  511. .chat .line {
  512. background-color: #f7f7f7;
  513. color: #494949;
  514. padding: 3px 5px;
  515. }
  516.  
  517. .chat .line.even {
  518. background-color: #e8e8e8;
  519. }
  520.  
  521. .label {font-weight:bold; color:{color:text}}
  522.  
  523. a img{border: 0px;}
  524.  
  525. .notes img{width:10px; position:left; top:3px; -webkit-border-radius: 10px;
  526. -moz-border-radius: 10px; border-radius: 10px;}
  527.  
  528. #pgs{
  529. margin-right:120px;
  530. margin-top:10px;
  531. margin-bottom:30px;
  532. }
  533.  
  534. /* CODES BY CSSDECK AND TUTORIAL MADE BY QUEENIE OF LAPRISIEME */
  535. .navigation {
  536. list-style: none;
  537. padding: 0;
  538. width: 250px;
  539. height: 40px;
  540. margin: 20px auto;
  541. background: #95C11F;
  542. position: relative;
  543. z-index: 100;
  544. }
  545.  
  546. .navigation, .navigation a.main {
  547. border-radius: 4px;
  548. -webkit-border-radius: 4px;
  549. -moz-border-radius: 4px;
  550. }
  551.  
  552. .navigation:hover, .navigation:hover a.main {
  553. border-radius: 4px 4px 0 0;
  554. -webkit-border-radius: 4px 4px 0 0;
  555. -moz-border-radius: 4px 4px 0 0;
  556. }
  557.  
  558. .navigation a.main {
  559. display: block;
  560. height: 40px;
  561. font: bold 15px/40px arial, sans-serif;
  562. text-align: center;
  563. text-decoration: none;
  564. color: #FFF;
  565. -webkit-transition: 0.2s ease-in-out;
  566. -o-transition: 0.2s ease-in-out;
  567. transition: 0.2s ease-in-out;
  568. position: relative;
  569. z-index: 100;
  570. }
  571.  
  572. .navigation:hover a.main {
  573. color: rgba(255,255,255,0.6);
  574. background: rgba(0,0,0,0.04);
  575. }
  576.  
  577. .navigation li {
  578. width: 250px;
  579. height: 40px;
  580. background: #F7F7F7;
  581. font: normal 12px/40px arial, sans-serif !important;
  582. color: #999;
  583. text-align: center;
  584. margin: 0;
  585. -webkit-transform-origin: 50% 0%;
  586. -o-transform-origin: 50% 0%;
  587. transform-origin: 50% 0%;
  588. -webkit-transform: perspective(350px) rotateX(-90deg);
  589. -o-transform: perspective(350px) rotateX(-90deg);
  590. transform: perspective(350px) rotateX(-90deg);
  591. box-shadow: 0px 2px 10px rgba(0,0,0,0.05);
  592. -webkit-box-shadow: 0px 2px 10px rgba(0,0,0,0.05);
  593. -moz-box-shadow: 0px 2px 10px rgba(0,0,0,0.05);
  594. }
  595.  
  596. .navigation li:nth-child(even) { background: #F5F5F5; }
  597. .navigation li:nth-child(odd) { background: #EFEFEF; }
  598.  
  599. .navigation li.n1 {
  600. -webkit-transition: 0.2s linear 0.8s;
  601. -o-transition: 0.2s linear 0.8s;
  602. transition: 0.2s linear 0.8s;
  603. }
  604. .navigation li.n2 {
  605. -webkit-transition: 0.2s linear 0.6s;
  606. -o-transition: 0.2s linear 0.6s;
  607. transition: 0.2s linear 0.6s;
  608. }
  609. .navigation li.n3 {
  610. -webkit-transition: 0.2s linear 0.4s;
  611. -o-transition: 0.2s linear 0.4s;
  612. transition: 0.2s linear 0.4s;
  613. }
  614. .navigation li.n4 {
  615. -webkit-transition:0.2s linear 0.2s;
  616. -o-transition:0.2s linear 0.2s;
  617. transition:0.2s linear 0.2s;
  618. }
  619. .navigation li.n5 {
  620. border-radius: 0px 0px 4px 4px;
  621. -webkit-transition: 0.2s linear 0s;
  622. -o-transition: 0.2s linear 0s;
  623. transition: 0.2s linear 0s;
  624. }
  625.  
  626. .navigation:hover li {
  627. -webkit-transform: perspective(350px) rotateX(0deg);
  628. -o-transform: perspective(350px) rotateX(0deg);
  629. transform: perspective(350px) rotateX(0deg);
  630. -webkit-transition:0.2s linear 0s;
  631. -o-transition:0.2s linear 0s;
  632. transition:0.2s linear 0s;
  633. }
  634. .navigation:hover .n2 {
  635. -webkit-transition-delay: 0.2s;
  636. -o-transition-delay: 0.2s;
  637. transition-delay: 0.2s;
  638. }
  639. .navigation:hover .n3 {
  640. -webkit-transition-delay: 0.4s;
  641. -o-transition-delay: 0.4s;
  642. transition-delay: 0.4s;
  643. }
  644. .navigation:hover .n4 {
  645. transition-delay: 0.6s;
  646. -o-transition-delay: 0.6s;
  647. transition-delay: 0.6s;
  648. }
  649. .navigation:hover .n5 {
  650. -webkit-transition-delay: 0.8s;
  651. -o-transition-delay: 0.8s;
  652. transition-delay: 0.8s;
  653. }
  654.  
  655. {CustomCSS}
  656. </style>
  657.  
  658. <link rel="shortcut icon" href="{Favicon}">
  659. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><meta name="viewport" content="width=820" />
  660.  
  661. </head>
  662. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  663.  
  664. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  665.  
  666. <script>
  667. (function($){
  668. $(document).ready(function(){
  669. $("a[title]").style_my_tooltips({
  670. tip_follows_cursor:true,
  671. tip_delay_time:90,
  672. tip_fade_speed:100,
  673. attribute:"title"
  674. });
  675. });
  676. })(jQuery);
  677. </script>
  678. <body>
  679. <div id="container">
  680. <div id="side2"></div>
  681. <div id="side">
  682. <div class="ss">
  683. <div class="blogtitle"><a href="/">{Title}</a></div>
  684. <div class="xc"><a href="/">▽</a> <div class="xcr"></div></div>
  685. <div class="navigate">
  686. <a href="{text:Link 1 URL}">{text:Link 1 name}</a>
  687. <a href="{text:Link 2 URL}">{text:Link 2 name}</a>
  688. <a href="{text:Link 3 URL}">{text:Link 3 name}</a>
  689. <a href="{text:Link 4 URL}">{text:Link 4 name}</a> <div class="sbb"></div><div class="sbb2"></div><div class="scc"></div><div class="scc2"></div>
  690. </div>
  691. <div style="margin-top:5px;">
  692. {Description}</div>
  693. </div>
  694. </div>
  695.  
  696. <div id="posts">
  697. {block:Posts}
  698. <div id="entry">
  699.  
  700.  
  701. {block:IndexPage}
  702. <div class="permalink"></div>
  703. <div class="permalink2"></div>
  704. <div class="permalinkx">
  705. <div class="bb"></div>
  706. <div class="cc"></div>
  707. <a href="{Permalink}">{NoteCountWithLabel}</a><br>
  708. <a href="{ReblogURL}" target="_blank" class="details">Reblog</a>
  709. </div>
  710. {/block:IndexPage}
  711.  
  712.  
  713. {block:Text}
  714. {block:Title}
  715. <div class="posttitle">{Title}</div>
  716. {/block:Title}
  717. {Body}
  718. {/block:Text}
  719.  
  720. {block:Link}
  721. <div class="posttitle">
  722. <a href="{URL}">{Name} »</a>
  723. </div>
  724. {block:Description}{Description}{/block:Description}
  725. {/block:Link}
  726.  
  727. {block:Photo}
  728. {LinkOpenTag}
  729. <div id="pic">
  730. <a href="{permalink}">
  731. <img src="{PhotoURL-500}" alt="{PhotoAlt}"></a>
  732. </div>
  733. {LinkCloseTag}
  734. {block:ifCaptions}
  735. {block:Caption}{Caption}{/block:Caption}
  736. {/block:ifCaptions}
  737. {block:ifNotCaptions}
  738. {block:PermalinkPage}
  739. {block:Caption}{Caption}{/block:Caption}
  740. {/block:PermalinkPage}
  741. {/block:ifNotCaptions}
  742. {block:ContentSource}
  743. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  744. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  745. {/block:SourceLogo}
  746. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  747. {/block:ContentSource}
  748. {block:ReblogParentURL}
  749. <!-- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  750. {/block:ReblogParentURL}
  751. {/block:Photo}
  752.  
  753. {block:Photoset}
  754. <div class="photo">
  755. <center>
  756. {block:IndexPage}
  757. {Photoset-250}
  758. {/block:IndexPage}
  759. {block:PermalinkPage}
  760. {Photoset-400}
  761. {/block:PermalinkPage}
  762. </center>
  763. </div>
  764. {block:ifCaptions}
  765. {block:Caption}{Caption}{/block:Caption}
  766. {/block:ifCaptions}
  767. {block:ifNotCaptions}
  768. {block:PermalinkPage}
  769. {block:Caption}{Caption}{/block:Caption}
  770. {/block:PermalinkPage}
  771. {/block:ifNotCaptions}
  772. {/block:Photoset}
  773.  
  774. {block:Quote}
  775. <div class="posttitle">"{Quote}"</div>
  776. {block:Source}
  777. <i> - {Source}</i>
  778. {/block:Source}
  779. {/block:Quote}
  780.  
  781. {block:Chat}
  782. {block:Title}
  783. <div class="posttitle">
  784. {Title}
  785. </div>
  786. {/block:Title}
  787. <div class="chat">
  788. {block:Lines}
  789. <div class="chat">
  790. <div class="line {Alt}">
  791. <div class="{Alt} user_{UserNumber}">
  792. {block:Label}
  793. <b>{Label} </b>
  794. {/block:Label}
  795. {Line}
  796. </div>
  797. </div>
  798. </div>
  799. {/block:Lines}
  800. </div>
  801. {/block:Chat}
  802.  
  803. {block:Audio}
  804. <div class="audiop">
  805. {block:AlbumArt}
  806. <div class="audioaa">
  807. <img src="{AlbumArtURL}" width="90px;" style="display:block;">
  808. </div>
  809. {/block:AlbumArt}
  810. <img src="http://media.tumblr.com/675fe5861bf7a215e1756675309ec363/tumblr_inline_mvk7xmTpLe1rh7826.jpg"width="90"style="display:block;">
  811. <div class="audior">
  812. {block:AudioPlayer}
  813. <div class="audioplayer">
  814. {AudioPlayerBlack}
  815. </div>
  816. {/block:AudioPlayer}
  817. </div>
  818.  
  819. <div style="position:absolute;margin-left:110px;margin-top:-80px;color:white;width:135px;">
  820. {block:TrackName}{TrackName}{/block:TrackName}
  821. {block:Artist}<br><i>-{Artist}</i>{/block:Artist}
  822. </div>
  823. </div>
  824. {block:Caption}{Caption}{/block:Caption}
  825. {/block:Audio}
  826.  
  827. {block:Video}
  828. <div class="photo">
  829. <center>
  830. {block:IndexPage}
  831. {Video-250}
  832. {/block:IndexPage}
  833. {block:PermalinkPage}
  834. {Video-400}
  835. {/block:PermalinkPage}
  836. </center>
  837. </div>
  838. {block:ifCaptions}
  839. {block:Caption}{Caption}{/block:Caption}
  840. {/block:ifCaptions}
  841. {block:ifNotCaptions}
  842. {block:PermalinkPage}
  843. {block:Caption}{Caption}{/block:Caption}
  844. {/block:PermalinkPage}
  845. {/block:ifNotCaptions}
  846. {/block:Video}
  847.  
  848. {block:PermalinkPage}
  849. {block:Date}
  850. <div style="margin-top:5px;">
  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>
  862. {/block:Tags}
  863. {/block:HasTags}
  864. <br>{block:RebloggedFrom}via: <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a>· (©: <a href="{ReblogRootURL}" target="_blank">{ReblogRootName}</a>) {/block:RebloggedFrom}
  865. </div>
  866. {block:PostNotes}
  867. {PostNotes}
  868. {/block:PostNotes}
  869. {/block:Date}
  870. {/block:PermalinkPage}
  871. </div>
  872.  
  873. {/block:Posts}
  874.  
  875. {block:ifNotInfiniteScrolling}
  876. <div id="pgs">
  877. {block:Pagination}
  878. {block:PreviousPage} <a href="{PreviousPage}">←</a> {/block:PreviousPage}
  879. {CurrentPage} of {TotalPages}
  880. {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}
  881. {/block:Pagination}
  882. </div>
  883. {/block:ifNotInfiniteScrolling}
  884. </div>
  885. <div style="position:fixed;right:0;bottom:0;padding:15px;">
  886. <a title="theme by tomkirk"href="http://tomkirk.tumblr.com/">▲</a>
  887. </div>
  888. </div>
  889. </body>
  890. </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!