Advertisement
diannaelise

Theme 10

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