API tools faq
paste
Advertisement
feiinho

theme Photoroll by Makoto Saito

feiinho
Mar 22nd, 2014
271
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.53 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <!--
  3. Theme: Photoroll
  4. Design: Makoto Saito
  5. -->
  6. <html>
  7. <head>
  8. <meta charset="UTF-8">
  9.  
  10. <meta name="color:Post Text" content="#000000">
  11. <meta name="color:Post Link" content="#000000">
  12. <meta name="color:Post Link-hover" content="#000000">
  13. <meta name="color:Post Background" content="#FDFDFD">
  14. <meta name="color:Menu Text" content="#000000">
  15. <meta name="color:Menu Background" content="#EEEEEE">
  16. <meta name="color:Background" content="#EEEEEE">
  17. <meta name="color:Permalink Text" content="#000000">
  18. <meta name="color:Permalink Link" content="#000000">
  19. <meta name="color:Permalink Link Hover" content="#000000">
  20. <meta name="color:Permalink Notes Text" content="#999999">
  21. <meta name="color:Permalink Notes Link" content="#999999">
  22. <meta name="color:Permalink Notes Link Hover" content="#555555">
  23. <meta name="color:Custom Page Text" content="#000000">
  24.  
  25. <meta name="image:Title Image" content="">
  26. <meta name="image:Background Image" content="">
  27.  
  28. <meta name="if:Link Underline" content="1">
  29. <meta name="if:All Caps" content="1">
  30. <meta name="if:Show Description" content="0">
  31. <meta name="if:Show Tag" content="1">
  32. <meta name="if:Show High-Res Link" content="1">
  33.  
  34. <meta name="text:Link 1 Title" content="">
  35. <meta name="text:Link 1 URL" content="">
  36. <meta name="text:Link 2 Title" content="">
  37. <meta name="text:Link 2 URL" content="">
  38. <meta name="text:Link 3 Title" content="">
  39. <meta name="text:Link 3 URL" content="">
  40. <meta name="text:Link 4 Title" content="">
  41. <meta name="text:Link 4 URL" content="">
  42. <meta name="text:Link 5 Title" content="">
  43. <meta name="text:Link 5 URL" content="">
  44.  
  45. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  46. <link rel="shortcut icon" href="{Favicon}">
  47. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  48. <!--[if lt IE 9]>
  49. <script src="http://static.tumblr.com/y5ttuyf/A4Tmmy1vd/html5.js"></script>
  50. <script src="http://static.tumblr.com/y5ttuyf/HtWmmy1wf/ie9.js"></script>
  51. <![endif]-->
  52. <title>{Title}</title>
  53. <script src="http://static.tumblr.com/y5ttuyf/JJDmmy142/jquery.min.js"></script>
  54. <script src="http://static.tumblr.com/y5ttuyf/6V2mmkwpp/jquery.masonry.js"></script>
  55. <script src="http://static.tumblr.com/y5ttuyf/O33mmkyz0/jquery.infinitescroll.js"></script>
  56. <script src="http://static.tumblr.com/y5ttuyf/Pq4mmnw3q/jquery.imagesloaded.js"></script>
  57. <script>
  58. $( window ).load( function() {
  59.  
  60. // Opacity
  61. var opacity = {
  62. postHover: 0.7,
  63. menu: 0.8,
  64. menuHover: 1,
  65. menuTextHover: 0.5 };
  66.  
  67. // Fade Speed
  68. var speed = {
  69. postFadeIn: 300,
  70. select: 100 };
  71.  
  72. // Masonry and Infinite Scroll
  73. $("#index").masonry({
  74. itemSelector: "section"
  75. });
  76.  
  77. $("#index").infinitescroll({
  78. navSelector: "article nav",
  79. nextSelector: "#nextPage",
  80. itemSelector: "section",
  81. extraScrollPx: 10000,
  82. bufferPx: 400
  83. }, function ( newElements ) {
  84. var $newElems = $( newElements );
  85. $newElems.hide().imagesLoaded( function() {
  86. $("#index").masonry("appended", $newElems, false,
  87. function() {
  88. resetAndFadeIn( newElements );
  89. });
  90. });
  91. });
  92.  
  93. resetAndFadeIn("article");
  94.  
  95. // Reset and Fade In
  96. function resetAndFadeIn( it ) {
  97. if ( $( it ).is(":has( .photoset )") ) {
  98. $( it ).find(".photoset iframe")
  99. .contents().imagesLoaded( function() {
  100. $( it ).fadeTo( speed.postFadeIn, 1 );
  101. });
  102. } else {
  103. $( it ).fadeTo( speed.postFadeIn, 1 );
  104. }
  105. $("#index").trigger("scroll");
  106. }
  107.  
  108. // Effect - Header
  109. $("header").hover( function() {
  110. $( this ).fadeTo( speed.select, opacity.menuHover );
  111. }, function() {
  112. $( this ).fadeTo( speed.select, opacity.menu );
  113. });
  114. $("header nav a").hover(function() {
  115. $( this ).fadeTo( speed.select, opcity.menuTextHover );
  116. }, function() {
  117. $( this ).fadeTo( speed.select, 1 );
  118. });
  119.  
  120. // Effect - Index Page
  121. $("#index").on("mouseenter", "section", function() {
  122. $( this ).fadeTo( speed.select, opacity.postHover )
  123. .find(".permalink").fadeTo( speed.select, 1 );
  124. }).on("mouseleave", "section", function() {
  125. $( this ).fadeTo( speed.select, 1 )
  126. .find(".permalink").fadeTo( speed.select, 0 );
  127. });
  128.  
  129. // Effect - Permalink Page
  130. $("#permalink section a img").hover( function() {
  131. $( this ).fadeTo( speed.select, opacity.postHover )
  132. }, function(){
  133. $( this ).fadeTo( speed.select, 1 );
  134. });
  135. $("#permalink .photoset iframe")
  136. .contents().find("a img").hover( function() {
  137. $( this ).fadeTo( speed.select, opacity.postHover );
  138. }, function(){
  139. $( this ).fadeTo( speed.select, 1 );
  140. });
  141.  
  142. // Effect - Audio Set
  143. $("#index, #permalink").on("mouseenter", ".audioSet", function() {
  144. $( this ).find(".audioPlayer iframe").contents()
  145. .find(".audio_player").css("background-color", "rgba(0,0,0,0.4)");
  146. $( this ).find(".audioPlayer").fadeTo( speed.select, 1 );
  147. }).on("mouseleave", ".audioSet", function() {
  148. $( this ).find(".audioPlayer").fadeTo( speed.select, 0 );
  149. });
  150.  
  151. // Install Theme Button
  152. if ( document.cookie.indexOf("logged_in=1") != -1 ) {
  153. $("#installTheme").fadeTo( 500, 1 );
  154. }
  155. });
  156. </script>
  157. <style>
  158.  
  159. /*
  160. Lato font family
  161. http://www.latofonts.com/
  162. Licensed under the SIL Open Font License, 1.1
  163. Copyright 2010-2011 Łukasz Dziedzic
  164. */
  165. @font-face {
  166. font-family: "Lato";
  167. font-style: normal;
  168. font-weight: 300;
  169. src: local("Lato Light"), local("Lato-Light"), url(http://static.tumblr.com/y5ttuyf/Lxvmmy23i/lato300.woff) format("woff");
  170. }
  171. @font-face {
  172. font-family: "Lato";
  173. font-style: normal;
  174. font-weight: 400;
  175. src: local("Lato Regular"), local("Lato-Regular"), url(http://static.tumblr.com/y5ttuyf/wmMmmy291/lato400.woff) format("woff");
  176. }
  177. @font-face {
  178. font-family: "Lato";
  179. font-style: normal;
  180. font-weight: 700;
  181. src: local("Lato Bold"), local("Lato-Bold"), url(http://static.tumblr.com/y5ttuyf/2kammy2a2/lato700.woff) format("woff");
  182. }
  183. @font-face {
  184. font-family: "Lato";
  185. font-style: italic;
  186. font-weight: 400;
  187. src: local("Lato Italic"), local("Lato-Italic"), url(http://static.tumblr.com/y5ttuyf/Q3Ummy2b2/lato400italic.woff) format("woff");
  188. }
  189. @font-face {
  190. font-family: "Lato";
  191. font-style: italic;
  192. font-weight: 700;
  193. src: local("Lato Bold Italic"), local("Lato-BoldItalic"), url(http://static.tumblr.com/y5ttuyf/TBXmmy2bn/lato700italic.woff) format("woff");
  194. }
  195.  
  196. /* CSS Reset */
  197. html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
  198. small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  199. margin: 0;
  200. padding: 0;
  201. border: 0;
  202. outline: 0;
  203. font-size: 100%;
  204. vertical-align: baseline;
  205. background: transparent;
  206. }
  207. article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  208. display:block;
  209. }
  210. a {
  211. margin: 0;
  212. padding: 0;
  213. font-size: 100%;
  214. vertical-align: baseline;
  215. background: transparent;
  216. }
  217.  
  218. /* Whole */
  219. body {
  220. background-color: {color:Background};
  221. {block:IfBackgroundImageImage}
  222. background-image: url({image:Background Image});
  223. {/block:IfBackgroundImageImage}
  224. font-size: 0;
  225. line-height: 1;
  226. font-family: Lato,sans-serif;
  227. font-weight: 400;
  228. overflow-x: hidden;
  229. }
  230.  
  231. {block:IfAllCaps}
  232. header h1, header nav ul, section h2 {
  233. text-transform: uppercase;
  234. }
  235. {block:IfAllCaps}
  236.  
  237. /* Menu */
  238. header {
  239. position: fixed;
  240. bottom: 20%;
  241. left: 0;
  242. padding: 20px;
  243. z-index: 10;
  244. background-color: {color:Menu Background};
  245. color: {color:Menu Text};
  246. opacity: 0.8;
  247. }
  248.  
  249. {block:IfNotTitleImageImage}
  250. header h1 {
  251. font-weight: 300;
  252. font-size: 24px;
  253. letter-spacing: 0.1em;
  254. word-spacing: 0.2em;
  255. }
  256. {/block:IfNotTitleImageImage}
  257.  
  258. header p.description {
  259. margin-top: 20px;
  260. max-width: 300px;
  261. font-size: 12px;
  262. word-spacing: 0.1em;
  263. line-height: 1.6;
  264. max-width: ;
  265. }
  266. header nav ul {
  267. margin-top: 20px;
  268. font-weight: 400;
  269. font-size: 14px;
  270. }
  271. header nav ul li {
  272. margin-right: 15px;
  273. display: inline;
  274. }
  275. header nav ul li:last-of-type {
  276. margin-right: 0;
  277. }
  278. header nav ul li a {
  279. color: {color:Menu Text};
  280. text-decoration: none;
  281. }
  282.  
  283. /* Index Page and Permalink Page */
  284. article {
  285. opacity: 0;
  286. }
  287. section a {
  288. {block:IfLinkUnderline}
  289. text-decoration: underline;
  290. {/block:IfLinkUnderline}
  291. {block:IfNotLinkUnderline}
  292. text-decoration: none;
  293. {/block:IfNotLinkUnderline}
  294. }
  295. section:not(.chat) ul {
  296. list-style-type: disc;
  297. margin: 0.6em 0 0.6em 1.5em;
  298. }
  299. section ol {
  300. list-style-type: decimal;
  301. margin: 0.6em 0 0.6em 1.5em;
  302. }
  303. section blockquote {
  304. font-style: italic;
  305. border-left: solid 1px;
  306. padding-left: 0.5em;
  307. margin: 0.6em 0 0.6em 1.5em;
  308. }
  309. section h2 {
  310. font-weight: 300;
  311. word-spacing: 0.2em;
  312. }
  313. section .right {
  314. margin: 0.5em 0 0 3em;
  315. }
  316. .photo img, .audio img, section iframe {
  317. width: 100%;
  318. }
  319. .chat ul {
  320. list-style: none;
  321. }
  322. .chat ul .label {
  323. margin-right: 1em;
  324. }
  325.  
  326. /* Audio Set */
  327. .audioSet {
  328. position: relative;
  329. font-size: 0;
  330. line-height: 0;
  331. z-index: 1;
  332. }
  333. .audioSet .albumArt {
  334. margin: 0;
  335. }
  336. .audioSet .audioPlayer {
  337. position: absolute;
  338. top: 0;
  339. left: 0;
  340. width: 100%;
  341. height: 100%;
  342. opacity: 0;
  343. z-index: 2;
  344. }
  345. .audioSet .audioPlayer div {
  346. width: 100%;
  347. height: 100%;
  348. position: absolute;
  349. top: 0;
  350. left: 0;
  351. }
  352. .audioSet .audioPlayer iframe {
  353. width: 100%;
  354. height: 100%;
  355. margin: 0;
  356. }
  357. .audioSet + * {
  358. margin-top: 1.6em;
  359. }
  360.  
  361. /* Index Page */
  362. #index {
  363. width: 100%;
  364. }
  365. #index section {
  366. width: 250px;
  367. float: left;
  368. margin: 1px 0 0 1px;
  369. position: relative;
  370. background-color: {color:Post Background};
  371. z-index: 0;
  372. }
  373. #index section a {
  374. color: {color:Post Link};
  375. }
  376. #index section a:hover {
  377. color: {color:Post Link Hover}; {color:Post Text};
  378. }
  379. #index section blockquote {
  380. border-left-color: {color:Post Text};
  381. }
  382. #index section h2 {
  383. font-size: 17px;
  384. }
  385. #index section h2 + * {
  386. margin-top: 0.5em;
  387. }
  388. #index .text, #index .quote, #index .chat, #index .link, #index .answer {
  389. font-size: 11px;
  390. line-height: 1.6;
  391. word-spacing: 0.1em;
  392. color: {color:Post Text};
  393. }
  394. #index .text, #index .quote, #index .chat, #index .link, #index .answer {
  395. width: 220px;
  396. padding: 25px 15px;
  397. }
  398. #index .text img {
  399. width: 220px
  400. }
  401. #index .photoset {
  402. background-color: transparent;
  403. }
  404. #index .photoset .cover {
  405. display: block;
  406. width: 100%;
  407. height: 100%;
  408. position: absolute;
  409. top: 0;
  410. left: 0;
  411. opacity: 0;
  412. z-index: 1;
  413. }
  414. #index section a.permalink {
  415. display: block;
  416. opacity: 0;
  417. position: absolute;
  418. bottom: 5px;
  419. right: 5px;
  420. text-decoration: none;
  421. font-size: 18px;
  422. line-height: 1;
  423. font-weight: 400;
  424. z-index: 9;
  425. }
  426. #index .video a.permalink, #index .audio a.permalink {
  427. background-color: {color:Post Background};
  428. font-size: 16px;
  429. width: 16px;
  430. height: 16px;
  431. text-align: center;
  432. -moz-border-radius: 8px;
  433. -webkit-border-radius: 8px;
  434. border-radius: 8px;
  435. z-index: 9;
  436. }
  437.  
  438. /* Permalink Page */
  439. #permalink {
  440. margin: 50px 0 50px 30%;
  441. width: 500px;
  442. font-size: 13px;
  443. line-height: 1.6;
  444. font-weight: 400;
  445. word-spacing: 0.1em;
  446. color: {color:Permalink Text};
  447. }
  448. #permalink section a {
  449. color: {color:Permalink Link};
  450. }
  451. #permalink section a:hover {
  452. color: {color:Permalink Link Hover};
  453. }
  454. #permalink section blockquote {
  455. border-color: {color:Permalink Text};
  456. }
  457. #permalink section h2 {
  458. font-size: 20px;
  459. }
  460. #permalink section h2 + * {
  461. margin-top: 1em;
  462. }
  463. #permalink section img, #permalink section iframe {
  464. margin: 1em 0;
  465. }
  466. #permalink .photo p.highRes {
  467. margin-top: 1em;
  468. opacity: 0.5;
  469. }
  470. #permalink .photo p.highRes a {
  471. margin-left: 0.5em;
  472. }
  473. #permalink p.tag {
  474. margin-top: 1em;
  475. opacity: 0.5;
  476. }
  477. #permalink .photo p.highRes + p.tag {
  478. margin-top: 0;
  479. }
  480. #permalink p.tag a {
  481. margin: 0 0.5em;
  482. }
  483. #permalink p.tag a:last-of-type {
  484. margin-right: 0;
  485. }
  486. #permalink p.date {
  487. margin: 1em 0 50px;
  488. text-align: right;
  489. }
  490. #permalink p.noteCount {
  491. color: {color:Permalink Notes Text};
  492. margin-bottom: 1em;
  493. }
  494.  
  495. /* Notes */
  496. #permalink aside ol {
  497. color: {color:Permalink Notes Text};
  498. list-style: none;
  499. }
  500. #permalink aside a {
  501. text-decoration: none;
  502. color: {color:Permalink Notes Link};
  503. }
  504. #permalink aside a:hover {
  505. color: {color:Permalink Notes Link Hover};
  506. }
  507. #permalink aside blockquote {
  508. margin: 0.6em 0 0.6em 1.5em;
  509. }
  510. #permalink aside img {
  511. display: none;
  512. }
  513.  
  514. /* Pagination */
  515. article nav {
  516. display: none;
  517. }
  518.  
  519. /* Infinite Scroll */
  520. #infscr-loading {
  521. opacity: 0;
  522. }
  523.  
  524. /* Install Theme Button */
  525. #installTheme {
  526. opacity: 0;
  527. display: block;
  528. position: fixed;
  529. top: 26px;
  530. right: 3px;
  531. border: 0px;
  532. padding: 0 5px 0 20px;
  533. height: 20px;
  534. z-index: 20;
  535. overflow: hidden;
  536. font: 600 12px/18px "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;
  537. text-decoration: none;
  538. color: #fff;
  539. border: 1px solid rgba(0,0,0,0.18);
  540. background: rgba(0,0,0,0.38);
  541. text-shadow: 1px 1px 0 rgba(0,0,0,0.08);
  542. -webkit-font-smoothing: antialiased;
  543. -webkit-border-radius: 2px;
  544. -moz-border-radius: 2px;
  545. border-radius: 2px;
  546. -webkit-user-select: none;
  547. -moz-user-select: none;
  548. -ms-user-select: none;
  549. user-select: none;
  550. -webkit-box-sizing: border-box;
  551. -moz-box-sizing: border-box;
  552. -ms-box-sizing: border-box;
  553. -o-box-sizing: border-box;
  554. box-sizing: border-box;
  555. -webkit-transition-property: padding;
  556. -moz-transition-property: padding;
  557. -ms-transition-property: padding;
  558. -o-transition-property: padding;
  559. transition-property: padding;
  560. -webkit-transition-duration: .1s;
  561. -moz-transition-duration: .1s;
  562. -ms-transition-duration: .1s;
  563. -o-transition-duration: .1s;
  564. transition-duration: .1s;
  565. -webkit-transition-timing-function: ease;
  566. -moz-transition-timing-function: ease;
  567. -ms-transition-timing-function: ease;
  568. -o-transition-timing-function: ease;
  569. transition-timing-function: ease;
  570. }
  571. #installTheme:before {
  572. display: block;
  573. content: "";
  574. position: absolute;
  575. top: 0;
  576. left: 0;
  577. bottom: 0;
  578. width: 20px;
  579. -webkit-border-radius: inherit;
  580. -moz-border-radius: inherit;
  581. border-radius: inherit;
  582. background:url("http://static.tumblr.com/y5ttuyf/VQTmmzd7q/install_theme.png") 0 0 no-repeat;
  583. }
  584. #installTheme:after {
  585. position: absolute;
  586. top: 0;
  587. right: 0;
  588. bottom: 0;
  589. left: 0;
  590. content: '';
  591. -webkit-border-radius: inherit;
  592. -moz-border-radius: inherit;
  593. border-radius: inherit
  594. }
  595. #installTheme:hover:after, #installTheme:focus:after {
  596. background: rgba(255,255,255,0.09)
  597. }
  598. #installTheme:active:after {
  599. background: rgba(255,255,255,0.18)
  600. }
  601.  
  602. /* CustomCSS */
  603. {CustomCSS}
  604. </style>
  605. </head>
  606. <body>
  607. <header>
  608. <h1>
  609. {block:IfTitleImageImage}
  610. <img src="{image:Title Image}">
  611. {/block:IfTitleImageImage}
  612. {block:IfNotTitleImageImage}
  613. {title}
  614. {/block:IfNotTitleImageImage}
  615. </h1>
  616. <nav>
  617. <ul>
  618. <li><a href="/">Home</a></li>
  619. <li><a href="/archive/">Archive</a></li>
  620. {block:AskEnabled}
  621. <li><a href="/ask" >{AskLabel}</a></li>
  622. {/block:AskEnabled}
  623. {block:HasPages}{block:Pages}
  624. <li><a href="{URL}">{Label}</a></li>
  625. {/block:Pages}{/block:HasPages}
  626. {block:IfLink1Title}
  627. <li><a href="{text:Link 1 URL}" target="_blank">{text:Link 1 Title}</a></li>
  628. {/block:IfLink1Title}
  629. {block:IfLink2Title}
  630. <li><a href="{text:Link 2 URL}" target="_blank">{text:Link 2 Title}</a></li>
  631. {/block:IfLink2Title}
  632. {block:IfLink3Title}
  633. <li><a href="{text:Link 3 URL}" target="_blank">{text:Link 3 Title}</a></li>
  634. {/block:IfLink3Title}
  635. {block:IfLink4Title}
  636. <li><a href="{text:Link 4 URL}" target="_blank">{text:Link 4 Title}</a></li>
  637. {/block:IfLink4Title}
  638. {block:IfLink5Title}
  639. <li><a href="{text:Link 5 URL}" target="_blank">{text:Link 5 Title}</a></li>
  640. {/block:IfLink5Title}
  641. </ul>
  642. </nav>
  643. {block:IfShowDescription}
  644. {block:Description}
  645. <p class="description">{Description}</p>
  646. {/block:Description}
  647. {/block:IfShowDescription}
  648. </header>
  649.  
  650. <article id="{block:IndexPage}index{/block:IndexPage}{block:PermalinkPage}permalink{/block:PermalinkPage}">
  651.  
  652. {block:Posts}
  653.  
  654. {block:Text}
  655. <section class="text">
  656. <h2>{Title}</h2>
  657. {Body}
  658.  
  659. {block:IndexPage}
  660. <a href="{Permalink}" target="_blank" class="permalink">+</a>
  661. {/block:IndexPage}
  662.  
  663. {/block:Text}
  664.  
  665. {block:Photo}
  666. <section class="photo">
  667.  
  668. {block:IndexPage}
  669. <a href="{Permalink}" target="_blank">
  670. <img src="{PhotoURL-250}" alt="{PhotoAlt}">
  671. </a>
  672. {/block:IndexPage}
  673.  
  674. {block:PermalinkPage}
  675. {LinkOpenTag}
  676. <img src="{PhotoURL-500}" alt="{PhotoAlt}">
  677. {LinkCloseTag}
  678. {block:Caption}{caption}{/block:Caption}
  679. {block:IfShowHighResLink}
  680. {block:HighRes}<p class="highRes">High-Res:<a href="{PhotoURL-HighRes}">{PhotoWidth-HighRes} &times; {PhotoHeight-HighRes}</a></p>{/block:HighRes}
  681. {/block:IfShowHighResLink}
  682. {/block:PermalinkPage}
  683.  
  684. {/block:Photo}
  685.  
  686. {block:Photoset}
  687. <section class="photoset">
  688.  
  689. {block:IndexPage}
  690. <a href="{Permalink}" target="_blank" class="cover"></a>
  691. {Photoset-250}
  692. {/block:IndexPage}
  693.  
  694. {block:PermalinkPage}
  695. {Photoset-500}
  696. {block:Caption}{caption}{/block:Caption}
  697. {/block:PermalinkPage}
  698.  
  699. {/block:Photoset}
  700.  
  701. {block:Quote}
  702. <section class="quote">
  703. <p>&ldquo;{Quote}&rdquo;</p>
  704. {block:Source}<p class="right">{Source}</p>{/block:Source}
  705.  
  706. {block:IndexPage}
  707. <a href="{Permalink}" target="_blank" class="permalink">+</a>
  708. {/block:IndexPage}
  709.  
  710. {/block:Quote}
  711.  
  712. {block:Link}
  713. <section class="link">
  714. <h2><a href="{URL}">{Name}</a></h2>
  715. {block:Description}{Description}{/block:Description}
  716.  
  717. {block:IndexPage}
  718. <a href="{Permalink}" target="_blank" class="permalink">+</a>
  719. {/block:IndexPage}
  720.  
  721. {/block:Link}
  722.  
  723. {block:Chat}
  724. <section class="chat">
  725. {block:Title}<h2>{Title}</h2>{/block:Title}
  726. <ul>
  727. {block:Lines}<li>
  728. {block:Label}
  729. <span class="label">{Label}</span>
  730. {/block:Label}
  731. {Line}
  732. </li>{/block:Lines}
  733. </ul>
  734.  
  735. {block:IndexPage}
  736. <a href="{Permalink}" target="_blank" class="permalink">+</a>
  737. {/block:IndexPage}
  738.  
  739. {/block:Chat}
  740.  
  741. {block:Audio}
  742. <section class="audio">
  743. <div class="audioSet">
  744. {block:AlbumArt}
  745. <img src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}" class="albumArt">
  746. {/block:AlbumArt}
  747. {block:AudioPlayer}
  748. <div class="audioPlayer">
  749. {AudioPlayerBlack}
  750. </div>
  751. {/block:AudioPlayer}
  752. </div>
  753.  
  754. {block:IndexPage}
  755. <a href="{Permalink}" target="_blank" class="permalink">+</a>
  756. {/block:IndexPage}
  757.  
  758. {block:PermalinkPage}
  759. <p>{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}</p>
  760. {block:Caption}{Caption}{/block:Caption}
  761. {/block:PermalinkPage}
  762.  
  763. {/block:Audio}
  764.  
  765. {block:Video}
  766. <section class="video">
  767.  
  768. {block:IndexPage}
  769. {Video-250}
  770. <a href="{Permalink}" target="_blank" class="permalink">+</a>
  771. {/block:IndexPage}
  772.  
  773. {block:PermalinkPage}
  774. {Video-500}
  775. {block:Caption}{Caption}{/block:Caption}
  776. {/block:PermalinkPage}
  777.  
  778. {/block:Video}
  779.  
  780. {block:Answer}
  781. <section class="answer">
  782. <p>{Asker}: {Question}</p>
  783. <p class="right">{Answer}</p>
  784.  
  785. {block:IndexPage}
  786. <a href="{Permalink}" target="_blank" class="permalink">+</a>
  787. {/block:IndexPage}
  788.  
  789. {/block:Answer}
  790.  
  791. {block:PermalinkPage}
  792. {block:IfShowTag}
  793. {block:HasTags}
  794. <p class="tag">Tagged:{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</p>
  795. {/block:HasTags}
  796. {/block:IfShowTag}
  797. {block:Date}<p class="date">{Month} {DayOfMonth}, {Year}</p>{/block:Date}
  798. {block:NoteCount}
  799. <p class="noteCount">{NoteCountWithLabel}</p>
  800. {/block:NoteCount}
  801. {/block:PermalinkPage}
  802.  
  803. </section>
  804. {/block:Posts}
  805.  
  806. {block:IndexPage}
  807. {block:Pagination}
  808. <nav>
  809. <ul>
  810. {block:PreviousPage}
  811. <li><a href="{PreviousPage}">«</a></li>
  812. {/block:PreviousPage}
  813. {block:NextPage}
  814. <li><a id="nextPage" href="{NextPage}">»</a></li>
  815. {/block:NextPage}
  816. </ul>
  817. </nav>
  818. {/block:Pagination}
  819. {/block:IndexPage}
  820.  
  821. {block:PermalinkPage}
  822. {block:PostNotes}
  823. <aside>
  824. {PostNotes}
  825. </aside>
  826. {/block:PostNotes}
  827. {/block:PermalinkPage}
  828.  
  829. {block:Pages}{/block:Pages}
  830.  
  831. </article>
  832.  
  833. <a href="http://www.tumblr.com/theme/37278" id="installTheme" target="_blank">Install Theme</a>
  834.  
  835. </body>
  836. </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!