API tools faq
paste
pjo06

T28 - WIP

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