API tools faq
paste
sluthowell

Theme 08

sluthowell
Jun 15th, 2014
3,098
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.42 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!--------------------------------------------------------------------
  4.  
  5.  
  6. Theme 08; Made by pctewentz
  7. pctewentz.tumblr.com
  8. http://www.themesbysarai.tumblr.com
  9. dont move/remove credit
  10.  
  11.  
  12. ---------------------------------------------------------------------->
  13.  
  14. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  15.  
  16.  
  17. <head>
  18. {block:ifInfiniteScrolling}
  19. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:ifInfiniteScrolling}
  20.  
  21. <script>
  22. var current_obj='';
  23. function showLinks(objID) {
  24. var obj=document.getElementById(objID);
  25. if (current_obj.style) {
  26. current_obj.style.display='none';
  27. }
  28. obj.style.display='block';
  29. current_obj=obj;
  30. }
  31. </script>
  32.  
  33.  
  34. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  35. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  36. <script>
  37. (function($){
  38. $(document).ready(function(){
  39. $("a[title]").style_my_tooltips({
  40. tip_follows_cursor:true,
  41. tip_delay_time:90,
  42. tip_fade_speed:600,
  43. attribute:"title"
  44. });
  45. });
  46. })(jQuery);
  47. </script>
  48.  
  49.  
  50. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  51. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  52. <script type="text/javascript" charset="utf-8">
  53. var $j = jQuery.noConflict();
  54. $j(function() {
  55. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  56. $j("img").lazyload({
  57. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  58. effect: "fadeIn",
  59. });
  60. });
  61. </script>
  62.  
  63.  
  64. <title>{Title}</title>
  65.  
  66. {block:Description}<meta name="description" content="{MetaDescription}"/>
  67. {/block:Description}
  68. <link rel="shortcut icon" href="{Favicon}" />
  69. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  70.  
  71. <meta name="color:background" content="#ffffff">
  72. <meta name="color:link" content="#bbb8b8">
  73. <meta name="color:text" content="#9a9a9a">
  74. <meta name="color:tags" content="#b9b7b7">
  75. <meta name="color:ask" content="#fcfcfc">
  76. <meta name="color:hover" content="#eeeeee">
  77. <meta name="color:border" content="#e7e7e7">
  78. <meta name="color:scrollbar" content="#d6d5d5">
  79.  
  80. <meta name="color:sidebar links" content="#b8b8b8">
  81. <meta name="color:extra links bg" content="#fafafa">
  82. <meta name="color:description" content="#000000">
  83. <meta name="color:border" content="#eeeeee">
  84. <meta name="color:posts info" content="#000000">
  85.  
  86. <meta name="image:sidebar" content=""/>
  87.  
  88. <meta name="text:main 1" content="Index">
  89. <meta name="text:main 2" content="Navi">
  90. <meta name="text:main 3" content="About">
  91. <meta name="text:main 4" content="More">
  92. <meta name="text:link 1" content="">
  93. <meta name="text:link 1 url" content="/">
  94. <meta name="text:link 2" content="">
  95. <meta name="text:link 2 url" content="/">
  96. <meta name="text:link 3" content="">
  97. <meta name="text:link 3 url" content="/">
  98. <meta name="text:link 4" content="">
  99. <meta name="text:link 4 url" content="/">
  100.  
  101. <meta name="if:Cursor" content="1">
  102. <meta name="if:Caption" content="1">
  103. <meta name="if:400px" content="1">
  104. <meta name="if:500px" content="0">
  105. <meta name="if:infinite Scrolling" content="0">
  106. <meta name="if:Black White Fade" content="1">
  107.  
  108.  
  109. <style type="text/css">
  110.  
  111. /*-- Text Selection --*/
  112. ::-moz-selection {color:#000;background:#fff;}
  113. ::selection {color:#000;background:#fff;}
  114. ::-webkit-selection {color:#000;background:#fff;}
  115.  
  116.  
  117. /*-- Buttons --*/
  118. iframe#tumblr_controls {
  119. position: fixed !important;-webkit-filter: invert(100%);
  120. z-index: 9999;opacity: 0.3;}
  121.  
  122.  
  123. /*-- Scrollbar --*/
  124. ::-webkit-scrollbar {
  125. width:3px;
  126. height:1px;
  127. }
  128. ::-webkit-scrollbar-track-piece {
  129. background-color:#ffffff;
  130. }
  131. ::-webkit-scrollbar-thumb {
  132. background-color:{color:scrollbar};
  133. border:1px solid #ffffff;
  134. }
  135.  
  136. /*--body--*/
  137. body {
  138. font-style:none;
  139. background-color:{color:background};
  140. font-family:helvetica;
  141. font-weight:lighter;
  142. color:{color:text};
  143. font-size:9px;
  144. }
  145.  
  146.  
  147. a {
  148. color:{color:link};
  149. text-decoration:none;
  150. -webkit-transition: all 0.5s ease-out;
  151. -moz-transition: all 0.5s ease-out;
  152. transition: all 0.5s ease-out;
  153. }
  154.  
  155. a:hover {
  156. color:{color:hover};
  157. text-decoration:none;
  158. -webkit-transition: all 0.8s ease-out;
  159. -moz-transition: all 0.8s ease-out;
  160. transition: all 0.8s ease-out;
  161. }
  162.  
  163. img {
  164. border:none;
  165. }
  166.  
  167. blockquote {
  168. margin-left:5px; width:93%; padding-top:1px; word-wrap:break-word; border-left:3px solid {color:border};
  169. background:rgba(0,0,0,.01);
  170. padding-left:12px; padding:6px;
  171. }
  172.  
  173. .caption{
  174. text-align:center;
  175. }
  176.  
  177. .audcaption{
  178. text-align:center;
  179. margin-top:130px;
  180. {block:if500px}margin-top:140px;{/block:if500px}
  181. }
  182.  
  183. li, ol, ul{
  184. list-style:circle;
  185. }
  186.  
  187. pre {
  188. width:95%;
  189. white-space:pre-wrap;
  190. word-wrap:break-word;
  191. background:#f4f4f4;
  192. padding:6px;
  193. }
  194.  
  195. .source{
  196. font-size:8px;
  197. max-width:400px;
  198. margin-top:8px;
  199. text-align:center;
  200. letter-spacing:3px;
  201. z-index:99999;
  202. line-height:130%;
  203. }
  204.  
  205. h1 {
  206. color:{color:text};
  207. font-size:15px;
  208. padding:8px;
  209. letter-spacing:1px;
  210. background:{color:border};
  211. {block:if500px}width:505px;{/block:if500px}
  212. {block:if400px}width:405px;{/block:if400px}
  213. {block:permalinkpage}width:505px;{/block:permalinkpage}
  214. text-transform:uppercase;
  215. line-height:100%;
  216. font-weight:normal;
  217. text-align:center;
  218. margin:-10px 5px 3px;
  219. margin-left: -11px;
  220. }
  221.  
  222. h3{
  223. color:{color:text};
  224. letter-spacing:2px;
  225. font-size:15px;
  226. text-align:center;
  227. line-height:100%;
  228. font-weight:normal;
  229. text-transform:uppercase;
  230. }
  231.  
  232.  
  233. /*-- Cursor Code --*/
  234.  
  235. {block:ifCursor}
  236.  
  237. *, body, a {cursor: url(https://31.media.tumblr.com/91037c9d8802fdca6dea299654b6dc17/tumblr_inline_mzpkcniZkt1r6h6z5.png), auto;}
  238. a:hover {cursor: url(https://31.media.tumblr.com/673fab4e45d2badc5533613afdbbf39d/tumblr_inline_mzpkcfVDdS1r6h6z5.png), auto;}
  239.  
  240.  
  241. {/block:ifCursor}
  242.  
  243.  
  244.  
  245. /*-- Sidebar --*/
  246.  
  247. #sidebar {
  248. position:fixed;
  249. border:1px solid {color:border};
  250. margin-left:230px;
  251. margin-top:200px;
  252. padding:4px;
  253. width:147px;
  254. height:auto;
  255. overflow:hidden;
  256. background:{color:bg};
  257. }
  258.  
  259. #sidebarimage {
  260. width:140px;
  261. }
  262.  
  263. #sidebarimage img {
  264. width:147px;
  265. max-height:130px;
  266. }
  267.  
  268. /*-- Main Links --*/
  269.  
  270. #links {
  271. margin-top:5px;
  272. width:160px;
  273. margin-left:-5px;
  274. font-family:'calibri';
  275. text-transform:uppercase;
  276. text-align:center;
  277. }
  278.  
  279. #links a {
  280. font-size: 8px;
  281. width:34px;
  282. border:1px solid {color:border};
  283. padding:2px;
  284. color:{color:sidebar links};
  285. letter-spacing:1px;
  286. display:inline-block;
  287. margin-left:-3px;
  288. }
  289.  
  290. #links a:hover {
  291. color:{color:hover};
  292. }
  293.  
  294. /*-- Description --*/
  295.  
  296. #description{
  297. margin-top:5px;
  298. margin-left:5px;
  299. height:50px;
  300. font-size:9px;
  301. color:{color:description};
  302. text-align:justify;
  303. position:relative;
  304. z-index:-99999;
  305. letter-spacing:1px;
  306. overflow:scroll;
  307. }
  308.  
  309. /*-- Pagination --*/
  310. #pagination {
  311. margin-top:10px;
  312. margin-left:-15px;
  313. font-style:italic;
  314. text-align:center;
  315. font-size:10px;
  316. letter-spacing:2px;
  317. color:{color:link};
  318. {block:ifInfiniteScrolling}display:none;{/block:ifInfiniteScrolling}
  319. }
  320.  
  321. #pagination a{
  322. color:{color:link};
  323. margin-right:14px;
  324. }
  325.  
  326. #pagination a:hover {
  327. color:{color:hover};
  328. }
  329.  
  330. /*-- Posts --*/
  331. #posts {
  332. {block:if400px}
  333. width:400px;
  334. {/block:if400px}
  335. {block:if500px}
  336. width:500px;
  337. {/block:if500px}
  338. {block:permalinkpage}width:500px;{/block:permalinkpage}
  339. color:{color:text};
  340. line-height:90%;
  341. text-align:justify;
  342. font-family:helvetica;
  343. font-weight:lighter;
  344. margin-bottom:60px;
  345. padding:10px;
  346. font-size:10px;
  347. border:1px solid {color:border};
  348. border-top:6px solid {color:border};
  349. {block:ifBlackWhiteFade}
  350. -webkit-filter: Grayscale(100%); -webkit-transition-duration: 0.8s; -moz-transition-duration:0.8s; transition-duration:0.8s; -o-transition-duration:0.8s;
  351. {/block:ifBlackWhiteFade}
  352. }
  353.  
  354. .photo img {
  355. display:block;
  356. }
  357.  
  358. {block:ifBlackWhiteFade}
  359. #posts:hover {
  360. -webkit-filter: Grayscale(0%); -webkit-transition-duration: 0.8s; -moz-transition-duration:0.8s; transition-duration:0.8s; -o-transition-duration:0.8s;
  361. }
  362. {/block:ifBlackWhiteFade}
  363.  
  364.  
  365. /*-- All Posts --*/
  366. #postscontainer {
  367. margin-bottom:20px;
  368. padding:1px;
  369. margin-left:450px;
  370. margin-top:55px;
  371. {block:indexpage}
  372. {block:if400px}width:423px;{/block:if400px}
  373. {block:if500px}width:500px;{/block:if500px}
  374. {/block:indexpage}
  375. }
  376.  
  377. /*-- Posts Info --*/
  378. .binfo {
  379. {block:if400px}
  380. width:416px;
  381. {/block:if400px}
  382. {block:if500px}
  383. width:516px;
  384. {/block:if500px}
  385. {block:permalinkpage}display:none;{/block:permalinkpage}
  386. text-transform:uppercase;
  387. font-style:normal;
  388. font-size:9px;
  389. text-align:right;
  390. padding: 3px;
  391. background:{color:border};
  392. margin:17px -15px -15px;
  393. margin-left: -11px;
  394. -moz-transition-duration:0.5s;
  395. -webkit-transition-duration:0.5s;
  396. -o-transition-duration:0.5s;
  397. }
  398.  
  399. .via,.via a,.via a:hover{
  400. border-radius:px;
  401. margin-left: 1px;
  402. margin-top:1px;
  403. width: 8px;
  404. height: 9px;
  405. display:block;
  406. background:{color:posts info};
  407. opacity:.5;
  408. color:transparent;
  409. {block:permalinkpage}display:none;{/block:permalinkpage}
  410. -webkit-border-radius:px;
  411. -moz-border-radius:px;
  412. }
  413.  
  414. .postsource{
  415. border-radius:px;
  416. margin-left: 18px;
  417. margin-top:-9px;
  418. width: 9px;
  419. height: 9px;
  420. display:block;
  421. background:{color:posts info};
  422. opacity:.3;
  423. {block:permalinkpage}display:none;{/block:permalinkpage}
  424. color:transparent;
  425. -webkit-border-radius:px;
  426. -moz-border-radius:px;
  427. }
  428.  
  429. .postsource a,.postsource a:hover{color:transparent;}
  430.  
  431. .tags{
  432. border-radius:px;
  433. margin-left: 35px;
  434. margin-top:-9px;
  435. background:#fff;
  436. width: 9px;
  437. height: 9px;
  438. display:block;
  439. background:{color:posts info};
  440. opacity:.2;
  441. {block:permalinkpage}display:none;{/block:permalinkpage}
  442. -webkit-border-radius:px;
  443. -moz-border-radius:px;
  444. }
  445. .tags a{
  446. color:transparent;
  447. }
  448.  
  449. .info{
  450. margin-top:-8px;
  451. {block:permalinkpage}display:none;{/block:permalinkpage}
  452. }
  453. .info a{
  454. margin-right:10px;
  455. }
  456.  
  457. /*-- Permalink Info --*/
  458. #permapage{
  459. font-size:15px;letter-spacing:3px;font-style:italic;
  460. background:{color:bg};
  461. margin:17px -15px -15px;
  462. margin-left: -11px;
  463. padding:10px;
  464. width:500px;
  465. padding-top:16px;padding-bottom:16px;
  466. }
  467.  
  468. .other{
  469. font-size:9px;text-align:center;
  470. }
  471.  
  472. /*-- Asks --*/
  473. .que {
  474. padding:10px;
  475. text-align:left;
  476. font-style:normal;
  477. margin-left:-3px;
  478. font-size: 10px;
  479. line-height: 150%;
  480. border:1px solid {color:border};
  481. }
  482.  
  483. .ans {
  484. text-align:left;
  485. padding: 10px;
  486. margin-top: -20px;
  487. line-height: 12px;
  488. font-size: 10px;
  489. margin-left:-4px;
  490. color:{color:text};
  491. }
  492.  
  493. /*-- Posts Notes --*/
  494. ol.notes {
  495. list-style-type: circle;
  496. width:400px;text-align: left;
  497. line-height:15px;
  498. padding:5px;margin: 25px 0px;
  499. margin-left:40px;
  500. }
  501.  
  502. .notes li {
  503. padding:5px;background:#fff;text-align:left;
  504. letter-spacing: 2px;
  505. }
  506.  
  507. .notes img {
  508. display:none;
  509. padding:3px;
  510. }
  511.  
  512. ol.notes li.note span.action {
  513. font-weight: lighter;
  514. }
  515.  
  516. ol.notes li.note .answer_content {
  517. font-weight: lighter;
  518. }
  519.  
  520. ol.notes li.note blockquote {
  521. border-color: #eee;
  522. padding: 4px 10px;
  523. margin: 10px 0px 0px 25px;
  524. }
  525.  
  526. ol.notes li.note blockquote a {
  527. text-decoration: none;
  528. }
  529.  
  530. #s-m-t-tooltip {
  531. max-width: 300px;
  532. text-align: center;
  533. position: absolute;
  534. margin-left:10px;
  535. line-height:10px;
  536. z-index: 1000;
  537. background: #fff;
  538. font-size: 11px;
  539. padding:8px 8px 8px 8px;
  540. letter-spacing:2px;
  541. text-transform:lowercase;
  542. font-style:italic;
  543. border-radius: 2px;
  544. color:#aaa;border:1px solid #eee;
  545. z-index:999999999999999999999999999999999999;
  546. }
  547.  
  548. .quote{
  549. padding-bottom:5px;
  550. }
  551.  
  552. /*-- Audio Posts --*/
  553. .audiopost {
  554. background:#fafafa;
  555. margin-top:-3px;
  556. min-height:158px;
  557. {block:if500px}
  558. min-height:189px;
  559. {/block:if500px}
  560. }
  561.  
  562. .audioimage {
  563. width:70px;
  564. height:70px;
  565. position:absolute;
  566. margin-top:-5px;
  567. padding-bottom:4px;
  568. margin:10px;
  569. }
  570.  
  571. .audioimage img {
  572. {block:if500px}
  573. width:150px;
  574. height:150px;
  575. margin-left:15px;
  576. {/block:if500px}
  577. {block:if400px}
  578. width:120px;
  579. height:120px;
  580. {/block:if400px}
  581. float:left;
  582. border:10px solid #ffffff;
  583. }
  584.  
  585. .audioinfo {
  586. {block:if400px}
  587. margin-left:150px;
  588. margin-top:40px;
  589. {/block:if400px}
  590. {block:if500px}
  591. margin-left:200px;
  592. margin-top:50px;
  593. {/block:if500px}
  594. height:50px;
  595. position:absolute;
  596. font-size:8px;
  597. line-height:10px;
  598. font-weight:bold;
  599. font-family:arial;
  600. text-transform:uppercase;
  601. letter-spacing:1px;
  602. {block:if500px}width:260px;{/block:if500px}
  603. {block:if400px}width:240px;{/block:if400px}
  604. text-align:center;}
  605.  
  606.  
  607. .audioinfo h1 {font-size:15px;font-weight:bold;padding:5px;letter-spacing:2px;margin-left:0px;}
  608. .audioinfo h2 {font-size:13px;font-weight:normal;padding:3px;margin-top:5px;}
  609. .audioinfo h3 {font-size:10px;font-weight:lighter;padding:3px;}
  610. .audioinfo h4 {font-size:9px;font-weight:lighter;padding:3px;letter-spacing:2px;}
  611.  
  612. .audioinfo h1, .audioinfo h2, .audioinfo h3, .audioinfo h4 {display:block;background:none;color:#000;
  613. {block:if500px}width:260px;{/block:if500px}
  614. {block:if400px}width:240px;{/block:if400px}
  615. }
  616.  
  617. #player {
  618. {block:if400px}
  619. margin-top:55px;
  620. margin-left:50px;
  621. {/block:if400px}
  622. {block:if500px}
  623. margin-top:70px;
  624. margin-left:80px;
  625. {/block:if500px}
  626. width:60px;
  627. height:60px;
  628. z-index:3;
  629. position:absolute;
  630. background:white;
  631. opacity:.5;
  632. -webkit-border-radius: 100px;border-radius: 100px;
  633. -webkit-transition:all 0.6s ease-out;
  634. -moz-transition:all 0.6s ease-out;
  635. transition:all 0.6s ease-out; }
  636.  
  637. .audiopost:hover #player {
  638. opacity:1;
  639. -webkit-transition:all 0.6s ease-out;
  640. -moz-transition:all 0.6s ease-out;
  641. transition:all 0.6s ease-out;}
  642.  
  643. .player {
  644. width:30px;
  645. height:20px;
  646. margin-top:16px;
  647. margin-left:16px;
  648. overflow:hidden;
  649. background:#000;
  650. }
  651.  
  652. /*-- Cool kids don't remove credit --*/
  653. #credit {padding: 2px; color:#000; position:fixed; bottom:5px; right:0px; font-size:10px; letter-spacing:1px; font-family:arial; }
  654. #credit a {color: #000; padding: 5px;}
  655. #credit a:hover{ background: black; color: white;}
  656.  
  657. /*-- The Links Stuff?? --*/
  658. #link1, #link2, #link3, #link4, #link5{
  659. margin-left:-2px;
  660. margin-top:-50px;
  661. font-size:9px;
  662. letter-spacing:1;
  663. text-align:center;
  664. width:150px;
  665. min-height:50px;
  666. max-height:70px;
  667. padding:2px;
  668. line-height:11px;
  669. overflow:scroll;
  670. background:{color:background};
  671. z-index:99999999999999999999999999;
  672. }
  673.  
  674. /*-- Don't Touch !!Important!! --*/
  675. .showhide_element {
  676. display:none;
  677. }
  678.  
  679. /*-- The Extra Links --*/
  680. .index, .olinks{
  681. text-transform:uppercase;
  682. float:left;
  683. width:140px;
  684. letter-spacing:1px;
  685. margin-top:3px;
  686. margin-left:7px;
  687. background:{color:background};
  688. }
  689.  
  690. .index a, .olinks a {
  691. font-size: 8px;
  692. width:54px;
  693. text-align:center;
  694. float:left;
  695. border:1px solid {color:border};
  696. padding:3px;
  697. color:{color:sidebar links};
  698. letter-spacing:1px;
  699. margin-bottom:6px;
  700. background:{color:extra links bg};
  701. display:inline-block;
  702. margin-right:8px;
  703. }
  704.  
  705. .index a:hover, .olinks a:hover {
  706. color:{color:hover};
  707. letter-spacing:2px;
  708. }
  709.  
  710.  
  711. {CustomCSS}
  712. </style></head>
  713.  
  714.  
  715. <body>
  716.  
  717. <div id="sidebar">
  718. <div id="sidebarimage">
  719. <img src="{image:sidebar}"></div>
  720.  
  721. <div id="links">
  722. <a href="#" onClick="showLinks('link1');return false;">{text:main 1}</a>
  723. <a href="#" onClick="showLinks('link2');return false;">{text:main 2}</a>
  724. <a href="#" onClick="showLinks('link3');return false;">{text:main 3}</a>
  725. <a href="#" onClick="showLinks('link4');return false;">{text:main 4}</a>
  726. </div>
  727. <div id="description">{description}</div>
  728.  
  729.  
  730. <!---- Link 1 ---->
  731.  
  732. <div id="link1" class="showhide_element">
  733. <div class="index">
  734. <a href="/">refresh</a>
  735. <a href="/ask">message</a>
  736. <a href="/archive">archive</a>
  737. <!---- Cool kids don't remove credit ;) ------>
  738. <a href="http://www.pctewentz.tumblr.com">theme</a>
  739. </div>
  740. </div>
  741.  
  742. <!---- Link 2 ---->
  743.  
  744. <div id="link2" class="showhide_element">
  745. <div class="olinks">
  746. <a href="{text:link 1 url}">{text:link 1}</a>
  747. <a href="{text:link 2 url}">{text:link 2}</a>
  748. <a href="{text:link 3 url}">{text:link 3}</a>
  749. <a href="{text:link 4 url}">{text:link 4}</a>
  750. </div>
  751. </div>
  752.  
  753.  
  754. <!------ Edit Link 3 - Your About ------->
  755.  
  756. <div id="link3" class="showhide_element">
  757. <b>Name:</b> Name, <b>Age:</b> age, <b>Location:</b> Location
  758. <br>
  759. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
  760. <!---
  761. <big>Big</big>
  762. <b>bold</b>
  763. <i>italic</i>
  764. <u>underline</u>
  765. <s>scratched</s>
  766. for a break <br>
  767. for a new paragraph <p>
  768. --->
  769. </div>
  770.  
  771.  
  772. <!------ Edit Link 4 - Your Other Links ------->
  773.  
  774. <div id="link4" class="showhide_element">
  775. <div class="olinks">
  776. <a href="/">more</a>
  777. <a href="/">links</a>
  778. <a href="/">many</a>
  779. <a href="/">links</a>
  780. </div>
  781. </div>
  782.  
  783.  
  784.  
  785.  
  786. </div></div>
  787. <div id="postscontainer">
  788.  
  789. {block:ifInfiniteScrolling}
  790. <Div class = "autopagerize_page_element">{/block:ifInfiniteScrolling}
  791. {block:Posts}
  792.  
  793. <div id="posts">
  794.  
  795.  
  796. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  797.  
  798. {block:Photo}{block:indexpage}
  799. <div class="photo">{LinkOpenTag}{block:if500px}<img src="{PhotoURL-500}"/>{/block:if500px} {block:if400px}<img src="{PhotoURL-400}"/>{/block:if400px} </center></div>
  800. {block:ifCaption}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifCaption}{/block:indexpage}
  801. {block:permalinkpage}
  802. <center><img src="{PhotoURL-500}" alt="{PhotoAlt}"></center>
  803. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  804. {/block:permalinkpage}
  805. {/block:Photo}
  806.  
  807.  
  808. {block:Photoset}{block:indexpage}
  809. <div class="photo">{block:if500px}{Photoset-500}{/block:if500px}{block:if400px}{Photoset-400}{/block:if400px}</center></div>
  810. {block:ifCaption}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifCaption}{/block:indexpage}
  811. {block:permalinkpage}{Photoset-500}
  812. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  813. {/block:permalinkpage}
  814. {/block:Photoset}
  815.  
  816.  
  817. {block:Video}{block:indexpage}
  818. <center><div class="photo">{block:if500px}{VideoEmbed-500}{/block:if500px}{block:if400px}{VideoEmbed-400}{/block:if400px}</div></center>
  819. {block:ifCaption}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifCaption}{/block:indexpage}
  820. {block:permalinkpage}
  821. <center>{Video-500}</center>
  822. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  823. {/block:permalinkpage}
  824. {/block:Video}
  825.  
  826. {block:Quote}<h3>❝ {Quote} ❞{block:Source}<div class="source">— {Source}</div></h3>{/block:Source}{/block:Quote}
  827.  
  828. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  829.  
  830. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<p>{/block:Lines}{/block:Chat}
  831.  
  832. {block:Audio}
  833. <div class="audiopost">
  834. <div id="player"><div class="player">{AudioPlayerWhite}</div></div>
  835. <div class="audioimage"><img src="https://31.media.tumblr.com/819856548621e4a24a48e61458447c5d/tumblr_mzf490f3gD1stwwfvo1_250.png"></div>{block:AlbumArt}<div class="audioimage"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  836. <div class="audioinfo">
  837. {block:TrackName}<h1>{TrackName}</h1>{/block:TrackName}
  838. {block:Artist}<h2>{Artist}</h2>{/block:Artist}
  839. {block:Album}<h3>{Album}</h3>{/block:Album}
  840. {block:Playcount}<h4>{Playcount} plays</h4>{/block:Playcount}</div>
  841. <br><p> <br><p>
  842. {block:ifCaption}{block:Caption}<div class="audcaption">{Caption}</div>{/block:Caption}{/block:ifCaption}
  843. </div>
  844. {/block:Audio}
  845.  
  846. {block:Answer}<div class="que">{Question}
  847. <span style="font-weight:bold;font-size:10px;letter-spacing:2px;padding:2px;">— {Asker}</span></div>
  848. <br>
  849. <div class="ans">{Answer}</div>{/block:answer}
  850.  
  851. {block:permalinkpage}
  852. <div id="permapage">
  853. {block:Date}<center>
  854. {DayOfWeek} {Month} {DayOfMonth}, {Year} ({TimeAgo})</center>
  855. {/block:Date}
  856. <br>
  857. <div class="other">
  858. {block:RebloggedFrom}
  859. <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom} -
  860. {block:ContentSource}
  861. <b>source:</b> <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}
  862. <br><br>
  863. {block:HasTags}<b>tags:</b>{block:Tags} <a href="{TagURL}">{Tag},</a> {/block:Tags}{/block:HasTags}</div>
  864.  
  865. </div>
  866. {/block:permalinkpage}
  867.  
  868. <div class="binfo">
  869. <div class="via">
  870. {block:RebloggedFrom}
  871. <a title="via: {ReblogParentName}" href="{ReblogParentURL}">Ass</a>
  872. {/block:RebloggedFrom}</div>
  873.  
  874. <div class="postsource">
  875. {block:ContentSource}
  876. <a title="Source: {SourceTitle}" href="{SourceURL}">ASS</a>
  877. {/block:ContentSource}
  878. {block:ContentSource}
  879. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  880. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  881. {/block:SourceLogo}
  882. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  883. {/block:ContentSource}
  884. </div>
  885.  
  886. {block:HasTags}<div class="tags">
  887. <a href="{TagURL}" title="{block:Tags} #{Tag}{/block:Tags}">☐</a></div>{/block:HasTags}
  888.  
  889. <div class="info">
  890. {block:Date}<a title="{TimeAgo}"href="{Permalink}">{MonthNumber}. {DayOfMonthWithZero}. {ShortYear}</a> {/block:Date}
  891.  
  892. <a href="{Permalink}">({NoteCount})</a></div>
  893.  
  894. </div>
  895. </div>
  896. {/block:Posts}
  897.  
  898. {block:Pagination}
  899. <div id="pagination">
  900. {block:PreviousPage}<a href="{PreviousPage}">←previous</a>{/block:PreviousPage}
  901. {block:NextPage}<a href="{NextPage}">next→</a>{/block:NextPage}
  902. </div>{/block:Pagination}
  903. {block:ifInfiniteScrolling}</div>{/block:ifInfiniteScrolling}
  904.  
  905. {block:PostNotes}<ol class="notes">{PostNotes}</div>{/block:PostNotes}
  906. {/block:Posts}</div></div></div>
  907.  
  908. <div id="credit"><a href="http://pctewentz.tumblr.com/"><b>P</b></a></center></div>
  909.  
  910. </body>
  911. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!