Advertisement
syncode

Vignette

Nov 28th, 2015
9,297
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.26 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <!--
  4. ///////////////////////////////////////////////////////////////////////////
  5.  
  6. Vignette
  7.  
  8. Design and Coded by artset.tumblr.com
  9.  
  10. //////////////////////////////////////////////////////////////////////////
  11.  
  12. Do not redistribute, remove credit, or claim as your own. Edits are welcome as long as credit remains intact.
  13.  
  14. -->
  15. <head>
  16. <meta name="color:Background" content="#fff" />
  17. <meta name="color:Sidebar" content="#fff" />
  18. <meta name="color:PostBackground" content="#fff" />
  19. <meta name="color:Question Background" content="#eee" />
  20. <meta name="color:Text" content="#424242" />
  21. <meta name="color:Accent" content="#a593e2" />
  22. <meta name="color:Border" content="#ecebeb" />
  23. <meta name="color:Title" content="#96a3bd" />
  24. <meta name="color:TitleHover" content="#474849" />
  25. <meta name="color:Link" content="#6b6b6b" />
  26. <meta name="color:Hover" content="#215497" />
  27. <meta name="color:tag" content="#424242" />
  28. <meta name="color:Navigation" content="#444444" />
  29. <meta name="color:bold" content="#7c6d83" />
  30. <meta name="color:italic" content="#788591" />
  31.  
  32. <meta name="text:tagline" content="a short saying here" />
  33. <meta name="text:Home Link" content="Index" />
  34. <meta name="text:Ask Link" content="Message" />
  35. <meta name="text:Archive Link" content="Grid" />
  36. <meta name="text:Description Link" content="Info" />
  37. <meta name="text:More Link" content="Further" />
  38. <meta name="text:Link One Title" content="un" />
  39. <meta name="text:Link One" content="/" />
  40. <meta name="text:Link Two Title" content="deux" />
  41. <meta name="text:Link Two" content="/" />
  42. <meta name="text:Link Three Title" content="trois" />
  43. <meta name="text:Link Three" content="/" />
  44. <meta name="text:Link Four Title" content="quatre" />
  45. <meta name="text:Link Four" content="/" />
  46. <meta name="text:Link Five Title" content="cinq" />
  47. <meta name="text:Link Five" content="/" />
  48. <meta name="if:white tumblr controls" content="1" />
  49.  
  50. <meta name="if:Left Sidebar" content="1" />
  51. <meta name="if:Right Sidebar" content="0" />
  52. <meta name="if:tags" content="1" />
  53. <meta name="if:sidebar effect" content="1" />
  54. <meta name="if:caption" content="0" />
  55. <meta name="if:faded images" content="0" />
  56. <meta name="if:large space" content="0" />
  57. <meta name="if:medium space" content="1" />
  58. <meta name="if:small space" content="0" />
  59. <meta name="if:bottom left" content="0"/>
  60. <meta name="if:bottom right" content="0" />
  61. <meta name="if:top left" content="0" />
  62. <meta name="if:top right" content="0" />
  63. <meta name="if:repeat" content="0" />
  64.  
  65. <meta name="image:background" content=""/>
  66. <meta name="image:sidebar" content="http://40.media.tumblr.com/02a15739811b8a0043c752a03f3fa27f/tumblr_nhgh4xgqkm1u16n75o1_1280.jpg"/>
  67.  
  68. <title>{Title}</title>
  69.  
  70. <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300' rel='stylesheet' type='text/css'>
  71. <link href='https://fonts.googleapis.com/css?family=Lora:400,400italic' rel='stylesheet' type='text/css'>
  72.  
  73. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  74. {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  75. <link rel="shortcut icon" href="{Favicon}" />
  76. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  77.  
  78.  
  79. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  80. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  81. <script>(function($){$(document).ready(function(){$("a[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:20,tip_fade_speed:400,attribute:"title"});});})(jQuery);</script>
  82.  
  83.  
  84. <style type="text/css">
  85. #s-m-t-tooltip {
  86. display: block;
  87. max-width: 100px;
  88. margin: 15px;
  89. word-wrap: break-word;
  90. padding:2px 5px 2px 5px;
  91. z-index: 9999;
  92. background: {color:postbackground};
  93. text-transform: uppercase;
  94. font-family:consolas;
  95. font-size: 9px;
  96. color: {color:text};
  97. text-align: center;
  98. letter-spacing:1px;
  99. }
  100.  
  101. {block:ifwhitetumblrcontrols}#tumblr_controls {-webkit-filter: invert(100%); position: fixed !important;}{/block:ifwhitetumblrcontrols}
  102.  
  103. body, a, a:hover {
  104. cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur),
  105. progress;}
  106.  
  107. body {
  108. background-color:{color:background};
  109. color:{color:text};
  110. font-size:{text:font size};
  111. font-family: 'Open Sans', sans-serif;
  112. text-align:left;
  113. padding: 0px;
  114. font-size:10px;
  115. background-image: url({image:background});
  116. background-position: {block:ifbottomleft}bottom left{/block:ifbottomleft}{block:ifbottomright}bottom right{/block:ifbottomright}{/block:ifbottomright}{block:iftopright}top right{/block:iftopright} {block:iftopleft}top left{/block:iftopleft} ;
  117. background-attachment: fixed;
  118. {block:ifnotrepeat}background-repeat: no-repeat;{/block:ifnotrepeat}
  119. {block:ifrepeat}background-repeat:repeat;{/block:ifrepeat}
  120. }
  121.  
  122. ::selection {
  123. background:{color:accent};
  124. color:{color:background};}
  125.  
  126. ::-webkit-scrollbar {
  127. width:3px;
  128. height:7px;
  129. }
  130. ::-webkit-scrollbar-track-piece {
  131. background-color:{color:border};
  132. }
  133. ::-webkit-scrollbar-thumb {
  134. background-color:{color:accent};
  135. }
  136.  
  137. a{
  138. text-decoration:none;
  139. color:{color:link};
  140. border-bottom:1px solid none;
  141. -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
  142.  
  143. a:hover {
  144. color:{color:hover} ;
  145. }
  146.  
  147. #desc {
  148. display:none;
  149. }
  150.  
  151. #sidebar img {
  152. width:50px;
  153. height:50px;
  154. position:absolute;
  155. padding:3px;
  156. border:1px solid {color:border};
  157. }
  158. #sidebar{
  159. width:200px;
  160. color:{color:text};
  161. margin-top:100px;
  162. background:{color:sidebar};
  163. position:fixed;
  164. padding:20px;
  165. {block:ifLeftSidebar}
  166. {block:indexpage}margin-left:-340px;{/block:IndexPage}
  167. {block:PermalinkPage}margin-left:-200px;{/block:PermalinkPage}
  168. {/block:ifLeftSidebar}
  169. {block:ifRightSidebar}
  170. {block:indexpage}margin-left:420px;{/block:IndexPage}
  171. {block:PermalinkPage}margin-left:520px;{/block:PermalinkPage}
  172. {block:ifRightSidebar}
  173. }
  174.  
  175. #description {
  176. text-align:justify;
  177. font-size:10px;
  178. text-justify: inter-word;
  179. padding:15px;
  180. -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out;
  181. }
  182.  
  183. #title {
  184. padding:10px;
  185. margin-left:60px;
  186. text-align:left;
  187. font-size:20px;
  188. font-family: 'Lora', serif;
  189. font-style:italic;
  190. }
  191.  
  192. #title a{
  193. color:{color:title};
  194. display:relative;
  195. border-bottom:none;
  196. }
  197.  
  198. #title:hover a{
  199. color:{color:titlehover};
  200. }
  201.  
  202.  
  203. #nav:before {
  204. content:"";
  205. width:0px;
  206. position:absolute;
  207. margin-top:-12px;
  208. margin-left:47px;
  209. border: 1px solid transparent;
  210. -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out;
  211. }
  212.  
  213. {block:ifsidebareffect}
  214. #sidebar:hover #nav:before {
  215. content:"";
  216. {block:IndexPage}width:70px;{/block:IndexPage}
  217. {block:PermalinkPage}width:130px;{/block:PermalinkPage}
  218. border: 1px solid {color:accent};
  219. }
  220.  
  221. #sidebar:hover #nav:after{
  222. content:"";
  223. width:70px;
  224. {block:IndexPage}margin-left:-72px; width:70px; border: 1px solid {color:border};{block:IndexPage}
  225. {block:PermalinkPage}width:0px;{/block:PermalinkPage}
  226. }
  227. {/block:ifsidebareffect}
  228. #nav:after {
  229. content:"";
  230. width:0px;
  231. position:absolute;
  232. margin-top:-81px;
  233. margin-left:-20px;
  234. border: 1px solid transparent;
  235. -moz-transition: all 1.5s ease-out; -o-transition: all 1.5s ease-out; -webkit-transition: all 1.5s ease-out; transition: all 0.5s ease-out;
  236. }
  237. .tagline {
  238. font-size:10px;
  239. font-style:none;
  240. margin-left:0px;
  241. position:Absolute;
  242. width:100px;
  243. }
  244. #nav {
  245. text-align:right;
  246. font-size:8px;
  247. text-transform:uppercase;
  248. letter-spacing:1px;
  249. padding-top:20px;
  250. }
  251.  
  252. #nav a {
  253. display:inline-block;
  254. margin:4px;
  255. padding-bottom:3px;
  256. color:{color:Navigation};
  257. width:83px;
  258. border-bottom:1px solid {color:border};
  259. }
  260.  
  261. #nav a:hover {
  262. border-bottom:1px solid {color:accent};
  263. text:{color:text};
  264. }
  265.  
  266. #clickers {
  267. margin-left:-2px;
  268. }
  269. .olinks {
  270. margin-left:10px;
  271. display:none;
  272. padding:10px;
  273. font-family: 'trebuchet ms', sans-serif;
  274. font-style:normal;
  275. font-size:7px;
  276. text-transform:uppercase;
  277. letter-spacing:1px;
  278. text-align:right;
  279. width:70px;
  280. }
  281.  
  282.  
  283. .olinks a{
  284. display:block;
  285. padding:2px;
  286. width:70px;
  287. color:{color:navigation};
  288. border-right:1px solid transparent;
  289. margin-top:2px;
  290. -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out;
  291. }
  292.  
  293. .olinks a:hover {
  294. border-right:10px solid {color:accent};
  295. margin-left:-12px;
  296. padding-left:4px;
  297. }
  298.  
  299.  
  300. #content {
  301. {block:indexpage}
  302. margin:auto;
  303. float:center;
  304. width:400px;
  305. {/block:indexpage}
  306. {block:permalinkpage}
  307. width:500px;
  308. margin:auto;
  309. float:center;
  310. {/block:permalinkpage};
  311.  
  312. }
  313.  
  314. #entry img {
  315. {block:Indexpage}
  316. max-width:400px;
  317. z-index:-9999;
  318. -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out;
  319. {/block:Indexpage}
  320. {block:permalinkpage}width:400px;
  321. background:{color:postbackground};
  322. margin-top:10px;{/block:permalinkpage}
  323. }
  324.  
  325. #entry:hover {
  326. opacity:1;
  327. }
  328. #entry {
  329. {block:iffadedimages}opacity:.8;{/block:iffadedimages}
  330. float:right;
  331. padding:10px;
  332. {block:iflargespace}margin-top:150px;{/block:iflargespace}
  333. {block:ifsmallspace}margin-top:10px;{/block:ifsmallspace}
  334. {block:ifmediumspace}margin-top:50px;{/block:ifmediumspace}
  335. {block:Indexpage}
  336. background:{color:postbackground};
  337. width:400px;{/block:Indexpage}
  338. {block:permalinkpage}width:400px;
  339. margin-left:100px;
  340. margin-top:100px;
  341. background: {color:postbackground};{/block:permalinkpage};
  342. -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease- out; transition: all 0.3s ease-out;}
  343. }
  344.  
  345. .posttitle {
  346. text-align:center;
  347. font-size:14px;
  348. }
  349. .mark {
  350. font: bold 60px georgia;
  351. line-height: 50px;
  352. position: absolute;
  353. color:{color:link};
  354. opacity:.3;}
  355.  
  356. .quote {
  357. text-indent: 35px;
  358. text-align: justify;
  359. padding:6px;
  360. border-bottom:1px solid {color:border};
  361. line-height:15px;
  362. font-family:times;
  363. }
  364. .question {
  365. padding:12px;
  366. text-align:justify;
  367. border-bottom:1px solid {color:border};
  368. margin:-10px -10px 10px;
  369. background:{color:question background};
  370. }
  371.  
  372. .asker {
  373. text-align:center;
  374. font-size:11px;
  375. font-style:italic;
  376. }
  377.  
  378. i, em {
  379. font-style:italic;
  380. color:{color:italic};
  381. }
  382.  
  383. b, strong {
  384. color:{color:bold};
  385. letter-spacing:1px;
  386. font-family:georgia;
  387. }
  388.  
  389. blockquote {
  390. margin-top:7px;
  391. margin-left:15px;
  392. padding-left:5px;
  393. padding-right:5px;
  394. border-left: 1px solid {color:border};}
  395.  
  396. #audio { width:100%; }
  397. .tumblr_audio_player {height: 40px; width: 40px; border:none; position:absolute; margin-top:30px; margin-left:30px; z-index:999999; opacity:.3; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out;}
  398. #playpic img {width:100px; height:100px; overflow:hidden; float:left; opacity:.8; }
  399. #entry:hover .tumblr_audio_player {opacity:.8}
  400. #captio { overflow:auto; margin-left: 130px; height:100px;}
  401. q { font-family:consolas; color:{color:link};}
  402.  
  403.  
  404. .permalinkpage {
  405. line-height:10px;
  406. text-align:center;
  407. font-size:8px;
  408. letter-spacing:1px;
  409. padding:30px;
  410. background:{color:border};
  411. text-transform:uppercase;
  412. }
  413.  
  414. #postnotes {
  415. height:250px;
  416. padding-top:4px;
  417. overflow:auto;
  418. font-size:11px;
  419. }
  420.  
  421. .permat {
  422. position:relative;
  423. letter-spacing:1px;
  424. text-align:right;
  425. font-size:8px;
  426. text-transform:uppercase;
  427. padding-top:1px;
  428. margin:4px;
  429. margin:10px -10px -0px;
  430. }
  431.  
  432. .permat a{
  433. border-bottom:1px solid {color:border};
  434. margin-left:4px;
  435. margin-right:4px;
  436. padding:2px;
  437. padding-left:3px;
  438. padding-right:3px;
  439. }
  440.  
  441. .permat a:hover {
  442. border-bottom:1px solid {color:accent};
  443. color:{color:text};
  444. }
  445.  
  446. .permas {
  447. position:absolute;
  448. font-size:8px;
  449. text-transform:uppercase;
  450. padding:5px;
  451. {block:ifRightSidebar}margin-left:-150px;{/block:ifRightSidebar}
  452. {block:ifLeftSidebar}margin-left:420px;{/block:ifLeftSidebar}
  453. letter-spacing:1px;
  454. text-align:center;
  455. width:100px;
  456. padding-top:10px;
  457. opacity:0;
  458. background:{color:postbackground};
  459. -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease- out; transition: all 0.3s ease-out;
  460. }
  461.  
  462. #entry:hover .permas {
  463. opacity:1;
  464. }
  465.  
  466. .permas a {
  467. border-bottom:none;
  468. }
  469. .ptag {
  470. border-top:2px solid {color:accent};
  471. font-size:7px;
  472. padding:5px;
  473. text-align:left;
  474. margin:10px;
  475. }
  476.  
  477. .ptag a {
  478. display:block;
  479. padding:2px;
  480. color:{color:tag};
  481. border-bottom:none;
  482. }
  483.  
  484.  
  485. #postnotes img{display:none;}
  486. #postnotes ul, #postnotes ol {margin:0px; list-style:none;}
  487. #postnotes li{list-style:none;}
  488.  
  489. .pagination {
  490. margin:10px;
  491. padding:20px;
  492. z-index:9999;
  493. padding-top:50px;
  494. margin-top:30px;
  495. }
  496. .jump_page {
  497. padding: 4px 8px;
  498. border-top: 1px solid {color:border};
  499. color:{color:text};
  500. font-size:11px;
  501. margin:4px;
  502. }
  503.  
  504. .current_page, .jump_page:hover {
  505. padding: 4px 8px;
  506. font-size:11px;
  507. border-top: 1px solid {color:accent};
  508. color:{color:text};
  509. }
  510.  
  511. #artset {
  512. font-family:calibri;
  513. text-transform:uppercase;
  514. letter-spacing:1px;
  515. font-size:10px;
  516. position:fixed;
  517. right:10px;
  518. bottom:10px;
  519. color:{color:postbackground};
  520. background:{color:accent};
  521. padding:5px 15px 5px 15px;
  522. width:70px;
  523. overflow:hidden;
  524. text-align:center;
  525. height:13px;
  526. -webkit-transition: all 0.3s linear;
  527. -moz-transition: all 0.3s linear;
  528. transition: all 0.3s linear;
  529. }
  530.  
  531. #artset a {
  532. color:{color:background};
  533. line-height:10px;
  534. -webkit-animation:fadeInDown 3s;
  535. -moz-animation:fadeInDown 3s;
  536. -ms-animation:fadeInDown 3s;
  537. -moz-transition: all 0.4s ease-out;
  538. -o-transition: all 0.4s ease-out;
  539. -webkit-transition: all 0.4s ease-out;
  540. transition: all 0.4s ease-out;
  541.  
  542. }
  543.  
  544. .word {
  545. -webkit-transition: all 0.3s linear;
  546. -moz-transition: all 0.3s linear;
  547. transition: all 0.3s linear;
  548. }
  549.  
  550. #artset a:hover .word{
  551. margin-top:-18px;
  552. -webkit-transition: all 0.3s linear;
  553. -moz-transition: all 0.3s linear;
  554. transition: all 0.3s linear;
  555. }
  556. {CustomCSS}</style>
  557.  
  558. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  559.  
  560. <script>
  561. $(document).ready(function(){
  562. $(".flink").click(function(){
  563. $(".olinks").slideToggle("fast");
  564. $("#desc").hide(500);
  565. });
  566. $(".dlink").click(function(){
  567. $("#desc").slideToggle("slow");
  568. $(".olinks").hide(500);
  569. });
  570. });
  571. </script>
  572.  
  573.  
  574. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  575. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  576. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  577.  
  578. </head>
  579.  
  580. <script>
  581. $(document).ready(function(){
  582. $('.photo-slideshow').pxuPhotoset({
  583. lightbox: true,
  584. rounded: false,
  585. gutter: '2px',
  586. borderRadius: '0px',
  587. photoset: '.photo-slideshow',
  588. photoWrap: '.photo-data',
  589. photo: '.pxu-photo'
  590. });
  591. });
  592. </script>
  593.  
  594.  
  595. <body>
  596.  
  597. <div id="artset">
  598. <a href="http://artset.tumblr.com">
  599. <div class="word"> vignette
  600. <br><br>
  601. by artset
  602. </div>
  603. </a>
  604. </div>
  605.  
  606.  
  607.  
  608. <div id="content">
  609.  
  610. <div id="sidebar">
  611.  
  612. <img src="{image:sidebar}">
  613. <div id="title">
  614. <a href="/">{Title}</a>
  615. <div class="tagline">{text:tagline}</div>
  616. </div>
  617.  
  618. <div id="nav">
  619.  
  620. <a href="/">{text:home link}</a>
  621. <a href="/ask">{text:ask link}</a>
  622. <a href="/archive">{text:archive link}</a>
  623. <a href="http://artset.tumblr.com">Theme</a>
  624. <div id="clickers">
  625. <a href="" onclick="return false;" class="flink">{text:more link}</a>
  626. <a href="" onclick="return false;" class="dlink">{text:description link}</a>
  627. </div>
  628.  
  629. </div>
  630.  
  631. <div id="desc">
  632. <div id="description"> {description}</div>
  633. </div>
  634. <div class="olinks">
  635.  
  636. {block:IfLinkOneTitle}<a href="{text:Link One}">{text:Link One Title}</a>{/block:ifLinkOneTitle}
  637.  
  638. {block:ifLinkTwoTitle} <a href="{text:Link Two}">{text:Link Two Title}</a>{/block:ifLinkTwoTitle}
  639.  
  640. {block:ifLinkThreeTitle}<a href="{text:Link Three}">{text:Link Three Title}</a>{/block:ifLinkThreeTitle}
  641.  
  642. {block:ifLinkFourTitle}<a href="{text:Link Four}">{text:Link Four Title}</a>{/block:ifLinkFourTitle}
  643.  
  644. {block:ifLinkFiveTitle}<a href="{text:Link Five}">{text:Link Five Title}</a>{/block:ifLinkFiveTitle}
  645.  
  646.  
  647. </div>
  648.  
  649. </div>
  650.  
  651. {block:Posts}
  652.  
  653. <div id="entry">
  654.  
  655. {block:Indexpage}
  656. <div class="permas">
  657. <a href="{permalink}">{12Hour}:{Minutes} {CapitalAmPm}</a>
  658. {block:ifTags}
  659. <div class="ptag">
  660. {block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}
  661. </div>
  662. {/block:ifTags}
  663. </div>
  664. {/block:Indexpage}
  665.  
  666. {block:Text}
  667.  
  668. <div class="posttitle"><a href="{Permalink}">{block:Title}{Title}{/block:Title}</a> </div>
  669. {Body}
  670. {/block:Text}
  671.  
  672. {block:Photo}
  673. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}<img src="{block:IndexPage}{PhotoURL-500}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}"/>{block:IndexPage}</a>
  674. {block:ifcaption}<div class="caption">{Caption}</div>{/block:ifcaption}{/block:IndexPage}
  675. {block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}
  676. {block:PermalinkPage}<BR><div class="caption">{Caption}</div>{/block:PermalinkPage}
  677. {/block:Photo}
  678.  
  679. {block:Photoset}
  680. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-400}" width="{PhotoWidth-400}" height="{PhotoHeight-400}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  681. {block:Caption}
  682. {block:ifcaption}<div class="caption">{Caption}</div>{/block:ifcaption}
  683. {/block:Caption}
  684.  
  685. {/block:Photoset}
  686.  
  687. {block:Quote}
  688. <div class="mark">❝</div>
  689. <div class="quote">
  690. {Quote} </div> <BR>
  691. {block:Source} <a href="{Permalink}">{Source}</a>{/block:Source}
  692. {/block:Quote}
  693.  
  694. {block:Link}
  695. <div class="question"><a href="{URL}" {Target}>{Name}</a> </div>
  696. {block:Description}{Description}{/block:Description}
  697. {/block:Link}
  698.  
  699. {block:Chat}
  700. {block:Title}<t>{Title}</t>{/block:Title}
  701. {block:Lines}
  702. {block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
  703. {/block:Lines}
  704. {/block:Chat}
  705.  
  706. {block:Audio}
  707. <div id="audio">
  708. {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
  709. <div id="playpic">{block:AlbumArt} <img src="{AlbumArtURL}">
  710. {/block:AlbumArt}<div id="captio">{block:TrackName}Track: "{TrackName}"
  711. {/block:TrackName} <br> {block:Artist}Artist: {Artist}{/block:Artist} <br> {block:Album}Album: {Album}{/block:Album}</div></div>
  712. {/block:Audio}
  713.  
  714. {block:Video}
  715. <div style="width:400px; overflow:Auto;">{Video-400}</div>{/block:indexpage} {block:permalinkpage} {Video-500}{/block:permalinkpage}
  716. {block:Caption}{Caption}{/block:Caption}
  717. {/block:Video}
  718.  
  719. {block:Answer}
  720. <div class="question">
  721. <div class="asker">{Asker}:</div>
  722. <br>
  723. {Question}</div> {Answer}
  724. {/block:Answer}
  725.  
  726. {block:Indexpage}
  727. <div class="permat">
  728. <a href="{permalink}">{NoteCountWithLabel}</a>
  729. <a href="{reblogurl}">Reblog</a>
  730. </div>
  731. {/block:Indexpage}
  732.  
  733.  
  734. {block:PermalinkPage}
  735. <div class="permalinkpage">
  736. {block:NoteCount}{NoteCount} notes<br>{/block:NoteCount}
  737. {block:RebloggedFrom}Source: <a href="{ReblogRootURL}">{ReblogRootName}</a> | Reblogged From: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}
  738. {block:NoteCount} <div style="text-align:center; margin:5px; font-family:calibri; line-height:12px"></div>{/block:NoteCount} <Br>
  739. {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}
  740. </div>
  741. {/block:PermalinkPage}
  742.  
  743. {block:PostNotes}
  744. <div id="postnotes">{PostNotes}</div>
  745. {/block:PostNotes}</div>{/block:Posts}
  746.  
  747.  
  748. {block:Pagination}
  749.  
  750. <div class="pagination">
  751. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">&laquo;</a>{/block:PreviousPage}
  752. {block:JumpPagination length="5"}
  753. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  754. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  755. {block:NextPage}<a href="{NextPage}" class="jump_page">&raquo;</a>{/block:NextPage}
  756. </div>
  757. {/block:Pagination}
  758.  
  759. </div>
  760.  
  761. </div></div></div> </div>
  762. </div> </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement