API tools faq
paste
Petra1999

SLUMBER THEME | cloudythms.tumblr.com

Petra1999
Apr 29th, 2017
1,683
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 35.31 KB | None | 0 0
raw download clone embed print report
  1. <!-----------------------------------------------------------------------
  2.  
  3.  
  4.  {   cloudythms
  5.           slumber theme    }
  6.          
  7.        
  8. - https://cloudythms.tumblr.com/
  9. - visit me if you have questions!
  10.  
  11.  
  12.     .. rules
  13.    
  14. - You may move, but not remove the credit
  15. - Leave this comment
  16. - Edit the rest as much as you want
  17. - Do not redistribute without permission / use as base
  18. - Do not claim as your own
  19.  
  20.  
  21.     .. credits
  22.    
  23. - base code by sorrism
  24. - icons: font awesome
  25. - lazy load script by mika tuupola
  26.  
  27.  
  28.    .. instructions
  29.  
  30. - to edit the links, ctrl+f for...
  31.   - "MAIN LINKS HERE" for main links
  32.   - "NAVIGATION LINKS HERE" for navigation links
  33.   - "MORE LINKS HERE" for more links  
  34.  
  35. - to edit the other stuff, ctrl+f for...
  36.   - "MEMBERS/TEAM HERE" if you deactivated automatic members
  37.   - "UPDATES HERE" to edit the updates
  38.   - "STATS HERE" to edit the statistics
  39.   - "manual blogroll" if you want to make your own blogroll
  40.  
  41. - still need help?
  42.   - go here: cloudythms.tumblr.com/tutorials/customization
  43.  
  44. - correct place to paste css code: ctrl+f "pastecsshere"
  45. - correct place to paste html code: ctrl+f "pastehtmlhere"
  46.  
  47.  
  48. ---------------------------------------------------------------------->
  49.  
  50.  
  51. <!DOCTYPE html>
  52. <head>
  53. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  54. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  55.  
  56. <!-- Text that appears on the tab / browser window
  57.    Change the {Title} to any text if you want to. -->
  58. <title>{Title}</title>
  59.  
  60. <!-- Favicon (little image that shown in browser)
  61.    Change {Favicon} to your image URL. Leave the "". -->
  62. <link rel="shortcut icon" href="{Favicon}"/>
  63.  
  64. <!-- jQuery -->
  65.  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  66.  
  67. <!-- Fonts -->
  68. <link href="https://fonts.googleapis.com/css?family=Open+Sans|PT+Sans|PT+Serif" rel="stylesheet">
  69. <link href="https://fonts.googleapis.com/css?family=Abril+Fatface" rel="stylesheet">
  70.  
  71. <!-- Font Awesome -->
  72. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  73.  
  74. <!-- Search -->
  75. <script type="text/javascript" src="https://secure.static.tumblr.com/8oupd2j/BYTm7u5cn/tag_search.js"></script>
  76.  
  77.  
  78.  <!------ S C R I P T S! ------>
  79.  
  80. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  81. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  82. <script type="text/javascript" src="https://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  83.  
  84. <script type="text/javascript">
  85. $(window).load(function(){
  86. var $wall = $('#entries');
  87. $wall.imagesLoaded(function(){
  88. $wall.masonry({
  89. itemSelector: '.post',
  90. isAnimated : true
  91. });
  92. });
  93. $wall.infinitescroll({
  94. navSelector : "div#navigation",
  95. nextSelector : "div#navigation a#nextPage",
  96. itemSelector : '.post',
  97. loadingImg : "",
  98. loadingText : " ",
  99. donetext : " ",
  100. extraScrollPx : 0,
  101. bufferPx : 10000,
  102. debug : false,
  103. errorCallback: function() {
  104. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  105. }},
  106. function( newElements ) {
  107. var $newElems = $( newElements );
  108. $newElems.hide();
  109. $newElems.imagesLoaded(function(){
  110. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 250, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  111. });
  112. }); $('#entries').show(500);
  113. });
  114. </script>
  115.  
  116. <script language="JavaScript">
  117. function function1(){
  118. window.scrollTo(0,5);
  119. }
  120. function function2(){
  121. window.scroll(0,2);
  122. }
  123. </script>
  124. <!---- end masonry scripts -->
  125.  
  126. <!-- ----------------------------- options ---------------------------- -->
  127.  
  128.  
  129. <!-- Images -->
  130. <meta name="image:Background Image" content="0"/>
  131.  
  132. <!-- Colors -->
  133. <meta name="color:Background" content="#F4F4F4" />
  134. <meta name="color:Content Background" content="#fff" />
  135.  
  136. <meta name="color:Text" content="#626262" />
  137. <meta name="color:Link" content="#000000" />
  138. <meta name="color:Link Hover" content="#707070" />
  139. <meta name="color:Postinfo" content="#a9a9a9" />
  140. <meta name="color:Bold Text" content="#000000" />
  141. <meta name="color:Italic Text" content="#000000" />
  142. <meta name="color:Accent" content="#edd9eb" />
  143.  
  144. <!-- Dropdowns -->
  145. <meta name="select:Font" content="Open Sans" title="Open Sans">
  146. <meta name="select:Font" content="PT Sans" title="PT Sans">
  147.  
  148. <meta name="select:Scroll to Top Button" content="sttbnone" title="None">
  149. <meta name="select:Scroll to Top Button" content="sttbright" title="Bottom Right">
  150. <meta name="select:Scroll to Top Button" content="sttbleft" title="Bottom Left">
  151.  
  152. <!-- Options -->
  153. <meta name="if:Show Icon" content="1"/>
  154. <meta name="if:Borders" content="1"/>
  155. <meta name="if:Rounded Borders" content="0"/>
  156. <meta name="if:Lazy Load" content="0"/>
  157.  
  158. <meta name="if:--- SEGMENTS ---" content="0"/>
  159. <meta name="if:Show Info Segment" content="1"/>
  160. <meta name="if:Show Navigation Segment" content="1"/>
  161. <meta name="if:Show Team Segment" content="1"/>
  162. <meta name="if:Show Blogroll Segment" content="1"/>
  163. <meta name="if:Show More Links Segment" content="1"/>
  164. <meta name="if:Show Updates Segment" content="1"/>
  165. <meta name="if:Show Stats Segment" content="1"/>
  166. <meta name="if:Automatic Team Icons" content="1"/>
  167.  
  168. <meta name="if:--- BACKGROUND ---" content="0"/>
  169. <meta name="if:Fixed Background Image" content="1"/>
  170. <meta name="if:Cover Background Image" content="1"/>
  171. <meta name="if:Repeat Background Image" content="0"/>
  172.  
  173. <meta name="if:--- ENTRIES ---" content="0"/>
  174. <meta name="if:Show Caption" content="1"/>
  175. <meta name="if:Show Tags" content="1"/>
  176.  
  177. <!-- Text -->
  178. <meta name="text:Blog URL" content="yoururlhere"/>
  179.  
  180.  
  181.  
  182. <!-- ---------------------- scroll to top button  --------------------- -->
  183.  
  184.  
  185. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  186. <script type="text/javascript" src="https://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  187. <a href="javascript:;" title="scroll to top" id="scrollToTop"
  188. class="{select:Scroll To Top Button}" rel="nofollow">
  189.     <img src="data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDI4NC45MjkgMjg0LjkyOSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjg0LjkyOSAyODQuOTI5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTI4Mi4wODIsMTk1LjI4NUwxNDkuMDI4LDYyLjI0Yy0xLjkwMS0xLjkwMy00LjA4OC0yLjg1Ni02LjU2Mi0yLjg1NnMtNC42NjUsMC45NTMtNi41NjcsMi44NTZMMi44NTYsMTk1LjI4NSAgIEMwLjk1LDE5Ny4xOTEsMCwxOTkuMzc4LDAsMjAxLjg1M2MwLDIuNDc0LDAuOTUzLDQuNjY0LDIuODU2LDYuNTY2bDE0LjI3MiwxNC4yNzFjMS45MDMsMS45MDMsNC4wOTMsMi44NTQsNi41NjcsMi44NTQgICBjMi40NzQsMCw0LjY2NC0wLjk1MSw2LjU2Ny0yLjg1NGwxMTIuMjA0LTExMi4yMDJsMTEyLjIwOCwxMTIuMjA5YzEuOTAyLDEuOTAzLDQuMDkzLDIuODQ4LDYuNTYzLDIuODQ4ICAgYzIuNDc4LDAsNC42NjgtMC45NTEsNi41Ny0yLjg0OGwxNC4yNzQtMTQuMjc3YzEuOTAyLTEuOTAyLDIuODQ3LTQuMDkzLDIuODQ3LTYuNTY2ICAgQzI4NC45MjksMTk5LjM3OCwyODMuOTg0LDE5Ny4xODgsMjgyLjA4MiwxOTUuMjg1eiIgZmlsbD0iIzAwMDAwMCIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=" />
  190. </a>
  191.  
  192. <style>
  193.  
  194.     #scrollToTop:link, #scrollToTop:visited {
  195.         word-spacing:-3px;
  196.         display: none;
  197.         position: fixed;
  198.         bottom: 20px;
  199.         opacity: 0.3; /* 0=invisible; 0.5=half; 1=normal */
  200.     }
  201.    
  202.     #scrollToTop img{
  203.         height:16px;
  204.         width:16px;
  205.     }
  206.    
  207.     #scrollToTop:hover {
  208.         opacity:1;
  209.     }
  210.    
  211.     .sttbnone, .sttbnone:hover{
  212.         opacity:0;
  213.         left:-100px;
  214.     }
  215.     .sttbleft{
  216.         left:20px;
  217.         bottom:20px;
  218.     }
  219.     .sttbright{
  220.         right:40px;
  221.         bottom:40px;
  222.     }
  223.  
  224. </style>
  225.  
  226. <!-- ------------------------ smooth scroll  ----------------------- -->
  227.  
  228. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  229.  
  230.  
  231. <!-- --------------------------- lazy load ------------------------- -->
  232.  
  233. {block:ifLazyLoad}  
  234. <script type="text/javascript" src="https://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  235. <script type="text/javascript" src="https://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  236. <script type="text/javascript" charset="utf-8">
  237.     var $j = jQuery.noConflict();
  238.     $j(function() {
  239.     if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  240.     $j("img").lazyload({
  241.     placeholder : "https://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  242.     effect: "fadeIn",
  243.     });
  244.     });
  245. </script>
  246. {/block:ifLazyLoad}  
  247.  
  248. <!-- --------------------------- tooltips -------------------------- -->
  249.  
  250. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  251. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  252. <script>
  253.     (function($){
  254.     $(document).ready(function(){
  255.     $("a[title]").style_my_tooltips({
  256.     tip_follows_cursor:true,
  257.      
  258.     /* Change your tooltip times here. */
  259.     tip_delay_time:30, /* put a higher number for more delay */
  260.     tip_fade_speed:400, /* put a higher number for a slower fade */
  261.     /* recommended: delay:10-100 fade:200-600 */
  262.      
  263.     attribute:"title"
  264.     });
  265.     });
  266.     })(jQuery);
  267. </script>
  268. <style>
  269.     .tooltip{
  270.         display: inline;
  271.         position: relative;
  272.     }
  273.     #s-m-t-tooltip {
  274.         max-width:300px;
  275.         border-radius: 0px;
  276.         padding:2px 4px 4px 4px;
  277.         margin:20px 7px -2px 20px;
  278.         background-color:#ffffff;
  279.         border:1px solid #E0E0E0;
  280.         border-radius: 5px 5px 5px 5px;
  281.         -moz-border-radius: 5px 5px 5px 5px;
  282.         -webkit-border-radius: 5px 5px 5px 5px;
  283.         font-family:calibri;
  284.         font-size:10px;
  285.         letter-spacing:1px;
  286.         color:#000;
  287.         z-index:999999999999999999999999999999999999;
  288.     }
  289. </style>
  290.  
  291.  
  292.  
  293. <!-- ---------------------------------------------------------------- -->
  294. <!-- ----------------------- C S S - S T A R T ---------------------- -->
  295. <!-- ---------------------------------------------------------------- -->
  296.  
  297.  
  298. <style>
  299.  
  300.  
  301.  
  302. /*            tumblr controls           */
  303.  
  304. body > iframe:first-child { display: none !important; }
  305.    
  306.  
  307. /*               basics             */
  308.  
  309. body {
  310.    
  311.     background-color:{color:background};
  312.     color:{color:text};  
  313.     font-family: "{select:Font}", Arial, sans-serif;
  314.     font-size: 11px;
  315.     text-align:justify;
  316.     margin:0;
  317.     line-height:16px;
  318.    
  319.    
  320.     /* background image */
  321.    
  322.     background-image:url({image:Background Image});
  323.      
  324.     background-repeat: no-repeat;
  325.     {block:IfRepeatBackgroundImage}
  326.     background-repeat: repeat;
  327.     {/block:IfRepeatBackgroundImage}
  328.      
  329.     background-attachment:center;
  330.     {block:IfFixedBackgroundImage}
  331.     background-attachment:fixed;
  332.     {/block:IfFixedBackgroundImage}
  333.    
  334.     {block:IfCoverBackgroundImage}
  335.     background-size:cover;
  336.     {/block:IfCoverBackgroundImage}
  337.  
  338. }
  339.  
  340. pre {
  341.     white-space: pre-wrap;
  342.     white-space: -moz-pre-wrap;
  343.     white-space: -pre-wrap;
  344.     white-space: -o-pre-wrap;
  345.     word-wrap: break-word;
  346. }
  347.  
  348. blockquote{
  349.    border-left:1px solid #d3d3d3;
  350.    padding-left:10px;
  351.    margin-left:10px;
  352. }
  353.    
  354. ::selection {
  355.   background: #CACACA;
  356.   color: #ffffff;
  357. }
  358. ::-moz-selection {
  359.   background: #CACACA;
  360.   color: #ffffff;
  361. }
  362.  
  363. hr { border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
  364.  
  365. b, strong {
  366.     color:{color:bold text};
  367. }
  368.  
  369. i, em {
  370.     color:{color:italic text};
  371. }
  372.  
  373. a, a:visited, a:link, a:active {
  374.     color:{color:link};
  375.     text-decoration:none;
  376.    
  377.     -webkit-transition-duration: 0.2s;
  378.         transition-duration: 0.2s;
  379.         -webkit-transition-timing-function: linear;
  380.         transition-timing-function: linear;
  381. }
  382.  
  383. a:hover {
  384.     color:{color:link hover};
  385. }
  386.  
  387. img{
  388.     opacity:1;
  389.     border:none;
  390.     text-decoration:none;
  391. }
  392.  
  393. h1, h2, h3, h4, h5, h6{
  394.     margin:0;
  395.     font-family: {select:Font};
  396. }
  397.  
  398. small {
  399. font-size:9px;}
  400.  
  401. big {
  402. font-size:12px;}
  403.  
  404. ul li:before {
  405.   content: '\00BB';
  406.   margin:0 5px;
  407. }
  408.  
  409. ol{
  410.    list-style-type: decimal-leading-zero;
  411. }
  412.  
  413. ul{
  414.    list-style: none;
  415.    padding-left:20px;
  416. }
  417.  
  418. a, a:focus {   outline: 0; }
  419.  
  420. table, td, th {    
  421.     border: 1px solid #ddd;
  422.     text-align: left;
  423. }
  424.  
  425. table {
  426.     border-collapse: collapse;
  427.     width: 90%;
  428.     margin:15px auto;
  429. }
  430.  
  431. th {
  432.     text-align:center;
  433.     font-weight:normal;
  434.     font-size:13px;
  435.     letter-spacing:1px;
  436.     word-spacing:3px;
  437. }
  438.  
  439. th, td {
  440.     padding: 15px;
  441. }
  442.  
  443.  
  444. /*              topbar             */
  445.  
  446.  
  447.     #topbar {
  448.         top:0;
  449.         left:0;
  450.         position:fixed;
  451.         width:100%;
  452.         height:40px;
  453.         background:{color:Content Background};
  454.         z-index:999;
  455.         color:#8e8e8e;
  456.     }
  457.     #topbar a{
  458.         color:#b2b2b2;
  459.         margin-left:10px;
  460.     }
  461.     #topbar a:hover {
  462.         color:#8e8e8e;
  463.     }
  464.     #topbar img {
  465.         width:30px;
  466.         height:30px;
  467.         vertical-align:middle;
  468.         border-radius: 3px 3px 3px 3px;
  469.         -moz-border-radius: 3px 3px 3px 3px;
  470.         -webkit-border-radius: 3px 3px 3px 3px;
  471.         margin:5px 20px 0 10px;
  472.     }
  473.     #topleft, #topright {
  474.         display:inline-block;
  475.         margin-top:12px;
  476.     }
  477.     #topleft{
  478.         float:left;
  479.     }
  480.     #topright{
  481.         float:right;
  482.         margin-right:30px;
  483.     }
  484.     #topleft a {
  485.         font-size:10px;
  486.         letter-spacing:1px;
  487.         text-transform:uppercase;
  488.         margin-left:-5px;
  489.     }
  490.     #search {
  491.         display:inline-block;
  492.         margin-left:10px;
  493.     }
  494.     input[type=text] {
  495.         border:0;
  496.         color:#8e8e8e;
  497.         text-align:right;
  498.         font-size:10px;
  499.         letter-spacing:1px;
  500.         text-transform:uppercase;
  501.     }
  502.     form {
  503.         display:inline;
  504.         margin-left:5px;
  505.     }
  506.    
  507.    
  508. /*              sidebar             */
  509.  
  510.  
  511. #sidebar {
  512.    
  513. }
  514.  
  515. #sidebarim {
  516.     margin-bottom:20px;
  517. }
  518.  
  519. #sidebarim img {
  520.     width:125px;
  521. }
  522.  
  523. .links {
  524.     line-height:16px;
  525.     text-transform:lowercase;
  526.     margin-top:5px;
  527. }
  528.  
  529. .links a {
  530.     margin-bottom:10px;
  531.     width:45%;
  532.     display:inline-block;
  533.     padding:5px;
  534.     box-sizing:border-box;
  535.     letter-spacing:0px;
  536.     color:{color:Text};
  537.    
  538.     border-bottom:1px solid {color:accent};
  539.     background: linear-gradient(to right, {color:accent} 50%, {color:Content Background} 50%);
  540.     background-size: 202% 100%;
  541.     background-position:right bottom;
  542.     transition:all 0.5s ease-in-out;
  543. }
  544.  
  545. .links a:hover{
  546.     background-position:left bottom;
  547.     transition:all 0.75s ease-in-out;
  548.     color:black;
  549.     letter-spacing:1px;
  550. }
  551.  
  552. .links a:last-child:nth-child(odd) {
  553.     width:100%;
  554.     margin-right:0;
  555. }
  556.  
  557. .links a:nth-child(odd) {
  558.     margin-right:20px;
  559. }
  560.  
  561. .links.quick a {
  562.     width:100% !important;
  563. }
  564.  
  565. .links.quick a:hover{
  566.     letter-spacing:0.5px !important;
  567. }
  568.  
  569. .block a{
  570.     display: block;
  571. }
  572. .inline a{
  573.     display: inline-block;
  574.     margin-right:5px;
  575. }
  576.    
  577.  
  578. #description {
  579.     margin-bottom:15px;
  580.     text-align:justify;
  581.     font-size:10px;
  582.     padding:5px 10px;
  583. }
  584.  
  585.  
  586. .pagination {
  587.     margin:50px 0;
  588.     text-transform:lowercase;
  589.     font-weight:bold;
  590.     text-align:center;
  591.     font-size:13px;
  592. }
  593.  
  594. .pagination a {
  595.     padding:0 15px;
  596.     color:#898989;
  597. }
  598.  
  599. .pagination a:hover{
  600.     color:{color:link hover};
  601. }
  602.  
  603.  
  604. #sidebar .pagination {
  605.     margin:0;
  606.     text-transform:lowercase;
  607.     font-weight:bold;
  608. }
  609.  
  610. #sidebar .pagination a {
  611.     padding:0;
  612. }
  613.  
  614. #left, #right {
  615.     position:fixed;
  616.     box-sizing:border-box;
  617.     top:0;
  618.     width:20%;
  619.     margin:2%;
  620.     margin-top:75px;
  621.     max-height:100%;
  622.     overflow-y:auto;
  623.     padding-top:30px;
  624. }
  625.  
  626. .segment {
  627.     background:{color:Content Background};
  628.     padding:15px 20px;
  629.     margin-bottom:70px;
  630.     font-size:12px;
  631.     border: 0px solid {color:Content Background};
  632.     {block:IfBorders}
  633.     border: 1px solid #ededed;
  634.     {/block:IfBorders}
  635.     {block:IfRoundedBorders}
  636.     border-radius: 5px 5px 5px 5px;
  637.     -moz-border-radius: 5px 5px 5px 5px;
  638.     -webkit-border-radius: 5px 5px 5px 5px;
  639.     {/block:IfRoundedBorders}
  640. }
  641.  
  642. .segment h1{
  643.     margin-top:-45px;
  644.     position:absolute;
  645.     font-size:10px;
  646.     letter-spacing:1.5px;
  647.     text-transform:uppercase;
  648.     color:#898989;
  649. }
  650. .segment h1 a {
  651.      color:#898989;
  652. }
  653.  
  654.  
  655. #updates {
  656.     text-align:left;
  657.     word-wrap:break-word;
  658.     font-size:11px;
  659. }
  660. #updates b{
  661.     color:#CCCCCC;
  662.     margin-right:5px;
  663.     border:1px solid #CCCCCC;
  664.     padding:2px;
  665.     vertical-align:middle;
  666.    
  667.     border-radius: 3px 3px 3px 3px;
  668.     -moz-border-radius: 3px 3px 3px 3px;
  669.     -webkit-border-radius: 3px 3px 3px 3px;
  670. }
  671. #updates a{
  672.     border-bottom:1px solid {color:Text};
  673. }
  674.  
  675. #updates table{
  676.     width:100%;
  677.     border:none;
  678.     margin:0;
  679. }
  680.  
  681. #update th,td {
  682.     padding:5px;
  683.     border:none;
  684. }
  685.  
  686. #updates table strong {
  687.     color:{color:Text};
  688. }
  689.  
  690. #blogroll a{
  691.     display:inline-block;
  692.     margin:5px 10px 5px 0;
  693. }
  694.  
  695. .members a {
  696.     width:90%;
  697.     display:block;
  698.     margin-bottom:5px;
  699.     color:{color:Text};
  700. }
  701. .members img {
  702.     vertical-align:middle;
  703.     margin-right:10px;
  704. }
  705.  
  706.  
  707. /*     left     */
  708.  
  709. #left {
  710.     left:2%;
  711. }
  712.  
  713.  
  714. /*     right     */
  715.  
  716. #right {
  717.     right:2%;
  718. }
  719.  
  720.  
  721. /*            content / posts           */
  722.  
  723. #con {
  724.     display:inline-block;
  725.     position:absolute;
  726.     left:50%;
  727. }
  728.  
  729. #entries {
  730.     margin-top:105px;
  731.     width:520px;
  732.     left:-50%;
  733.     position:relative;
  734. }
  735.  
  736.  
  737.  
  738. .post {
  739.     float:left;
  740.     width:500px;
  741.     padding:10px;
  742.     margin-bottom:75px;
  743.     overflow:hidden;
  744.    
  745.     {block:PermalinkPage}
  746.     margin-bottom:25px;
  747.     {/block:PermalinkPage}
  748.    
  749.     border: 0px solid {color:Content Background};
  750.     {block:IfBorders}
  751.     border: 1px solid #ededed;
  752.     {/block:IfBorders}
  753.        
  754.     {block:IfRoundedBorders}
  755.     border-radius: 5px 5px 5px 5px;
  756.     -moz-border-radius: 5px 5px 5px 5px;
  757.     -webkit-border-radius: 5px 5px 5px 5px;
  758.     {/block:IfRoundedBorders}
  759.              
  760.     background-color:{color:Content Background};
  761. }
  762.  
  763.  
  764.  
  765.  
  766.  
  767. .post img, .post li, .post blockquote {max-width: 100%;}
  768. .caption {
  769.     width:100%;
  770.     margin-top:10px;
  771. }
  772.  
  773. .title {
  774.     font-size:12px;
  775.     line-height:18px;
  776.     font-weight:bold;
  777.     margin-bottom:10px;
  778.     text-transform:uppercase;
  779.     text-align:left;
  780. }
  781.  
  782.  
  783. /*quote*/
  784.  
  785. .titlequote{text-align:left;
  786. font-size:14px;
  787. line-height:18px;
  788. font-weight:bold;
  789. }
  790. #source {
  791. margin-top:15px;
  792. margin-left:15px;}
  793.  
  794. /*audio*/
  795.  
  796. .player {
  797. width:34px;
  798. height:34px;
  799. overflow:hidden;
  800. position:absolute;
  801. background:white;
  802. padding-top:3px;
  803. padding-left:5px;
  804. }
  805.  
  806. .audioinfo {
  807. margin-left:50px;
  808. }
  809.  
  810.  
  811. /*asks*/
  812. .q {margin-bottom:10px;
  813. }
  814. .as {
  815. letter-spacing:1px;
  816. word-spacing:1px;
  817. }
  818.  
  819. .a {
  820. margin-top:10px;
  821. }
  822.  
  823.  
  824. /*chat*/
  825.  
  826. .chat ol {
  827. padding:0;
  828. list-style:none;
  829. }
  830. .line {padding:5px 0;}
  831.  
  832. .label {font-weight:bold;
  833. }
  834.  
  835.  
  836. /*video*/
  837. .tumblr_video_container {
  838.      max-height:540px!important;
  839.      /*overflow:hidden!important;*/
  840. }
  841.  
  842.  
  843.  
  844.  
  845. #permalink {
  846.     margin-top:15px;
  847.     font-size:9px;
  848.     text-transform:uppercase;
  849. }
  850.  
  851. #permalink a {
  852.     margin-right:10px;
  853.     color:{color:Postinfo};
  854. }
  855.  
  856. #permalink a:hover{
  857.     color:{color:Text};
  858. }
  859.  
  860. .tags {
  861.     word-break:break-all;
  862.     font-size:9px;
  863.     display:inline;
  864. }
  865.  
  866. .pagenotes {
  867.     {block:IndexPage}
  868.     display: none!important;
  869.     {/block:IndexPage}
  870.     width:400px;
  871.     text-align:left;
  872.     font-size:8px;
  873. }
  874.  
  875. .pagenotes img {
  876.     display:none!important;
  877. }
  878.  
  879. .pagenotes li {
  880.     padding:1px 0px;
  881.     text-align:left;
  882.     margin:0 0 0 -20px;
  883. }
  884.  
  885. div.retags, .note div.retags {
  886.     font-size:8px;
  887.     margin-bottom:0px;
  888. }
  889.  
  890.  
  891.  
  892. /*  like and reblog buttons  */
  893.  
  894. svg {
  895.    width:10px;
  896.    height:auto;
  897.    opacity:.5;
  898.    padding:1px;
  899.    display:block;
  900.    overflow:visible;
  901. }
  902. .controls {
  903.     padding-bottom:0px;
  904.     margin-bottom:0px;
  905. }
  906. .controls a {
  907.    position:relative;
  908.    display:inline-block;
  909.    overflow:hidden;
  910.    padding-bottom:0px;
  911.    width:12px;
  912.    height:12px;
  913.    margin-top:-10px;
  914. }
  915. .controls .reblog {
  916.    opacity:.93;
  917. }
  918. .controls .reblog svg {
  919.    width:9px;
  920.    margin-top:1px;
  921. }
  922. .controls .like .liked + svg {
  923.    opacity:1;
  924. }
  925. .controls .like .liked + svg path {
  926.    fill:{color:accent};
  927. }
  928. .controls .like .like_button {
  929.    position:relative;
  930. }
  931. .controls .like .like_button iframe {
  932.    position:absolute;
  933.    top:0;
  934.    left:0;
  935.    bottom:0;
  936.    right:0;
  937.    z-index:2;
  938.    opacity:0;
  939. }
  940.  
  941. /*          more          */
  942.  
  943. /* pastecsshere */
  944.  
  945. {CustomCSS}
  946.  
  947. </style>
  948. </head>
  949. <body>
  950.  
  951. <!-- ---------------------------------------------------------------- -->
  952. <!-- ----------------------- H T M L - S T A R T -------------------- -->
  953. <!-- ---------------------------------------------------------------- -->
  954. <!-- pastehtmlhere -->
  955.  
  956.  
  957. <div id="con">
  958.  
  959. <div id="topbar">
  960.  
  961.     <div style="float:left;">
  962.    
  963.     <!-- ICON -->
  964.     {block:IfShowIcon}
  965.         <a href="/" style="margin-left:0"><img src="{PortraitURL-30}"></a>
  966.     {/block:IfShowIcon}
  967.    
  968.     </div>
  969.  
  970.     <div id="topleft">
  971.        
  972.         <!-- BLOGURL -->
  973.         <a href="/">@{text:blog url}</a>
  974.        
  975.     </div>
  976.    
  977.     <div id="topright">
  978.    
  979.         <form onsubmit="return tagSearch(this)">
  980.     <input type="text" name="tag" placeholder="search..." value="{text:Search Label}" onfocus="if (this.value == '{text:Search Label}') {this.value=''}" onblur="if (this.value == '') {this.value='{text:Search Label}'}" />
  981.     </form>
  982.        
  983.         <a href="/archive" title="archive" class="fa fa-th-large"></a>
  984.        
  985.         <a class="fa  fa-plus" title="follow" href="https://www.tumblr.com/follow/{text:blog url}"></a>
  986.        
  987.         <a class="fa  fa-comment" title="direct message" href="https://www.tumblr.com/dashboard?conversation={text:blog url}"></a>
  988.        
  989.     </div>
  990.    
  991.     <div style="clear:both;"></div>
  992.    
  993. </div>
  994.  
  995. <div id="sidebar">
  996. <!-- ----------------------------- left --------------------------- -->
  997.  
  998. <div id="left">
  999.  
  1000.  
  1001. <!-- segment: info -->
  1002. {block:IfShowInfoSegment}
  1003. <div class="segment">
  1004.  
  1005.     <!-- TITLE & DESCRIPTION -->
  1006.     <h1><a href="/">{Title}</a></h1>
  1007.     <div id="description">{Description}</div>
  1008.    
  1009.     <div class="links">
  1010.  
  1011.     <!-- MAIN LINKS HERE ...
  1012.  
  1013.     like this:
  1014.     <a href="url">text</a>
  1015.  
  1016.     examples:
  1017.     <a href="https://cloudythms.tumblr.com/">theme by cloudythms</a>
  1018.     <a href="/faq">my faq</a>
  1019.  
  1020.     -->  
  1021.    
  1022.     <a href="/link1">link1</a>
  1023.     <a href="/link2">link2</a>
  1024.  
  1025.     </div>
  1026.  
  1027. </div>
  1028. {/block:IfShowInfoSegment}
  1029.  
  1030. <!-- segment: navigation -->
  1031. {block:IfShowNavigationSegment}
  1032. <div class="segment">
  1033.  
  1034.     <h1>navigation</h1>
  1035.  
  1036.     <div class="links quick">
  1037.  
  1038.     <!-- NAVIGATION LINKS HERE ...
  1039.  
  1040.     like this:
  1041.     <a href="url">text</a>
  1042.  
  1043.     examples:
  1044.     <a href="https://cloudythms.tumblr.com/">theme by cloudythms</a>
  1045.     <a href="/faq">my faq</a>
  1046.  
  1047.     -->  
  1048.    
  1049.     <a href="/link1">link1</a>
  1050.     <a href="/link2">link2</a>
  1051.     <a href="/link3">link3</a>
  1052.     <a href="/link4">link4</a>
  1053.     <a href="/link5">link5</a>
  1054.  
  1055.     </div>
  1056.  
  1057. </div>
  1058. {/block:IfShowNavigationSegment}
  1059.  
  1060. <!-- segment: team/members -->
  1061. {block:IfShowTeamSegment}
  1062. <div class="segment" >
  1063.  
  1064.     <h1>team</h1>
  1065.    
  1066.     <!-- do not edit this - automatic code -->
  1067.     {block:IfAutomaticTeamIcons}
  1068.     {block:GroupMembers}
  1069.     <div class="members">
  1070.         {block:GroupMember}
  1071.         <a href="{GroupMemberURL}" title="{GroupMemberTitle}"><img src="{GroupMemberPortraitURL-30}"> {GroupMemberName}</a>
  1072.         {/block:GroupMember}
  1073.     </div>
  1074.     {/block:GroupMembers}
  1075.     {/block:IfAutomaticTeamIcons}
  1076.    
  1077.     {block:IfNotAutomaticTeamIcons}
  1078.      <div class="members">
  1079.      
  1080.      <!-- EDIT MEMBERS/TEAM HERE if you deactivated automatic team members
  1081.  
  1082.     like this:
  1083.     <a href="blogurl" title="blogtitle">
  1084.    <img src="iconurl"> blogname</a>
  1085.  
  1086.     example:
  1087.     <a href="https://cloudythms.tumblr.com/" title="cloudythms - free themes!">
  1088.    <img src="https://68.media.tumblr.com/avatar_f2bbd4a6fc86_30.png"> cloudythms</a>
  1089.  
  1090.     -->
  1091.  
  1092.      <a href="blogurl" title="blogtitle">
  1093.      <img src="https://placehold.it/30"> blogname</a>
  1094.      <a href="blogurl" title="blogtitle">
  1095.      <img src="https://placehold.it/30"> blogname</a>
  1096.      <a href="blogurl" title="blogtitle">
  1097.      <img src="https://placehold.it/30"> blogname</a>
  1098.      <a href="blogurl" title="blogtitle">
  1099.      <img src="https://placehold.it/30"> blogname</a>
  1100.      
  1101.  
  1102.      </div>
  1103.     {/block:IfNotAutomaticTeamIcons}
  1104.    
  1105. </div>
  1106. {/block:IfShowTeamSegment}
  1107.  
  1108.  
  1109.  
  1110. </div>
  1111.  
  1112.  
  1113.  
  1114.  
  1115.  
  1116.  
  1117. <!-- ----------------------------- right --------------------------- -->
  1118.  
  1119. <div id="right">
  1120.    
  1121. <!-- segment: navigation 2  -->
  1122. {block:IfShowMoreLinksSegment}
  1123. <div class="segment">
  1124.  
  1125.     <h1>more links</h1>
  1126.  
  1127.     <div class="links">
  1128.  
  1129.     <!-- MORE LINKS HERE ...
  1130.  
  1131.     like this:
  1132.     <a href="url">text</a>
  1133.  
  1134.     examples:
  1135.     <a href="https://cloudythms.tumblr.com/">theme by cloudythms</a>
  1136.     <a href="/faq">my faq</a>
  1137.  
  1138.     -->  
  1139.    
  1140.     <a href="/link">link</a>
  1141.     <a href="/link">link</a>
  1142.     <a href="/link">link</a>
  1143.     <a href="/link">link</a>
  1144.  
  1145.     </div>
  1146.    
  1147. </div>
  1148. {/block:IfShowMoreLinksSegment}
  1149.  
  1150.  
  1151.    
  1152. <!-- segment: updates -->
  1153. {block:IfShowUpdatesSegment}
  1154. <div class="segment" id="updates">
  1155.  
  1156.     <h1>updates</h1>
  1157.  
  1158.     <!-- UPDATES HERE ...
  1159.  
  1160.     like this:
  1161.     <p><b>dd.mm.yy</b>your text here</p>
  1162.    
  1163.     you can add links in your text like this:
  1164.     <a href="url">text</a>
  1165.     <p><b>dd.mm.yy</b>your <a href="url">text</a> here</p>
  1166.  
  1167.     link examples:
  1168.     <a href="https://cloudythms.tumblr.com/">theme by cloudythms</a>
  1169.     <a href="/faq">my faq</a>
  1170.  
  1171.     -->
  1172.  
  1173.     <p><b>01.01.01</b>updates... <a href="#">link</a></p>
  1174.     <p><b>01.01.01</b>updates updates</p>
  1175.    
  1176. </div>
  1177. {/block:IfShowUpdatesSegment}
  1178.  
  1179.  
  1180. <!-- segment: stats -->
  1181. {block:IfShowStatsSegment}
  1182. <div class="segment" id="updates">
  1183.  
  1184.     <h1>stats</h1>
  1185.    
  1186.    
  1187.     <!-- STATS HERE
  1188.  
  1189.         - left column is in <td><strong>title</strong></td>
  1190.         - right column is in <td>text</td>
  1191.         - one row is in <tr></tr>
  1192.  
  1193.     ... basically, simply replace "text" with your text or code.
  1194.     -->
  1195.  
  1196.     <table>
  1197.         <tr>
  1198.             <td><strong>established:</strong></td>
  1199.             <td>text</td>
  1200.         </tr>
  1201.         <tr>
  1202.             <td><strong>followers:</strong></td>
  1203.             <td>text</td>
  1204.         </tr>
  1205.         <tr>
  1206.             <td><strong>visits:</strong></td>
  1207.             <td>text</td>
  1208.         </tr>
  1209.         <tr>
  1210.             <td><strong>online:</strong></td>
  1211.             <td>text</td>
  1212.         </tr>
  1213.         <tr>
  1214.             <td><strong>theme:</strong></td>
  1215.             <td>by <a href="https://cloudythms.tumblr.com/" target="_blank">cloudythms</a></td>
  1216.             <!-- you may remove this, but leave the other credit -->
  1217.         </tr>
  1218.     </table>
  1219.  
  1220.    
  1221.    
  1222. </div>
  1223. {/block:IfShowStatsSegment}
  1224.    
  1225.  
  1226. <!-- segment: blogroll -->
  1227. {block:IfShowBlogrollSegment}
  1228. <div class="segment">
  1229.  
  1230.     <h1>blogroll</h1>
  1231.  
  1232.     <!-- do not edit the blogroll code - automatic code -->
  1233.      <div id="blogroll">
  1234.      
  1235.         {block:Following}
  1236.         {block:Followed}
  1237.         <a href="{FollowedURL}" title="{FollowedName}">
  1238.         <img src="{FollowedPortraitURL-30}"></a>
  1239.         {/block:Followed}{/block:Following}
  1240.        
  1241.         <!-- if you want to make a manual blogroll, do it like below, and comment out the automatic code.
  1242.            
  1243.         like this:
  1244.         <a href="url" title="blog title"><img src="iconurl"></a>
  1245.  
  1246.         example:
  1247.         <a href="https://cloudythms.tumblr.com/" title="cloudythms - free themes!"><img src="https://68.media.tumblr.com/avatar_f2bbd4a6fc86_30.png"></a>
  1248.  
  1249.  
  1250.         -->
  1251.        
  1252.         <!--
  1253.        <a href="#" title="blog title"><img src="https://placehold.it/30"></a>
  1254.        <a href="#" title="blog title"><img src="https://placehold.it/30"></a>
  1255.        <a href="#" title="blog title"><img src="https://placehold.it/30"></a>
  1256.        <a href="#" title="blog title"><img src="https://placehold.it/30"></a>
  1257.        <a href="#" title="blog title"><img src="https://placehold.it/30"></a>
  1258.        <a href="#" title="blog title"><img src="https://placehold.it/30"></a>
  1259.        <a href="#" title="blog title"><img src="https://placehold.it/30"></a>
  1260.        <a href="#" title="blog title"><img src="https://placehold.it/30"></a>
  1261.        -->
  1262.      </div>
  1263.    
  1264. </div>
  1265. {/block:IfShowBlogrollSegment}
  1266.  
  1267.    
  1268. </div>
  1269. </div> <!-- /sidebar -->
  1270.  
  1271. <!-- ----------------------------- middle --------------------------- -->
  1272.  
  1273.  
  1274. <div id="entries">
  1275.  
  1276. {block:Posts}
  1277.  
  1278. <div class="post" id="{PostID}">
  1279.  
  1280.  
  1281. {block:Quote}
  1282.  
  1283.  
  1284. <div class="title titlequote">“{Quote}”</div>
  1285. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  1286. {/block:Quote}
  1287.  
  1288.  
  1289.  
  1290. {block:Text}
  1291.  
  1292. {block:Title}
  1293. <div class="title">{Title}</div>{/block:Title}
  1294. {Body}
  1295. {/block:Text}
  1296.  
  1297. {block:Link}
  1298. <div class="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  1299. {/block:Link}
  1300.  
  1301. {block:Chat}
  1302. {block:Title}
  1303. <div class="title">{Title}</div>
  1304. {/block:Title}
  1305. <div class="chat">
  1306. <blockquote>
  1307. <ol>{block:Lines}
  1308. <li class="line {Alt}">
  1309. {block:Label}
  1310. <span class="label">
  1311. {Label}</span>
  1312. {/block:Label}{Line}</li>
  1313. {/block:Lines}
  1314. </ol></blockquote></div>
  1315. {/block:Chat}
  1316.  
  1317. {block:Photo}
  1318. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  1319. {/block:Photo}
  1320.  
  1321. {block:Photoset}
  1322. {Photoset-500}
  1323. {/block:Photoset}
  1324.  
  1325. {block:Video}
  1326. {Video-500}
  1327. {/block:Video}
  1328.  
  1329. {block:Audio}
  1330. <div class="player">{AudioPlayerWhite}</div>
  1331. <div class="audioinfo">
  1332. {block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}
  1333. </div>
  1334. {/block:Audio}
  1335.  
  1336. {block:Answer}
  1337. <div class="q">
  1338. <div class="as">{Asker} said: </div>
  1339. <blockquote>{Question}</blockquote></div>
  1340. <div class="a">{Answer}</div>
  1341. {/block:Answer}
  1342.  
  1343.  
  1344.  
  1345. <!--      caption      -->
  1346. {block:IfShowCaption}
  1347. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1348. {/block:IfShowCaption}
  1349.  
  1350.  
  1351.  
  1352. <!--      post infos      -->
  1353. {block:Date}
  1354. <div id="permalink">
  1355.  
  1356. <span style="float:left;max-width:85%">
  1357.  
  1358. <a style="margin-left:5px" href="{Permalink}" class="fa fa-lg fa-link" title="{NoteCount} n." href="https://www.tumblr.com/follow/cloudythms"></a>
  1359.  
  1360. {block:RebloggedFrom}
  1361. <a href="{ReblogParentURL}">via {ReblogParentName}</a>
  1362. {block:ContentSource}<a href="{ReblogRootURL}">by {ReblogRootName}</a>{/block:ContentSource}
  1363. {/block:RebloggedFrom}
  1364.  
  1365.  
  1366. <!--   fix    -->
  1367. <!-- {block:NoRebloggedFrom}
  1368. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1369. {/block:NoRebloggedFrom} -->
  1370. {block:ContentSource}<!-- {SourceURL}
  1371. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1372. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1373. {/block:ContentSource}
  1374.  
  1375.  
  1376. <!--    tags    -->
  1377. {block:IfShowTags}{block:HasTags}<div class="tags">
  1378. {block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags}
  1379. </div>{/block:HasTags}{/block:IfShowTags}
  1380.  
  1381. {block:PermalinkPage}
  1382. <div class="opensub" style="cursor:help;color:{color:postinfo};margin-top:10px;">show notes</div>
  1383. {/block:PermalinkPage}
  1384.  
  1385. </span>
  1386. <span style="float:right;">
  1387.  
  1388. <div class="controls">
  1389. <a href="{ReblogURL}" target="_blank" class="reblog">
  1390. <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>
  1391. </a>
  1392. <a href="#" class="like">{LikeButton}
  1393. <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>
  1394. </a>
  1395. </div>
  1396.  
  1397. </span>
  1398.  
  1399. <div style="clear:both;"></div>
  1400.  
  1401.  
  1402.  
  1403.  
  1404.  
  1405. </div>
  1406. {/block:Date}
  1407.  
  1408.  
  1409.  
  1410. </div>
  1411.  
  1412.  
  1413. <!--     notes    -->
  1414.  
  1415. {block:PostNotes}
  1416. <script type="text/javascript">
  1417.     jQuery(document).ready(function() {
  1418.        
  1419.     jQuery(".sub").hide();
  1420.     //toggle the componenet with class msg_body
  1421.     jQuery(".opensub").click(function(){
  1422.         jQuery(".sub").slideToggle(500);
  1423.     });
  1424.        
  1425.     });
  1426. </script>
  1427.  
  1428. <div class="pagenotes sub">
  1429.     {PostNotes}
  1430. </div>
  1431. {/block:PostNotes}
  1432.  
  1433.  
  1434. {/block:Posts}
  1435.  
  1436.  
  1437.  
  1438.  
  1439. <!--     pagination     -->
  1440.  
  1441. <div class="pagination">
  1442. {block:Pagination}
  1443. {block:PreviousPage}
  1444. <a href="{PreviousPage}" title="previous"><span class="fa fa-chevron-left"></span></a>
  1445. {/block:PreviousPage}
  1446.  
  1447.  
  1448. {block:NextPage}
  1449. <a href="{NextPage}" title="next"><span class="fa fa-chevron-right"></span></a>
  1450. {/block:NextPage}
  1451. {/block:Pagination}
  1452. </div>
  1453.  
  1454.  
  1455.  
  1456. </div>
  1457.  
  1458. </div>
  1459.  
  1460.  
  1461. {block:ContentSource}
  1462. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1463. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1464. {/block:SourceLogo}
  1465. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1466. {/block:ContentSource}
  1467.  
  1468.  
  1469.  
  1470.  
  1471. <!-- credit link. you may move but not remove. -->
  1472. <div style="position:fixed;bottom:10px;right:15px;font-size:12px;opacity:0.5;"><a href="https://cloudythms.tumblr.com/" title="theme by cloudythms"
  1473. style="text-decoration:none;">☁</a></div>
  1474.  
  1475.  
  1476.  
  1477.  
  1478. </div>
  1479.  
  1480.  
  1481. </body></html>
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!