siothemes

Pansy (unnested)

Sep 25th, 2018
449
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.74 KB | None | 0 0
  1. <!---
  2.  
  3. Theme Pansy
  4. by siothemes.tumblr.com / j-murphy.tumblr.com
  5.  
  6. now unnested thanks to bychloethemes.tumblr.com and annasthms.tumblr.com
  7.  
  8. base code by mrsthemes@tumblr <3 (im gonna try to make one from scratch next time... maybe)
  9.  
  10. *check out https://fontawesome.io/icons/ to change any of the icons in this theme - look for anywhere in the theme where it says <i class="fa fa-something"></i> and change the something to an icon from fontawesome*
  11.  
  12.  
  13.  
  14. -->
  15.  
  16. <!DOCTYPE html>
  17. <head><title>{Title}</title>
  18. <link rel="shortcut icon" href="{Favicon}">
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  21.  
  22.  
  23.  
  24. <!--------default variables-------->
  25. <meta name="color:background" content="#ffffff"/>
  26. <meta name="color:post background" content="#fbfbfb"/>
  27. <meta name="color:borders" content="#f3f3f3"/>
  28. <meta name="color:question bg" contents="#ffffff"/>
  29. <meta name="color:link background" content="#ffffff"/>
  30. <meta name="color:text" content="#333333"/>
  31. <meta name="color:links" content="#5b5b5b"/>
  32. <meta name="color:links hover" content="#c9c9c9"/>
  33. <meta name="color:scrollbar bg" content="#ffffff"/>
  34. <meta name="color:scrollbar" content="#eeeeee">
  35.  
  36. <meta name="image:sidebar image" content=""/>
  37.  
  38. <meta name="if:together sidebar" content="1"/>
  39. <meta name="if:show sidebar image" content="1" />
  40. <meta name="if:small sidebar image" content="1" />
  41. <meta name="if:circular sidebar image" content="1" />
  42. <meta name="if:show sidebar title" content="1" />
  43. <meta name="if:show description" content="1" />
  44. <meta name="if:left links" content="1" />
  45. <meta name="if:captions" content="1" />
  46. <meta name="if:show tags" content="1" />
  47. <meta name="if:hover tags" content="1" />
  48. <meta name="if:show link 1" content="1" />
  49. <meta name="if:show link 2" content="1" />
  50. <meta name="if:show link 3" content="1" />
  51.  
  52. <meta name="select:Sidetitle Type" content="uppercase" title="uppercase">
  53. <meta name="select:Sidetitle Type" content="lowercase" title="lowercase">
  54. <meta name="select:Sidetitle Type" content="none" title="neither">
  55.  
  56. <meta name="text:link 1 url" content="/">
  57. <meta name="text:link 1 title" content="one">
  58. <meta name="text:link 2 url" content="/">
  59. <meta name="text:link 2 title" content="two">
  60. <meta name="text:link 3 url" content="/archive">
  61. <meta name="text:link 3 title" content="archive">
  62.  
  63.  
  64.  
  65.  
  66.  
  67.  
  68. <!------------------------TOOLTIPS SCRIPT--------------------->
  69.  
  70. <link href="https://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  71. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  72. <script src="https://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  73. <script>
  74. (function($){
  75. $(document).ready(function(){
  76. $("[title]").style_my_tooltips({
  77. tip_follows_cursor:true,
  78. tip_delay_time:200,
  79. tip_fade_speed:300
  80. });
  81. });
  82. })(jQuery);
  83. </script>
  84.  
  85.  
  86. <!-------------------------------------------------------------------->
  87.  
  88. <style type="text/css">
  89.  
  90. /*----------tooltips---------*/
  91.  
  92. #s-m-t-tooltip {
  93. max-width:300px;
  94. margin:15px;
  95. padding:5px;
  96. border:1px solid #eeeeee;
  97. border-radius:0px;
  98. background:#ffffff;
  99. color:{color:text};
  100. z-index:999999;
  101. font-size:7px;
  102. font-style:none;
  103. font-weight:lighter;
  104. letter-spacing:2px;
  105. font-family:helvetica;
  106. text-transform:uppercase;
  107. box-shadow:1px 1px 3px rgba(0,0,0,.0);
  108. }
  109.  
  110.  
  111. /*----------lightbox---------*/
  112.  
  113. .vignette, #vignette {
  114. opacity:0;
  115. }
  116. .lightbox-image, #tumblr_lightbox img {
  117. box-shadow:none !important;
  118. border-radius:0 !important;
  119. max-width:none;
  120. }
  121.  
  122. .tmblr-lightbox, #tumblr_lightbox {
  123. background-color:rgba(245,245,245,.75) !important;
  124. }
  125.  
  126. .lightbox-image, #tumblr_lightbox img {
  127. border:5px solid #fff !important;
  128. -moz-box-sizing:border-box;
  129. box-sizing:border-box;
  130. }
  131.  
  132. /*----------scrollbar---------*/
  133.  
  134. ::-webkit-scrollbar {
  135. background-color: {color:scrollbar bg};
  136. height:8px;
  137. width:5px
  138. }
  139.  
  140. ::-webkit-scrollbar-thumb:vertical {
  141. background-color:{color:scrollbar};
  142. height:50px
  143. }
  144.  
  145. ::-webkit-scrollbar-thumb:horizontal {
  146. background-color:{color:scrollbar bg};
  147. height:8px!important
  148. }
  149.  
  150.  
  151. /*-------tumblr controls thanks to odeysseus.tumblr.com ------*/
  152.  
  153. .tmblr-iframe{ white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%);opacity:.2;transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out;-moz-transition: .4s ease-in-out;-o-transition: .4s ease-in-out;position:fixed!important;right:-20px!important;transform:scale(0.7,0.7); } .tmblr-iframe:hover { opacity:0.5; }
  154.  
  155. /*----------basics---------*/
  156.  
  157. body {
  158. background-color:{color:background};
  159. color:{color:text};
  160. font-family:arial;
  161. line-height:15px;
  162. font-size:10px;
  163. margin:0;
  164. text-align:left;
  165. }
  166.  
  167. blockquote {
  168. padding-left:10px;
  169. border-left:1px solid;
  170. border-color:#eeeeee;
  171. margin:10px;
  172. }
  173.  
  174. a {
  175. color:{color:links};
  176. text-decoration:none;
  177. }
  178.  
  179. a:hover {
  180. text-decoration:none;
  181. color: {color:links hover};
  182. -webkit-transition:all 0.5s;
  183. -moz-transition:all 0.5s;
  184. -ms-transition:all 0.5s;
  185. -o-transition:all 0.5s;
  186. transition:all 0.5s;
  187. }
  188.  
  189. img {
  190. opacity:1;
  191. text-decoration:none;
  192. }
  193.  
  194. h1 {
  195. font-size:10px;
  196. font-weight:bold;
  197. }
  198.  
  199.  
  200. /*----------posts---------*/
  201.  
  202. .container {
  203. position:relative;
  204. margin:100px auto;
  205. width:435px;
  206. }
  207.  
  208.  
  209. .posts {
  210. {block:IndexPage}
  211. margin-bottom:80px;
  212. {/block:IndexPage}
  213. {block:PermalinkPage}
  214. margin-bottom:30px;
  215. {/block:PermalinkPage}
  216. width:400px;
  217. background:{color:post background};
  218. padding:10px 10px 10px 10px;
  219. border: 1px solid {color:borders};
  220. }
  221.  
  222.  
  223. .entries {
  224. margin-left:-60px;
  225. width:400px;
  226. margin-top:50px;
  227. margin-bottom:50px;
  228. }
  229.  
  230. .posts img, .posts li, .posts blockquote {
  231. max-width: 400px;
  232. }
  233.  
  234. .posts li {
  235. list-style: square;
  236. }
  237.  
  238. blockquote img {
  239. max-width:320px!important;
  240. }
  241.  
  242. .comment_container {
  243. padding-left:5px;
  244. }
  245.  
  246. .commenter {
  247. font-weight:bold;
  248. text-decoration:underline;
  249. padding-top:8px;
  250. letter-spacing:0px;
  251. padding-bottom:0px;
  252. }
  253.  
  254. .anscont {
  255. margin-top:-10px;
  256. }
  257.  
  258. .deact {
  259. text-decoration:none;
  260. font-weight:normal;
  261. position:absolute;
  262. padding-top:8px;
  263. left:6px;
  264. display:inline-block;
  265. }
  266.  
  267.  
  268.  
  269.  
  270. /*----------post info---------*/
  271.  
  272. .info {
  273. padding-top:4px;
  274. text-transform:lowercase;
  275. font-size:9px;
  276. letter-spacing:1px;
  277. margin-top:5px;
  278. text-align:center;
  279. padding-right:10px;
  280. display:block;
  281. }
  282.  
  283. .info table, td, tr {
  284. border: 1px solid {color:borders};
  285. }
  286.  
  287. .info table {
  288. width:400px;
  289. border-collapse: collapse;
  290. table-layout:fixed;
  291. background-color:{color:link background};
  292. }
  293.  
  294. .info td {
  295. text-align:center;
  296. }
  297.  
  298. .tags {
  299. font-size:8px;
  300. letter-spacing:1px;
  301. font-style:italic;
  302. position:absolute;
  303. display:block;
  304. margin-left:420px;
  305. max-width:100px;
  306. background:{color:post background};
  307. padding:10px 10px 10px 10px;
  308. border: 1px solid {color:borders};
  309. {block:ifHoverTags}
  310. opacity:0;
  311. {/block:ifHoverTags}
  312. }
  313.  
  314. {block:ifHoverTags}
  315. .posts:hover .tags {
  316. opacity:1;
  317. -moz-transition:all 0.8s;
  318. -ms-transition:all 0.8s;
  319. -o-transition:all 0.8s;
  320. transition:all 0.8s;
  321. }
  322. {/block:ifHoverTags}
  323.  
  324.  
  325. /*----------post notes---------*/
  326.  
  327. ol.notes {
  328. padding:0px;
  329. margin:25px 0px 0px -10px;
  330. list-style-type:none;
  331. }
  332.  
  333. ol.notes li.note {
  334. padding:10px;
  335. }
  336.  
  337. ol.notes li.note img.avatar {
  338. display:none!important;
  339. }
  340.  
  341. ol.notes li.note span.action {
  342. font-weight:none;
  343. }
  344.  
  345. ol.notes li.note .answer_content {
  346. font-weight:normal;
  347. }
  348.  
  349. ol.notes li.note blockquote {
  350. padding:4px 10px;
  351. margin:10px 0px 0px 25px;
  352. }
  353.  
  354. ol.notes li.note blockquote a {
  355. text-decoration:none;
  356. }
  357.  
  358. /*----------sidebar---------*/
  359.  
  360. .sidebar {
  361. position:fixed;
  362. width:125px;
  363. margin-left:-225px;
  364. top:125px;
  365. {block:ifTogetherSidebar}
  366. background:{color:post background};
  367. padding:10px 10px 10px 10px;
  368. border: 1px solid {color:borders};
  369. {/block:ifTogetherSidebar}
  370. }
  371.  
  372. {block:ifnotTogetherSidebar}
  373. .sidetop {
  374. width:125px;
  375. background:{color:post background};
  376. padding:10px 10px 10px 10px;
  377. border: 1px solid {color:borders};
  378. }
  379. {/block:ifnotTogetherSidebar}
  380.  
  381. .sidebar table, td, tr {
  382. border: 1px solid {color:borders};
  383. }
  384.  
  385. .sidebar table {
  386. {block:ifTogetherSidebar}
  387. width:125px;
  388. {/block:ifTogetherSidebar}
  389. {block:ifnotTogetherSidebar}
  390. width:145px;
  391. {/block:ifnotTogetherSidebar}
  392. border-collapse: collapse;
  393. table-layout:fixed;
  394. background-color:{color:link background};
  395. }
  396.  
  397. .sidebar td {
  398. text-align:center;
  399. font-size:10px;
  400. padding:4px;
  401. {block:ifLeftLinks}
  402. width:20px;
  403. {/block:ifLeftLinks}
  404. }
  405.  
  406. {block:ifLeftLinks}
  407. .sidebar td+td {
  408. width:auto;
  409. }
  410. {/block:ifLeftLinks}
  411.  
  412. .sidebar tr {
  413. padding:4px;
  414. }
  415.  
  416. .sidebarimage {
  417. {block:ifSmallSidebarImage}
  418. width:75px;
  419. {/block:ifSmallSidebarImage}
  420. {block:ifnotSmallSidebarImage}
  421. width:125px;
  422. {/block:ifnotSmallSidebarImage}
  423. }
  424.  
  425. .sidebarimage img {
  426. margin-bottom:5px;
  427. {block:ifSmallSidebarImage}
  428. width:75px;
  429. margin-left:15px;
  430. background-color:{color:link background};
  431. padding:10px 10px 10px 10px;
  432. border: 1px solid {color:borders};
  433. {/block:ifSmallSidebarImage}
  434. {block:ifnotSmallSidebarImage}
  435. width:125px;
  436. {/block:ifnotSmallSidebarImage}
  437. {block:ifCircularSidebarImage}
  438. border-radius:50%;
  439. {/block:ifCircularSidebarImage}
  440. }
  441.  
  442. .sidetitle {
  443. margin-top:5px;
  444. font-size:15px;
  445. font-weight:bold;
  446. width:125px;
  447. text-align:center;
  448. text-transform:{select:Sidetitle Type};
  449. }
  450.  
  451. .description {
  452. width:125px;
  453. text-align:center;
  454. margin-top:10px;
  455. }
  456.  
  457.  
  458. .links {
  459. width:125px;
  460. margin-top:10px;
  461. color:{color:links};
  462. padding:0px;
  463. }
  464.  
  465. .links a {
  466. padding:5px;
  467. }
  468.  
  469. .links li {
  470. text-align:center;
  471. }
  472.  
  473. .sidelink {
  474. text-align:left;
  475. }
  476.  
  477.  
  478. .pagination {
  479. margin-top:20px;
  480. text-align:center;
  481. font-size:11px;
  482. width:420px;
  483. }
  484.  
  485. .back {
  486. background:{color:post background};
  487. padding:5px 8px 5px 8px;
  488. border: 1px solid {color:borders};
  489. }
  490.  
  491. .forward {
  492. background:{color:post background};
  493. padding:5px 9px 5px 10px;
  494. border: 1px solid {color:borders};
  495. }
  496.  
  497.  
  498.  
  499. /*----------quotes---------*/
  500.  
  501. .quote {
  502. text-transform:uppercase;
  503. font-size:12px;
  504. font-weight:bold;
  505. text-align:center;
  506. font-style:italic;
  507. }
  508.  
  509. .quotesource {
  510. text-align:center;
  511. margin-top:10px;
  512. }
  513.  
  514.  
  515. /*----------chat---------*/
  516.  
  517. .chat {
  518. line-height:20px;
  519. list-style:none;
  520. }
  521.  
  522. .line.odd {
  523. background:#fafafa;
  524. margin-bottom:2px;
  525. padding:5px;
  526. list-style:none;
  527. font-size:10px;
  528. }
  529.  
  530. .line.even {
  531. background:#f5f5f5;
  532. margin-bottom:2px;
  533. padding:5px;
  534. list-style:none;
  535. font-size:10px;
  536. }
  537.  
  538. .label {
  539. padding-right:1px;
  540. text-transform:lowercase;
  541. font-weight:bold;
  542. color:{color:links};
  543. }
  544.  
  545.  
  546. /*----------questions---------*/
  547.  
  548.  
  549. .question {
  550. background:{color:question bg};
  551. border: 1px solid {color:borders};
  552. padding:10px;
  553. }
  554.  
  555. .asker {
  556. text-transform:lowercase;
  557. }
  558.  
  559. .answer {
  560. padding:10px;
  561. margin-top:-15px;
  562. }
  563.  
  564. /*----------audio---------*/
  565.  
  566. .playerbutton {
  567. position:relative;
  568. width:30px;
  569. height:35px;
  570. overflow:hidden;
  571. }
  572.  
  573. .playerbuttonhug {
  574. position: absolute;
  575. top:-7px;
  576. left:2px;
  577. }
  578.  
  579. .tumblr_audio_player {
  580. height:50px;
  581. width:400px;
  582. }
  583.  
  584. .playerbuttonbg {
  585. position:absolute;
  586. width:35px;
  587. height:35px;
  588. background-color:#e4e4e4;
  589. padding:10px;
  590. }
  591.  
  592. .trackdetails {
  593. width:auto;
  594. display:inline-block;
  595. margin-left:70px;
  596. font-size:10px;
  597. letter-spacing:1px;
  598. text-transform:lowercase;
  599. padding:5px;
  600. line-height:15px;
  601. }
  602.  
  603. .audiowrapper {
  604. position:relative;
  605. display:inline-block;
  606. }
  607.  
  608. /*------permalink page--------*/
  609.  
  610. .permainfo {
  611. text-align:center;
  612. background:{color:post background};
  613. border: 1px solid {color:borders};
  614. padding:10px 10px 10px 10px;
  615. width:400px;
  616. margin-top:10px;
  617. }
  618.  
  619. .postnotes {
  620. line-height:40%;
  621. font-size:9px;
  622. text-align:center;
  623. background:{color:post background};
  624. border: 1px solid {color:borders};
  625. padding:10px 10px 10px 10px;
  626. width:400px;
  627. margin-top:10px;
  628. }
  629.  
  630. .permacaption {
  631. background:{color:post background};
  632. border: 1px solid {color:borders};
  633. padding:10px 10px 10px 10px;
  634. width:400px;
  635. }
  636.  
  637.  
  638. /*----------credit---------*/
  639.  
  640. .credit {
  641. font-size:8px;
  642. position:fixed;
  643. font-weight:bold;
  644. bottom:5px;
  645. right:15px;
  646. z-index:10;
  647. text-align:right;
  648. letter-spacing:1px;
  649. padding:2px;
  650. background:{color:post background};
  651. padding:10px 10px 10px 10px;
  652. border: 1px solid {color:borders};
  653. }
  654.  
  655. .credit a {
  656. color:{color:links};
  657. text-decoration:none;
  658. }
  659.  
  660. .credit a:hover {
  661. color:{color:links hover};
  662. text-decoration:none;
  663. }
  664.  
  665.  
  666.  
  667. </style>
  668.  
  669.  
  670. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  671. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  672. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  673. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  674.  
  675.  
  676.  
  677.  
  678.  
  679. </head>
  680.  
  681. <body>
  682. <div class="container">
  683.  
  684. <div class="credit">
  685. <a title="theme" href="https://siothemes.tumblr.com/" target="_blank">SIO</a></div>
  686.  
  687.  
  688. <div class="sidebar">
  689.  
  690. <div class="sidetop">
  691. {block:IfShowSidebarImage}
  692. <div class="sidebarimage">
  693. <a href="/"><img src="{image:sidebar image}">
  694. </a></div>
  695. {/block:IfShowSidebarImage}
  696.  
  697. {block:ifShowSidebarTitle}
  698. <div class="sidetitle">
  699. {block:ifShowSidebarImage}
  700. {Title}
  701. {/block:ifShowSidebarImage}
  702. {block:ifnotShowSidebarImage}
  703. <a href="/">{Title}</a>
  704. {/block:ifnotShowSidebarImage}
  705. </div>
  706. {/block:ifShowSidebarTitle}
  707.  
  708. {block:ifShowDescription}
  709. <div class="description">{Description}</div>
  710. {/block:ifShowDescription}
  711. </div>
  712.  
  713.  
  714. <div class="links">
  715.  
  716. <!----heres most of the icons you can change---->
  717.  
  718. <table>
  719.  
  720. <tr><td><div class="sideicon"><a href="/"><i class="fa fa-home"></i></a></div></td>
  721. <td><div class="sidelink"><a href="/">home</a></div></td></tr>
  722.  
  723. <tr><td><div class="sideicon"><a href="/ask"><i class="fa fa-envelope-o"></i></a></div></td>
  724. <td><div class="sidelink"><a href="/ask">inbox</a></div></td></tr>
  725.  
  726. {block:ifShowLink1}<tr><td><div class="sideicon"><a href="{text:link 1 url}"><i class="fa fa-compass"></i></a></div></td>
  727. <td><div class="sidelink"><a href="{text:link 1 url}">{text:link 1 title}</a></div></td></tr>{/block:ifShowLink1}
  728.  
  729. {block:ifShowLink2}<tr><td><div class="sideicon"><a href="{text:link 2 url}"><i class="fa fa-image"></i></a></div></td>
  730. <td><div class="sidelink"><a href="{text:link 2 url}">{text:link 2 title}</a></div></td></tr>{/block:ifShowLink2}
  731.  
  732. {block:ifShowLink3}<tr><td><div class="sideicon"><a href="{text:link 3 url}"><i class="fa fa-folder"></i></a></div></td>
  733. <td><div class="sidelink"><a href="{text:link 3 url}">{text:link 3 title}</a></div></td></tr>{block:ifShowLink3}
  734.  
  735. </table>
  736.  
  737.  
  738. </div>
  739. </div>
  740.  
  741.  
  742. <div class="entries">
  743. {block:Posts}
  744. <div class="posts">
  745.  
  746. {block:IndexPage}
  747. {block:ifShowTags}
  748. {block:HasTags}
  749. <div class="tags">
  750. {block:Tags}
  751. <a href="{TagURL}">#{Tag}</a>
  752. {/block:Tags}
  753. </div>
  754. {/block:HasTags}
  755. {/block:ifShowTags}
  756. {/block:IndexPage}
  757.  
  758.  
  759.  
  760. {block:Text}
  761.  
  762. <div class="body">
  763. {block:NotReblog}{Body}{/block:NotReblog}
  764. {block:RebloggedFrom}{block:Reblogs}
  765. <div class="comment_container">
  766. <div class="deact">{block:IsDeactivated} - deactivated{/block:IsDeactivated}</div>
  767. <div class="commenter">
  768. <span>
  769. {block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{Username}{block:HasPermalink}</a>{/block:HasPermalink}
  770. </span>
  771. </div>
  772. <div class="comment">{Body}</div>
  773. </div>
  774. {/block:Reblogs}{/block:RebloggedFrom}
  775. </div>
  776.  
  777. {/block:Text}
  778.  
  779.  
  780.  
  781. {block:Photo}
  782. {LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}
  783. {block:ifCaptions}
  784. {block:Caption}
  785.  
  786.  
  787. <div class="caption">
  788. {block:NotReblog}{Caption}{/block:NotReblog}
  789. {block:RebloggedFrom}{block:Reblogs}
  790. <div class="comment_container">
  791. <div class="deact">{block:IsDeactivated} - deactivated{/block:IsDeactivated}</div>
  792. <div class="commenter">
  793. <span>
  794. {block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{Username}{block:HasPermalink}</a>{/block:HasPermalink}
  795. </span>
  796. </div>
  797. <div class="comment">{Body}</div>
  798. </div>
  799. {/block:Reblogs}{/block:RebloggedFrom}
  800. </div>
  801.  
  802.  
  803. {/block:Caption}
  804. {/block:ifCaptions}
  805. {/block:Photo}
  806.  
  807.  
  808.  
  809. {block:Photoset}
  810. <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>
  811.  
  812. {block:ifCaptions}
  813. {block:Caption}
  814.  
  815. <div class="caption">
  816. {block:NotReblog}{Caption}{/block:NotReblog}
  817. {block:RebloggedFrom}{block:Reblogs}
  818. <div class="comment_container">
  819. <div class="deact">{block:IsDeactivated} - deactivated{/block:IsDeactivated}</div>
  820. <div class="commenter">
  821. <span>
  822. {block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{Username}{block:HasPermalink}</a>{/block:HasPermalink}
  823. </span>
  824. </div>
  825. <div class="comment">{Body}</div>
  826. </div>
  827. {/block:Reblogs}{/block:RebloggedFrom}
  828. </div>
  829.  
  830.  
  831.  
  832. {/block:Caption}
  833. {/block:ifCaptions}
  834. {/block:Photoset}
  835.  
  836.  
  837.  
  838.  
  839. {block:Quote}
  840. <div class="quote">"{Quote}"</div>
  841. {block:Source}<div class="quotesource"> ~ {Source} ~</div>
  842. {/block:Source}{/block:Quote}
  843.  
  844.  
  845.  
  846. {block:Link}
  847. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  848. {block:ifCaptions}
  849. {block:Caption}
  850.  
  851. <div class="caption">
  852. {block:NotReblog}{Description}{/block:NotReblog}
  853. {block:RebloggedFrom}{block:Reblogs}
  854. <div class="comment_container">
  855. <div class="deact">{block:IsDeactivated} - deactivated{/block:IsDeactivated}</div>
  856. <div class="commenter">
  857. <span>
  858. {block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{Username}{block:HasPermalink}</a>{/block:HasPermalink}
  859. </span>
  860. </div>
  861. <div class="comment">{Body}</div>
  862. </div>
  863. {/block:Reblogs}{/block:RebloggedFrom}
  864. </div>
  865.  
  866.  
  867. {/block:Caption}
  868. {/block:ifCaptions}
  869. {/block:Link}
  870.  
  871.  
  872.  
  873. {block:Chat}
  874. {block:Title}<h1>{Title}</h1>{/block:Title} <div class="chat"> {block:Lines} <li class="line {Alt}"> {block:Label} <span class="label"> {Label}</span> {/block:Label}{Line}</li> {/block:Lines}</div>
  875. {/block:Chat}
  876.  
  877.  
  878. {block:Audio}
  879. {block:AudioPlayer}
  880. <div class="audiowrapper">
  881. <div class="playerbuttonbg">
  882. <div class="playerbutton">
  883. <div class="playerbuttonhug">
  884. {AudioPlayerGrey}
  885. </div></div></div>
  886.  
  887. <div class="trackdetails">
  888. {block:TrackName}<b>TRACK:</b> {TrackName}{/block:TrackName}<br>
  889.  
  890. {block:Artist}<b>ARTIST:</b> {Artist}{/block:Artist}<br>
  891.  
  892. <b>PLAYS:</b> {FormattedPlayCount}</div></div>
  893. {/block:AudioPlayer}
  894.  
  895. {block:ifCaptions}
  896. {block:Caption}
  897.  
  898. <div class="caption">
  899. {block:NotReblog}{Caption}{/block:NotReblog}
  900. {block:RebloggedFrom}{block:Reblogs}
  901. <div class="comment_container">
  902. <div class="deact">{block:IsDeactivated} - deactivated{/block:IsDeactivated}</div>
  903. <div class="commenter">
  904. <span>
  905. {block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{Username}{block:HasPermalink}</a>{/block:HasPermalink}
  906. </span>
  907. </div>
  908. <div class="comment">{Body}</div>
  909. </div>
  910. {/block:Reblogs}{/block:RebloggedFrom}
  911. </div>
  912.  
  913.  
  914.  
  915. {/block:Caption}
  916. {/block:ifCaptions}
  917. {/block:Audio}
  918.  
  919.  
  920.  
  921. {block:Video}
  922. {Video-400}
  923. {block:ifCaptions}
  924. {block:Caption}
  925.  
  926. <div class="caption">
  927. {block:NotReblog}{Caption}{/block:NotReblog}
  928. {block:RebloggedFrom}{block:Reblogs}
  929. <div class="comment_container">
  930. <div class="deact">{block:IsDeactivated} - deactivated{/block:IsDeactivated}</div>
  931. <div class="commenter">
  932. <span>
  933. {block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{Username}{block:HasPermalink}</a>{/block:HasPermalink}
  934. </span>
  935. </div>
  936. <div class="comment">{Body}</div>
  937. </div>
  938. {/block:Reblogs}{/block:RebloggedFrom}
  939. </div>
  940.  
  941. {/block:Caption}
  942. {/block:ifCaptions}
  943. {/block:Video}
  944.  
  945.  
  946. {block:Answer}
  947. <div class="question">
  948. <div class="asker"><b>{Asker} said:</b><br>
  949. {Question}</div></div><br>
  950.  
  951. {block:Answerer}
  952. <div class="comment_container">
  953. <div class="anscont">
  954. <div class="deact">{block:IsDeactivated} - deactivated{/block:IsDeactivated}</div>
  955. <div class="commenter">
  956. {Answerer}
  957. </div>
  958. {Answer}
  959. {block:Reblogs}
  960. <div class="commenter">
  961. {block:HasPermalink} <a href="{Permalink}">{/block:HasPermalink}{Username} {block:HasPermalink}</a>{/block:HasPermalink}
  962. </div>
  963. {Body}
  964. {/block:Reblogs}
  965. </div>
  966. </div>
  967. {/block:Answerer}
  968.  
  969. {/block:Answer}
  970.  
  971.  
  972.  
  973.  
  974.  
  975. {block:IndexPage}
  976. {block:Date}
  977. <div class="info">
  978.  
  979. <table>
  980.  
  981. <tr>
  982. <td>
  983. <a href="{Permalink}"><i class="fa fa-clock-o"></i> {TimeAgo}</a>
  984. </td>
  985.  
  986. {block:NoteCount}<td>
  987. <a href="{Permalink}"><i class="fa fa-star-o"></i> {NoteCount}n</a>
  988. </td>{/block:NoteCount}
  989.  
  990. <td>
  991. <a href="{ReblogURL}" target="_blank" class="details"><i class="fa fa-floppy-o"></i> reblog</a>
  992. </td>
  993. </tr>
  994.  
  995.  
  996. </table>
  997.  
  998.  
  999.  
  1000.  
  1001. </div>
  1002.  
  1003. {/block:Date}
  1004. {/block:IndexPage}
  1005.  
  1006.  
  1007.  
  1008.  
  1009. </div>
  1010.  
  1011.  
  1012.  
  1013.  
  1014.  
  1015. {block:PermalinkPage}
  1016. {block:Date}
  1017.  
  1018. {block:ifnotCaptions}<div class="permacaption">{block:Caption}{Caption}{/block:Caption}</div>{/block:ifnotCaptions}
  1019.  
  1020. <div class="permainfo">
  1021.  
  1022. <i class="fa fa-clock-o"></i> {DayofMonth}{DayOfMonthSuffix} of {Month} {block:NoteCount} <i class="fa fa-star-o"></i> {NoteCountWithLabel}{/block:NoteCount}
  1023.  
  1024. {block:RebloggedFrom}<br>
  1025. via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  1026. source: <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1027. {/block:RebloggedFrom}
  1028.  
  1029. {block:HasTags}<br>
  1030. <i class="fa fa-tags"></i> {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}
  1031. {/block:HasTags}
  1032.  
  1033. </div>
  1034.  
  1035.  
  1036.  
  1037. {block:PostNotes}
  1038. <div class="postnotes">{PostNotes}</div>
  1039. {/block:PostNotes}
  1040.  
  1041. </div>
  1042. {/block:Date}
  1043. {/block:PermalinkPage}
  1044.  
  1045.  
  1046.  
  1047. {/block:Posts}
  1048.  
  1049.  
  1050.  
  1051.  
  1052. <div class="pagination">
  1053. {block:Pagination}
  1054. {block:PreviousPage}
  1055. <span class="back">
  1056. <a href="{PreviousPage}"><i class="fa fa-angle-double-left"></i></a>
  1057. </span>{/block:PreviousPage}&nbsp;
  1058.  
  1059. {block:NextPage}
  1060. <span class="forward">
  1061. <a href="{NextPage}"><i class="fa fa-angle-double-right"></i></a>
  1062. </div>{/block:NextPage}
  1063. {/block:Pagination}
  1064. </span>
  1065.  
  1066.  
  1067. {block:ContentSource}
  1068. <!---{SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  1069. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  1070. {/block:SourceLogo}
  1071. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --->
  1072. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  1073.  
  1074.  
  1075.  
  1076.  
  1077. <script>
  1078. $(document).ready(function(){
  1079. $('.photo-slideshow').pxuPhotoset({
  1080. lightbox: true,
  1081. rounded: false,
  1082. gutter: '1px',
  1083. borderRadius: '0px',
  1084. photoset: '.photo-slideshow',
  1085. photoWrap: '.photo-data',
  1086. photo: '.pxu-photo'
  1087. });
  1088. });
  1089. </script>
  1090.  
  1091.  
  1092.  
  1093.  
  1094. </body>
  1095.  
  1096. </div></div></div></div></div></div></div></div></div></div></div>
  1097. </html>
Advertisement
Add Comment
Please, Sign In to add comment