API tools faq
paste
Petra1999

SUNFLOWERS THEME | cloudythms.tumblr.com

Petra1999
Apr 16th, 2017
548
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 46.37 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  2. <head>
  3.  
  4. <!-----------------------------------------------------------------------
  5.  
  6.  
  7.  
  8.   {   cloudythms
  9.            sunflowers theme    }
  10.  
  11.  
  12. !!!! THERE IS A NEW (AND BETTER) VERSION OF THIS THEME
  13. AVAILABLE HERE: https://cloudythms.tumblr.com/post/177267257809/
  14.            
  15.          
  16.   =>   https://cloudythms.tumblr.com/
  17.                - visit me if you have questions!
  18.                
  19.      
  20.  
  21.  
  22.           == RULES ==
  23. - You may move, but not remove the credit
  24. - Leave this comment
  25. - Edit the rest as much as you want
  26. - Do not redistribute without permission / use as base
  27. - Do not claim as your own
  28.  
  29.  
  30.  
  31.           == CREDITS ==
  32. - Base Code #1 by Incedo
  33.    (https://incedothemes.tumblr.com)
  34. - Icons from flaticon.com
  35.  
  36.  
  37.    If you're looking for the right place to
  38.    paste CSS code, simply Ctrl+F for "exampleclass"!
  39.  
  40.  
  41. ---------------------------------------------------------------------->
  42.  
  43. <!-- ------------------------ B R O W S E R  ------------------------- -->
  44.  
  45. <!-- Text that appears on the tab / browser window
  46.     Change the {Title} to any text if you want to. -->
  47. <title>{Title}</title>
  48.  
  49. <!-- Favicon (little image that shown in browser)
  50.     Change {Favicon} to your image URL. Leave the "". -->
  51. <link rel="shortcut icon" href="{Favicon}"/>
  52.  
  53.  
  54.  
  55. <!-- ------------------------ O P T I O N S ------------------------- -->
  56.  
  57. <!-- Images -->
  58. <meta name="image:Background" content="0"/>
  59.  
  60. <!-- Colors -->
  61.  
  62. <meta name="color:Background" content="#fcfcfc" />
  63. <meta name="color:Post Background" content="#ffffff" />
  64. <meta name="color:Sidebar Background" content="#ffffff" />
  65.  
  66. <meta name="color:Text" content="#5e5e5e" />
  67. <meta name="color:Bold Text" content="#353535" />
  68. <meta name="color:Italic Text" content="#373737" />
  69. <meta name="color:Accent" content="#9ebfd3" />
  70.  
  71.  
  72. <!-- Dropdowns -->
  73.  
  74. <meta name="select:Font" content="PT Sans" title="PT Sans">
  75. <meta name="select:Font" content="Open Sans" title="Open Sans">
  76. <meta name="select:Font" content="Karla" title="Karla">
  77. <meta name="select:Font" content="Libre Baskerville" title="Libre Baskerville">
  78. <meta name="select:Font" content="Tinos" title="Tinos">
  79. <meta name="select:Font" content="Roboto" title="Roboto">
  80. <meta name="select:Font" content="Broid Sans Mono" title="Broid Sans Mono">
  81.  
  82. <meta name="select:Post Size Index" content="size1" title="250px">
  83. <meta name="select:Post Size Index" content="size2" title="400px">
  84. <meta name="select:Post Size Index" content="size3" title="500px">
  85.  
  86. <meta name="select:Post Size Permalink" content="size1" title="250px">
  87. <meta name="select:Post Size Permalink" content="size2" title="400px">
  88. <meta name="select:Post Size Permalink" content="size3" title="500px">
  89.  
  90. <meta name="select:Navigation Style" content="twocolumn" title="Two Columns">
  91. <meta name="select:Navigation Style" content="onecolumn" title="One Column">
  92.  
  93. <meta name="select:Scroll to Top Button" content="sttbnone" title="None">
  94. <meta name="select:Scroll to Top Button" content="sttbright" title="Bottom Right">
  95. <meta name="select:Scroll to Top Button" content="sttbleft" title="Bottom Left">
  96.  
  97.  
  98.  
  99. <!-- Options: Basics -->
  100. <meta name="if:Borders" content="1"/>
  101. <meta name="if:Sidebar Background" content="1"/>
  102. <meta name="if:Accent Stripes" content="1"/>
  103. <meta name="if:Lazy Load" content="0"/>
  104.  
  105. <meta name="if:--- BACKGROUND ---" content="0"/>
  106. <meta name="if:Fixed Background Image" content="1"/>
  107. <meta name="if:Cover Background Image" content="1"/>
  108. <meta name="if:Repeat Background Image" content="0"/>
  109.  
  110. <meta name="if:--- ENTRIES ---" content="0"/>
  111. <meta name="if:Show Caption" content="1"/>
  112. <meta name="if:Show Tags" content="1"/>
  113. <meta name="if:Post Background" content="1"/>
  114.  
  115. <meta name="if:--- LINKS ---" content="0"/>
  116. <meta name="if:Show About Link" content="1"/>
  117. <meta name="if:Show Tags Link" content="1"/>
  118. <meta name="if:Show Blogroll Link" content="1"/>
  119. <meta name="if:Show Updates Link" content="1"/>
  120. <meta name="if:Show Random Link" content="1"/>
  121. <meta name="if:Show Archive Link" content="1"/>
  122.  
  123.  
  124. <!-- Text -->
  125. <meta name="text:The Blog URL" content="exampleurl"/>
  126. <meta name="text:Index Link Text" content="Posts"/>
  127. <meta name="text:Ask Link Text" content="Contact"/>
  128. <meta name="text:Ask Link" content="/ask"/>
  129. <meta name="text:About Link Text" content="About"/>
  130. <meta name="text:About Link" content="/about"/>
  131. <meta name="text:Tags Link Text" content="Tags"/>
  132. <meta name="text:Tags Link" content="/tags"/>
  133. <meta name="text:Blogroll Link Text" content="Blogroll"/>
  134. <meta name="text:Blogroll Link" content="/blogroll"/>
  135. <meta name="text:Updates Link Text" content="Updates"/>
  136. <meta name="text:Updates Link" content="/updates"/>
  137.  
  138.  
  139.  
  140.  
  141.    
  142. <!-- ----------------------- DO NOT EDIT THIS CODE  --------------------- -->
  143.  
  144. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  145. {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  146.  
  147. <link rel="stylesheet" media="screen" href="https://openfontlibrary.org/face/web-symbols" rel="stylesheet" type="text/css"/>
  148. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  149. <link href="https://fonts.googleapis.com/css?family=Droid+Sans+Mono|Karla|Libre+Baskerville|Open+Sans|Roboto|Tinos" rel="stylesheet">
  150. <link href="https://fonts.googleapis.com/css?family=PT+Sans|PT+Sans+Caption|PT+Sans+Narrow" rel="stylesheet">
  151.  
  152. <!-- SCRIPTS -->
  153.  
  154. <!-- scripts -->
  155. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  156.  
  157. <!--other scripties i just imported to be sure
  158. <script src="//static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  159. <script src="//static.tumblr.com/fwgzvyf/2nno5ubpt/shythemes.fn.js"></script>
  160. <script src="https://static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>
  161. -->
  162.  
  163.  
  164.  
  165. <!-- Resizing Videos (https://shythemes.tumblr.com/post/134536748863/) -->
  166. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  167.  
  168. <!-- Un-nest (https://neothm.com/post/148902138319/) -->
  169. <script src="//static.tumblr.com/wgg6svp/ohGobvaye/unnest.min.js"></script>
  170.  
  171.    
  172. </script>
  173.  
  174.  
  175. <!-- ---------------------- SCROLL-TO-TOP BUTTON --------------------- -->
  176.  
  177.  
  178. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  179. <script type="text/javascript" src="https://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  180. <a href="javascript:;" title="scroll to top" id="scrollToTop"
  181. class="{select:Scroll To Top Button}" rel="nofollow">
  182.     <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=" />
  183. </a>
  184.  
  185. <style>
  186.  
  187.     #scrollToTop:link, #scrollToTop:visited {
  188.         word-spacing:-3px;
  189.         display: none;
  190.         position: fixed;
  191.         bottom: 20px;
  192.         opacity: 0.3; /* 0=invisible; 0.5=half; 1=normal */
  193.         z-index:9999999;
  194.         border:0;
  195.     }
  196.    
  197.     #scrollToTop img{
  198.         height:16px;
  199.         width:16px;
  200.     }
  201.    
  202.     #scrollToTop:hover {
  203.         opacity:0.5;
  204.         cursor:help;
  205.     }
  206.    
  207.     .sttbnone, .sttbnone:hover{
  208.         opacity:0;
  209.         left:-100px;
  210.     }
  211.     .sttbleft{
  212.         left:15px;
  213.         bottom:20px;
  214.     }
  215.     .sttbright{
  216.         right:12px;
  217.         bottom:30px !important;
  218.     }
  219.  
  220. </style>
  221.  
  222.  
  223.  
  224. <!-- ---------------------- "LAZY LOAD" SCRIPT ----------------------- -->
  225.  
  226. <!--
  227. Lazy Load delays loading of images in long web pages. Images outside of viewport (visible part of web page) wont be loaded before user scrolls to them. Using Lazy Load on long web pages containing many large images makes the page load faster.
  228.  
  229. by  https://www.appelsiini.net/projects/lazyload
  230. -->
  231.  
  232. {block:ifLazyLoad}  
  233. <script type="text/javascript" src="https://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  234. <script type="text/javascript" src="https://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  235. <script type="text/javascript" charset="utf-8">
  236.     var $j = jQuery.noConflict();
  237.     $j(function() {
  238.     if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  239.     $j("img").lazyload({
  240.     placeholder : "https://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  241.     effect: "fadeIn",
  242.     });
  243.     });
  244. </script>
  245. {/block:ifLazyLoad}  
  246.  
  247.  
  248.  
  249.  
  250. <!-- --------------------------- TOOLTIPS -------------------------- -->
  251.  
  252. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  253. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  254. <script>
  255. $(document).ready(function(){
  256.        
  257.        
  258.    
  259.     // TOOLTIPS
  260.     $("a[title]").style_my_tooltips({
  261.     tip_follows_cursor:true,
  262.      
  263.     /* Change your tooltip times here. */
  264.     tip_delay_time:30, /* put a higher number for more delay */
  265.     tip_fade_speed:400, /* put a higher number for a slower fade */
  266.     /* recommended: delay:10-100 fade:200-600 */
  267.      
  268.     attribute:"title"
  269.     });
  270.    
  271.    
  272.    
  273. });
  274. </script>
  275.  
  276. <style>
  277.     .tooltip{
  278.         display: inline;
  279.         position: relative;
  280.     }
  281.     #s-m-t-tooltip {
  282.         max-width:300px;
  283.         border-radius: 0px;
  284.         padding:3px 4px 5px 4px;
  285.         margin:20px 7px -2px 20px;
  286.         background-color:#ffffff;
  287.         border:1px solid #ededed;
  288.         border-radius: 5px 5px 5px 5px;
  289.         -moz-border-radius: 5px 5px 5px 5px;
  290.         -webkit-border-radius: 5px 5px 5px 5px;
  291.         font-family:calibri;
  292.         font-size:10px;
  293.         letter-spacing:1px;
  294.         text-transform:uppercase;
  295.         color:#000;
  296.         z-index:999999999999999999999999999999999999;
  297.     }
  298. </style>
  299.  
  300. <link href="https://fonts.googleapis.com/css?family=Caveat+Brush|Gochi+Hand|Itim|Leckerli+One|Pacifico" rel="stylesheet">
  301.  
  302. <!-- tumblr controls -->
  303. <style>
  304. iframe.tmblr-iframe {
  305.     z-index:99999999999999!important;
  306.     top:0!important;
  307.     right:0!important;
  308.     opacity:0.4;
  309.         filter:invert(1) contrast(150%);
  310.         -webkit-filter:invert(1) contrast(150%);
  311.         -o-filter:invert(1) contrast(150%);
  312.         -moz-filter:invert(1) contrast(150%);
  313.         -ms-filter:invert(1) contrast(150%);
  314.     transform:scale(0.65);
  315.     transform-origin:100% 0;
  316.     -webkit-transform:scale(0.65);
  317.     -webkit-transform-origin:100% 0;
  318.     -o-transform:scale(0.65);
  319.     -o-transform-origin:100% 0;
  320.     -moz-transform:scale(0.65);
  321.     -moz-transform-origin:100% 0;
  322.     -ms-transform:scale(0.65);
  323.     -ms-transform-origin:100% 0;
  324. }
  325. iframe.tmblr-iframe:hover {
  326.     opacity:0.6!important;
  327. }
  328. </style>
  329.  
  330.  
  331. <!-- ---------------------------------------------------------------- -->
  332. <!-- ----------------------- C S S - S T A R T ---------------------- -->
  333. <!-- ---------------------------------------------------------------- -->
  334. <style type="text/css">
  335.  
  336.  
  337. /* ****************************** BASICS ****************************** */
  338.      
  339.      
  340.        
  341. body {
  342.    
  343.     background-color:{color:background};
  344.     color:{color:text};  
  345.     font-family: '{select:Font}', Arial, sans-serif;
  346.     font-size:12px;
  347.    
  348.    
  349.     /* background image */
  350.    
  351.     {block:IfBackgroundImage}
  352.     background-image:url({image:Background});
  353.     {/block:IfBackgroundImage}
  354.      
  355.     background-repeat: no-repeat;
  356.     {block:IfRepeatBackgroundImage}
  357.     background-repeat: repeat;
  358.     {/block:IfRepeatBackgroundImage}
  359.      
  360.     background-attachment:center;
  361.     {block:IfFixedBackgroundImage}
  362.     background-attachment:fixed;
  363.     {/block:IfFixedBackgroundImage}
  364.    
  365.     {block:IfCoverBackgroundImage}
  366.     background-size:cover;
  367.     {/block:IfCoverBackgroundImage}
  368.  
  369. }
  370.  
  371.  
  372. #wrapper {
  373.     width:800px;
  374.     margin-left:15%;
  375.     margin-right:auto;
  376. }
  377.  
  378. .center {
  379.         position: absolute;
  380.         top:50%;
  381.         left:50%;
  382.         padding:15px;
  383.         -ms-transform: translateX(-50%) translateY(-50%);
  384.         -webkit-transform: translate(-50%,-50%);
  385.         transform: translate(-50%,-50%);
  386.     }
  387.  
  388.  
  389. b, strong {
  390.     color:{color:bold text};
  391. }
  392.  
  393. i, em {
  394.     color:{color:italic text};
  395. }
  396.  
  397.  
  398. a, a:visited, a:link, a:active{
  399.     color:{color:Text};
  400.     text-decoration:none;
  401.      
  402.     -webkit-transition-duration: 0.3s;
  403.     transition-duration: 0.3s;
  404.     -webkit-transition-timing-function: ease-out;
  405.     transition-timing-function: ease-out;
  406. }
  407.  
  408. a:hover{
  409.     color:{color:Accent};
  410. }
  411.  
  412. h1, h2, h3, h4, h6, h6{
  413.     margin:0;
  414.     font-family: {select:Font};
  415.     color: {color:text};
  416.     font-weight:normal;
  417. }
  418.  
  419. h1 {
  420.     font-size:16px;
  421. }
  422.  
  423. h2 {
  424.     font-size:14px;
  425. }
  426.  
  427. h3 {
  428.     font-size: 12px;
  429. }
  430.  
  431. h4 {
  432.     font-size: 11px;
  433. }
  434.  
  435. h5 {
  436.     font-size:10px;
  437. }
  438.  
  439. h6 {
  440.     font-size:9px;
  441. }
  442.  
  443.  
  444.  
  445. blockquote{
  446.    border-left:1px solid #ededed;
  447.    padding-left:10px;
  448.    margin-left:10px;
  449. }
  450.  
  451. ul li:before {
  452.   content: '\00BB';
  453.   margin:0 5px;
  454. }
  455.  
  456. ol{
  457.    list-style-type: decimal-leading-zero;
  458. }
  459.  
  460. ul{
  461.    list-style: none;
  462.    padding-left:20px;
  463. }
  464.  
  465. /* no ugly dotted border */
  466.  
  467. a, a:focus {   outline: 0; }
  468.  
  469.  
  470. /* <hr> style (divider) */
  471.  
  472. hr{
  473.  border: 0;
  474.  height: 0;
  475.  border-top: 1px solid rgba(0, 0, 0, 0.1);
  476.  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  477. }
  478.  
  479.  
  480. /* text selection style */
  481.  
  482. ::selection {
  483.   background: #d3d3d3;
  484. }
  485. ::-moz-selection {
  486.   background: #d3d3d3;
  487. }
  488.  
  489.  
  490.  
  491. /* like and reblog buttons */
  492.  
  493.  
  494. .controls {
  495.     text-align:center;
  496.     padding-bottom:0px;
  497.     margin-bottom:0px;
  498. }
  499. .controls a {
  500.    position:relative;
  501.    display:inline-block;
  502.    overflow:hidden;
  503.    padding:5px;
  504.    padding-bottom:0px;
  505.    width:12px;
  506.    margin-top:-10px;
  507. }
  508. .controls .reblog, .controls .like {
  509.    opacity:.93 !important;
  510. }
  511. .controls .reblog svg {
  512.    width:9px;
  513.    margin-top:1px;
  514. }
  515. .controls .like .liked + svg {
  516.    opacity:1 !important;
  517. }
  518. .controls .like .liked + svg path {
  519.    fill:#ec5a5a;
  520. }
  521. .controls .like .like_button {
  522.    position:relative;
  523. }
  524. .controls .like .like_button iframe {
  525.    position:absolute;
  526.    top:0;
  527.    left:0;
  528.    bottom:0;
  529.    right:0;
  530.    z-index:2;
  531.    opacity:0;
  532. }
  533.  
  534.  
  535.  
  536. /* ****************************** SIDEBAR ***************************** */
  537.  
  538.  
  539. #sidebar {
  540.     top: 0;
  541.     left:0;
  542.     height:100%;
  543.     width:240px;
  544.     position:fixed;
  545.     z-index:999999;
  546.  
  547.     border: 0px solid #fff;
  548.     {block:IfBorders}
  549.     border: 1px solid #ededed;
  550.     {/block:IfBorders}
  551.    
  552.     {block:IfSidebarBackground}
  553.     background-color:{color:Sidebar Background};
  554.     {/block:IfSidebarBackground}
  555.  
  556. }
  557.  
  558. #sidebarpadded {
  559.     padding:20px;
  560. }
  561.  
  562. #sidebar a, #sidebar a:visited, #sidebar a:link, #sidebar a:active
  563. {
  564.     color:{color:Text};
  565.     letter-spacing:1px;
  566.     word-spacing:3px;
  567.     font-size:11px;
  568. }
  569.  
  570. #sidebar a:hover{
  571.     color:{color:Accent};
  572. }
  573.  
  574. #sidebarlinks {
  575.     margin:15px 0;
  576.     margin-left:8px;
  577. }
  578.  
  579. #sidebarlinks a, #sidebarlinks a:visited, #sidebarlinks a:link, #sidebarlinks a:active
  580. {
  581.    
  582.     display:inline-block;
  583.     padding:10px;
  584.     padding-left:25px;
  585.     padding-right:15px;
  586.     margin-right:10px;
  587.     letter-spacing:0px;
  588.     word-spacing:3px;
  589.     font-size:11px;
  590.     color:{color:text};
  591.     border:none;
  592.    
  593.     background-size:12px 12px;
  594.     background-repeat:no-repeat;
  595.     background-position:5px center;
  596. }
  597.  
  598. #sidebarlinks a:hover{
  599.     padding-left:35px;
  600.     padding-right:5px;
  601.     background-position:0px center;
  602.     color:{color:Accent};
  603. }
  604.  
  605. .onecolumn a {
  606.     width:80px;
  607.      
  608. }
  609. .twocolumn a {
  610.    
  611.     width:40px;
  612.     margin:2px 5px;
  613. }
  614.  
  615.  
  616. .sidebarcolor1  {
  617.     width:240px;
  618.     height:2%;
  619.     background-color:{color:Accent};
  620. }
  621.  
  622. .sidebarcolor2 {
  623.     position:fixed;
  624.     bottom:0;
  625.     width:240px;
  626.     height:2%;
  627.     background-color:{color:Accent};
  628. }
  629.  
  630. #title, #title a, #title a:visited, #title a:link, #title a:active {
  631.     text-transform:none;
  632.     letter-spacing:none;
  633.     word-spacing:none;
  634.     color: {color:Accent};
  635.     font-size: 20px;
  636.     text-align:center;
  637.     border:none;
  638.     margin-top:-10px;
  639.     opacity:1;
  640. }
  641.  
  642. #title a:hover {
  643.     opacity:0.8;
  644. }
  645.  
  646. #description {
  647.     font-size:12px;
  648.     font-style:italic;
  649.     padding:0 5px;
  650.     display:inline-block;
  651.     text-align:justify;
  652.     padding-right:8px;
  653. }
  654.  
  655.  
  656. .block a{
  657.     display: block;
  658. }
  659. .inline a{
  660.     display: inline-block;
  661.     margin-right:5px;
  662. }
  663.  
  664. #pagination {
  665.     text-align:center;
  666. }
  667.  
  668. #pagination a, #pagination a:hover {
  669.     color:{color:Text};
  670.     border:none;
  671. }
  672.  
  673. #pagination img {
  674.     height:11px;
  675.     width:12px;
  676.     vertical-align:middle;
  677. }
  678.  
  679. #pagination p{
  680.     display:inline-block;
  681.     padding:7px;
  682.     margin:0;
  683. }
  684.  
  685. /* ******************************* POSTS **************************** */
  686.  
  687.  
  688.  
  689. #entries {
  690.     margin-left: 100px;
  691.     margin-top:50px;
  692. }
  693.  
  694. #entries a, a:visited, a:link, a:active {
  695.     color:{color:Text};
  696.     border-bottom:1px solid {color:Accent};
  697.     text-decoration:none;
  698.     padding-bottom:0px;
  699.    
  700.     -webkit-transition-duration: 0.1s;
  701.         transition-duration: 0.1s;
  702.         -webkit-transition-delay: 0s;
  703.         transition-delay: 0s;
  704.         -webkit-transition-timing-function: linear;
  705.         transition-timing-function: linear;
  706.    
  707. }
  708.  
  709. #entries a:hover {
  710.     color:{color:Accent};
  711.     padding-bottom:1px;
  712.     border-bottom:1px solid {color:text};
  713. }
  714.  
  715.  
  716.  
  717. .posts {
  718.     overflow:hidden;
  719.    
  720.     padding:10px;
  721.      
  722.     {block:IfBorders}
  723.     border: 1px solid #ededed;
  724.     {/block:IfBorders}
  725.    
  726.          
  727.     {block:IfPostBackground}
  728.     background-color:{color:Post Background};
  729.     {/block:IfPostBackground}
  730.  
  731. }
  732.  
  733. .posts.size1, #postinfo.size1{
  734.     width:250px;
  735. }
  736. .posts.size2, #postinfo.size2{
  737.     width:400px;
  738. }
  739. .posts.size3, #postinfo.size3{
  740.     width:500px;
  741. }
  742.  
  743.  
  744.  
  745.  
  746.  
  747. img, img a, #photoset, #photoset a  {
  748.     border:none;
  749.     line-height:0;
  750.     width:100%;
  751.     max-width:100%;
  752. }
  753.  
  754. #photo img, #photoset {
  755.     /* position:absolute; */
  756.     margin-left:auto;
  757.     margin-right:auto;
  758.     margin-bottom:10px;
  759. }
  760.  
  761. .photoset .photoset_row .photoset_photo {
  762.     margin-left:0px;
  763. }
  764.  
  765. #asker{
  766.     float:right;
  767.     text-align:right;
  768.     padding-bottom:3px;
  769.     font-family: {select:font};
  770.     color: {color: text};
  771. }
  772.  
  773.  
  774. #question {
  775.     font-weight:normal;
  776.     background-color:#f7f7f7;
  777.     border: 0px solid #000000;
  778.     padding:15px 25px;
  779.     margin-left:-3px;
  780.     margin-right:-3px;
  781. }
  782.  
  783. .caption {
  784.     margin-left:3px;
  785. }
  786.  
  787. .text {
  788.     margin:7px;
  789.     margin-bottom:0;
  790. }
  791.  
  792.  
  793. /* permalinks & co */
  794.  
  795. #postinfo {
  796.    min-height:15px;
  797.     padding:10px;
  798.     margin-bottom:30px;
  799.     {block:IfBorders}
  800.     margin-top:-1px;
  801.     border: 1px solid #ededed !important;
  802.     {/block:IfBorders}
  803.    
  804.          
  805.     {block:IfPostBackground}
  806.     background-color:{color:Post Background};
  807.     {/block:IfPostBackground}
  808. }
  809. #postinfo, #postinfo a, #postinfo a:active, #postinfo a:link, #postinfo a:visited {
  810.    
  811.     text-transform: lowercase;
  812.     color: {color:Text};
  813.    
  814.     border:none;
  815.    
  816.    
  817.     -webkit-transition-duration: 0.3s;
  818.     transition-duration: 0.3s;
  819.     -webkit-transition-timing-function: ease-out;
  820.     transition-timing-function: ease-out;
  821.    
  822. }
  823.  
  824.  #postinfo a, #postinfo a:active, #postinfo a:link, #postinfo a:visited {
  825.    
  826.     opacity:0.6;
  827. }
  828.  
  829.  
  830. #postinfo a:hover{
  831.     opacity:1;
  832.     color: {color:Text};
  833.     cursor:pointer;
  834.     border:none;
  835. }
  836.  
  837. #tags {
  838.     display:inline-block;
  839. }
  840.  
  841. #tags, #tags a, #tags a:visited, #tags a:link, #tags a:active{
  842.     font-size:11px;
  843.     text-transform:lowercase;
  844.     margin-right:5px;
  845.     color:#afafaf;
  846. }
  847.  
  848. #tags a:hover{
  849.     color:#939393;
  850. }
  851.  
  852.  
  853. #postnotes ol, #postnotes ol a { /* (on permalink page) */
  854.     list-style-type:decimal-leading-zero;
  855.     font-size: 10px;
  856.     color:#939393;
  857. }
  858.  
  859. #postnotes img {
  860.     display:none;
  861. }
  862.  
  863. .cthrough, .cthrough a {
  864.     /*
  865.     text-align:center;
  866.     text-transform: uppercase;
  867.     letter-spacing:1px;
  868.     font-size:12px;
  869.     color: #939393;
  870.     */
  871. }
  872.  
  873. /* ******************************* MORE ******************************* */
  874.  
  875.  
  876. /* add your own CSS code here */
  877.  
  878. .exampleclass{
  879.     color:black;
  880. }
  881.  
  882. {CustomCSS}
  883.  
  884. </style>
  885. </head>
  886.  
  887.  
  888.  
  889. <!-- ---------------------------------------------------------------- -->
  890. <!-- ----------------------- H T M L - S T A R T -------------------- -->
  891. <!-- ---------------------------------------------------------------- -->
  892.  
  893. <body>
  894.  
  895. <div id="wrapper">
  896.  
  897.  
  898. <!-- ----------------------------- SIDEBAR --------------------------- -->
  899.  
  900. <div id="sidebar">
  901.  
  902. {block:IfAccentStripes}<div class="sidebarcolor1"></div>{/block:IfAccentStripes}
  903.  
  904. <div id="sidebarpadded">
  905.  
  906. <!-- Blogtitle & Description -->
  907. <div id="title"><a href="/" style="color: {color:blogtitle};">{Title}</a></div><br>
  908. <span id="description">{Description}</span><br>
  909.  
  910.  
  911. <br><hr>
  912.  
  913. <!-- Links -->
  914. <div id="sidebarlinks" class="{select:Navigation Style}">
  915.  
  916. <a id="postsbtn" href="/" style="background-image:url('data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTQyMy4wNzksMEgxNDkuNzg1Yy0xOC4xMDIsMC0zMi44MjcsMTQuNzI2LTMyLjgyNywzMi44Mjh2MjguMDM5SDc5LjUyYy0xMi45MTgsMC0yMy40MjcsMTAuNTEtMjMuNDI3LDIzLjQyN3Y0MDQuMjggICAgYzAsMTIuOTE4LDEwLjUxLDIzLjQyNiwyMy40MjcsMjMuNDI2aDI5Mi4wODVjMTIuOTE4LDAsMjMuNDI3LTEwLjUwOSwyMy40MjctMjMuNDI2di0zNy40NDFoMjguMDQ2ICAgIGMxOC4xMDIsMCwzMi44MjktMTQuNzI3LDMyLjgyOS0zMi44MjlWMzIuODI4QzQ1NS45MDcsMTQuNzI2LDQ0MS4xOCwwLDQyMy4wNzksMHogTTM3MS4zOSw0ODguMzU4SDc5LjczNVY4NC41MDdoMTg4LjIzNHY3Ni42NjYgICAgYzAsMTQuNzUzLDEyLjAwMiwyNi43NTUsMjYuNzU1LDI2Ljc1NWg3Ni42NjZWNDg4LjM1OHogTTI5MS42MTMsMTAxLjIyNmw2My4wNjEsNjMuMDYxaC01OS45NDljLTEuNzE2LDAtMy4xMTItMS4zOTYtMy4xMTItMy4xMTIgICAgVjEwMS4yMjZ6IE00MjMuMDc5LDQyNy40OWgtMjguMDQ2VjE3Ni4xMDljMC0wLjA5Ni0wLjAxNS0wLjE4Mi0wLjAyMi0wLjI3M2MtMC4wNy0yLjk4LTEuMjQ3LTUuODkyLTMuNDQtOC4wODZMMjg4LjE0OSw2NC4zMjkgICAgYy0wLjAwNS0wLjAwNS0wLjAxMS0wLjAwOC0wLjAxNS0wLjAxM2MtMi4xMzgtMi4xMzEtNS4wODctMy40NDgtOC4zNDMtMy40NDhIMTQwLjU5OXYtMjguMDRjMC01LjA2NCw0LjEyLTkuMTg1LDkuMTg1LTkuMTg1ICAgIGgyNzMuMjkzYzUuMDY1LDAsOS4xODYsNC4xMiw5LjE4Niw5LjE4NXYzODUuNDc2aDAuMDAxQzQzMi4yNjUsNDIzLjM2OSw0MjguMTQ1LDQyNy40OSw0MjMuMDc5LDQyNy40OXoiIGZpbGw9IiMwMDAwMDAiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K')">
  917. {text:Index Link Text}</a>
  918.  
  919. {block:AskEnabled}<a id="contactbtn" href="{text:Ask Link}"
  920. style="background-image:url('data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIuMDAxIDUxMi4wMDEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMi4wMDEgNTEyLjAwMTsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSI1MTJweCI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTUwMS44MDEsOTAuNDU1SDEwLjE5OUM0LjU2Nyw5MC40NTUsMCw5NS4wMjEsMCwxMDAuNjU0djI2OC43MjhjMCwyOC43NjQsMjMuNCw1Mi4xNjUsNTIuMTY1LDUyLjE2NWg0MDcuNjcxICAgIGMyOC43NjQsMCw1Mi4xNjUtMjMuNDAxLDUyLjE2NS01Mi4xNjVWMTAwLjY1NEM1MTIsOTUuMDIxLDUwNy40MzMsOTAuNDU1LDUwMS44MDEsOTAuNDU1eiBNNDkxLjYwMiwzNjkuMzgxICAgIGMwLDE3LjUxNi0xNC4yNSwzMS43NjYtMzEuNzY2LDMxLjc2Nkg1Mi4xNjVjLTE3LjUxNiwwLTMxLjc2Ni0xNC4yNTEtMzEuNzY2LTMxLjc2NlYxMjIuOTA2bDIyOS4xNCwxODcuNTg0ICAgIGMxLjg4LDEuNTM4LDQuMTcsMi4zMDcsNi40NjEsMi4zMDdjMi4yODcsMCw0LjU3NC0wLjc2Nyw2LjQ1Mi0yLjNsMTc3LjMwNi0xNDQuODI5YzQuMzYyLTMuNTY0LDUuMDEtOS45ODgsMS40NDctMTQuMzUxICAgIGMtMy41NjUtNC4zNjMtOS45ODgtNS4wMTEtMTQuMzUxLTEuNDQ2TDI1Ni4wMDcsMjg5LjQyM0wzNy44NzksMTEwLjg1M2g0NTMuNzIzVjM2OS4zODF6IiBmaWxsPSIjMDAwMDAwIi8+Cgk8L2c+CjwvZz4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNNDY5LjkyMywxMjcuODU5Yy0zLjU2My00LjM2My05Ljk5LTUuMDExLTE0LjM1LTEuNDQ3bC0zLjA2LDIuNDk5Yy00LjM2MywzLjU2NC01LjAxMSw5Ljk4OC0xLjQ0OCwxNC4zNTEgICAgYzIuMDE1LDIuNDY4LDQuOTQ4LDMuNzQ3LDcuOTA1LDMuNzQ3YzIuMjY5LDAsNC41NTItMC43NTQsNi40NDUtMi4zbDMuMDYtMi40OTlDNDcyLjgzOCwxMzguNjQ3LDQ3My40ODYsMTMyLjIyMiw0NjkuOTIzLDEyNy44NTkgICAgeiIgZmlsbD0iIzAwMDAwMCIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=')">
  921. {text:Ask Link Text}</a>{/block:AskEnabled}
  922.  
  923.  
  924.  
  925. {block:IfShowAboutLink}
  926. <a href="{text:About Link}" id="aboutbtn"  style="background-image:url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMy4zMiA1MTMuMzIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMy4zMiA1MTMuMzI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4Ij4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNMzQ2LjQ5MSwzMTYuNTQ3YzQ5LjE5My0yOS45NDQsODEuMjc1LTgzLjQxNCw4MS4yNzUtMTQ1LjQ0QzQyNy43NjcsNzYuOTk4LDM1MC43NjgsMCwyNTYuNjYsMCAgICBTODUuNTUzLDc2Ljk5OCw4NS41NTMsMTcxLjEwN2MwLDYyLjAyNiwzMi4wODIsMTE1LjQ5Nyw4MS4yNzUsMTQ1LjQ0QzgxLjI3NSwzNDguNjMsMTcuMTEsNDIzLjQ4OSwwLDUxMy4zMmg0Mi43NzcgICAgYzIxLjM4OC05OC4zODYsMTA5LjA4MS0xNzEuMTA3LDIxMy44ODMtMTcxLjEwN3MxOTIuNDk1LDcyLjcyLDIxMy44ODMsMTcxLjEwN2g0Mi43NzcgICAgQzQ5Ni4yMSw0MjEuMzUsNDMyLjA0NSwzNDYuNDkxLDM0Ni40OTEsMzE2LjU0N3ogTTEyOC4zMywxNzEuMTA3YzAtNzAuNTgxLDU3Ljc0OS0xMjguMzMsMTI4LjMzLTEyOC4zMyAgICBzMTI4LjMzLDU3Ljc0OSwxMjguMzMsMTI4LjMzcy01Ny43NDksMTI4LjMzLTEyOC4zMywxMjguMzNTMTI4LjMzLDI0MS42ODgsMTI4LjMzLDE3MS4xMDd6IiBmaWxsPSIjMDAwMDAwIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==)">{text:About Link Text}</a>
  927. {/block:IfShowAboutLink}
  928.  
  929. {block:IfShowTagsLink}
  930. <a  href="{text:Tags Link}" id="tagsbtn"  style="background-image:url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUwOC42NDcgNTA4LjY0NyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTA4LjY0NyA1MDguNjQ3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+CjxnPgoJPGc+CgkJPGc+CgkJCTxnPgoJCQkJPHBhdGggZD0iTTQ0Ni4yOTgsMEgyNzYuNjc1Yy00Ljg2MywwLjI1NC0xNS45MjMsNy44NS0xNy4zNTMsOS4yOEw1Ny4wMjcsMjExLjU0NCAgICAgIGMtMTIuNDI3LDEyLjM5NS0xMi40MjcsMzIuNDUsMCw0NC44NzdsMjUuMjM1LDI1LjIzNWwtMjUuMjM1LDI1LjIzNWMtMTIuNDI3LDEyLjM5NS0xMi40MjcsMzIuNDUsMCw0NC44MTNsMTQ3LjY2MSwxNDcuNjYxICAgICAgYzYuMTk4LDYuMTk4LDE0LjMwMiw5LjI4LDIyLjQzOCw5LjI4YzguMTA1LDAsMTYuMjQxLTMuMDgzLDIyLjQzOC05LjI4bDIwMi4yNjQtMjAyLjIzMmMxLjQ2Mi0xLjQzLDkuMDktMTEuMjUxLDkuMDktMTcuMzIxICAgICAgVjE1Ljc5NkM0NjEuMzYzLDYuOTI5LDQ1NC45NzUsMCw0NDYuMjk4LDB6IE00MjkuNTE3LDI3NC40NDJsLTAuMTU5LDAuMjg2bC0yMDIuMiwyMDIuMjY0TDc5LjQ5NywzMjkuMzk0bDI1LjIzNS0yNS4yOTkgICAgICBsOTkuOTU2LDk5Ljk4OGM2LjE5OCw2LjE5OCwxNC4zMDIsOS4yOCwyMi40MzgsOS4yOGM4LjEwNSwwLDE2LjI0MS0zLjA4MywyMi40MzgtOS4yOGwxNzkuOTUyLTE3OS45MjFWMjc0LjQ0Mkw0MjkuNTE3LDI3NC40NDIgICAgICB6IE00MjkuNTE3LDEyNy4xM3Y1MS45NjRsLTAuMTU5LDAuMjU0bC0yMDIuMiwyMDIuMjk1TDc5LjQ5NywyMzQuMDQ2TDI4MC4zNjIsMzMuMTQ5bDIuMTI5LTEuMzY3aDE0Ni45OTR2OTUuMzQ3SDQyOS41MTd6IiBmaWxsPSIjMDAwMDAwIi8+CgkJCQk8Y2lyY2xlIGN4PSIzODEuODQ0IiBjeT0iNzkuMzI5IiByPSIxNS44OTEiIGZpbGw9IiMwMDAwMDAiLz4KCQkJPC9nPgoJCTwvZz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K)">{text:Tags Link Text}</a>
  931. {/block:IfShowTagsLink}
  932.  
  933. {block:IfShowBlogrollLink}
  934. <a  href="{text:Blogroll Link}" id="blogrollbtn"  style="background-image:url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUwIDUwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MCA1MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiPgo8Zz4KCTxyZWN0IHk9IjMiIHdpZHRoPSI1MCIgaGVpZ2h0PSIyIiBmaWxsPSIjMDAwMDAwIi8+Cgk8cmVjdCB5PSIxNyIgd2lkdGg9IjUwIiBoZWlnaHQ9IjIiIGZpbGw9IiMwMDAwMDAiLz4KCTxyZWN0IHk9IjMxIiB3aWR0aD0iNTAiIGhlaWdodD0iMiIgZmlsbD0iIzAwMDAwMCIvPgoJPHJlY3QgeT0iNDUiIHdpZHRoPSI1MCIgaGVpZ2h0PSIyIiBmaWxsPSIjMDAwMDAwIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==)">{text:Blogroll Link Text}</a>
  935. {/block:IfShowBlogrollLink}
  936.  
  937. {block:IfShowUpdatesLink}
  938. <a href="{text:Updates Link}"  id="updatesbtn"  style="background-image:url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ4OS45MzUgNDg5LjkzNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDg5LjkzNSA0ODkuOTM1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+CjxnPgoJPHBhdGggZD0iTTI3OC4yMzUsMzMuMjY3Yy0xMTYuNywwLTIxMS42LDk1LTIxMS42LDIxMS43djAuN2wtNDEuOS02My4xYy00LjEtNi4yLTEyLjUtNy45LTE4LjctMy44Yy02LjIsNC4xLTcuOSwxMi41LTMuOCwxOC43ICAgbDYwLjgsOTEuNWMyLjIsMy4zLDUuNyw1LjQsOS42LDUuOWMwLjYsMC4xLDEuMSwwLjEsMS43LDAuMWMzLjMsMCw2LjUtMS4yLDktMy41bDg0LjUtNzYuMWM1LjUtNSw2LTEzLjUsMS0xOS4xICAgYy01LTUuNS0xMy41LTYtMTkuMS0xbC01Ni4xLDUwLjd2LTFjMC0xMDEuOSw4Mi44LTE4NC43LDE4NC42LTE4NC43czE4NC43LDgyLjgsMTg0LjcsMTg0LjdzLTgyLjgsMTg0LjctMTg0LjYsMTg0LjcgICBjLTQ5LjMsMC05NS43LTE5LjItMTMwLjUtNTQuMWMtNS4zLTUuMy0xMy44LTUuMy0xOS4xLDBjLTUuMyw1LjMtNS4zLDEzLjgsMCwxOS4xYzQwLDQwLDkzLjEsNjIsMTQ5LjYsNjIgICBjMTE2LjYsMCwyMTEuNi05NC45LDIxMS42LTIxMS43UzM5NC45MzUsMzMuMjY3LDI3OC4yMzUsMzMuMjY3eiIgZmlsbD0iIzAwMDAwMCIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=)">{text:Updates Link Text}</a>
  939. {/block:IfShowUpdatesLink}
  940.  
  941. {block:IfShowRandomLink}<a id="randombtn"  href="/random"
  942. style="background-image:url('data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ5LjcgNDkuNyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDkuNyA0OS43OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCI+CjxnPgoJPHBhdGggZD0iTTI3LDEzLjg1aDl2OC45NjRsMTMuNy05Ljk2NEwzNiwyLjg4NnY4Ljk2NGgtOWMtNy4xNjgsMC0xMyw1LjgzMi0xMywxM2MwLDYuMDY1LTQuOTM1LDExLTExLDExSDFjLTAuNTUzLDAtMSwwLjQ0Ny0xLDEgICBzMC40NDcsMSwxLDFoMmM3LjE2OCwwLDEzLTUuODMyLDEzLTEzQzE2LDE4Ljc4NSwyMC45MzUsMTMuODUsMjcsMTMuODV6IE0zOCw2LjgxNGw4LjMsNi4wMzZMMzgsMTguODg2VjYuODE0eiIgZmlsbD0iIzAwMDAwMCIvPgoJPHBhdGggZD0iTTEsMTMuODVoMmMyLjcxMywwLDUuMzE4LDAuOTk0LDcuMzM2LDIuNzk5YzAuMTkxLDAuMTcxLDAuNDMsMC4yNTUsMC42NjcsMC4yNTVjMC4yNzQsMCwwLjU0OC0wLjExMiwwLjc0NS0wLjMzMyAgIGMwLjM2OC0wLjQxMiwwLjMzMy0xLjA0NC0wLjA3OC0xLjQxMkM5LjI4NSwxMy4wMjUsNi4yMDYsMTEuODUsMywxMS44NUgxYy0wLjU1MywwLTEsMC40NDctMSwxUzAuNDQ3LDEzLjg1LDEsMTMuODV6IiBmaWxsPSIjMDAwMDAwIi8+Cgk8cGF0aCBkPSJNMzYsMzUuODVoLTljLTIuNjg1LDAtNS4yNy0wLjk3Ni03LjI3OC0yLjc0OGMtMC40MTEtMC4zNjUtMS4wNDQtMC4zMjctMS40MTEsMC4wODljLTAuMzY1LDAuNDE0LTAuMzI2LDEuMDQ2LDAuMDg5LDEuNDExICAgYzIuMzc0LDIuMDk1LDUuNDI5LDMuMjQ4LDguNjAxLDMuMjQ4aDl2OC45NjRsMTMuNy05Ljk2NEwzNiwyNi44ODZWMzUuODV6IE0zOCwzMC44MTRsOC4zLDYuMDM2TDM4LDQyLjg4NlYzMC44MTR6IiBmaWxsPSIjMDAwMDAwIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==')">Random</a>{/block:IfShowRandomLink}
  943.  
  944. {block:IfShowArchiveLink}<a href="/archive"
  945. style="background-image:url('data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDMyIDMyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMiAzMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnIGlkPSJpbWFnZXMiPgoJCTxnPgoJCQk8cGF0aCBkPSJNMTEuMjg2LDBIMi43MTRDMS4yMTgsMCwwLDEuMjE4LDAsMi43MTV2OC41N0MwLDEyLjc4MiwxLjIxOCwxNCwyLjcxNCwxNGg4LjU3MkMxMi43ODIsMTQsMTQsMTIuNzgyLDE0LDExLjI4NXYtOC41NyAgICAgQzE0LDEuMjE4LDEyLjc4MiwwLDExLjI4NiwweiBNMTIsMTEuMjg1QzEyLDExLjY4LDExLjY4LDEyLDExLjI4NiwxMkgyLjcxNEMyLjMyLDEyLDIsMTEuNjgsMiwxMS4yODV2LTguNTcgICAgIEMyLDIuMzIsMi4zMiwyLDIuNzE0LDJoOC41NzJDMTEuNjgsMiwxMiwyLjMyLDEyLDIuNzE1VjExLjI4NXogTTI5LjI4NiwwaC04LjU3MkMxOS4yMTgsMCwxOCwxLjIxOCwxOCwyLjcxNXY4LjU3ICAgICBDMTgsMTIuNzgyLDE5LjIxOCwxNCwyMC43MTQsMTRoOC41NzJDMzAuNzgyLDE0LDMyLDEyLjc4MiwzMiwxMS4yODV2LTguNTdDMzIsMS4yMTgsMzAuNzgyLDAsMjkuMjg2LDB6IE0zMCwxMS4yODUgICAgIEMzMCwxMS42OCwyOS42OCwxMiwyOS4yODYsMTJoLTguNTcyQzIwLjMyLDEyLDIwLDExLjY4LDIwLDExLjI4NXYtOC41N0MyMCwyLjMyLDIwLjMyLDIsMjAuNzE0LDJoOC41NzIgICAgIEMyOS42OCwyLDMwLDIuMzIsMzAsMi43MTVWMTEuMjg1eiBNMTEuMjg2LDE4SDIuNzE0QzEuMjE4LDE4LDAsMTkuMjE4LDAsMjAuNzE0djguNTcyQzAsMzAuNzgyLDEuMjE4LDMyLDIuNzE0LDMyaDguNTcyICAgICBDMTIuNzgyLDMyLDE0LDMwLjc4MiwxNCwyOS4yODZ2LTguNTcyQzE0LDE5LjIxOCwxMi43ODIsMTgsMTEuMjg2LDE4eiBNMTIsMjkuMjg2QzEyLDI5LjY4LDExLjY4LDMwLDExLjI4NiwzMEgyLjcxNCAgICAgQzIuMzIsMzAsMiwyOS42OCwyLDI5LjI4NnYtOC41NzJDMiwyMC4zMiwyLjMyLDIwLDIuNzE0LDIwaDguNTcyQzExLjY4LDIwLDEyLDIwLjMyLDEyLDIwLjcxNFYyOS4yODZ6IE0yOS4yODYsMThoLTguNTcyICAgICBDMTkuMjE4LDE4LDE4LDE5LjIxOCwxOCwyMC43MTR2OC41NzJDMTgsMzAuNzgyLDE5LjIxOCwzMiwyMC43MTQsMzJoOC41NzJDMzAuNzgyLDMyLDMyLDMwLjc4MiwzMiwyOS4yODZ2LTguNTcyICAgICBDMzIsMTkuMjE4LDMwLjc4MiwxOCwyOS4yODYsMTh6IE0zMCwyOS4yODZDMzAsMjkuNjgsMjkuNjgsMzAsMjkuMjg2LDMwaC04LjU3MkMyMC4zMiwzMCwyMCwyOS42OCwyMCwyOS4yODZ2LTguNTcyICAgICBDMjAsMjAuMzIsMjAuMzIsMjAsMjAuNzE0LDIwaDguNTcyQzI5LjY4LDIwLDMwLDIwLjMyLDMwLDIwLjcxNFYyOS4yODZ6IiBmaWxsPSIjMDAwMDAwIi8+CgkJPC9nPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=')">Archive</a>{/block:IfShowArchiveLink}
  946.  
  947.  
  948.  
  949.  
  950.  
  951. </div>
  952.  
  953. <hr>
  954.  
  955. <!-- Pagination -->
  956.  
  957. {block:Pagination}<br>
  958.  
  959. <div id="pagination">
  960. {block:PreviousPage}<a href="{PreviousPage}" >
  961. <img src="data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ3Ny4xNzUgNDc3LjE3NSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDc3LjE3NSA0NzcuMTc1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+CjxnPgoJPHBhdGggZD0iTTE0NS4xODgsMjM4LjU3NWwyMTUuNS0yMTUuNWM1LjMtNS4zLDUuMy0xMy44LDAtMTkuMXMtMTMuOC01LjMtMTkuMSwwbC0yMjUuMSwyMjUuMWMtNS4zLDUuMy01LjMsMTMuOCwwLDE5LjFsMjI1LjEsMjI1ICAgYzIuNiwyLjYsNi4xLDQsOS41LDRzNi45LTEuMyw5LjUtNGM1LjMtNS4zLDUuMy0xMy44LDAtMTkuMUwxNDUuMTg4LDIzOC41NzV6IiBmaWxsPSIjMDAwMDAwIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==" /></a>{/block:PreviousPage}<p> {CurrentPage} </p>{block:NextPage}<a href="{NextPage}"class="next">
  962. <img src="data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ3Ny4xNzUgNDc3LjE3NSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDc3LjE3NSA0NzcuMTc1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+CjxnPgoJPHBhdGggZD0iTTM2MC43MzEsMjI5LjA3NWwtMjI1LjEtMjI1LjFjLTUuMy01LjMtMTMuOC01LjMtMTkuMSwwcy01LjMsMTMuOCwwLDE5LjFsMjE1LjUsMjE1LjVsLTIxNS41LDIxNS41ICAgYy01LjMsNS4zLTUuMywxMy44LDAsMTkuMWMyLjYsMi42LDYuMSw0LDkuNSw0YzMuNCwwLDYuOS0xLjMsOS41LTRsMjI1LjEtMjI1LjFDMzY1LjkzMSwyNDIuODc1LDM2NS45MzEsMjM0LjI3NSwzNjAuNzMxLDIyOS4wNzV6ICAgIiBmaWxsPSIjMDAwMDAwIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==">
  963. </a>{/block:NextPage}
  964. </div>
  965.  
  966. {/block:Pagination}
  967.  
  968. </div>
  969.  
  970.  
  971. {block:IfAccentStripes}<div class="sidebarcolor2"></div>{/block:IfAccentStripes}
  972.  
  973.  
  974. <!-- please don't touch this. thank you. -->
  975. <div style="position:fixed;bottom:10px;right:15px;font-size:12px;opacity:0.3;">
  976. <a href="https://cloudythms.tumblr.com/" title="theme by cloudythms"
  977. style="text-decoration:none;border:0;color:black;z-index:z-index:9999991;">โ˜</a></div>
  978.  
  979. <!-- theme by https://cloudythms.tumblr.com/ -->
  980.  
  981.  
  982. </div>
  983.  
  984.  
  985. <!-- ----------------------------- POSTS ---------------------------- -->
  986.  
  987. <div class = "autopagerize_page_element" >
  988. <div class="content">
  989.  
  990.  
  991. <div id="entries">
  992.  
  993. {block:Posts}
  994.  
  995.  
  996. <div class="entry">
  997.  
  998. {block:IndexPage}
  999. <div id="{PostID}" class="posts {select:Post Size Index}">
  1000. {/block:IndexPage}
  1001.  
  1002.  
  1003. {block:PermalinkPage}
  1004. <div id="{PostID}" class="posts {select:Post Size Permalink}">
  1005. {/block:PermalinkPage}
  1006.  
  1007.  
  1008. {block:Text}
  1009. {block:Title}<h1 style="font-size:18px">{Title}</h1>{/block:Title}
  1010. <div class="text">{Body}</div>
  1011. {/block:Text}
  1012.  
  1013. {block:Quote}
  1014. <h1 style="font-size:15px;">"{Quote}"</h1>
  1015. <p style="font-size:12px;font-weight:normal;" class="text">โ€” {Source}</p>
  1016. {/block:Quote}
  1017.  
  1018. {block:Link}
  1019. <h1 style="font-size:15px;"><a href="{URL}" style="font-family: {select:Font};color:{color:text};">{Name}</a></h1>
  1020. {block:Description}<div class="text">{Description}</div>{/block:Description}
  1021. {/block:Link}
  1022.  
  1023. {block:Chat}
  1024. <div class="text">
  1025. {block:Lines}{block:Label}<b>{Label}</b> {/block:Label}{Line}<br>{/block:Lines}<br>
  1026. </div>
  1027. {/block:Chat}
  1028.  
  1029. {block:Answer}
  1030. <div id="question" class="text">"{Question}"</div>
  1031. <span id="asker" class="text">โ€” {Asker}</span>
  1032. <span style="clear:both"></span>
  1033. {Answer}
  1034. {/block:Answer}
  1035.  
  1036. {block:Audio}
  1037. {AudioPlayer}
  1038. {/block:Audio}
  1039.  
  1040. {block:Video}
  1041. <div class="video">{Video-500}</div>
  1042. {/block:Video}
  1043.  
  1044. {block:Photo}
  1045. <span id="photo"><img src="{PhotoURL-500}"/></span>
  1046. {/block:Photo}
  1047.  
  1048. {block:Photoset}
  1049. <span id="photoset">{block:Photos}
  1050. <img src="{PhotoURL-500}" class="photoset-img" />
  1051. {/block:Photos}</span>
  1052. {/block:Photoset}
  1053.  
  1054.  
  1055. {block:IfShowCaption}
  1056. {block:Caption}<div class="caption text" style="margin-left:5px">{Caption}</div>{/block:Caption}
  1057. {/block:IfShowCaption}
  1058.  
  1059.  
  1060. </div>
  1061.  
  1062. <!-- -------------------------- POST INFOS --------------------------- -->
  1063.  
  1064. {block:Date}
  1065.  
  1066. {block:IndexPage}
  1067. <div  id="postinfo" class="{select:Post Size Index}">
  1068. {/block:IndexPage}
  1069.  
  1070. {block:PermalinkPage}
  1071. <div id="postinfo" class="{select:Post Size Permalink}">
  1072. {/block:PermalinkPage}
  1073.  
  1074.  
  1075.  
  1076.  
  1077.  
  1078. <!-- VIA, SOURCE
  1079. {block:RebloggedFrom}
  1080. <a href="{ReblogParentURL}" title="{ReblogParentName}"> [via]</a>
  1081. <a href="{ReblogRootURL}" title="{ReblogRootName}"> [src]</a>
  1082. {/block:RebloggedFrom}
  1083. -->
  1084.  
  1085.  
  1086.  
  1087. <!-- TUMBLR FIX -->
  1088.  
  1089.  {block:ContentSource}
  1090. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1091. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />  
  1092. {/block:SourceLogo}
  1093. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1094. {/block:ContentSource}
  1095.  
  1096.  
  1097. <!-- NOTE COUNT & DATE -->
  1098.  
  1099. <script type="text/javascript">
  1100.     jQuery(document).ready(function() {
  1101.        
  1102.     jQuery(".sub").hide();
  1103.     //toggle the componenet with class msg_body
  1104.     jQuery(".cthrough").click(function(){
  1105.         jQuery(".sub").slideToggle(500);
  1106.     });
  1107.        
  1108.     });
  1109. </script>
  1110.  
  1111. <span style="float:left;margin-left:5px">
  1112. <a
  1113. {block:IndexPage}
  1114.    href="{Permalink}"
  1115. {/block:IndexPage}
  1116. {block:PermalinkPage}
  1117.    {block:PostNotes}class="cthrough"{/block:PostNotes}
  1118. {/block:PermalinkPage}>{NoteCountWithLabel}</a>
  1119.  
  1120. {block:PermalinkPage}
  1121.  - <a {block:RebloggedFrom}href="{ReblogRootURL}" title="src: {ReblogRootName}"{/block:RebloggedFrom}>{ShortMonth} {DayOfMonth}{DayOfMonthSuffix} {Year}</a>
  1122. {/block:PermalinkPage}
  1123. </span>
  1124.  
  1125. <!-- LIKE AND REBLOG BUTTONS -->
  1126.  
  1127. <span style="float:right;margin-right:1px">
  1128.     <span class="controls" >
  1129.      
  1130.     <a href="{ReblogURL}" target="_blank" class="reblog">
  1131.     <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>
  1132.     </a>
  1133.    
  1134.     <a href="#" class="like">{LikeButton}
  1135.     <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>
  1136.     </a>
  1137.     </span>
  1138.    
  1139. </span>
  1140.    
  1141.  
  1142. <span style="margin-left:5px;margin-right:1px">
  1143. {block:permalinkpage}
  1144.  
  1145.  
  1146. <!-- TAGS -->
  1147. {block:IfShowTags}
  1148. {block:HasTags}
  1149. <span id="tags"><br>
  1150. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  1151. <br></span>
  1152. {/block:HasTags}
  1153. {/block:IfShowTags}
  1154.  
  1155.  
  1156. <!-- NOTES  -->
  1157. {block:PostNotes}
  1158. <div class="sub" id="postnotes">
  1159.     {PostNotes}
  1160. </div>
  1161. {/block:PostNotes}
  1162.  
  1163.  
  1164.  
  1165. {/block:PermalinkPage}
  1166. </span>
  1167.  
  1168.  
  1169. </div> <!-- /postinfo -->
  1170.  
  1171. {/block:Date}
  1172.  
  1173. <div style="clear:both"></div>
  1174. {/block:Posts}
  1175.  
  1176.  
  1177. </div> <!-- /entries -->
  1178. </div> <!-- /content -->
  1179. </div> <!-- /autopagerize_page_element -->
  1180. </div> <!-- /wrapper -->
  1181.  
  1182.  <style>
  1183.      .pls:hover{
  1184.          cursor:help;
  1185.      }
  1186.  </style>
  1187.  
  1188.  
  1189.  
  1190.  
  1191.  
  1192. </body>
  1193. </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!