API tools faq
paste
Advertisement
diannaelise

Theme 14

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