Advertisement
diannaelise

Theme 8

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