pjo06

personal 7/12/18

Jul 13th, 2018
328
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.28 KB | None | 0 0
  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. #venmo {
  237. width:100px;
  238. background-color:#ffffff;
  239. text-align:center;
  240. border:1px solid {color:outline};
  241. position:fixed;
  242. top:60px;
  243. right:50px;
  244. display:none;
  245. }
  246.  
  247. #vtitle{
  248. padding:5px;
  249. border-bottom:1px solid {color:outline};
  250. }
  251.  
  252. #vcap {
  253. padding:5px;
  254. }
  255.  
  256.  
  257.  
  258.  
  259. /*SIDEBAR*/
  260.  
  261. .sidebar {
  262. width:245px;
  263. left:130px;
  264. position:fixed;
  265. }
  266.  
  267. .sidebar img {
  268. max-width:245px;
  269.  
  270. }
  271.  
  272.  
  273.  
  274. #parentp img {
  275. height:20px;
  276. width:20px;
  277. border-radius:3px;
  278. }
  279.  
  280. #title{
  281. position:absolute;
  282. margin-top:-22px;
  283. margin-left:30px;
  284. letter-spacing:0.8px;
  285. text-transform:uppercase;
  286. padding-right:10px;
  287. }
  288.  
  289.  
  290.  
  291. #description {
  292. margin-top:5px;
  293. font-size:11px;
  294. padding-right:10px;
  295. }
  296.  
  297.  
  298.  
  299. .searchbox {
  300. display:block;
  301. color:{color:link};
  302. margin-top:3px;
  303. }
  304.  
  305. .searchbox input {
  306. outline:none;
  307. background-color: transparent;
  308. border: 0px solid white;
  309. text-transform: lowercase;
  310. line-height:14px;
  311. text-align:left;
  312. padding: 0px 0px;
  313. width:120px;
  314. }
  315.  
  316. .searchbox input, .actual-edit-overlay {
  317. -webkit-text-fill-color: {color:link}; !important;
  318. font-family:'karla';
  319. }
  320.  
  321.  
  322.  
  323. /*SIDELINKS*/
  324.  
  325.  
  326. .sidelinks {
  327. text-transform:none;
  328. margin-top:10px;
  329. line-height:15px;
  330. text-align:left;
  331. border-top:1px solid {color:outline};
  332. padding-top:10px;
  333. }
  334.  
  335.  
  336. .sidelinks a{
  337. display:block;
  338. -moz-transition-duration: 0.3s;
  339. -o-transition-duration: 0.3s;
  340. -webkit-transition-duration: 0.3s;
  341. transition-duration: 0.3s;
  342. }
  343.  
  344. .sidelinks a:hover {
  345. -moz-transition-duration: 0.3s;
  346. -o-transition-duration: 0.3s;
  347. -webkit-transition-duration: 0.3s;
  348. transition-duration: 0.3s;
  349. }
  350.  
  351.  
  352. #morelinks{
  353. cursor:pointer;
  354. }
  355.  
  356. #extras{
  357. display:none;
  358. margin-left:7px;
  359. margin-top:2px;
  360. }
  361.  
  362.  
  363.  
  364.  
  365.  
  366. #pagination {
  367. text-transform:uppercase;
  368. font-size:10px;
  369. margin-bottom:60px;
  370. text-align:center;
  371. margin-top:-20px;
  372.  
  373. }
  374.  
  375. #pagination a{
  376. padding:2px;
  377. }
  378.  
  379. #pagination a:hover{
  380. }
  381.  
  382. .current {
  383. display:inline-block;
  384. padding:2px;
  385. }
  386.  
  387.  
  388.  
  389.  
  390.  
  391.  
  392.  
  393. /*LINKS*/
  394.  
  395.  
  396. a {
  397. text-decoration:none;
  398. color:{color:link};
  399. -moz-transition-duration: 0.4s;
  400. -o-transition-duration: 0.4s;
  401. -webkit-transition-duration: 0.4s;
  402. transition-duration: 0.4s;
  403. }
  404.  
  405. a:hover {
  406. color:{color:link hover};
  407. -moz-transition-duration: 0.4s;
  408. -o-transition-duration: 0.4s;
  409. -webkit-transition-duration: 0.4s;
  410. transition-duration: 0.4s;
  411. }
  412.  
  413.  
  414. /*POSTS*/
  415.  
  416. #posts {
  417. width:calc({select:Post Size}px);
  418. margin-left:460px;
  419. margin-top:60px;
  420. }
  421.  
  422.  
  423. #post {
  424. width:calc({select:Post Size}px);
  425. margin-bottom:60px;
  426. /*DO NOT REMOVE*/
  427. color:{color:text};
  428. opacity:1;
  429. text-align:justify;
  430. overflow:hidden;
  431. }
  432.  
  433.  
  434. #post img {
  435. max-width:100%;
  436. height:auto;
  437. }
  438.  
  439.  
  440. /*POSTINFO*/
  441.  
  442. #postinfo {
  443. border-top:1px solid {color:outline};
  444. width:calc({select:Post Size}px);
  445. margin-top:10px;
  446. font-size:10px;
  447. padding:7px 0px 0px 0px;
  448. letter-spacing:0.7px;
  449.  
  450. }
  451.  
  452. .tags {
  453. max-width:calc({select:Post Size}px - 10px);
  454. font-size:10px;
  455. text-transform:none;
  456. letter-spacing:0.5px;
  457. }
  458.  
  459. .tags a{
  460.  
  461. -moz-transition-duration: 0.3s;
  462. -o-transition-duration: 0.3s;
  463. -webkit-transition-duration: 0.3s;
  464. transition-duration: 0.3s;
  465. }
  466.  
  467. .tags a:hover{
  468.  
  469. -moz-transition-duration: 0.3s;
  470. -o-transition-duration: 0.3s;
  471. -webkit-transition-duration: 0.3s;
  472. transition-duration: 0.3s;
  473. }
  474.  
  475. /*POST DETAILS*/
  476.  
  477. #quote {
  478. font-style:italic;
  479. font-size: 15px;
  480. text-transform:uppercase;
  481. padding:15px 0px 10px 0px;
  482. }
  483.  
  484. .source {
  485. font-style:italic;
  486. margin-bottom:10px;
  487. margin-left:20px;
  488. }
  489.  
  490. .title {
  491. font-size:18px;
  492. font-weight:600;
  493. font-style:italic;
  494. text-transform:uppercase;
  495. padding:10px 0px 0px 0px;
  496. }
  497.  
  498. .linkname {
  499. font-size:15px;
  500. font-style:italic;
  501. text-transform:uppercase;
  502. }
  503.  
  504.  
  505.  
  506. /*QUESTION*/
  507.  
  508. .question {
  509. background-color:#fafafa;
  510. width:500px;
  511. text-align:center;
  512. padding:10px;
  513. }
  514.  
  515. .asker {
  516. font-style:italic;
  517. text-transform:uppercase;
  518. font-size:12;
  519. text-align:center;
  520. }
  521.  
  522.  
  523.  
  524.  
  525.  
  526. img {
  527. }
  528.  
  529. blockquote {
  530. width:auto;
  531. margin-left:0px;
  532. border-left:1px solid {color:outline};
  533. padding-left:0px;
  534. }
  535.  
  536. blockquote blockquote {
  537. margin-left:18px;
  538. padding-left:7px;
  539.  
  540. }
  541.  
  542.  
  543. /*NOTES*/
  544.  
  545. #notes {
  546. left:510px;
  547. margin-top:20px;
  548. margin-bottom:60px;
  549. width:calc({select:Post Size}px);
  550. }
  551.  
  552. .notes ol, .notes li{
  553. list-style:none;
  554. padding-left:0px;
  555. }
  556.  
  557.  
  558. ol.notes li.note img.avatar {
  559. vertical-align:-8px;
  560. border-radius:3px;
  561. margin-right:10px;
  562. width:16px;
  563. height:16px;
  564. margin-top:4px;
  565. margin-bottom:4px;
  566. }
  567.  
  568.  
  569. /*AUDIO*/
  570.  
  571. .spotify_audio_player {
  572. height: 80px !important;
  573.  
  574. }
  575.  
  576. .audio-media .width_fix iframe{
  577. width: calc({select:Post Size}px) !important;
  578. margin: 0px;
  579. margin-top: 0px;
  580. margin-left: 0px;
  581. }
  582. .audio-media iframe.tumblr_audio_player{
  583. height: 85px !important;
  584. }
  585.  
  586.  
  587.  
  588. /*CAPTION STYLING */
  589.  
  590. .photo_caption{
  591. margin-left:-13px;
  592. margin-top:10px;
  593. }
  594. .tumblr_avatar {
  595. display:inline-block;
  596. margin-right:10px;
  597. margin-left:13px;
  598. border-radius:3px;
  599. width:18px;
  600. vertical-align:middle;
  601. }
  602. .tumblr_parent {
  603. padding:0px;
  604. margin-top:10px;
  605. text-align:left;
  606. color:{color:text};
  607. letter-spacing:0px;
  608. border:none;
  609. width:calc({select:Post Size}px) !important;
  610. }
  611.  
  612. .tumblr_parent img {
  613. margin-left:15px;
  614. }
  615.  
  616.  
  617. .tumblr_parent a{
  618. color:{color:link};
  619. }
  620.  
  621. .tumblr_parent a:hover{
  622. color:{color:link hover};
  623. }
  624.  
  625. .psets{
  626. width:100%;
  627. margin-top:0px;
  628. margin-left:0px;
  629. }
  630. .vsets{
  631. width:100%;
  632. margin-top:-12px;
  633. }
  634. .ppost{
  635. width:100%;
  636. margin-top:-12px;
  637. }
  638.  
  639. .post_container {
  640. width:calc(1000px + 120px + 0px + 0px);
  641. margin:120px auto;
  642. text-align:center;
  643. z-index:-9;
  644. overflow:hidden;
  645. }
  646.  
  647. h1, h2, h3, pre {
  648. padding:0px 15px 0px 15px;
  649. }
  650.  
  651.  
  652. /*LIKE INFO*/
  653.  
  654. .custom-like-button *{cursor:pointer!important;}
  655. .custom-like-button {
  656. position:relative;
  657. display:inline-block;
  658. vertical-align:top;
  659. width:10px;
  660. height:15px;
  661. margin:0 8px;
  662. cursor:pointer;
  663. color:{color:link};
  664. }
  665.  
  666. .like_button:hover + .our_button {
  667. color:{color:link hover};
  668. -moz-transition-duration: 0.3s;
  669. -o-transition-duration: 0.3s;
  670. -webkit-transition-duration: 0.3s;
  671. transition-duration: 0.3s;
  672. }
  673.  
  674. .like_button.liked + .our_button {
  675. color:{color:link hover};;
  676. }
  677. .like_button iframe {
  678. width:100%!important;
  679. height:100%!important;
  680. }
  681. .like_button {
  682. z-index:10;
  683. opacity:0;
  684. }
  685. .our_button {
  686. z-index:1;
  687. }
  688. .our_button,.like_button {
  689. position:absolute;
  690. top:0;
  691. left:0;
  692. width:100%;
  693. height:100%;
  694. }
  695.  
  696.  
  697.  
  698. /*SOURCE DO NOT REMOVE*/
  699.  
  700.  
  701. #mastersrc {
  702. background-color:{color:accent};
  703. font-family:'Karla';
  704. color:{color:text};
  705. position:fixed;
  706. bottom:10px;
  707. right:10px;
  708. padding:6px 8px 6px 8px;
  709. font-size:12px;
  710. border:1px solid {color:outline};
  711. opacity:1;
  712. width:10px;
  713. overflow:hidden;
  714. border-radius:100px;
  715. box-shadow: rgba(0,0,0,.05) 1px 1px 3px;
  716. line-height:normal;
  717. z-index:999999;
  718. -moz-transition-duration: 0.4s;
  719. -o-transition-duration: 0.4s;
  720. -webkit-transition-duration: 0.4s;
  721. transition-duration: 0.4s;
  722. }
  723.  
  724. #srcname {
  725. font-family:'Karla';
  726. color:{color:text};
  727. font-size:8px;
  728. text-transform:uppercase;
  729. margin-top:-11px;
  730. margin-left:22px;
  731. position:absolute;
  732. line-height:normal;
  733. }
  734.  
  735. #mastersrc:hover {
  736. color:{color:text};
  737. width:77px;
  738. -moz-transition-duration: 0.4s;
  739. -o-transition-duration: 0.4s;
  740. -webkit-transition-duration: 0.4s;
  741. transition-duration: 0.4s;
  742. }
  743.  
  744. #mastersrc a:hover{
  745. color:{color:text};
  746. }
  747.  
  748.  
  749. /*CONTROLS*/
  750.  
  751.  
  752. iframe.tmblr-iframe {
  753. z-index:99999999999999!important;
  754. top:0!important;
  755. right:0!important;
  756. opacity:0.4;
  757. /* delete invert(1) from here */
  758. filter:invert(1) contrast(150%);
  759. -webkit-filter:invert(1) contrast(150%);
  760. -o-filter:invert(1) contrast(150%);
  761. -moz-filter:invert(1) contrast(150%);
  762. -ms-filter:invert(1) contrast(150%);
  763. /* to here if your blog has a dark background */
  764. transform:scale(0.65);
  765. transform-origin:100% 0;
  766. -webkit-transform:scale(0.65);
  767. -webkit-transform-origin:100% 0;
  768. -o-transform:scale(0.65);
  769. -o-transform-origin:100% 0;
  770. -moz-transform:scale(0.65);
  771. -moz-transform-origin:100% 0;
  772. -ms-transform:scale(0.65);
  773. -ms-transform-origin:100% 0;}
  774.  
  775. iframe.tmblr-iframe:hover {
  776. opacity:0.6!important;}
  777.  
  778.  
  779.  
  780.  
  781.  
  782.  
  783.  
  784.  
  785. {CustomCSS}</style>
  786.  
  787. </head>
  788. <body>
  789.  
  790. <!--DO NOT REMOVE-->
  791.  
  792. <div id="mastersrc"><i class="fa fa-cube" aria-hidden="true"></i>
  793. <a href="http://lauraholliis.tumblr.com">
  794. <div id="srcname">lauraholliis</div>
  795. </a>
  796. </div>
  797.  
  798. <div id="venmo">
  799. <!--<div id="vtitle">support me:</div>-->
  800. <div id="vcap"><a href="https://venmo.com/SarahCrenella">support me by donating to my venmo</a></div>
  801. </div>
  802.  
  803.  
  804.  
  805. <!--SIDEBAR-->
  806.  
  807. <div class="sidebar">
  808.  
  809. {block:IfSidebarImage}
  810. <a href="/">
  811. <img src="{image:sidebar}">
  812. </a>
  813. {/block:IfSidebarImage}
  814.  
  815.  
  816.  
  817. <div id="description">
  818.  
  819. <div id="parentp"><img src="{PortraitURL-48}"></div>
  820. <div id="title"><a href="/">{Title}</a></div>
  821.  
  822. <div style="margin-bottom:6px"></div>
  823.  
  824. {description}
  825.  
  826. <!-- Start of StatCounter Code for Tumblr -->
  827. <script type="text/javascript">
  828. var sc_project=11362110;
  829. var sc_invisible=1;
  830. var sc_security="effd56e5";
  831. var scJsHost = (("https:" == document.location.protocol) ?
  832. "https://secure." : "http://www.");
  833. document.write("<sc"+"ript type='text/javascript' src='" +
  834. scJsHost+
  835. "statcounter.com/counter/counter.js'></"+"script>");
  836. </script>
  837. <noscript><div class="statcounter"><a title="Web Analytics"
  838. href="http://statcounter.com/" target="_blank"><img
  839. class="statcounter"
  840. src="//c.statcounter.com/11362110/0/effd56e5/1/" alt="Web
  841. Analytics"></a></div></noscript>
  842. <!-- End of StatCounter Code for Tumblr -->
  843.  
  844.  
  845. <form action="/search" method="get" class="searchbox" name="theform">
  846. <i class="fa fa-search" aria-hidden="true" style="font-size:9px;margin-right:3px;color:{color:link}"></i>
  847. <input type="text" name="q" value="" placeholder="search" id="sf"/>
  848. </form>
  849.  
  850. </div>
  851.  
  852. <div class="sidelinks">
  853.  
  854. <a href="/">
  855. index
  856. </a>
  857.  
  858. <a href="/askbox">
  859. message
  860. </a>
  861.  
  862.  
  863.  
  864. {block:IfLink1}
  865. <div id="morelinks">
  866. <a>
  867. more +
  868. </a>
  869. </div>
  870. {/block:IfLink1}
  871.  
  872. <div id="extras">
  873. {block:IfLink1}
  874.  
  875. <a href="{text:link 1 URL}">
  876. <span style="font-size:11px;color:{color:link hover};display:inline;">—&nbsp;&nbsp;</span>{text:link 1}
  877. </a>
  878. {block:IfLink1}
  879.  
  880. {block:IfLink2}
  881. <a href="{text:link 2 URL}">
  882. <span style="font-size:11px;color:{color:link hover};display:inline;">—&nbsp;&nbsp;</span>{text:link 2}
  883. </a>
  884. {block:IfLink2}
  885.  
  886. {block:IfLink3}
  887. <a href="{text:link 3 URL}">
  888. <span style="font-size:11px;color:{color:link hover};display:inline;">—&nbsp;&nbsp;</span>{text:link 3}
  889. </a>
  890. {block:IfLink3}
  891.  
  892.  
  893. {block:IfLink4}
  894. <a href="{text:link 4 URL}">
  895. <span style="font-size:11px;color:{color:link hover};display:inline;">—&nbsp;&nbsp;</span>{text:link 4}
  896. </a>
  897. {block:IfLink4}
  898. </div>
  899.  
  900. </div>
  901.  
  902.  
  903. </div>
  904.  
  905.  
  906.  
  907.  
  908. <div id="entry">
  909.  
  910. <div id="posts">
  911.  
  912. {block:Posts}
  913.  
  914. <div id="post">
  915.  
  916.  
  917. {block:Text}
  918. {block:Title}<div class="title">{Title}</div>{/block:Title}
  919. <div class="photo_caption">{Body}</div>
  920. {/block:Text}
  921.  
  922.  
  923. {block:Photo}
  924. {LinkOpenTag}<img src="{PhotoURL-HighRes}" style="width:{select:Post Size};margin-bottom:-3px;">{LinkCloseTag}
  925.  
  926. {block:Caption}<div class="photo_caption">{Caption}</div>{/block:Caption}
  927. {/block:Photo}
  928.  
  929.  
  930.  
  931. {block:Photoset}
  932. <div class="set"style="margin-top:0px"><center><div class="pxu"><div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}
  933. <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>
  934.  
  935. {block:Caption}<div class="photo_caption">{Caption}</div>{/block:Caption}
  936. {/block:Photoset}
  937.  
  938.  
  939. {block:Quote}
  940. <div id="quote">{Quote}</div><div class="source">{block:Source}— {Source}{/block:Source}</div>
  941. {/block:Quote}
  942.  
  943.  
  944.  
  945. {block:Link}
  946. <a href="{URL}"><div class="linkname">{Name}</div></a>
  947. {block:Description}<div class="photo_caption">{Description}</div>{/block:Description}
  948. {/block:Link}
  949.  
  950.  
  951.  
  952. {block:Chat}
  953. <div style="padding:0px;">
  954. {block:title}<h2>{Title}</h2>{/block:title}{block:lines}{block:label}<b>{label}</b>{/block:label} {line} <br>{/block:lines}
  955. </div>
  956. {/block:Chat}
  957.  
  958.  
  959. {block:Audio}
  960. {block:AudioEmbed}
  961. <div class="audio-media" style="border:none; margin-top:-1px;">
  962. <div class="width_fix">{AudioEmbed-500}</div>
  963. </div>
  964. {/block:AudioEmbed}
  965.  
  966. {block:Caption}<div class="photo_caption">{Caption}</div>{/block:Caption}
  967. {/block:Audio}
  968.  
  969. {block:Video}
  970. <div class="vsets, video">{Video-500}</div>
  971. {block:Caption}<div class="photo_caption">{Caption}</div>{/block:Caption}
  972. {/block:Video}
  973.  
  974.  
  975. {block:answer}
  976. <div class="question">
  977. <div class="asker">
  978. <b>{asker} said:</b></div>
  979. <br>{question}
  980. </div>
  981. {Answer}
  982. {/block:answer}
  983.  
  984.  
  985. <!--POST INFO -->
  986.  
  987. {block:IndexPage}
  988. <div id="postinfo">
  989. <i class="fa fa-heart" aria-hidden="true" style="font-size:9px;color:#e24847;"></i>&nbsp;
  990. <a href="{Permalink}">
  991. {NoteCount}
  992. </a>
  993.  
  994. {block:Date}
  995. &nbsp;&nbsp;&nbsp;&nbsp;
  996. <a href="{Permalink}" title="{TimeAgo}" style="text-transform:lowercase;">
  997. {ShortMonth} {DayOfMonth}
  998. </a>
  999. {/block:Date}
  1000.  
  1001.  
  1002. <!--{block:Reblog}
  1003. &nbsp;&nbsp;&nbsp;&nbsp;
  1004. <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>
  1005. /
  1006. <a href="{ReblogRootURL}" title="{ReblogRootName}">src</a>
  1007. {/block:Reblog}-->
  1008.  
  1009.  
  1010. <span style="float:right;">
  1011. <div class="custom-like-button">{LikeButton}
  1012. <span class="our_button"><i class="fa fa-heart-o" aria-hidden="true" style="font-weight:900;opacity:0.8;" title="like"></i></span>
  1013. </div>
  1014.  
  1015. <a href="{ReblogURL}">
  1016. reblog
  1017. </a>
  1018.  
  1019. </span>
  1020.  
  1021.  
  1022.  
  1023. <!-- {block:NoRebloggedFrom}
  1024. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1025. {/block:NoRebloggedFrom} -->
  1026.  
  1027.  
  1028. {block:ContentSource}<!-- {SourceURL}
  1029. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1030. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1031. {/block:ContentSource}
  1032.  
  1033.  
  1034. {block:HasTags}
  1035. <div class="tags">
  1036. {block:tags}
  1037. <a href="{TagURL}">#{Tag}</a>&nbsp;&nbsp;&nbsp;&nbsp;
  1038. {/block:tags}
  1039. </div>
  1040. {/block:HasTags}
  1041.  
  1042.  
  1043. </div> <!--POST INFO DIV-->
  1044. {/block:IndexPage}
  1045.  
  1046.  
  1047. <!--PERMALINK DIV-->
  1048. {block:PermalinkPage}
  1049. <div id="postinfo">
  1050. {block:Date}
  1051. <b>posted on:</b>&nbsp;
  1052. <a href="{Permalink}" title="{TimeAgo}" style="text-transform:lowercase;">
  1053. {Month} {DayOfMonth}, {Year}
  1054. </a>
  1055.  
  1056. with
  1057.  
  1058. {/block:Date}
  1059.  
  1060.  
  1061. <a href="{Permalink}">
  1062. {NoteCountWithLabel}
  1063. </a>
  1064.  
  1065.  
  1066. <span style="float:right;">
  1067. <div class="custom-like-button">{LikeButton}
  1068. <span class="our_button"><i class="fa fa-heart-o" aria-hidden="true" style="font-weight:900;opacity:0.8;" title="like"></i></span>
  1069. </div>
  1070.  
  1071. <a href="{ReblogURL}">
  1072. reblog
  1073. </a>
  1074.  
  1075. </span>
  1076.  
  1077.  
  1078.  
  1079. <!-- {block:NoRebloggedFrom}
  1080. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1081. {/block:NoRebloggedFrom} -->
  1082.  
  1083. {block:ContentSource}<!-- {SourceURL}
  1084. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1085. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1086. {/block:ContentSource}
  1087.  
  1088.  
  1089. {block:Reblog}
  1090. <div>
  1091. <b>reblogged from: </b>
  1092. <a href="{ReblogParentURL}">{ReblogParentName}</a>
  1093. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  1094. <b>origin: </b>
  1095. <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1096. </div>
  1097. {/block:Reblog}
  1098.  
  1099.  
  1100.  
  1101. {block:HasTags}
  1102. <div class="tags">
  1103. <b>filed under: </b>
  1104. {block:tags}
  1105. <a href="{TagURL}">#{Tag}</a>&nbsp;&nbsp;&nbsp;&nbsp;
  1106. {/block:tags}
  1107. </div>
  1108. {/block:HasTags}
  1109.  
  1110.  
  1111. </div>
  1112. {/block:PermalinkPage}
  1113.  
  1114.  
  1115.  
  1116. </div> <!--POST DIV-->
  1117.  
  1118.  
  1119. {block:PostNotes}
  1120. <div id="notes">
  1121. <div class="notes">
  1122. {PostNotes}
  1123. </div>
  1124. </div>
  1125. {/block:PostNotes}
  1126.  
  1127. {/block:Posts}
  1128. {/block:Posts}
  1129.  
  1130.  
  1131. {block:Pagination}
  1132. <div id="pagination">
  1133.  
  1134. {block:PreviousPage}
  1135. <a href="{PreviousPage}">&laquo;</a>
  1136. {/block:PreviousPage}
  1137.  
  1138. {block:JumpPagination length="5"}
  1139. {block:CurrentPage}
  1140. <span class="current">{PageNumber}</span>
  1141. {/block:CurrentPage}
  1142. {block:JumpPage}
  1143. <a href="{URL}">{PageNumber}</a>
  1144. {/block:JumpPage}
  1145. {/block:JumpPagination}
  1146.  
  1147.  
  1148. {block:NextPage}
  1149. <a href="{NextPage}">&raquo;</a>
  1150. {/block:NextPage}
  1151.  
  1152. </div>
  1153. {/block:Pagination}
  1154.  
  1155.  
  1156.  
  1157. </div> <!--POST DIV-->
  1158.  
  1159.  
  1160. </div> <!--ENTRY DIV-->
  1161.  
  1162.  
  1163.  
  1164.  
  1165.  
  1166.  
  1167.  
  1168. </html>
  1169.  
  1170. <!--UNNEST STYLING-->
  1171.  
  1172. <script src="http://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
  1173. <script> $(function(){ $('#posts').unnest({
  1174. yourCaption: ".photo_caption", //your caption selector, the div wrapping {Caption}
  1175. wrapName: ".tumblr_parent", //the name of the captions’ new wrapper
  1176. newCaptionUsername: false, //if the user adds a new caption, following a series of captions, show their username above the caption
  1177. originalPostCaptionUsername: false, //for the original captions, or a user-added caption that previously didn’t have any, have their username on it
  1178. tumblrAvatars: true, //”dashboard style” caption, have the avatar of the blog next to the username
  1179. tumblrAvatarClass: ".tumblr_avatar", //class of the avatar next to the username
  1180. usernameColon: false //if turned to false, removes the colon at the end of usernames
  1181. }); });
  1182. </script>
  1183.  
  1184.  
  1185.  
  1186. </body>
Advertisement
Add Comment
Please, Sign In to add comment