xmisa0923

fave theme

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