API tools faq
paste
Advertisement
badwolf_

bellicose

badwolf_
Jun 19th, 2018
760
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 23.53 KB | None | 0 0
raw download clone embed print report
  1. <!doctype html>
  2. <html lang="en">
  3.  
  4.     <!---
  5.  
  6.  
  7.          " bellicose "
  8.        theme by badwolf
  9.          ( aka merc )
  10.  
  11.    ========================
  12.    
  13.        - do not steal
  14.        - do not reproduce
  15.        - do not claim as your own
  16.        - do not use as a base
  17.        
  18.        credits
  19.    ========================
  20.    
  21.        - masonry script : https://masonry.desandro.com/v3/
  22.        - custom like & reblog buttons : https://shythemes.tumblr.com/
  23.        - icon font by sol : https://saturnthms.com/font
  24.  
  25.    --->
  26.  
  27.   <head>
  28.     <!-- Required meta tags -->
  29.     <meta charset="utf-8">
  30.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  31.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
  32.     <script type='text/javascript' src='//files.jcink.net/html/jquery-1.7.2.min.js'></script>
  33.     <script src="https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.min.js"></script>
  34.     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
  35.    
  36.     <!--- FONTS --->
  37.     <link href="https://fonts.googleapis.com/css?family=Spinnaker" rel="stylesheet">
  38.     <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">
  39.     <link href="https://fonts.googleapis.com/css?family=Muli:200,200i,400,400i,700,700i" rel="stylesheet">
  40.     <link href="https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,700,700i,900,900i" rel="stylesheet">
  41.    
  42.     <!--- METAS --->
  43.     <meta name="image:Square Image" content="https://placehold.it/100x100" />
  44.     <meta name="color:Background" content="#f6f6f6" />
  45.     <meta name="color:Text Color" content="191919" />
  46.     <meta name="color:Accent" content="#b88071" />
  47.     <meta name="color:Navigation Link Color" content="#fff" />
  48.     <meta name="text:Title Margin" content="15px" />
  49.     <meta name="color:Text Accent" content="#633b30" />
  50.     <meta name="color:Pre Text Color" content="#808080" />
  51.    
  52.     <meta name="text:Index Icon" content="home-o" />
  53.     <meta name="text:Link 1" content="Message" />
  54.     <meta name="text:Link 1 Icon" content="envelope-o" />
  55.     <meta name="text:Link 1 Url" content="/ask" />
  56.     <meta name="text:Link 2" content="Link 2" />
  57.     <meta name="text:Link 2 Icon" content="tag-o" />
  58.     <meta name="text:Link 2 Url" content="Link URL" />
  59.     <meta name="text:Link 3" content="Link 3" />
  60.     <meta name="text:Link 3 Icon" content="heart-2-o" />
  61.     <meta name="text:Link 3 Url" content="Link URL" />
  62.     <meta name="text:Link 4" content="Link 4" />
  63.     <meta name="text:Link 4 Icon" content="code-o" />
  64.     <meta name="text:Link 4 Url" content="Link URL" />
  65.    
  66.    
  67.  
  68.     <title>{Title}</title>
  69.    
  70.     <style type="text/css">
  71.    
  72.     ::-webkit-scrollbar {
  73.   width: 11px;
  74.   height: 11px;
  75.   background-color: #e3e3e3;
  76. }
  77.  
  78. ::-webkit-scrollbar-thumb {
  79.   background-color: {color:Accent};
  80. }
  81.  
  82. ::-webkit-scrollbar,
  83. ::-webkit-scrollbar-thumb {
  84.   border: 5px solid #e3e3e3;
  85. }
  86.  
  87. /** tooltips **/
  88. #s-m-t-tooltip{
  89.   max-width:300px;
  90.   z-index: 100000000000000000000000000000000;
  91.   margin:24px 14px 7px 12px;
  92.   padding:5px;
  93.   background: #b88071;
  94.   font-family: montserrat;
  95.   font-size: 7px;
  96.   line-height:10px;
  97.   color: {color:Navigation Link Color};
  98.     text-transform:uppercase;
  99.     letter-spacing: 2px;
  100.     border: 1px solid {color:Navigation Link Color};
  101.     font-weight: bold;
  102. }
  103.  
  104.  
  105.    
  106.     /** accent: #b88071 **/
  107.    
  108. body {
  109.      background: {color:Background};
  110.      margin: 0px;
  111.      font-size: 11px;
  112.      font-family: muli;
  113.      color: {color:Text Color};
  114. }
  115. a {
  116.     color: #b88071;
  117.     text-decoration: none;
  118. }
  119. b {
  120.     color: {color:Accent};
  121. }
  122.  
  123. #top {
  124.     width: 100%;
  125.     margin: 0px auto 50px;
  126.     position: relative;
  127.     transition-duration: 1s;
  128.     z-index: 100001;
  129.     padding-top: 50px;
  130.     background-color: {color:Background};
  131.   -webkit-transition: all .5s ease-in-out;
  132.   -moz-transition: all .5s ease-in-out;
  133.   -ms-transition: all .5s ease-in-out;
  134.   -o-transition: all .5s ease-in-out;
  135.   transition: all .5s ease-in-out;
  136. }
  137. #top .topBox {
  138.     height: 150px;
  139.     padding: 50px;
  140.     position: relative;
  141.     width: 375px;
  142.     margin: auto;
  143.   -webkit-transition: all .5s ease-in-out;
  144.   -moz-transition: all .5s ease-in-out;
  145.   -ms-transition: all .5s ease-in-out;
  146.   -o-transition: all .5s ease-in-out;
  147.   transition: all .5s ease-in-out;
  148. }
  149. #top .topBox.scrolled {
  150.     width: calc(100% - 100px);
  151. }
  152. #top .topBox .topPic {
  153.     width: 75px;
  154.     height: 75px;
  155.     overflow: hidden;
  156.     border-radius: 100px;
  157.     border: 5px solid #fff;
  158.     float: left;
  159.     position: relative;
  160.   -webkit-transition: all .5s ease-in-out;
  161.   -moz-transition: all .5s ease-in-out;
  162.   -ms-transition: all .5s ease-in-out;
  163.   -o-transition: all .5s ease-in-out;
  164.   transition: all .5s ease-in-out;
  165. }
  166. #top .topBox .topPic img {
  167.     width: 75px;
  168.     height: auto;
  169. }
  170. #top .topDesc {
  171.     font-family: muli;
  172.     color: #747373;
  173.     font-size: 11px;
  174.     float: left;
  175.     width: 245px;
  176.     margin-left: 25px;
  177.     position: relative;
  178.     margin-top: {text:Title Margin};
  179.   -webkit-transition: all .5s ease-in-out;
  180.   -moz-transition: all .5s ease-in-out;
  181.   -ms-transition: all .5s ease-in-out;
  182.   -o-transition: all .5s ease-in-out;
  183.   transition: all .5s ease-in-out;
  184. }
  185. #top .topDesc h1 {
  186.     color: {color:Accent};
  187.     font-size: 10px;
  188.     font-weight: 900;
  189.     margin-top: 5px;
  190.     line-height: 15px;
  191.     letter-spacing: 2.5px;
  192.     text-transform: uppercase;
  193.     margin-bottom: 0px;
  194.     line-height: 0px;
  195.     margin-bottom: 5px;
  196. }
  197. #top .topDesc i, i {
  198.     color: {color:Accent};
  199. }
  200. #top .topDesc b {
  201.     color: {color:Accent};
  202. }
  203. #top .topDesc u, u {
  204.     text-decoration: none;
  205.     border-bottom: 1px solid {color:Accent};
  206. }
  207. #top .topBox .topLink {
  208.     height: 25px;
  209.     text-align: center;
  210.     margin-top: 100px;
  211.     font-size: 10px;
  212.     width: 375px;
  213.     line-height: 100%;
  214.     -webkit-transition: all .01s ease-in-out;
  215.     -moz-transition: all .01s ease-in-out;
  216.     -ms-transition: all .01s ease-in-out;
  217.     -o-transition: all .01s ease-in-out;
  218.     transition: all .01s ease-in-out;
  219. }
  220. #top .topBox .topLink a {
  221.     position: relative;
  222.     border-radius: 100%;
  223.     background-color: {color:Accent};
  224.     padding: 10px;
  225.     color: {color:Navigation Link Color};
  226.     margin: 15px;
  227.     display: inline-block;
  228.     width: 15px;
  229.     height: 13px;
  230.     padding-top: 12px;
  231.     line-height: 0px;
  232.     transition-duration: 0.5s;
  233. }
  234. #top .topBox .topLink a {
  235.     -webkit-transition: all .5s ease-in-out;
  236.     -moz-transition: all .5s ease-in-out;
  237.     -ms-transition: all .5s ease-in-out;
  238.     -o-transition: all .5s ease-in-out;
  239.     transition: all .5s ease-in-out;
  240. }
  241. #top .topBox .topLink a:hover {
  242.   -webkit-animation: jello 0.8s linear infinite;
  243.   -webkit-transition: all .5s ease-in-out;
  244.   -moz-transition: all .5s ease-in-out;
  245.   -ms-transition: all .5s ease-in-out;
  246.   -o-transition: all .5s ease-in-out;
  247.   transition: all .5s ease-in-out;
  248. }
  249. #top.scrolled {
  250.     margin: 0px;
  251.     width: 100%;
  252.     left: 0px;
  253.     right: 0px;
  254.     position: fixed;
  255.     padding-top: 0px;
  256.     transition-duration: 1.5s;
  257.     -webkit-transition: all .5s ease-in-out;
  258.     -moz-transition: all .5s ease-in-out;
  259.     -ms-transition: all .5s ease-in-out;
  260.     -o-transition: all .5s ease-in-out;
  261.     transition: all .5s ease-in-out;
  262.     border-bottom: 1px solid #efefef;
  263. }
  264. #top.scrolled .topBox .topLink {
  265.     float: right;
  266.     margin-top: 0px;
  267.     margin-right: -50px;
  268.     -webkit-transition: all .75s ease-in-out;
  269.     -moz-transition: all .75s ease-in-out;
  270.     -ms-transition: all .75s ease-in-out;
  271.     -o-transition: all .75s ease-in-out;
  272.     transition: all .75s ease-in-out;
  273. }
  274. #top.scrolled .topBox {
  275.     height: 75px;
  276.     -webkit-transition: all .75s ease-in-out;
  277.     -moz-transition: all .75s ease-in-out;
  278.     -ms-transition: all .75s ease-in-out;
  279.     -o-transition: all .75s ease-in-out;
  280.     transition: all .75s ease-in-out;
  281. }
  282. #container {
  283.     margin: auto;
  284.     column-count: 3;
  285.     column-gap: 1em;
  286.     display: flex;
  287.       flex-flow: column wrap;
  288.       min-height: 800px;
  289.       margin-left: auto; /* Adjustment for the gutter */
  290.       width: 80%;
  291.  
  292. }
  293. #container .textbody #titlequote {
  294.     padding-top: 10px;
  295.     padding-bottom: 10px;
  296.     font-style: italic;
  297. }
  298. #container .textsource {
  299.     padding: 10px;
  300.     padding-bottom: 0px;
  301. }
  302. /* Extra small devices (phones, 600px and down) */
  303. @media only screen and (max-width: 600px) {
  304.     #container {
  305.         width: 365px;
  306.     }
  307. }
  308.  
  309. /* Small devices (portrait tablets and large phones, 600px and up) */
  310. @media only screen and (min-width: 600px) {
  311.     #container {
  312.         width: 365px;
  313.     }
  314. }
  315.  
  316. /* Medium devices (landscape tablets, 768px and up) */
  317. @media only screen and (min-width: 768px) {
  318.     #container {
  319.         width: 365px;
  320.     }
  321. }
  322.  
  323. /* Large devices (laptops/desktops, 992px and up) */
  324. @media only screen and (min-width: 992px) {
  325.     #container {
  326.         width: 685px;
  327.     }
  328. }
  329.  
  330. /* Extra large devices (large laptops and desktops, 1200px and up) */
  331. @media only screen and (min-width: 1200px) {
  332.     #container {
  333.         width: 1020px;
  334.     }
  335. }
  336. .textbody {
  337.     border: 1px solid #efefef;
  338.     background-color: #f5f5f5;
  339.     padding-left: 15px;
  340.     padding-right: 15px;
  341.     margin-top: 10px;
  342. }
  343. .askbody {
  344.     border: 1px solid #efefef;
  345.     background-color: #f5f5f5;
  346.     padding: 15px;
  347. }
  348. #container .posts {
  349.     float: left;
  350.     width: 300px;
  351.     margin: 20px;
  352.     /* padding: 25px; */
  353.     -webkit-transition: all .5s ease-in-out;
  354.     -moz-transition: all .5s ease-in-out;
  355.     -ms-transition: all .5s ease-in-out;
  356.     -o-transition: all .5s ease-in-out;
  357.     transition: all .5s ease-in-out;
  358. }
  359. #container blockquote {
  360.     -webkit-margin-before: 0.25em;
  361.     -webkit-margin-after: 0.25em;
  362.     -webkit-margin-start: 25px;
  363.     -webkit-margin-end: 25px;
  364. }
  365. #container .posts .postTop {
  366.     border: 1px solid #efefef;
  367.     font-family: muli;
  368.     font-size: 200;
  369.     text-transform: uppercase;
  370.     letter-spacing: 1px;
  371.     font-size: 7px;
  372.     background-color: #f3f3f3;
  373.     padding: 25px;
  374.     height: 7px;
  375.     margin-bottom: 10px;
  376. }
  377.  
  378. #container .posts .postBottom {
  379.     border: 1px solid #efefef;
  380.     font-family: muli;
  381.     font-size: 200;
  382.     text-transform: uppercase;
  383.     letter-spacing: 1px;
  384.     font-size: 7px;
  385.     background-color: #f3f3f3;
  386.     padding: 25px;
  387.     height: 7px;
  388.     margin-top: 10px;
  389. }
  390. #container .posts .postBottom a, #container .posts .postTop a {
  391.     color: #808080;
  392.     font-weight: bold;
  393. }
  394.  
  395. svg {
  396.    width:8px;
  397.    height:auto;
  398.    opacity:.5;
  399.    padding:1px;
  400.    display:block;
  401.    overflow:visible;
  402.   -webkit-transition: all .5s ease-in-out;
  403.   -moz-transition: all .5s ease-in-out;
  404.   -ms-transition: all .5s ease-in-out;
  405.   -o-transition: all .5s ease-in-out;
  406.   transition: all .5s ease-in-out;
  407. }
  408. .controls a {
  409.    position:relative;
  410.    display:inline-block;
  411.    overflow:hidden;
  412.    padding:5px;
  413.    width:8px;
  414.    height:8px;
  415.    padding-top: 0px;
  416. }
  417. .controls .reblog {
  418.    opacity:.93;
  419. }
  420. .controls .reblog svg {
  421.    width:8px;
  422.    margin-top:0px;
  423. }
  424. .controls .like .liked + svg {
  425.    opacity:1;
  426. }
  427. .controls .like .liked + svg path {
  428.    fill:#ec5a5a;
  429. }
  430. .controls .like .like_button {
  431.    position:relative;
  432. }
  433. .controls .like .like_button iframe {
  434.    position:absolute;
  435.    top:0;
  436.    left:0;
  437.    bottom:0;
  438.    right:0;
  439.    z-index:2;
  440.    opacity:0;
  441. }
  442.  
  443. #container pre {
  444.     font-family: montserrat;
  445.     font-size: 7px;
  446.     text-transform: uppercase;
  447.     letter-spacing: 1px;
  448.     font-weight: bold;
  449.     color: {color:Pre Text Color};
  450. }
  451.  
  452. #container .posts .postTop .star {
  453.     float: left; font-size: 16px; margin-top: 6px; color: #eec6c6;
  454. }
  455. #container .posts .postTop .topImg {
  456.     -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; border: 3px solid #fff;
  457.     margin-top: -10px;
  458.     -webkit-filter: grayscale(75%); /* Safari 6.0 - 9.0 */
  459.     filter: grayscale(75%);
  460. }
  461. #container .posts .postTop .topImg:hover {
  462.   -webkit-animation: jello 0.8s linear infinite;
  463.   -webkit-transition: all .5s ease-in-out;
  464.   -moz-transition: all .5s ease-in-out;
  465.   -ms-transition: all .5s ease-in-out;
  466.   -o-transition: all .5s ease-in-out;
  467.   transition: all .5s ease-in-out;
  468.   -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
  469.     filter: grayscale(0%);
  470. }
  471. #container .posts .post {
  472.     background-color: #fbfbfb;
  473.     border: 1px solid #efefef;
  474.     padding: 25px;
  475. }
  476. #container .posts .post h1 {
  477.     color: {color:Accent};
  478.     font-size: 14px;
  479. }
  480. #container .aud {
  481.     height: 85px;
  482.     overflow: hidden;
  483. }
  484. #container .post i {
  485.     color: {color:Text Accent} !important;
  486. }
  487. #credit {
  488.     display: block;
  489.     width: 12px;
  490.     height: 12px;
  491.     padding: 10px;
  492.     color: {color:Navigation Link Color};
  493.     border-radius: 100px;
  494.     background-color: {color:Accent};
  495.     position: fixed;
  496.     text-align: center;
  497.     font-size: 10px;
  498.     z-index: 10001;
  499.     letter-spacing: 1px;
  500.     bottom: 25px;
  501.     right: 25px;
  502. }
  503. #credit a {
  504.     color: {color:Navigation Link Color};
  505. }
  506. #credit:hover {
  507.   -webkit-animation: jello 0.8s linear;
  508.   -webkit-transition: all .5s ease-in-out;
  509.   -moz-transition: all .5s ease-in-out;
  510.   -ms-transition: all .5s ease-in-out;
  511.   -o-transition: all .5s ease-in-out;
  512.   transition: all .5s ease-in-out;
  513. }
  514. .shrinkC {
  515.   top: 170px!important;
  516. }
  517. tumblr_controls,
  518. .tmblr-iframe {
  519.   z-index: 999999999999999999!important;
  520.   -webkit-filter: invert(100%);
  521.   -moz-filter: invert(100%);
  522.   -o-filter: invert(100%);
  523.   -ms-filter: invert(100%);
  524.   filter: invert(100%);
  525.   position: fixed!important;
  526.   top: 170px!important;
  527.   right: 0px!important;
  528.   opacity: .5;
  529.   -webkit-transition: all 0.4s ease-out;
  530.   -webkit-transition: opacity 0.7s linear;
  531.   opacity: 0.2;
  532.   -webkit-transition: all 0.4s ease-out;
  533.   -moz-transition: all 0.4s ease-out;
  534.   transition: all 0.4s ease-out;
  535.   top: 0px;
  536. }
  537.  
  538. #tumblr_controls,
  539. .tmblr-iframe:hover {
  540.   opacity: .9;
  541.   webkit-transition: all 0.4s ease-out;
  542.   -moz-transition: all 0.4s ease-out;
  543.   transition: all 0.4s ease-out;
  544.   -webkit-transition: all 0.4s ease-out;
  545.   -webkit-filter: invert(80%);
  546.   -moz-filter: invert(80%);
  547.   -o-filter: invert(80%);
  548.   -ms-filter: invert(80%);
  549.   filter: invert(80%);
  550. }
  551.     </style>
  552.    
  553.     <script src="//dl.dropbox.com/s/4jdfup6iccopmej/smt.js"></script>
  554.     <script>
  555.     (function($){
  556.     $(document).ready(function(){
  557.     $("a[title]").style_my_tooltips({
  558.     tip_follows_cursor:true,
  559.     tip_delay_time:130,
  560.     tip_fade_speed:130,
  561.     attribute:"title"
  562.     });
  563.     });
  564.     })(jQuery);
  565.     </script>
  566.  
  567.  
  568. <script src="https://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script>
  569. <script src="https://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  570.  
  571. <script>
  572. $(function(){
  573. var $container = $('#container');
  574. $container.imagesLoaded(function(){
  575. $container.masonry({
  576. itemSelector: '.posts',
  577. });
  578. });
  579. $container.infinitescroll({
  580. itemSelector : ".posts",
  581. navSelector : "div.pagination",
  582. nextSelector : ".pagination a#next",
  583. loadingImg : "",
  584. loadingText : "<em></em>",
  585. bufferPx : 10000,
  586. extraScrollPx: 12000,
  587. },
  588. // trigger Masonry as a callback
  589. function( newElements ) {
  590.   var $newElems = $( newElements ).css({ opacity: 0 });
  591. // ensure that images load before adding to masonry layout
  592. $newElems.imagesLoaded(function(){
  593. $newElems.animate({ opacity: 1 });
  594. $container.masonry( 'appended', $newElems, true );
  595. });
  596. }
  597. );
  598. });
  599.  
  600. </script>
  601.  
  602. <script>
  603.    
  604. $(document).ready (function () {
  605.     $(window).scroll (function () {
  606.         var sT = $(this).scrollTop();
  607.             if (sT >= 350) {
  608.                 $('#top').addClass('scrolled')
  609.                 $('.topBox').addClass('scrolled')
  610.             }else {
  611.                 $('#top').removeClass('scrolled')
  612.                 $('.topBox').removeClass('scrolled')
  613.             }
  614.     })
  615. })
  616.    
  617. </script>
  618. <script type="text/javascript">
  619.         $(document).on("scroll", function(){
  620.         if
  621.       ($(document).scrollTop() > 100){
  622.           $("tumblr_controls").addClass("shrinkC");
  623.         }
  624.         else
  625.         {
  626.             $("tumblr_controls").removeClass("shrinkC");
  627.         }
  628.     });
  629. </script>
  630.  
  631. <script type="text/javascript">
  632.         $(document).on("scroll", function(){
  633.         if
  634.       ($(document).scrollTop() > 100){
  635.           $(".tmblr-iframe").addClass("shrinkC");
  636.         }
  637.         else
  638.         {
  639.             $(".tmblr-iframe").removeClass("shrinkC");
  640.         }
  641.     });
  642. </script>
  643.  
  644.   </head>
  645.   <body>
  646.  
  647.   <div id="credit"><a href="https://badwolf.tumblr.com" title="Theme by badwolf"><span class="sf sf-code"></span></a></div>
  648.  
  649.    <div id="top">
  650.        <div class="topBox">
  651.            <div class="topPic"><img src="{image:Square Image}" /></div>
  652.            <div class="topDesc">
  653.            <h1>{Title}</h1>
  654.            {description}
  655.            </div>
  656.            <div class="topLink">
  657.                <a href="/" title="home"><span class="sf sf-{text:Index Icon}"></span></a>
  658.                <a href="{text:Link 1 Url}" title="{text:Link 1}"><span class="sf sf-envelope-3-o"></span></a>
  659.                <a href="{text:Link 2 Url}" title="{text:Link 2}"><span class="sf sf-tag-o"></span></a>
  660.                <a href="{text:Link 3 Url}" title="{text:Link 3}"><span class="sf sf-heart-2-o"></span></a>
  661.                <a href="{text:Link 4 Url}" title="{text:Link 4}"><span class="sf sf-code"></span></a>
  662.            </div>
  663.        </div>
  664.    </div>
  665.    
  666.    <div id="container">
  667.        {block:Posts}
  668.        
  669.        {block:ContentSource}<!-- {SourceURL}
  670. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  671. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  672. {/block:ContentSource}
  673.  
  674.  
  675.        <div class="posts" id="{PostID}">
  676.            <!--- TOP OF POST --->
  677.            <div class="postTop">
  678.        
  679.         <div style="float: right;">
  680.  
  681.         {block:NotReblog}
  682.         <div class="star"><span class="lnr lnr-star"></span></div>
  683.         <a href="/" title="original post"><img src="{PortraitURL-24}" class="topImg"></a>
  684.         {/block:NotReblog}
  685.            
  686.     {block:RebloggedFrom}
  687.    
  688.       <div class="star"><span class="lnr lnr-star-empty"></span></div>
  689.    
  690.       <a href="{ReblogParentURL}" title="via {ReblogParentName}">
  691.             <img src="{ReblogParentPortraitURL-24}" class="topImg">
  692.             </a> {/block:RebloggedFrom}
  693.  
  694.     </div>
  695.  
  696.         <!--- DATE --->
  697.         {block:Date}
  698.         <div style="float: left">
  699.             <a href="{Permalink}">{ShortMonth} {DayOfMonthWithSuffix}</a>
  700.         </div>
  701.         {/block:Date}
  702.         <!--- END DATE --->
  703.  
  704.        
  705.            </div>
  706.            <!--- END TOP OF POST --->
  707.            
  708.            <!--- POST HERE ---><div class="post">
  709.            
  710.            {block:Quote}<div class="textbody">
  711. <div id="titlequote"><i class="fa fa-quote-left"></i>&nbsp; {Quote} &nbsp;<i class="fa fa-quote-right"></i></div></div>
  712. {block:Source}<div id="source"><div class="textsource">&mdash; {Source}</div></div>{/block:Source}
  713. {/block:Quote}
  714.  
  715. {block:Text}
  716. {block:Title}
  717. <div id="titles"><h1>{Title}</h1></div>{/block:Title}
  718.     <div class="textbody">    
  719.         {Body}
  720.     </div>
  721. {/block:Text}
  722.  
  723. {block:link}
  724. <div id="title"><a href="{URL}"><i class="fa fa-link"></i>&nbsp; {Name}</a></div>
  725. {block:Description}{Description}{/block:Description}
  726. {/block:link}
  727.  
  728. {block:Chat}
  729. {block:Title}
  730. <div id="title">{Title}</div>{/block:Title}
  731.  
  732. {block:lines}
  733. {block:label}
  734. <br><b>{label}</b>
  735. {/block:label}
  736. {line}
  737. {/block:lines}
  738. <br />
  739. {/block:Chat}
  740.  
  741. {block:Photo}
  742. {linkOpenTag}<img src="{PhotoURL-250}" alt="{PhotoAlt}"/>{linkCloseTag}
  743. {/block:Photo}
  744.  
  745. {block:Photoset}
  746. {Photoset-250}
  747. {/block:Photoset}
  748.  
  749. <div class="video">{Video-250}</div>
  750.  
  751. {block:Audio}<div class="aud">
  752. {block:AudioEmbed}{AudioEmbed-250}{/block:AudioEmbed}
  753. </div>{/block:Audio}
  754.  
  755. {block:Answer}
  756. <div class="q">
  757.  
  758.     <table><tr valign="top"><td>
  759.         <div class="askp" style="margin-top: 0px;"><img src="{AskerPortraitURL-48}"></div>
  760.     </td><td>
  761.         <div class="askbody">
  762.         <b><big>{Asker} asked:</big></b>
  763.         {Question}
  764.         </div>
  765.     </td></tr></table>
  766.    
  767. </div>
  768.  
  769. <div class="a">{Answer}</div>
  770.  
  771. {/block:Answer}
  772.  
  773. {block:Caption}<div class="textbody"><div class="caption">{Caption}</div></div>{/block:Caption}
  774.            </div>
  775.            <!--- END OF POST --->
  776.            
  777.            
  778.            <!--- BOTTOM OF POST --->
  779.            
  780.     <div class="postBottom">
  781.         {block:Date}
  782. <div id="permalink">
  783.  
  784.     {block:NoteCount}
  785.         <a href="{Permalink}">{NoteCountWithLabel}</a>
  786.     {/block:NoteCount}
  787.     <div style="float:right;">
  788.    
  789.         <div class="controls">
  790. <a href="{ReblogURL}" target="_blank" class="reblog">
  791. <svg xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 361.095 361.095" style="enable-background:new 0 0 361.095 361.095;" xml:space="preserve"><g><g><path d="M182.595,325.678c-63.183,0-120.133-42.217-138.267-102.567c-2.833-9.067-12.183-14.167-21.25-11.333    c-9.067,2.833-14.167,12.183-11.333,21.25c22.95,75.933,91.517,126.65,170.85,126.65c98.317,0,178.5-80.183,178.5-178.5    s-80.183-178.5-178.5-178.5c-55.817,0-108.233,26.633-141.667,69.7l-7.083-56.1c-1.133-9.35-9.633-15.867-18.983-14.733    C5.511,2.678-1.005,11.178,0.128,20.528l13.317,103.7c1.133,8.5,8.5,14.733,16.717,14.733c0.567,0,1.417,0,1.983,0l102.567-11.617    c9.35-1.133,16.15-9.35,15.017-18.7s-9.35-16.15-18.7-15.017l-68.85,7.65c26.633-39.95,71.683-64.6,120.417-64.6    c79.617,0,144.5,64.883,144.5,144.5S262.211,325.678,182.595,325.678z"/></g></g></svg>
  792. </a>
  793. <a href="#" class="like">{LikeButton}
  794. <svg xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 442.403 442.403" style="enable-background:new 0 0 442.403 442.403;" xml:space="preserve"><g><g><path d="M213.05,422.652c2.833,1.7,5.95,2.833,9.35,2.833c3.117,0,6.517-0.85,9.35-2.833c7.65-5.1,187.283-123.533,207.683-243.95    c10.483-62.333-8.783-100.867-26.633-122.117c-20.967-24.933-52.133-39.667-83.017-39.667c-10.2,0-20.117,1.7-28.9,5.1    c-43.067,16.15-72.25,44.767-88.117,64.317c-15.583-19.267-42.217-47.033-74.517-58.083c-9.917-3.4-20.683-5.1-32.017-5.1    c-28.9,0-56.383,11.9-75.367,32.867c-16.717,18.417-35.7,53.55-29.75,114.75C13.016,291.185,204.833,417.268,213.05,422.652z     M56.083,78.685c17.283-18.983,38.817-21.817,50.15-21.817c7.367,0,14.45,1.133,20.967,3.4    c39.383,13.317,70.833,63.467,71.4,63.75c3.117,5.1,8.783,8.217,14.733,7.933c5.95,0,11.333-3.4,14.45-8.5    c0.283-0.567,28.617-48.733,85.283-69.983c4.817-1.7,10.767-2.833,16.717-2.833c20.967,0,42.217,10.483,56.95,27.767    c19.267,22.667,25.783,55.533,18.983,94.633c-7.367,43.067-42.5,94.633-101.717,149.317c-33.433,30.883-66.3,54.683-81.6,65.45    c-16.15-11.05-51-36.55-86.417-68.85C74.216,262.285,39.366,209.868,35.116,167.368C31.433,128.552,38.516,97.952,56.083,78.685z"/></g></g></svg>
  795. </a>
  796. </div>
  797.        
  798.     </div>
  799.  
  800. <!-- {block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a>&nbsp;&nbsp;{/block:Tags}</div>{/block:HasTags} -->
  801.  
  802. </div>
  803.  
  804. {/block:Date}
  805.     </div>
  806.            
  807.            <!--- END BOTTOM OF POST --->
  808.            
  809.        </div>
  810.        {/block:Posts}
  811.    </div>
  812.    
  813.    <div class="pagination">
  814. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  815. </div>
  816.  
  817.   </body>
  818. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!