API tools faq
paste
Advertisement
diannaelise

Theme 12

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