API tools faq
paste
pjo06

Theme #029 - Boyish

pjo06
Jan 10th, 2018
13,869
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.10 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  
  3.  
  4.  
  5. <!--
  6.  
  7. THEME BY LAURAHOLLIIS
  8. #029 BOYISH
  9.  
  10. PLEASE DONT REMOVE
  11. THE CREDIT :)
  12.  
  13. -->
  14.  
  15.  
  16.  
  17. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  18.  
  19. <html>
  20. <head>
  21. <title>{Title}</title>
  22. <link rel="shortcut icon" href="{Favicon}">
  23. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  24. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  25.  
  26. <!--TEST BLOG 4-->
  27. <meta name="image:sidebar" content=""/>
  28. <meta name="color:bg" content="#ffffff" />
  29. <meta name="color:outline" content="#f7f7f7" />
  30. <meta name="color:text" content="#5a5a5a" />
  31. <meta name="color:link" content="#5a5a5a" />
  32. <meta name="color:link hover" content="#c3c3c3" />
  33. <meta name="color:Scrollbar" content="#adcbae">
  34.  
  35. <meta name="select:Post Size" content="425" title="425px"/>
  36. <meta name="select:Post Size" content="450" title="450px"/>
  37. <meta name="select:Post Size" content="475" title="475px"/>
  38. <meta name="select:Post Size" content="500" title="500px"/>
  39. <meta name="select:Post Size" content="540" title="540px"/>
  40.  
  41. <meta name="select:Gutter Size" content="1" title="1px"/>
  42. <meta name="select:Gutter Size" content="2" title="2px"/>
  43. <meta name="select:Gutter Size" content="3" title="3px"/>
  44. <meta name="select:Gutter Size" content="4" title="4px"/>
  45. <meta name="select:Gutter Size" content="5" title="5px"/>
  46. <meta name="select:Gutter Size" content="10" title="10px"/>
  47.  
  48. <meta name="text:link 1 URL" content="/" />
  49. <meta name="text:link 1" content="" />
  50. <meta name="text:link 2 URL" content="/" />
  51. <meta name="text:link 2" content="" />
  52. <meta name="text:link 3 URL" content="/" />
  53. <meta name="text:link 3" content="" />
  54. <meta name="text:link 4 URL" content="/" />
  55. <meta name="text:link 4" content="" />
  56.  
  57.  
  58.  
  59.  
  60. <!--START-->
  61.  
  62. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  63. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  64. <link rel="stylesheet" href="http://static.tumblr.com/ev0x8sk/Sv9ohgcx6/imoon.css">
  65. <link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
  66. <link href='https://fonts.googleapis.com/css?family=Karla' rel='stylesheet' type='text/css'>
  67. <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
  68. <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro" rel="stylesheet">
  69. <link href="https://fonts.googleapis.com/css?family=Abhaya+Libre" rel="stylesheet">
  70. <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
  71.  
  72. <!--Dropdown-->
  73. <script type="text/javascript" src="http://static.tumblr.com/iuggpng/bGqm4yfv9/jquery-1.7.2.js"></script>
  74.  
  75.  
  76.  
  77. <!--VIDEO RESIZE BY SHYTHEMES-->
  78. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  79. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  80.  
  81.  
  82.  
  83. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  84.  
  85.  
  86. <!--TOOLTIPS-->
  87. <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  88. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  89. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  90. <script>
  91. (function($){
  92. $(document).ready(function(){
  93. $("[title]").style_my_tooltips({
  94. tip_follows_cursor:true,
  95. tip_delay_time:100,
  96. tip_fade_speed:200
  97. });
  98. });
  99. })(jQuery);
  100. </script>
  101.  
  102. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  103. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  104. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  105.  
  106.  
  107. <script>
  108. $(document).ready(function(){
  109. $("#morelinks").click(function(){
  110. $("#extras").slideToggle("fast");
  111. });
  112. });
  113. </script>
  114.  
  115.  
  116.  
  117.  
  118. <script>
  119. $(document).ready(function(){
  120. $('.photo-slideshow').pxuPhotoset({
  121. lightbox: true,
  122. rounded: false,
  123. gutter: '{select:Gutter Size}px',
  124. borderRadius: '0px',
  125. photoset: '.photo-slideshow',
  126. photoWrap: '.photo-data',
  127. photo: '.pxu-photo'
  128. });
  129. });
  130. </script>
  131.  
  132.  
  133.  
  134. <!--SEARCH-->
  135. <script language="javascript">
  136. function send()
  137. {document.theform.submit()}
  138. </script>
  139.  
  140.  
  141.  
  142.  
  143.  
  144.  
  145.  
  146.  
  147.  
  148.  
  149.  
  150. <style type="text/css">
  151.  
  152.  
  153.  
  154. #s-m-t-tooltip {
  155. max-width:300px;
  156. margin:15px;
  157. padding:4px 8px 4px 8px;
  158. background:{color:bg};
  159. color:{color:text};
  160. z-index:999999;
  161. font-size:8px;
  162. letter-spacing:0.7px;
  163. font-family:'karla';
  164. text-transform:uppercase;
  165. box-shadow:2px 2px 0px #f2f2f2;
  166. border-radius:0px;
  167. }
  168.  
  169. ::-webkit-scrollbar-thumb:vertical {
  170. background-color:{color:Scrollbar};
  171. height:5px;
  172. }
  173.  
  174. ::-webkit-scrollbar-thumb:horizontal {
  175. background-color:{color:Scrollbar};
  176. height:5px!important;
  177. }
  178.  
  179. ::-webkit-scrollbar {
  180. background-color:transparent;
  181. height:3px;
  182. width:3px;
  183. }
  184.  
  185.  
  186.  
  187. body {
  188. font-family:'karla';
  189. font-size:11px;
  190. font-weight:400;
  191. color:{color:text};
  192. background-color:{color:bg};
  193. line-height:17px;
  194. }
  195.  
  196. b{
  197. font-weight:900;
  198. color:black;
  199. }
  200.  
  201.  
  202. ::-moz-selection {
  203. background-color: {color:link hover};
  204. color: #fff;
  205. }
  206.  
  207. ::selection {
  208. background-color: {color:link hover};
  209. color: #fff;
  210. }
  211.  
  212. ul {
  213. list-style-type: circle;
  214. }
  215.  
  216. small{
  217. font-size:10px;
  218. }
  219.  
  220.  
  221.  
  222.  
  223. /*ENTRY*/
  224.  
  225. #entry {
  226.  
  227. }
  228.  
  229. p {
  230. padding-left:15px;
  231. padding-right:15px;
  232. }
  233.  
  234.  
  235.  
  236.  
  237. /*SIDEBAR*/
  238.  
  239. .sidebar {
  240. width:245px;
  241. left:130px;
  242. position:fixed;
  243. }
  244.  
  245. .sidebar img {
  246. max-width:245px;
  247.  
  248. }
  249.  
  250.  
  251.  
  252. #parentp img {
  253. height:20px;
  254. width:20px;
  255. border-radius:3px;
  256. }
  257.  
  258. #title{
  259. position:absolute;
  260. margin-top:-22px;
  261. margin-left:30px;
  262. letter-spacing:0.8px;
  263. text-transform:uppercase;
  264. padding-right:10px;
  265. }
  266.  
  267.  
  268.  
  269. #description {
  270. margin-top:5px;
  271. font-size:11px;
  272. padding-right:10px;
  273. }
  274.  
  275. .searchbox {
  276. display:block;
  277. color:{color:link};
  278. margin-top:3px;
  279. }
  280.  
  281. .searchbox input {
  282. outline:none;
  283. background-color: transparent;
  284. border: 0px solid white;
  285. text-transform: lowercase;
  286. line-height:14px;
  287. text-align:left;
  288. padding: 0px 0px;
  289. width:120px;
  290. }
  291.  
  292. .searchbox input, .actual-edit-overlay {
  293. -webkit-text-fill-color: {color:link}; !important;
  294. font-family:'karla';
  295. }
  296.  
  297.  
  298.  
  299. /*SIDELINKS*/
  300.  
  301.  
  302. .sidelinks {
  303. text-transform:none;
  304. margin-top:10px;
  305. line-height:15px;
  306. text-align:left;
  307. border-top:1px solid {color:outline};
  308. padding-top:10px;
  309. }
  310.  
  311.  
  312. .sidelinks a{
  313. display:block;
  314. -moz-transition-duration: 0.3s;
  315. -o-transition-duration: 0.3s;
  316. -webkit-transition-duration: 0.3s;
  317. transition-duration: 0.3s;
  318. }
  319.  
  320. .sidelinks a:hover {
  321. -moz-transition-duration: 0.3s;
  322. -o-transition-duration: 0.3s;
  323. -webkit-transition-duration: 0.3s;
  324. transition-duration: 0.3s;
  325. }
  326.  
  327.  
  328. #morelinks{
  329. cursor:pointer;
  330. }
  331.  
  332. #extras{
  333. display:none;
  334. margin-left:7px;
  335. margin-top:2px;
  336. }
  337.  
  338.  
  339.  
  340.  
  341.  
  342. #pagination {
  343. text-transform:uppercase;
  344. font-size:10px;
  345. margin-bottom:60px;
  346. text-align:center;
  347. margin-top:-20px;
  348.  
  349. }
  350.  
  351. #pagination a{
  352. padding:2px;
  353. }
  354.  
  355. #pagination a:hover{
  356. }
  357.  
  358. .current {
  359. display:inline-block;
  360. padding:2px;
  361. }
  362.  
  363.  
  364.  
  365.  
  366.  
  367.  
  368.  
  369. /*LINKS*/
  370.  
  371.  
  372. a {
  373. text-decoration:none;
  374. color:{color:link};
  375. -moz-transition-duration: 0.4s;
  376. -o-transition-duration: 0.4s;
  377. -webkit-transition-duration: 0.4s;
  378. transition-duration: 0.4s;
  379. }
  380.  
  381. a:hover {
  382. color:{color:link hover};
  383. -moz-transition-duration: 0.4s;
  384. -o-transition-duration: 0.4s;
  385. -webkit-transition-duration: 0.4s;
  386. transition-duration: 0.4s;
  387. }
  388.  
  389.  
  390. /*POSTS*/
  391.  
  392. #posts {
  393. width:calc({select:Post Size}px);
  394. margin-left:460px;
  395. margin-top:60px;
  396. }
  397.  
  398.  
  399. #post {
  400. width:calc({select:Post Size}px);
  401. margin-bottom:60px;
  402. /*DO NOT REMOVE*/
  403. color:{color:text};
  404. opacity:1;
  405. text-align:justify;
  406. overflow:hidden;
  407. }
  408.  
  409.  
  410. #post img {
  411. max-width:100%;
  412. height:auto;
  413. }
  414.  
  415.  
  416. /*POSTINFO*/
  417.  
  418. #postinfo {
  419. border-top:1px solid {color:outline};
  420. width:calc({select:Post Size}px);
  421. margin-top:10px;
  422. font-size:10px;
  423. padding:7px 0px 0px 0px;
  424. letter-spacing:0.7px;
  425.  
  426. }
  427.  
  428. .tags {
  429. max-width:calc({select:Post Size}px - 10px);
  430. font-size:10px;
  431. text-transform:none;
  432. letter-spacing:0.5px;
  433. }
  434.  
  435. .tags a{
  436.  
  437. -moz-transition-duration: 0.3s;
  438. -o-transition-duration: 0.3s;
  439. -webkit-transition-duration: 0.3s;
  440. transition-duration: 0.3s;
  441. }
  442.  
  443. .tags a:hover{
  444.  
  445. -moz-transition-duration: 0.3s;
  446. -o-transition-duration: 0.3s;
  447. -webkit-transition-duration: 0.3s;
  448. transition-duration: 0.3s;
  449. }
  450.  
  451. /*POST DETAILS*/
  452.  
  453. #quote {
  454. font-style:italic;
  455. font-size: 15px;
  456. text-transform:uppercase;
  457. padding:15px 0px 10px 0px;
  458. }
  459.  
  460. .source {
  461. font-style:italic;
  462. margin-bottom:10px;
  463. margin-left:20px;
  464. }
  465.  
  466. .title {
  467. font-size:18px;
  468. font-weight:600;
  469. font-style:italic;
  470. text-transform:uppercase;
  471. padding:10px 0px 0px 0px;
  472. }
  473.  
  474. .linkname {
  475. font-size:15px;
  476. font-style:italic;
  477. text-transform:uppercase;
  478. }
  479.  
  480.  
  481.  
  482. /*QUESTION*/
  483.  
  484. .question {
  485. background-color:#fafafa;
  486. width:500px;
  487. text-align:center;
  488. padding:10px;
  489. }
  490.  
  491. .asker {
  492. font-style:italic;
  493. text-transform:uppercase;
  494. font-size:12;
  495. text-align:center;
  496. }
  497.  
  498.  
  499.  
  500.  
  501.  
  502. img {
  503. }
  504.  
  505. blockquote {
  506. width:auto;
  507. margin-left:0px;
  508. border-left:1px solid {color:outline};
  509. }
  510.  
  511. blockquote blockquote {
  512. margin-left:18px;
  513. padding-left:7px;
  514. }
  515.  
  516.  
  517.  
  518. /*NOTES*/
  519.  
  520. #notes {
  521. left:510px;
  522. margin-top:20px;
  523. margin-bottom:60px;
  524. width:calc({select:Post Size}px);
  525. }
  526.  
  527. .notes ol, .notes li{
  528. list-style:none;
  529. padding-left:0px;
  530. }
  531.  
  532.  
  533. ol.notes li.note img.avatar {
  534. vertical-align:-8px;
  535. border-radius:3px;
  536. margin-right:10px;
  537. width:16px;
  538. height:16px;
  539. margin-top:4px;
  540. margin-bottom:4px;
  541. }
  542.  
  543.  
  544. /*AUDIO*/
  545.  
  546. .spotify_audio_player {
  547. height: 80px !important;
  548.  
  549. }
  550.  
  551. .audio-media .width_fix iframe{
  552. width: calc({select:Post Size}px) !important;
  553. margin: 0px;
  554. margin-top: 0px;
  555. margin-left: 0px;
  556. }
  557. .audio-media iframe.tumblr_audio_player{
  558. height: 85px !important;
  559. }
  560.  
  561.  
  562.  
  563. /*CAPTION STYLING */
  564.  
  565. .photo_caption{
  566. margin-left:-13px;
  567. margin-top:10px;
  568. }
  569. .tumblr_avatar {
  570. display:inline-block;
  571. margin-right:10px;
  572. margin-left:13px;
  573. border-radius:3px;
  574. width:18px;
  575. vertical-align:middle;
  576. }
  577. .tumblr_parent {
  578. padding:0px;
  579. margin-top:10px;
  580. text-align:left;
  581. color:{color:text};
  582. letter-spacing:0px;
  583. border:none;
  584. width:calc({select:Post Size}px) !important;
  585. }
  586.  
  587. .tumblr_parent img {
  588. margin-left:15px;
  589. }
  590.  
  591.  
  592. .tumblr_parent a{
  593. color:{color:link};
  594. }
  595.  
  596. .tumblr_parent a:hover{
  597. color:{color:link hover};
  598. }
  599.  
  600. .psets{
  601. width:100%;
  602. margin-top:0px;
  603. margin-left:0px;
  604. }
  605. .vsets{
  606. width:100%;
  607. margin-top:-12px;
  608. }
  609. .ppost{
  610. width:100%;
  611. margin-top:-12px;
  612. }
  613.  
  614. .post_container {
  615. width:calc(1000px + 120px + 0px + 0px);
  616. margin:120px auto;
  617. text-align:center;
  618. z-index:-9;
  619. overflow:hidden;
  620. }
  621.  
  622. h1, h2, h3, pre {
  623. padding:0px 15px 0px 15px;
  624. }
  625.  
  626.  
  627. /*LIKE INFO*/
  628.  
  629. .custom-like-button *{cursor:pointer!important;}
  630. .custom-like-button {
  631. position:relative;
  632. display:inline-block;
  633. vertical-align:top;
  634. width:10px;
  635. height:15px;
  636. margin:0 8px;
  637. cursor:pointer;
  638. color:{color:link};
  639. }
  640.  
  641. .like_button:hover + .our_button {
  642. color:{color:link hover};
  643. -moz-transition-duration: 0.3s;
  644. -o-transition-duration: 0.3s;
  645. -webkit-transition-duration: 0.3s;
  646. transition-duration: 0.3s;
  647. }
  648.  
  649. .like_button.liked + .our_button {
  650. color:{color:link hover};;
  651. }
  652. .like_button iframe {
  653. width:100%!important;
  654. height:100%!important;
  655. }
  656. .like_button {
  657. z-index:10;
  658. opacity:0;
  659. }
  660. .our_button {
  661. z-index:1;
  662. }
  663. .our_button,.like_button {
  664. position:absolute;
  665. top:0;
  666. left:0;
  667. width:100%;
  668. height:100%;
  669. }
  670.  
  671.  
  672.  
  673. /*SOURCE DO NOT REMOVE*/
  674.  
  675.  
  676. #mastersrc {
  677. background-color:{color:accent};
  678. font-family:'Karla';
  679. color:{color:text};
  680. position:fixed;
  681. bottom:10px;
  682. right:10px;
  683. padding:6px 8px 6px 8px;
  684. font-size:12px;
  685. border:1px solid {color:outline};
  686. opacity:1;
  687. width:10px;
  688. overflow:hidden;
  689. border-radius:100px;
  690. box-shadow: rgba(0,0,0,.05) 1px 1px 3px;
  691. line-height:normal;
  692. z-index:999999;
  693. -moz-transition-duration: 0.4s;
  694. -o-transition-duration: 0.4s;
  695. -webkit-transition-duration: 0.4s;
  696. transition-duration: 0.4s;
  697. }
  698.  
  699. #srcname {
  700. font-family:'Karla';
  701. color:{color:text};
  702. font-size:8px;
  703. text-transform:uppercase;
  704. margin-top:-11px;
  705. margin-left:22px;
  706. position:absolute;
  707. line-height:normal;
  708. }
  709.  
  710. #mastersrc:hover {
  711. color:{color:text};
  712. width:77px;
  713. -moz-transition-duration: 0.4s;
  714. -o-transition-duration: 0.4s;
  715. -webkit-transition-duration: 0.4s;
  716. transition-duration: 0.4s;
  717. }
  718.  
  719. #mastersrc a:hover{
  720. color:{color:text};
  721. }
  722.  
  723.  
  724. /*CONTROLS*/
  725.  
  726.  
  727. iframe.tmblr-iframe {
  728. z-index:99999999999999!important;
  729. top:0!important;
  730. right:0!important;
  731. opacity:0.4;
  732. /* delete invert(1) from here */
  733. filter:invert(1) contrast(150%);
  734. -webkit-filter:invert(1) contrast(150%);
  735. -o-filter:invert(1) contrast(150%);
  736. -moz-filter:invert(1) contrast(150%);
  737. -ms-filter:invert(1) contrast(150%);
  738. /* to here if your blog has a dark background */
  739. transform:scale(0.65);
  740. transform-origin:100% 0;
  741. -webkit-transform:scale(0.65);
  742. -webkit-transform-origin:100% 0;
  743. -o-transform:scale(0.65);
  744. -o-transform-origin:100% 0;
  745. -moz-transform:scale(0.65);
  746. -moz-transform-origin:100% 0;
  747. -ms-transform:scale(0.65);
  748. -ms-transform-origin:100% 0;}
  749.  
  750. iframe.tmblr-iframe:hover {
  751. opacity:0.6!important;}
  752.  
  753.  
  754.  
  755.  
  756.  
  757.  
  758.  
  759.  
  760. {CustomCSS}</style>
  761.  
  762. </head>
  763. <body>
  764.  
  765. <!--DO NOT REMOVE-->
  766.  
  767. <div id="mastersrc"><i class="fa fa-cube" aria-hidden="true"></i>
  768. <a href="http://lauraholliis.tumblr.com">
  769. <div id="srcname">lauraholliis</div>
  770. </a>
  771. </div>
  772.  
  773.  
  774.  
  775. <!--SIDEBAR-->
  776.  
  777. <div class="sidebar">
  778.  
  779. {block:IfSidebarImage}
  780. <a href="/">
  781. <img src="{image:sidebar}">
  782. </a>
  783. {/block:IfSidebarImage}
  784.  
  785.  
  786.  
  787. <div id="description">
  788.  
  789. <div id="parentp"><img src="{PortraitURL-48}"></div>
  790. <div id="title"><a href="/">{Title}</a></div>
  791.  
  792. <div style="margin-bottom:6px"></div>
  793.  
  794. {description}
  795.  
  796.  
  797. <form action="/search" method="get" class="searchbox" name="theform">
  798. <i class="fa fa-search" aria-hidden="true" style="font-size:9px;margin-right:3px;color:{color:link}"></i>
  799. <input type="text" name="q" value="" placeholder="search" id="sf"/>
  800. </form>
  801.  
  802. </div>
  803.  
  804. <div class="sidelinks">
  805.  
  806. <a href="/">
  807. index
  808. </a>
  809.  
  810. <a href="/ask">
  811. message
  812. </a>
  813.  
  814.  
  815.  
  816. {block:IfLink1}
  817. <div id="morelinks">
  818. <a>
  819. more +
  820. </a>
  821. </div>
  822. {/block:IfLink1}
  823.  
  824. <div id="extras">
  825. {block:IfLink1}
  826.  
  827. <a href="{text:link 1 URL}">
  828. <span style="font-size:11px;color:{color:link hover};display:inline;">—&nbsp;&nbsp;</span>{text:link 1}
  829. </a>
  830. {block:IfLink1}
  831.  
  832. {block:IfLink2}
  833. <a href="{text:link 2 URL}">
  834. <span style="font-size:11px;color:{color:link hover};display:inline;">—&nbsp;&nbsp;</span>{text:link 2}
  835. </a>
  836. {block:IfLink2}
  837.  
  838. {block:IfLink3}
  839. <a href="{text:link 3 URL}">
  840. <span style="font-size:11px;color:{color:link hover};display:inline;">—&nbsp;&nbsp;</span>{text:link 3}
  841. </a>
  842. {block:IfLink3}
  843.  
  844.  
  845. {block:IfLink4}
  846. <a href="{text:link 4 URL}">
  847. <span style="font-size:11px;color:{color:link hover};display:inline;">—&nbsp;&nbsp;</span>{text:link 4}
  848. </a>
  849. {block:IfLink4}
  850. </div>
  851.  
  852. </div>
  853.  
  854.  
  855. </div>
  856.  
  857.  
  858.  
  859.  
  860. <div id="entry">
  861.  
  862. <div id="posts">
  863.  
  864. {block:Posts}
  865.  
  866. <div id="post">
  867.  
  868.  
  869. {block:Text}
  870. {block:Title}<div class="title">{Title}</div>{/block:Title}
  871. <div class="photo_caption">{Body}</div>
  872. {/block:Text}
  873.  
  874.  
  875. {block:Photo}
  876. {LinkOpenTag}<img src="{PhotoURL-HighRes}" style="width:{select:Post Size};margin-bottom:-3px;">{LinkCloseTag}
  877.  
  878. {block:Caption}<div class="photo_caption">{Caption}</div>{/block:Caption}
  879. {/block:Photo}
  880.  
  881.  
  882.  
  883. {block:Photoset}
  884. <div class="set"style="margin-top:0px"><center><div class="pxu"><div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}
  885. <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}" ></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div></div></center></div>
  886.  
  887. {block:Caption}<div class="photo_caption">{Caption}</div>{/block:Caption}
  888. {/block:Photoset}
  889.  
  890.  
  891. {block:Quote}
  892. <div id="quote">{Quote}</div><div class="source">{block:Source}— {Source}{/block:Source}</div>
  893. {/block:Quote}
  894.  
  895.  
  896.  
  897. {block:Link}
  898. <a href="{URL}"><div class="linkname">{Name}</div></a>
  899. {block:Description}<div class="photo_caption">{Description}</div>{/block:Description}
  900. {/block:Link}
  901.  
  902.  
  903.  
  904. {block:Chat}
  905. <div style="padding:0px;">
  906. {block:title}<h2>{Title}</h2>{/block:title}{block:lines}{block:label}<b>{label}</b>{/block:label} {line} <br>{/block:lines}
  907. </div>
  908. {/block:Chat}
  909.  
  910.  
  911. {block:Audio}
  912. {block:AudioEmbed}
  913. <div class="audio-media" style="border:none; margin-top:-1px;">
  914. <div class="width_fix">{AudioEmbed-500}</div>
  915. </div>
  916. {/block:AudioEmbed}
  917.  
  918. {block:Caption}<div class="photo_caption">{Caption}</div>{/block:Caption}
  919. {/block:Audio}
  920.  
  921. {block:Video}
  922. <div class="vsets">{Video-500}</div>
  923. {block:Caption}<div class="photo_caption">{Caption}</div>{/block:Caption}
  924. {/block:Video}
  925.  
  926.  
  927. {block:answer}
  928. <div class="question">
  929. <div class="asker">
  930. <b>{asker} said:</b></div>
  931. <br>{question}
  932. </div>
  933. {Answer}
  934. {/block:answer}
  935.  
  936.  
  937. <!--POST INFO -->
  938.  
  939. {block:IndexPage}
  940. <div id="postinfo">
  941. <i class="fa fa-heart" aria-hidden="true" style="font-size:9px;color:#e24847;"></i>&nbsp;
  942. <a href="{Permalink}">
  943. {NoteCount}
  944. </a>
  945.  
  946. {block:Date}
  947. &nbsp;&nbsp;&nbsp;&nbsp;
  948. <a href="{Permalink}" title="{TimeAgo}" style="text-transform:lowercase;">
  949. {ShortMonth} {DayOfMonth}
  950. </a>
  951. {/block:Date}
  952.  
  953.  
  954. <!--{block:Reblog}
  955. &nbsp;&nbsp;&nbsp;&nbsp;
  956. <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>
  957. /
  958. <a href="{ReblogRootURL}" title="{ReblogRootName}">src</a>
  959. {/block:Reblog}-->
  960.  
  961.  
  962. <span style="float:right;">
  963. <div class="custom-like-button">{LikeButton}
  964. <span class="our_button"><i class="fa fa-heart-o" aria-hidden="true" style="font-weight:900;opacity:0.8;" title="like"></i></span>
  965. </div>
  966.  
  967. <a href="{ReblogURL}">
  968. reblog
  969. </a>
  970.  
  971. </span>
  972.  
  973.  
  974.  
  975. <!-- {block:NoRebloggedFrom}
  976. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  977. {/block:NoRebloggedFrom} -->
  978.  
  979.  
  980. {block:ContentSource}<!-- {SourceURL}
  981. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  982. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  983. {/block:ContentSource}
  984.  
  985.  
  986. {block:HasTags}
  987. <div class="tags">
  988. {block:tags}
  989. <a href="{TagURL}">#{Tag}</a>&nbsp;&nbsp;&nbsp;&nbsp;
  990. {/block:tags}
  991. </div>
  992. {/block:HasTags}
  993.  
  994.  
  995. </div> <!--POST INFO DIV-->
  996. {/block:IndexPage}
  997.  
  998.  
  999. <!--PERMALINK DIV-->
  1000. {block:PermalinkPage}
  1001. <div id="postinfo">
  1002. {block:Date}
  1003. <b>posted on:</b>&nbsp;
  1004. <a href="{Permalink}" title="{TimeAgo}" style="text-transform:lowercase;">
  1005. {Month} {DayOfMonth}, {Year}
  1006. </a>
  1007.  
  1008. with
  1009.  
  1010. {/block:Date}
  1011.  
  1012.  
  1013. <a href="{Permalink}">
  1014. {NoteCountWithLabel}
  1015. </a>
  1016.  
  1017.  
  1018. <span style="float:right;">
  1019. <div class="custom-like-button">{LikeButton}
  1020. <span class="our_button"><i class="fa fa-heart-o" aria-hidden="true" style="font-weight:900;opacity:0.8;" title="like"></i></span>
  1021. </div>
  1022.  
  1023. <a href="{ReblogURL}">
  1024. reblog
  1025. </a>
  1026.  
  1027. </span>
  1028.  
  1029.  
  1030.  
  1031. <!-- {block:NoRebloggedFrom}
  1032. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1033. {/block:NoRebloggedFrom} -->
  1034.  
  1035. {block:ContentSource}<!-- {SourceURL}
  1036. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1037. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1038. {/block:ContentSource}
  1039.  
  1040.  
  1041. {block:Reblog}
  1042. <div>
  1043. <b>reblogged from: </b>
  1044. <a href="{ReblogParentURL}">{ReblogParentName}</a>
  1045. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  1046. <b>origin: </b>
  1047. <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1048. </div>
  1049. {/block:Reblog}
  1050.  
  1051.  
  1052.  
  1053. {block:HasTags}
  1054. <div class="tags">
  1055. <b>filed under: </b>
  1056. {block:tags}
  1057. <a href="{TagURL}">#{Tag}</a>&nbsp;&nbsp;&nbsp;&nbsp;
  1058. {/block:tags}
  1059. </div>
  1060. {/block:HasTags}
  1061.  
  1062.  
  1063. </div>
  1064. {/block:PermalinkPage}
  1065.  
  1066.  
  1067.  
  1068. </div> <!--POST DIV-->
  1069.  
  1070.  
  1071. {block:PostNotes}
  1072. <div id="notes">
  1073. <div class="notes">
  1074. {PostNotes}
  1075. </div>
  1076. </div>
  1077. {/block:PostNotes}
  1078.  
  1079. {/block:Posts}
  1080. {/block:Posts}
  1081.  
  1082.  
  1083. {block:Pagination}
  1084. <div id="pagination">
  1085.  
  1086. {block:PreviousPage}
  1087. <a href="{PreviousPage}">&laquo;</a>
  1088. {/block:PreviousPage}
  1089.  
  1090. {block:JumpPagination length="5"}
  1091. {block:CurrentPage}
  1092. <span class="current">{PageNumber}</span>
  1093. {/block:CurrentPage}
  1094. {block:JumpPage}
  1095. <a href="{URL}">{PageNumber}</a>
  1096. {/block:JumpPage}
  1097. {/block:JumpPagination}
  1098.  
  1099.  
  1100. {block:NextPage}
  1101. <a href="{NextPage}">&raquo;</a>
  1102. {/block:NextPage}
  1103.  
  1104. </div>
  1105. {/block:Pagination}
  1106.  
  1107.  
  1108.  
  1109. </div> <!--POST DIV-->
  1110.  
  1111.  
  1112. </div> <!--ENTRY DIV-->
  1113.  
  1114.  
  1115.  
  1116.  
  1117.  
  1118.  
  1119.  
  1120. </html>
  1121.  
  1122. <!--UNNEST STYLING-->
  1123.  
  1124. <script src="http://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
  1125. <script> $(function(){ $('#posts').unnest({
  1126. yourCaption: ".photo_caption", //your caption selector, the div wrapping {Caption}
  1127. wrapName: ".tumblr_parent", //the name of the captions’ new wrapper
  1128. newCaptionUsername: false, //if the user adds a new caption, following a series of captions, show their username above the caption
  1129. originalPostCaptionUsername: false, //for the original captions, or a user-added caption that previously didn’t have any, have their username on it
  1130. tumblrAvatars: true, //”dashboard style” caption, have the avatar of the blog next to the username
  1131. tumblrAvatarClass: ".tumblr_avatar", //class of the avatar next to the username
  1132. usernameColon: false //if turned to false, removes the colon at the end of usernames
  1133. }); });
  1134. </script>
  1135.  
  1136.  
  1137.  
  1138. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!