API tools faq
paste
Advertisement
ardenthemes

28734

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