API tools faq
paste
Advertisement
Guest User

theme 37: new age; by primrosetylers

a guest
Oct 11th, 2014
839
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.72 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!--
  5.  
  6. theme 37: new age;
  7. coded by irma at primrosetylers.tumblr.com
  8. do not steal, remove the credit, or use as a base
  9.  
  10. -->
  11.  
  12. <title>{Title}</title>
  13. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16.  
  17. <!-- meta stuffs go here -->
  18.  
  19. <meta name="color:background" content="#fff">
  20. <meta name="color:scrollbar" content="#eee">
  21. <meta name="color:opening screen bg" content="#000">
  22. <meta name="color:title" content="#fff">
  23. <meta name="color:subtitle" content="#fff">
  24. <meta name="color:topbar" content="#000">
  25. <meta name="color:top link" content="#fff">
  26. <meta name="color:top link hover" content="#aaa">
  27. <meta name="color:container bg" content="#fff">
  28. <meta name="color:container border" content="#000">
  29. <meta name="color:tooltip text" content="#fff">
  30. <meta name="color:tooltip background" content="#000">
  31. <meta name="color:tooltip border" content="#fff">
  32. <meta name="color:post text" content="#000">
  33. <meta name="color:post info" content="#000">
  34. <meta name="color:post info hover" content="#aaa">
  35. <meta name="color:posts link" content="#aaa">
  36. <meta name="color:posts link hover" content="#000">
  37. <meta name="color:pagination" content="#000">
  38. <meta name="color:pagination hover" content="#aaa">
  39. <meta name="color:blockquote" content="#aaa">
  40.  
  41. <meta name="select:background image" content="fullscreen" title="full screen">
  42. <meta name="select:background image" content="pattern" title="pattern">
  43. <meta name="select:background image" content="none" title="none">
  44.  
  45. <meta name="image:background" content="">
  46.  
  47. <meta name="if:opening screen" content="1">
  48. <meta name="if:400px posts" content="1">
  49. <meta name="if:250px posts" content="0">
  50. <meta name="if:grayscale images" content="1">
  51. <meta name="if:hover info" content="1">
  52. <meta name="if:show caption" content="1">
  53. <meta name="if:tiny cursor" content="1">
  54. <meta name="if:infinite scroll" content="0">
  55.  
  56. <meta name="text:title" content="title">
  57. <meta name="text:extra section title" content="extra">
  58. <meta name="text:username" content="your url without .tumblr.com">
  59. <meta name="text:link 1" content="index">
  60. <meta name="text:link 1 url" content="/">
  61. <meta name="text:link 2" content="mssg">
  62. <meta name="text:link 2 url" content="/ask">
  63. <meta name="text:link 3" content="past">
  64. <meta name="text:link 3 url" content="/archive">
  65. <meta name="text:link 4" content="">
  66. <meta name="text:link 4 url" content="">
  67. <meta name="text:link 5" content="">
  68. <meta name="text:link 5 url" content="">
  69. <meta name="text:link 6" content="">
  70. <meta name="text:link 6 url" content="">
  71. <meta name="text:link 7" content="">
  72. <meta name="text:link 7 url" content="">
  73. <meta name="text:link 8" content="">
  74. <meta name="text:link 8 url" content="">
  75.  
  76. <!-- keydown effect script -->
  77.  
  78. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  79. <script>
  80. $(document).ready(function(){
  81. $(document).keydown(function(){
  82. $("#cover").fadeOut(700);
  83. });
  84. });
  85. </script>
  86.  
  87. <!-- click effect script -->
  88.  
  89. <script>
  90. $(document).ready(function(){
  91. $(".home").click(function(){
  92. $(".home").removeClass("homeclick");
  93. $(".ask, .codes, .more").removeClass("coolclick");
  94. $("#one").fadeIn(500);
  95. $("#two, #three, #four").hide();
  96. });
  97. });
  98. </script>
  99.  
  100. <script>
  101. $(document).ready(function(){
  102. $(".ask").click(function(){
  103. $(".ask").addClass("coolclick");
  104. $(".codes, .more").removeClass("coolclick");
  105. $(".home").addClass("homeclick");
  106. $("#one, #three, #four").hide();
  107. $("#two").fadeIn(500);
  108. });
  109. });
  110. </script>
  111.  
  112. <script>
  113. $(document).ready(function(){
  114. $(".codes").click(function(){
  115. $(".codes").addClass("coolclick");
  116. $(".ask, .more").removeClass("coolclick");
  117. $(".home").addClass("homeclick");
  118. $("#one, #two, #four").hide();
  119. $("#three").fadeIn(500);
  120. });
  121. });
  122. </script>
  123.  
  124. <script>
  125. $(document).ready(function(){
  126. $(".more").click(function(){
  127. $(".more").addClass("coolclick");
  128. $(".ask, .codes").removeClass("coolclick");
  129. $(".home").addClass("homeclick");
  130. $("#one, #two, #three").hide();
  131. $("#four").fadeIn(500);
  132. });
  133. });
  134. </script>
  135.  
  136.  
  137. <!-- infinite scroll script -->
  138.  
  139. {block:IfInfiniteScroll}
  140. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  141. {/block:IfInfiniteScroll}
  142. {block:IfNotInfiniteScroll}{/block:IfNotInfiniteScroll}
  143.  
  144.  
  145. <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
  146. <link href='http://fonts.googleapis.com/css?family=Anonymous+Pro' rel='stylesheet' type='text/css'>
  147.  
  148. <!-- tooltip script -->
  149. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  150. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  151. <script>
  152. (function($){
  153. $(document).ready(function(){
  154. $("a[title]").style_my_tooltips({
  155. tip_follows_cursor:true,
  156. tip_delay_time:30,
  157. tip_fade_speed:300,
  158. attribute:"title"
  159. });
  160. });
  161. })(jQuery);
  162. </script>
  163.  
  164. <style type="text/css">
  165.  
  166. /*tooltip css*/
  167. #s-m-t-tooltip {
  168. max-width:300px;
  169. position:absolute;
  170. z-index:99999;
  171. margin-top:20px;
  172. text-transform:uppercase;
  173. padding:5px;
  174. background-color:{color:tooltip background};
  175. border:1px solid {color:tooltip border};
  176. font-family:arial;
  177. font-size:10px;
  178. color:{color:tooltip text};
  179. }
  180.  
  181. body {
  182. font-family:'Lato', calibri;
  183. color:{color:post text};
  184. font-size:11px;
  185. }
  186.  
  187. .fullscreen {
  188. background-image:url('{image:background}');
  189. background-size:100vw 100vh;
  190. background-repeat:no-repeat;
  191. width:100vw;
  192. height:100vh;
  193. position:absolute;
  194. top:0;
  195. left:0;
  196. z-index:0;
  197. }
  198.  
  199. .pattern {
  200. background-image:url('{image:background}');
  201. width:100vw;
  202. height:100vh;
  203. position:absolute;
  204. top:0;
  205. left:0;
  206. z-index:0;
  207. }
  208.  
  209. .none {
  210. background-color:{color:background};
  211. width:100vw;
  212. height:100vh;
  213. position:absolute;
  214. top:0;
  215. left:0;
  216. z-index:0;
  217. }
  218.  
  219. a {
  220. text-decoration:none;
  221. color:{color:posts link};
  222. -webkit-transition:0.5s;
  223. -moz-transition:0.5s;
  224. -ms-transition:0.5s;
  225. -o-transition:0.5s;
  226. }
  227.  
  228. blockquote {
  229. border-left:2px solid {color:blockquote};
  230. padding-left:10px;
  231. max-width:450px;
  232. }
  233.  
  234. a:hover {
  235. color:{color:posts link hover};
  236. }
  237.  
  238. pre, code, p {
  239. white-space: pre-wrap;
  240. white-space: -moz-pre-wrap;
  241. white-space: -pre-wrap;
  242. white-space: -o-pre-wrap;
  243. word-wrap: break-word;
  244. }
  245.  
  246. ::-webkit-scrollbar {
  247. width: 8px;
  248. }
  249.  
  250. ::-webkit-scrollbar-track {
  251. background-color:{color:container bg};
  252. }
  253.  
  254. ::-webkit-scrollbar-thumb {
  255. background-color:{color:scrollbar};
  256. }
  257.  
  258. ::-webkit-scrollbar:horizontal {
  259. height:8px;
  260. }
  261.  
  262. ::selection {
  263. background: {color:scrollbar};
  264. color:#fff;
  265. }
  266. ::-moz-selection {
  267. background: {color:scrollbar};
  268. color:#fff;
  269. }
  270.  
  271. h2 {
  272. text-align:center;
  273. font-family:'Anonymous Pro', courier;
  274. font-weight:normal;
  275. }
  276.  
  277. /*cover*/
  278.  
  279. #cover {
  280. top:0;
  281. left:0;
  282. position:absolute;
  283. z-index:12;
  284. background-color:{color:opening screen bg};
  285. width:100vw;
  286. height:100vh;
  287. color:{color:subtitle};
  288. text-align:center;
  289. {block:IfOpeningScreen}display:block;{/block:IfOpeningScreen}
  290. {block:IfNotOpeningScreen}display:none;{/block:IfNotOpeningScreen}
  291. }
  292.  
  293. #title {
  294. position:relative;
  295. top:50%;
  296. transform:translateY(-50%);
  297. }
  298.  
  299. #title a {
  300. color:{color:title};
  301. }
  302.  
  303. #title a:hover {
  304. color:{color:title};
  305. }
  306.  
  307. #title h1 {
  308. font-weight:normal;
  309. font-family:'Anonymous Pro', courier;
  310. font-size:75px;
  311. line-height:0;
  312. }
  313.  
  314. #title h6 {
  315. font-size:25px;
  316. font-weight:normal;
  317. font-family:'Anonymous Pro', courier;
  318. line-height:0;
  319. }
  320.  
  321. /*topbar*/
  322.  
  323. #topbar {
  324. width:450px;
  325. left:50%;
  326. margin-left:-225px;
  327. position:fixed;
  328. z-index:4;
  329. top:9vh;
  330. text-transform:uppercase;
  331. font-size:20px;
  332. letter-spacing:1px;
  333. text-align:center;
  334. font-family:'Anonymous Pro', courier;
  335. background-color:{color:topbar};
  336. }
  337.  
  338. #topbar a {
  339. color:{color:top link};
  340. padding-left:6px;
  341. padding-right:6px;
  342. }
  343.  
  344. #topbar a:hover {
  345. background-color:{color:top link hover};
  346. }
  347.  
  348. .home {
  349. background-color:{color:top link hover};
  350. }
  351.  
  352. .homeclick {
  353. background-color:{color:topbar};
  354. }
  355.  
  356. .coolclick {
  357. background-color:{color:top link hover};
  358. }
  359.  
  360. /*one*/
  361. #one {
  362. display:block;
  363. }
  364.  
  365. #two {
  366. display:none;
  367. width:450px;
  368. margin-left:auto;
  369. margin-right:auto;
  370. margin-top:50px;
  371. }
  372.  
  373. #two h3, #three h3, #four h3 {
  374. font-weight:normal;
  375. font-family:'Anonymous Pro', courier;
  376. font-size:14px;
  377. text-align:center;
  378. }
  379.  
  380. #three, #four {
  381. margin-top:50px;
  382. display:none;
  383. width:500px;
  384. margin-left:auto;
  385. margin-right:auto;
  386. font-size:12px;
  387. }
  388.  
  389.  
  390. /*pag*/
  391.  
  392. #pag {
  393. font-size:14px;
  394. letter-spacing:2px;
  395. color:{color:pagination};
  396. width:100%;
  397. text-align:center;
  398. z-index:7;
  399. margin-bottom:50px;
  400. margin-top:75px;
  401. font-family:'Anonymous Pro', courier;
  402. }
  403.  
  404. #pag a {color:{color:pagination};}
  405. #pag a:hover {color:{color:pagination hover};}
  406.  
  407. /*posts*/
  408.  
  409. .autopagerize_page_element {
  410. z-index:2;
  411. width:550px;
  412. height:75vh;
  413. overflow-y:auto;
  414. left:50%;
  415. margin-left:-275px;
  416. top:15vh;
  417. position:fixed;
  418. -webkit-transition:0.5s;
  419. -moz-transition:0.5s;
  420. -ms-transition:0.5s;
  421. -o-transition:0.5s;
  422. transition:0.5s;
  423. background-color:{color:container bg};
  424. border:2px solid {color:container border};
  425. }
  426.  
  427. .postage {
  428. {block:If400pxPosts}width:400px;{/block:if400pxPosts}
  429. {block:If250pxPosts}width:250px;{/block:if250pxPosts}
  430. margin-top:25px;
  431. margin-bottom:50px;
  432. padding:15px;
  433. margin-right:auto;
  434. margin-left:auto;
  435. -webkit-transition:0.5s;
  436. -moz-transition:0.5s;
  437. -ms-transition:0.5s;
  438. -o-transition:0.5s;
  439. transition:0.5s;
  440. }
  441.  
  442. {block:IfGrayscaleImages}
  443. .postage img, #photowrap {
  444. filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  445. filter: gray;
  446. -webkit-filter: grayscale(100%);
  447. opacity:0.8;
  448. -webkit-transition:0.5s;
  449. -moz-transition:0.5s;
  450. -ms-transition:0.5s;
  451. -o-transition:0.5s;
  452. transition:0.5s;
  453. }
  454.  
  455. .postage:hover img, .postage:hover #photowrap {
  456. -webkit-filter: grayscale(0);
  457. filter: grayscale(0);
  458. filter: none;
  459. opacity:1;
  460. }
  461.  
  462. {/block:IfGrayscaleImages}
  463.  
  464. {block:IfNotGrayscaleImages}{/block:IfNotGrayscaleImages}
  465.  
  466. #panorama img {
  467. {block:If400pxPosts}width:400px;{/block:if400pxPosts}
  468. {block:If250pxPosts}width:250px;{/block:if250pxPosts}
  469. }
  470.  
  471. blockquote img, p img {
  472. max-width:100%;
  473. }
  474.  
  475. #words {
  476. font-style:italic;
  477. font-size:15px;
  478. }
  479.  
  480. .source {
  481. text-align:right;
  482. padding-right:5px;
  483. }
  484.  
  485. #linkpost {
  486. text-align:center;
  487. font-size:11px;
  488. }
  489.  
  490. .linkety {
  491. font-size:15px;
  492. }
  493.  
  494. #chat ul {
  495. list-style:none;
  496. font-family:courier;
  497. margin-left:-30px;
  498. }
  499.  
  500. .label {
  501. text-transform:uppercase;
  502. font-weight:bold;
  503. }
  504.  
  505. #audioplayer {
  506. width:25px;
  507. height:25px;
  508. position:absolute;
  509. overflow:hidden;
  510. margin-top:25px;
  511. margin-left:25px;
  512. opacity:0.7;
  513. border-radius:100%;
  514. -webkit-border-radius:100%;
  515. -moz-border-radius:100%;
  516. }
  517.  
  518. #albumart {
  519. width:75px;
  520. height:75px;
  521. background-color:#e3e3e3;
  522. }
  523.  
  524. #ask span a {
  525. color:{color:post text};
  526. font-style:italic;
  527. }
  528.  
  529. .info {
  530. text-align:center;
  531. margin-top:5px;
  532. text-transform:uppercase;
  533. {block:If400pxPosts}width:400px;{/block:if400pxPosts}
  534. {block:If250pxPosts}width:250px;{/block:if250pxPosts}
  535. {block:IndexPage}
  536. {block:IfHoverInfo}opacity:0;{/block:IfHoverInfo}
  537. {block:IfNotHoverInfo}opacity:1;{/block:IfNotHoverInfo}
  538. {/block:IndexPage}
  539. {block:PermalinkPage}opacity:1;{/block:PermalinkPage}
  540. color:{color:post info};
  541. -webkit-transition:0.6s;
  542. -moz-transition:0.6s;
  543. -ms-transition:0.6s;
  544. -o-transition:0.6s;
  545. }
  546.  
  547. .info a {
  548. color:{color:post info};
  549. }
  550.  
  551. .info a:hover {
  552. color:{color:post info hover};
  553. }
  554.  
  555. {block:IfHoverInfo}
  556. .postage:hover .info {
  557. opacity:1;
  558. }
  559. {/block:IfHoverInfo}
  560.  
  561. .tags {
  562. font-size:11px;
  563. text-transform:none;
  564. -webkit-transition:0.6s;
  565. -moz-transition:0.6s;
  566. -ms-transition:0.6s;
  567. -o-transition:0.6s;
  568. }
  569.  
  570. #postnotes {
  571. line-height:200%;
  572. }
  573.  
  574. #postnotes li {
  575. list-style:none;
  576. }
  577.  
  578. #postnotes img {
  579. margin-right:5px;
  580. }
  581.  
  582. #credit {
  583. right:10px;
  584. bottom:15px;
  585. font-size:11px;
  586. padding:2px 5px 2px 5px;
  587. text-transform:uppercase;
  588. text-align:center;
  589. background-color:#000;
  590. position:fixed;
  591. font-family:arial;
  592. }
  593.  
  594. #credit a {
  595. color:#fff;
  596. }
  597.  
  598. #credit a:hover {
  599. text-shadow:0 0 2px #fff;
  600. color:#000;
  601. }
  602.  
  603. {block:IfTinyCursor}
  604. /* Start http://www.cursors-4u.com */ body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;} /* End http://www.cursors-4u.com */
  605. {/block:IfTinyCursor}
  606.  
  607. {CustomCSS}
  608. </style>
  609. </head>
  610. <body>
  611.  
  612. <div class="{select:background image}"></div>
  613.  
  614. <!-- blink script from wikipedia -->
  615. <script type="text/javascript">
  616. function blink() {
  617. var blinks = document.getElementsByTagName('blink');
  618. for (var i = blinks.length - 1; i >= 0; i--) {
  619. var s = blinks[i];
  620. s.style.visibility = (s.style.visibility === 'visible') ? 'hidden' : 'visible';
  621. }
  622. window.setTimeout(blink, 500);
  623. }
  624. if (document.addEventListener) document.addEventListener("DOMContentLoaded", blink, false);
  625. else if (window.addEventListener) window.addEventListener("load", blink, false);
  626. else if (window.attachEvent) window.attachEvent("onload", blink);
  627. else window.onload = blink;
  628. </script>
  629.  
  630. <!-- cover -->
  631.  
  632. <div id="cover">
  633. <div id="title">
  634. <a title="press a key on the keyboard">
  635. <h1>{text:title}</h1>
  636. </a>
  637. <h6>
  638. <blink>press any key to enter</blink>
  639. </h6>
  640. </div>
  641. </div>
  642.  
  643. <!-- topbar -->
  644. <div id="topbar">
  645. <a class="home">home.</a>
  646. <a class="ask">ask.</a>
  647. <a class="codes">{text:extra section title}</a>
  648. <a class="more">more.</a>
  649. </div>
  650.  
  651. <!-- posts -->
  652. <div class = "autopagerize_page_element" >
  653.  
  654. <div id="one">
  655. {block:Posts}
  656. <div class="postage">
  657.  
  658. {block:Text}
  659. <div id="text">
  660. <h2>{Title}</h2>
  661. {Body}
  662. </div> <!--text post-->
  663. {/block:Text}
  664.  
  665. {block:Photo}
  666. <div id="photo">
  667. {block:If400pxPosts}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{/block:if400pxPosts}
  668. {block:If250pxPosts}<img src="{PhotoURL-250}" alt="{PhotoAlt}"/>{/block:if250pxPosts}
  669. {block:IfShowCaption}
  670. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  671. {/block:IfShowCaption}
  672. {block:IfNotShowCaption}
  673. {block:PermalinkPage}
  674. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  675. {/block:PermalinkPage}
  676. {/block:IfNotShowCaption}
  677. </div> <!--photo post-->
  678. {/block:Photo}
  679.  
  680. {block:Panorama}
  681. <div id="panorama">
  682. {LinkOpenTag}
  683. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  684. {LinkCloseTag}
  685. {block:IfShowCaption}
  686. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  687. {/block:IfShowCaption}
  688. {block:IfNotShowCaption}
  689. {block:PermalinkPage}
  690. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  691. {/block:PermalinkPage}
  692. {/block:IfNotShowCaption}
  693. </div> <!--panorama post-->
  694. {/block:Panorama}
  695.  
  696. {block:Photoset}
  697. <div id="photoset">
  698. <div id="photowrap">
  699. {block:If400pxPosts}{Photoset-400}{/block:if400pxPosts}
  700. {block:If250pxPosts}{Photoset-250}{/block:if250pxPosts}
  701. </div>
  702. {block:IfShowCaption}
  703. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  704. {/block:IfShowCaption}
  705. {block:IfNotShowCaption}
  706. {block:PermalinkPage}
  707. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  708. {/block:PermalinkPage}
  709. {/block:IfNotShowCaption}
  710. </div> <!--photoset-->
  711. {/block:Photoset}
  712.  
  713. {block:Quote}
  714. <div id="quote">
  715. <div id="words">{Quote}</div>
  716. {block:Source}<div class="source">- {Source}</div>{/block:Source}
  717. </div> <!--quote-->
  718. {/block:Quote}
  719.  
  720. {block:Link}
  721. <div id="linkpost">
  722. {block:PostTitle}<h2><a href="{Permalink}">{PostTitle}</a></h2>{/block:PostTitle}
  723. <a href="{URL}" class="linkety" {Target}>{Name}</a>
  724. {block:Description}
  725. <div class="linkdesc">{Description}</div>
  726. {/block:Description}
  727. </div> <!--link-->
  728. {/block:Link}
  729.  
  730. {block:Chat}
  731. <div id="chat">
  732. <h2><a href="{Permalink}">{Title}</a></h2>
  733. <ul>
  734. {block:Lines}
  735. <li class="{Alt} user_{UserNumber}">
  736. {block:Label}
  737. <span class="label">{Label}</span>
  738. {/block:Label}{Line}
  739. </li>
  740. {/block:Lines}
  741. </ul>
  742. </div> <!--chat-->
  743. {/block:Chat}
  744.  
  745. {block:Video}
  746. <div id="video">
  747. {block:PostTitle}<h2><a href="{Permalink}">{PostTitle}</a></h2>{/block:PostTitle}
  748. {block:If400pxPosts}{Video-400}{/block:if400pxPosts}
  749. {block:If250pxPosts}{Video-250}{/block:if250pxPosts}
  750. {block:IfShowCaption}
  751. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  752. {/block:IfShowCaption}
  753. {block:IfNotShowCaption}
  754. {block:PermalinkPage}
  755. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  756. {/block:PermalinkPage}
  757. {/block:IfNotShowCaption}
  758. </div> <!--video-->
  759. {/block:Video}
  760.  
  761. {block:Audio}
  762. <div id="audio">
  763. <table style="padding:5px; margin-bottom:5px;">
  764. <tr>
  765. <td style="vertical-align:top;padding-right:10px;"><div id="audioplayer">{AudioPlayerBlack}</div>
  766. <div id="albumart">
  767. {block:AlbumArt}
  768. <img src="{AlbumArtURL}" style="width:75px;">
  769. {/block:AlbumArt}</div></td>
  770. <td style="vertical-align:top; font-size:12px;"> {block:TrackName}<i>title:</i> {TrackName} <br />{/block:TrackName}
  771. {block:Artist}<i>artist:</i> {Artist} <br />{/block:Artist}
  772. {block:Album}<i>album:</i> {Album} <br />{/block:Album}
  773. {block:PlayCount}<i>played:</i> {FormattedPlayCount} times{/block:PlayCount}
  774. </td>
  775. </tr>
  776. </table>
  777. {block:IfShowCaption}
  778. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  779. {/block:IfShowCaption}
  780. {block:IfNotShowCaption}
  781. {block:PermalinkPage}
  782. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  783. {/block:PermalinkPage}
  784. {/block:IfNotShowCaption}
  785. </div> <!--audio-->
  786. {/block:Audio}
  787.  
  788. {block:Answer}
  789. <div id="ask">
  790. <p style="padding:10px; background-color:#aaa;">— <span>{Asker}</span>: {Question}</p>
  791. <p>{block:Answerer}— <span>{Answerer}</span> replied: {/block:Answerer}{Answer}</p>
  792. {block:Answerer}<blockquote>{Replies}</blockquote>{/block:Answerer}
  793. </div> <!--ask-->
  794. {/block:Answer}
  795.  
  796. <div class="info">
  797. {block:IndexPage}
  798. {block:Date}<a title="{NoteCountWithLabel}" href="{Permalink}">{MonthNumberWithZero}.{DayOfMonthWithZero}.{ShortYear}</a>{/block:Date} - <a href="{ReblogURL}" target="_blank">reblog</a>
  799. {/block:IndexPage}
  800.  
  801. {block:PermalinkPage}
  802. {block:Date}Posted on {Month} {DayOfMonth}, {Year} with {NoteCountWithLabel}{/block:Date} <br>
  803. {block:RebloggedFrom} VIA <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource}, created by <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}
  804. {/block:PermalinkPage}
  805.  
  806. {block:HasTags}
  807. <div class="tags">
  808. {block:Tags} <a href="{TagURL}">#{Tag}</a>{/block:Tags}
  809. </div>
  810. {/block:HasTags}
  811. </div> <!--info-->
  812.  
  813. {block:PermalinkPage}
  814. <div id="postnotes">
  815. {PostNotes}
  816. </div>
  817. {/block:PermalinkPage}
  818.  
  819. </div> <!--postage-->
  820. {/block:Posts}
  821.  
  822. {block:IfNotInfiniteScroll}
  823. {block:Pagination}
  824. <div id="pag">
  825. {block:PreviousPage}<a href="{PreviousPage}">BACK</a> - {/block:PreviousPage}
  826. {block:JumpPagination length="5"}
  827. {block:CurrentPage}[{PageNumber}]{/block:CurrentPage}
  828. {block:JumpPage}<a href="{URL}">{PageNumber}</a>{/block:JumpPage}
  829. {/block:JumpPagination}
  830. {block:NextPage} - <a href="{NextPage}">GO</a>{/block:NextPage}
  831. </div>
  832. {/block:Pagination}
  833. {/block:IfNotInfiniteScroll}
  834. {block:IfInfiniteScroll}{/block:IfInfiniteScroll}
  835. </div> <!-- one -->
  836.  
  837. <div id="two">
  838. <h3>Should I put an FAQ here?</h3>
  839. <p>If you want, yes. If not, go into "edit HTML" and erase this.</p>
  840. <p><iframe src="http://www.tumblr.com/ask_form/{text:username}.tumblr.com" id="ask_form" frameborder="0" height="200" scrolling="no" width="100%"></iframe></p>
  841. </div> <!-- two -->
  842.  
  843. <div id="three">
  844. <h3> extra section. </h3>
  845. <p>You can put your updates, a quote you like, whatever, in this extra section. It will need to be edited in the "edit HTML" panel. Use ctrl + f (or command + f if you're on a mac) and search up "extra section." Then, replace the text in this section with whatever you want.</p>
  846. <p><b>Bold.</b> <i>Italics.</i> <u>Underline.</u> <s>Strikethrough.</s></p>
  847. </div> <!-- three-->
  848.  
  849. <div id="four">
  850. <h3>about.</h3>
  851. <p>{Description}</p>
  852. <h3>links.</h3>
  853. <ul>
  854. {block:iflink1}<li><a href="{text:link 1 url}">{text:link 1}</a></li>{/block:iflink1}
  855. {block:iflink2}<li><a href="{text:link 2 url}">{text:link 2}</a></li>{/block:iflink2}
  856. {block:iflink3}<li><a href="{text:link 3 url}">{text:link 3}</a></li>{/block:iflink3}
  857. {block:iflink4}<li><a href="{text:link 4 url}">{text:link 4}</a></li>{/block:iflink4}
  858. {block:iflink5}<li><a href="{text:link 5 url}">{text:link 5}</a></li>{/block:iflink5}
  859. {block:iflink6}<li><a href="{text:link 6 url}">{text:link 6}</a></li>{/block:iflink6}
  860. {block:iflink7}<li><a href="{text:link 7 url}">{text:link 7}</a></li>{/block:iflink7}
  861. {block:iflink8}<li><a href="{text:link 8 url}">{text:link 8}</a></li>{/block:iflink8}
  862. </ul>
  863. </div> <!-- four -->
  864.  
  865. </div> <!-- autopagerize page element thing -->
  866.  
  867.  
  868. <div id="credit"><a href="http://primrosetylers.tumblr.com">✿THEME</a></div>
  869.  
  870. </body>
  871. </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!