daily pastebin goal
1%
SHARE
TWEET

bellicose (wc credit)

badwolf_ Jun 20th, 2018 54 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  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="http://wecode.jcink.net/index.php?showuser=1" title="Theme by Merc"><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>
RAW Paste Data
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
 
Top