pjo06

t24, mine, 12/21/17

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