API tools faq
paste
Advertisement
diannaelise

Theme 15

diannaelise
Sep 28th, 2015
16,990
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.80 KB | None | 0 0
raw download clone embed print report
  1. <!-- THEME 15 by ADRIANIVASHKOVS.TUMBLR.COM-->
  2.  
  3.  
  4. <!------------
  5.  
  6. p l e a s e r e a d
  7.  
  8. by using my themes, you’ve agreed to the following conditions:
  9. don't steal my codes,
  10. don't use them as base,
  11. don't claim them as your own,
  12. leave all credit intact.
  13.  
  14. ------------>
  15.  
  16.  
  17. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  18. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  19. <head><title>{Title}</title>
  20. <link rel="shortcut icon" href="{Favicon}">
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  23.  
  24. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  25.  
  26. <meta name="color:background" content="#ffffff"/>
  27. <meta name="color:text" content="#000000"/>
  28. <meta name="color:link" content="#000000"/>
  29.  
  30. <meta name="color:highlight" content="#EEEEEE"/>
  31. <meta name="color:title" content="#000000"/>
  32.  
  33. <meta name="color:scrollbar" content="#D1CECE" />
  34. <meta name="color:scrollbar background" content="#FFFFFF" />
  35. <meta name="color:scrollbar hover" content="#BEBEBE" />
  36.  
  37. <meta name="color:bold" content="#000000" />
  38. <meta name="color:italic" content="#000000" />
  39. <meta name="color:chat text" content="#000000"/>
  40.  
  41. <meta name="color:border" content="#EDEDED"/>
  42. <meta name="color:hover" content="#000000"/>
  43.  
  44. <meta name="if:lazy load" content="0" />
  45. <meta name="if:avatar" content="0" />
  46.  
  47. <meta name="select:post width" content="300" title="300px"/>
  48. <meta name="select:post width" content="350" title="350px"/>
  49. <meta name="select:post width" content="400" title="400px"/>
  50. <meta name="select:post width" content="450" title="450px"/>
  51. <meta name="select:post width" content="500" title="500px"/>
  52.  
  53. <meta name="text:font family body" content="calibri"/>
  54. <meta name="text:font family navigation" content="consolas"/>
  55. <meta name="text:font family description" content="calibri"/>
  56. <meta name="text:font family title" content="consolas"/>
  57. <meta name="text:font family postinfo" content="consolas"/>
  58.  
  59. <meta name="text:second title" content="second title"/>
  60.  
  61. <meta name="text:link1" content="/" />
  62. <meta name="text:link1 title" content="one" />
  63. <meta name="text:link2" content="/" />
  64. <meta name="text:link2 title" content="two" />
  65. <meta name="text:link3" content="/" />
  66. <meta name="text:link3 title" content="three" />
  67. <meta name="text:link4" content="/" />
  68. <meta name="text:link4 title" content="four" />
  69. <meta name="text:link5" content="/" />
  70. <meta name="text:link5 title" content="five" />
  71.  
  72. <!-------------------------
  73. LAZY LOAD
  74. --------------------------->
  75.  
  76. {block:ifLazyLoad}
  77. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  78. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  79. <script type="text/javascript" charset="utf-8">
  80. var $j = jQuery.noConflict();
  81. $j(function() {
  82. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  83. $j("img").lazyload({
  84. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  85. effect: "fadeIn",
  86. });
  87. });
  88. </script>
  89. {/block:ifLazyLoad}
  90.  
  91. <!-------------------------
  92. TOOLTIPS
  93. --------------------------->
  94.  
  95. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  96. <script type="text/javascript" src="http://static.tumblr.com/ko1mcho/PMbmlkh9e/jquery.style-my-tooltips.js"></script>
  97.  
  98. <script>
  99. (function($){
  100. $(document).ready(function(){
  101. $("[title],a[title],img[title]").style_my_tooltips({
  102. tip_follows_cursor:"true",
  103. tip_delay_time:100,
  104. tip_fade_speed:100,
  105. attribute:"title"
  106. });
  107. });
  108. })(jQuery);
  109. </script>
  110.  
  111. <style type="text/css">
  112.  
  113. /*<!-------------------------
  114. TOOLTIPS
  115. --------------------------->*/
  116.  
  117. #s-m-t-tooltip {
  118. color:{color:text};
  119. background-color:{color:background};
  120. display:none;
  121. text-align:center;
  122. position:absolute;
  123. z-index:9999;
  124. font-size:7px;
  125. font-family:{text:font family title};
  126. letter-spacing:2px;
  127. text-transform:uppercase;
  128. padding:1px 6px 0px 6px;
  129. margin-top:30px;
  130. -webkit-transition:all 0.1s ease-out
  131. -moz-transition:all 0.1s ease-out;
  132. transition:all 0.1s ease-out;
  133. }
  134.  
  135. /*<!-------------------------
  136. TUMBLR CONTROLS
  137. --------------------------->*/
  138.  
  139. iframe#tumblr_controls {
  140. white-space:nowrap;
  141. -webkit-filter: invert(100%);
  142. -moz-filter: invert(100%);
  143. -o-filter: invert(100%);
  144. -ms-filter: invert(100%);
  145. filter: invert(100%);
  146. opacity:.6;
  147. margin-top:10px;
  148. margin-right:13px;
  149. transition:.8s ease-in-out;
  150. -webkit-transition:.8s ease-in-out;
  151. -moz-transition:.8s ease-in-out;
  152. -o-transition:.8s ease-in-out;
  153. }
  154.  
  155. /*<!-------------------------
  156. LIGHTBOX
  157. --------------------------->*/
  158.  
  159. #vignette {
  160. visibility:hidden;
  161. }
  162.  
  163. #tumblr_lightbox img {
  164. box-shadow:none !important;
  165. border-radius:0 !important;
  166. }
  167.  
  168. #tumblr_lightbox {
  169. background-color:rgba(255,255,255,.8) !important;
  170. }
  171. #tumblr_lightbox div:nth-child(2) {
  172. background-color:#fff;
  173. opacity:0.8;
  174. }
  175.  
  176. #tumblr_lightbox_left_link, #tumblr_lightbox_right_link {
  177. visibility:hidden;
  178. }
  179.  
  180. /*<!-------------------------
  181. SCROLLBAR
  182. --------------------------->*/
  183.  
  184. ::-webkit-scrollbar {
  185. width:3px;
  186. height:8px!important
  187. }
  188.  
  189. ::-webkit-scrollbar-track {
  190. background-color:{color:scrollbar background};
  191. }
  192.  
  193. ::-webkit-scrollbar-thumb {
  194. background-color:{color:scrollbar};
  195. }
  196.  
  197. ::-webkit-scrollbar-thumb:horizontal {
  198. background-color:{color:scrollbar};
  199. height:3px!important
  200. }
  201.  
  202.  
  203. /*<!-------------------------
  204. BASICS
  205. --------------------------->*/
  206.  
  207. ::selection {
  208. background:{color:highlight};
  209. }
  210.  
  211. ::-moz-selection {
  212. background:{color:highlight};
  213. }
  214.  
  215. b {
  216. color:{color:bold};
  217. font-weight:bold;
  218. }
  219.  
  220. i {
  221. color:{color:italic};
  222. font-style:italic;
  223. }
  224.  
  225. h1 {
  226. font-weight:bold;
  227. font-size:9px;
  228. text-transform:uppercase;
  229. text-align:left;
  230. letter-spacing:1px;
  231. margin-top:0px;
  232. margin-bottom:0px;
  233. font-family:{text:font family body};
  234. }
  235.  
  236. h2 {
  237. margin-bottom:0px;
  238. font-size:10px;
  239. font-family:{text:font family body};
  240. }
  241.  
  242. h2 a {
  243. text-decoration:underline;
  244. }
  245.  
  246. h4 {
  247. margin-top:0px;
  248. margin-bottom:0px;
  249. font-weight:normal;
  250. }
  251.  
  252. a {
  253. text-decoration:none;
  254. color:{color:link};
  255. transition-duration: 0.6s;
  256. -moz-transition-duration: 0.6s;
  257. -webkit-transition-duration: 0.6s;
  258. -o-transition-duration: 0.6s
  259. }
  260.  
  261. a:hover {
  262. text-decoration:none;
  263. color:{color:hover};
  264. cursor:help;
  265. transition-duration: 0.6s;
  266. -moz-transition-duration: 0.6s;
  267. -webkit-transition-duration: 0.6s;
  268. -o-transition-duration: 0.6s
  269. }
  270.  
  271. body {
  272. color:{color:text};
  273. background-color:{color:background};
  274. font-style:normal;
  275. font-family:{text:font family body};
  276. font-size:10px;
  277. letter-spacing:0px;
  278. text-transform:none;
  279. text-decoration:none;
  280. line-height:18px;
  281. }
  282.  
  283. .container {
  284. margin:0 auto;
  285. width:800px;
  286. }
  287.  
  288. #entries {
  289. padding:10px;
  290. margin-top:80px;
  291. margin-left:300px;
  292. width:{select:post width}px;
  293. }
  294.  
  295. #posts {
  296. padding-bottom:20px;
  297. width:{select:post width}px;
  298. }
  299.  
  300. #posts img {
  301. max-width:100%;
  302. height:auto;
  303. }
  304.  
  305. pre {
  306. white-space:pre-wrap;
  307. white-space:-moz-pre-wrap;
  308. white-space:-pre-wrap;
  309. white-space:-o-pre-wrap;
  310. word-wrap:break-word;
  311. }
  312.  
  313. /*<!-------------------------
  314. POSTINFO
  315. --------------------------->*/
  316.  
  317. #info {
  318. font-size:10px;
  319. line-height:15px;
  320. margin-top:px;
  321. width:{select:post width}px;
  322. position:absolute;
  323. }
  324.  
  325. #info a {
  326. text-transform:lowercase;
  327. font-weight:normal;
  328. letter-spacing:0px;
  329. padding:0px 6px 0px 0px;
  330. font-family:{text:font family postinfo};
  331. font-size:10px;
  332. }
  333.  
  334. .video iframe {
  335. width:{select:post width}px;
  336. }
  337.  
  338. /*<!-------------------------
  339. SIDEBAR
  340. --------------------------->*/
  341.  
  342. .sidebar {
  343. position:fixed;
  344. margin-top:120px;
  345. margin-left:40px;
  346. -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
  347. -moz-animation: fadein 2s; /* Firefox < 16 */
  348. -ms-animation: fadein 2s; /* Internet Explorer */
  349. -o-animation: fadein 2s; /* Opera < 12.1 */
  350. animation: fadein 2s;
  351. }
  352.  
  353. @keyframes fadein {
  354. from { opacity: 0; }
  355. to { opacity: 1; }
  356. }
  357.  
  358. /* Firefox < 16 */
  359. @-moz-keyframes fadein {
  360. from { opacity: 0; }
  361. to { opacity: 1; }
  362. }
  363.  
  364. /* Safari, Chrome and Opera > 12.1 */
  365. @-webkit-keyframes fadein {
  366. from { opacity: 0; }
  367. to { opacity: 1; }
  368. }
  369.  
  370. /* Internet Explorer */
  371. @-ms-keyframes fadein {
  372. from { opacity: 0; }
  373. to { opacity: 1; }
  374. }
  375.  
  376. /* Opera < 12.1 */
  377. @-o-keyframes fadein {
  378. from { opacity: 0; }
  379. to { opacity: 1; }
  380. }
  381.  
  382. #title {
  383. margin-top:-5px;
  384. margin-left:0px;
  385. margin-bottom:2px;
  386. padding:4px 0px 0px 0px;
  387. width:150px;
  388. position:relative;
  389. text-align:left;
  390. z-index:999;
  391. }
  392.  
  393. #title a {
  394. font-weight:bold;
  395. text-transform:lowercase;
  396. text-align:left;
  397. color:{color:title};
  398. font-family:{text:font family title};
  399. letter-spacing:0px;
  400. font-size:14px;
  401. font-family:{text:title};
  402. }
  403.  
  404. #description {
  405. text-align:justify;
  406. width:146px;
  407. font-family:{text:font family description};
  408. margin-left:0px;
  409. margin-bottom:5px;
  410. border-left:1px solid {color:border};
  411. padding-left:17px;
  412. line-height:17px;
  413. }
  414.  
  415. #sidepic img {
  416. width:40px;
  417. position:fixed;
  418. height:auto;
  419. margin-left:-1px;
  420. -moz-border-radius:200px;
  421. border-radius:200px;
  422. margin-bottom:7px;
  423. margin-top:-52px;
  424. }
  425.  
  426. #links {
  427. text-align:left;
  428. margin-top:0px;
  429. padding-top:4px;
  430. margin-left:14px;
  431. margin-bottom:5px;
  432. width:150px;
  433. }
  434.  
  435. #links a {
  436. padding:0px 0px 0px 5px;
  437. font-weight:bold;
  438. letter-spacing:2px;
  439. text-transform:uppercase;
  440. display:inline-block;
  441. font-size:7px;
  442. font-style:italic;
  443. text-align:left;
  444. font-family:{text:font family navigation};
  445. }
  446.  
  447.  
  448. #pagination {
  449. font-size:8px;
  450. margin-top:10px;
  451. margin-left:13px;
  452. font-family:{text:font family body};
  453. letter-spacing:1px;
  454. font-weight:bold;
  455. width:146px;
  456. text-align:left;
  457. }
  458.  
  459. #pagination a {
  460. padding:4px 8px;
  461. font-weight:bold;
  462. color:{color:text};
  463. font-family:{text:font family body};
  464. font-size:8px;
  465. text-decoration:none;
  466. }
  467.  
  468. .current {
  469. padding:2px 6px;
  470. font-weight:bold;
  471. color:{color:text};
  472. font-family:{text:font family body};
  473. font-size:8px;
  474. text-decoration:none;
  475. }
  476. /*<!-------------------------
  477. AUDIO
  478. --------------------------->*/
  479.  
  480.  
  481. #cover img {
  482. width:90px;
  483. height:90px;
  484. float:left;
  485. -moz-border-radius:200px;
  486. border-radius:200px;
  487. }
  488.  
  489. .audioplayer {
  490. width:24px;
  491. height:24px;
  492. margin-top:24px;
  493. margin-left:24px;
  494. overflow:hidden;
  495. padding:3px;
  496. }
  497.  
  498. #audioplayerbackground {
  499. position:absolute;
  500. z-index:1;
  501. -moz-border-radius:200px;
  502. border-radius:200px;
  503. width:80px;
  504. height:80px;
  505. margin-top:5px;
  506. margin-left:5px;
  507. background:#fff;
  508. opacity:0.3;
  509. -webkit-transition:opacity 0.8s linear;
  510. -webkit-transition:all 0.5s ease-out;
  511. -moz-transition:all 0.5s ease-out;
  512. transition:all 0.5s ease-out;
  513. }
  514.  
  515. #audioplayerbackground:hover {
  516. opacity:.7;
  517. -webkit-transition:opacity 0.8s linear;
  518. -webkit-transition:all 0.5s ease-out;
  519. -moz-transition:all 0.5s ease-out;
  520. transition:all 0.5s ease-out;
  521. }
  522.  
  523. .info {
  524. height:67px;
  525. margin-left:100px;
  526. display:block;
  527. margin-top:0px;
  528. padding-top:18px;
  529. font-family:{text:font family body};
  530. font-size:10px;
  531. letter-spacing:0px;
  532. margin-bottom:3px;
  533. letter-spacing:1px;
  534. padding-left:30px;
  535. text-align:left;
  536. }
  537.  
  538. /*<!-------------------------
  539. CHAT
  540. --------------------------->*/
  541.  
  542. .chat {
  543. list-style:none;
  544. margin-top:0px;
  545. margin-bottom:0px;
  546. font-size:10px;
  547. margin-left:0px;
  548. }
  549.  
  550. .chat ul {
  551. line-height:18px;
  552. margin-top:0px;
  553. list-style:none;
  554. padding:0px;
  555. letter-spacing:1px;
  556. font-size:10px;
  557. margin-bottom:0px;
  558. }
  559.  
  560. .person1, .person3, .person5, .person7, .person9, .person11, .person13, .person15, .person17, .person18{
  561. padding:3px 0px 3px 0px;
  562. color:{color:chat text};
  563. border-bottom:1px solid {color:border};
  564. }
  565.  
  566. .person2, .person4, .person6, .person8, .person10, .person12, .person14, .person16, .person17, .person19{
  567. padding:3px 0px 3px 0px;
  568. border-bottom:1px solid {color:border};
  569. color:{color:chat text};
  570. }
  571.  
  572.  
  573. /*<!-------------------------
  574. QUOTE
  575. --------------------------->*/
  576.  
  577. .quote {
  578. margin-top:-5px;
  579. padding-bottom:14px;
  580. margin-bottom:0px;
  581. margin-left:0px;
  582. padding-left:20px;
  583. text-align:left;
  584. font-weight:normal;
  585. text-transform:lowercase;
  586. font-family:consolas;
  587. font-size:10px;
  588. }
  589.  
  590. .q {
  591. margin-top:2px;
  592. margin-left:-25px;
  593. position:absolute;
  594. text-align:left;
  595. font-weight:normal;
  596. text-transform:lowercase;
  597. font-family:consolas;
  598. font-size:10px;
  599. }
  600.  
  601. .source {
  602. margin-left:20px;
  603. text-align:left;
  604. font-weight:normal;
  605. font-size:10px;
  606. text-transform:lowercase;
  607. font-family:consolas;
  608. }
  609.  
  610. /*<!-------------------------
  611. BLOCKQUOTE
  612. --------------------------->*/
  613.  
  614. blockquote {
  615. text-align:justify;
  616. margin-bottom:0px;
  617. font-size:9px;
  618. width:91%;
  619. padding:0px 10px 0px 15px;
  620. margin-left:0px;
  621. border-left:1px solid {color:border};
  622. }
  623.  
  624. blockquote blockquote {
  625. padding:0 0 0 10px;
  626. color:{color:text};
  627. }
  628.  
  629. blockquote, small {
  630. font-size:10px;
  631. }
  632.  
  633. blockquote img {
  634. max-width:300px;
  635. height:auto;
  636. }
  637.  
  638. /*<!-------------------------
  639. NOTES
  640. --------------------------->*/
  641.  
  642. ol.notes {
  643. margin-top:90px;
  644. margin-left:0px;
  645. padding:0px;
  646. text-align:center;
  647. list-style-type:none;
  648. text-decoration:none;
  649. }
  650.  
  651. ol.notes li.note {
  652. padding-bottom:3px;
  653. padding-top:3px;
  654. letter-spacing:1px;
  655. font-size:8px;
  656. font-weight:bold;
  657. padding-left:0px;
  658. text-align:left;
  659. text-transform:uppercase;
  660. padding-right:0px;
  661. margin-left:0px;
  662. text-decoration:none;
  663. }
  664.  
  665. ol.notes li.note img.avatar {
  666. display:none;
  667. opacity:0;
  668. }
  669.  
  670. ol.notes li.note blockquote {
  671. padding:4px 10px;
  672. text-decoration:none;
  673. text-transform:none;
  674. margin:10px 0px 10px 25px;
  675. }
  676.  
  677. /*<!-------------------------
  678. CREDIT
  679. --------------------------->*/
  680.  
  681. #credit {
  682. right:10px;
  683. bottom:7px;
  684. padding:5px;
  685. background:transparent;
  686. position:fixed;
  687. font-weight:bold;
  688. }
  689.  
  690. #credit a {
  691. color:{color:link};
  692. padding:5px;
  693. font-size:8px;
  694. letter-spacing:0px;
  695. font-family:{text:font family body};
  696. text-decoration:none;
  697. font-weight:bold;
  698. text-transform:uppercase;
  699. }
  700.  
  701. </style>
  702. <style type="text/css">{CustomCSS}</style>
  703. </head>
  704.  
  705. <div class="container">
  706.  
  707. <div class="sidebar">
  708.  
  709. {block:ifavatar}
  710. <div id="sidepic"><img src="{PortraitURL-64}"></div>
  711. {/block:ifavatar}
  712.  
  713. <div id="title">
  714. <a href="/" title="{title}">{text:second title}</a>
  715. </div>
  716.  
  717. <div id="links">
  718. <div style="position:fixed;margin-left:-13px;">—</div>
  719. <a href="/">home</a>
  720. <a href="/ask">ask</a>
  721. <a href="/archive">past</a>
  722. {block:ifLink1}<a href="{text:link1}">{text:link1 title}</a>{/block:ifLink1}
  723. {block:ifLink2}<a href="{text:link2}">{text:link2 title}</a>{/block:ifLink2}
  724. {block:ifLink3}<a href="{text:link3}">{text:link3 title}</a>{/block:ifLink3}
  725. {block:ifLink4}<a href="{text:link4}">{text:link4 title}</a>{/block:ifLink4}
  726. {block:ifLink5}<a href="{text:link5}">{text:link5 title}</a>{/block:ifLink5}
  727. </div>
  728.  
  729. <div id="description">
  730. {Description}
  731.  
  732. </div>
  733.  
  734. <div id="pagination">
  735. {block:Pagination}
  736. {block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}
  737. {block:JumpPagination length="4"}
  738. {block:CurrentPage}<span class="current">{PageNumber}</span>{/block:CurrentPage}
  739. {block:JumpPage}<a href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  740. {block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}
  741. {/block:Pagination}
  742. </div>
  743.  
  744. </div>
  745.  
  746. <div id="entries">
  747.  
  748. {block:Posts}
  749.  
  750. <div id="posts">
  751.  
  752. {block:Text}
  753. {block:Title}<h1>{Title}</h1>{/block:Title}<h4>{Body}</h4>
  754. {/block:Text}
  755.  
  756. {block:Quote}
  757. <div class="quote">
  758. <div class="q">
  759. <i class="fa fa-quote-left"></i>
  760. </div>
  761. {Quote}</div>
  762. <div class="source">&mdash; {Source}</div>
  763. {/block:Quote}
  764.  
  765. {block:Link}
  766. <a href="{URL}"><h1>{Name}</h1></a>
  767. {block:Description}<h4>{Description}</h4>{/block:Description}
  768. {/block:Link}
  769.  
  770. {block:Photo}
  771. {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  772. {block:Caption}{Caption}{/block:Caption}
  773. {/block:Photo}
  774.  
  775. {block:Photoset}
  776. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  777. {block:Photos}
  778. <div class="photo-data">
  779. <div class="pxu-photo">
  780. <img alt="{PhotoAlt}" src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" class="{block:Exif}exif-yes {/block:Exif}{block:Caption}caption-yes{/block:Caption}" {block:Exif}data-camera="{block:Camera}{Camera}{/block:Camera}" data-iso="{block:ISO}{ISO}{/block:ISO}" data-aperture="{block:Aperture}{Aperture}{/block:Aperture}" data-exposure="{block:Exposure}{Exposure}{/block:Exposure}" data-focal="{block:FocalLength}{FocalLength}{/block:FocalLength}"{/block:Exif} {block:Caption}data-caption="{Caption}"{/block:Caption}>
  781. </div>
  782. <div class="icons">
  783. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  784. </div>
  785. </div>
  786. {/block:Photos}
  787. </div>
  788.  
  789. <div style="margin-top:10px;">
  790. {block:Caption}{Caption}{/block:Caption}
  791. </div>
  792. {/block:Photoset}
  793.  
  794. {block:Video}
  795. <div class="video">{Video-500}</div>
  796. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  797. {/block:Video}
  798.  
  799. {block:Chat}
  800. {block:Title}<a href="{Permalink}"><b><div style="margin-bottom:5px;font-size:11px;letter-spacing:1px;">{Title}</div></b></a>{/block:Title}
  801. <div class="chat"><ul>{block:Lines}<li class="person{UserNumber}">{block:Label}<span class="label"><b>{Label}</b> </span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  802. {/block:Chat}
  803.  
  804. {block:Answer}
  805. <b>{Asker}:</b> {Question}
  806. <h2>{Answer}</h2>
  807. {/block:Answer}
  808.  
  809. {block:Audio}
  810. {block:AlbumArt}<div id="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  811. <div id="audioplayerbackground">
  812. <div class="audioplayer">{AudioPlayerwhite}</div></div>
  813. <div class="info">
  814. {block:TrackName}<i><b>{TrackName}</b></i>{/block:TrackName} <br>
  815. {block:Artist}{Artist}{/block:Artist} <br>
  816. {FormattedPlayCount} plays
  817. </div>
  818. {block:Caption}<br>{Caption}{/block:Caption}
  819. {/block:Audio}
  820.  
  821.  
  822. {block:Date}
  823. <div id="info">
  824. <a href="{Permalink}" title="{timeago}"><b>{DayOfWeek}</b></a>
  825. {block:NoteCount}<a href="{Permalink}" style="letter-spacing:1px;font-size:8.5px;"><i class="fa fa-plus" style="font-size:6px;"></i> {notecount}</a>{/block:Notecount}
  826. {block:RebloggedFrom}
  827. <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a><i class="fa fa-retweet" style="font-size:7px;padding-right:7px;"></i><a href="{ReblogRootURL}" title="{ReblogRootName}">source</i></a>
  828. {/block:RebloggedFrom}
  829. <a href="{ReblogURL}" target="_blank"><b>reblog</b></a>
  830. {block:HasTags}<br>
  831. {block:Tags}<a href="{TagURL}"><i class="fa fa-tag" style="font-size:5px;"></i> {Tag} </a>{/block:Tags}
  832. {/block:HasTags}
  833. {block:ContentSource}
  834. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  835. {/block:ContentSource}
  836. </div>
  837. {/block:Date}
  838.  
  839. </div>
  840.  
  841. {block:PostNotes}
  842. {PostNotes}
  843. {/block:PostNotes}
  844.  
  845. <br><br>
  846. <br><br>
  847. <br><br>
  848.  
  849. {/block:Posts}
  850.  
  851. <br><br>
  852.  
  853. <!-------------------------
  854. PIXEL UNION PHOTOSETS, TUTORIAL BY SHYTHEMES
  855. --------------------------->
  856.  
  857. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  858. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  859. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  860.  
  861. <script>
  862. $(document).ready(function(){
  863. $('.photo-slideshow').pxuPhotoset({
  864. lightbox: true,
  865. rounded: false,
  866. gutter: '2px',
  867. borderRadius: '0px',
  868. photoset: '.photo-slideshow',
  869. photoWrap: '.photo-data',
  870. photo: '.pxu-photo'
  871. });
  872. });
  873. </script>
  874.  
  875. <div id="credit">
  876. <a href="http://adrianivashkovs.tumblr.com/">ai</a>
  877. </div>
  878.  
  879. </div>
  880.  
  881. </body>
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!