API tools faq
paste
Petra1999

BRICKS THEME | cloudythms.tumblr.com

Petra1999
Mar 26th, 2017
378
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 57.11 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.            bricks theme    }
  10.            
  11.          
  12.   =>   https://cloudythms.tumblr.com/
  13.                - visit me if you have questions!
  14.                
  15.                
  16.     ** sidebar image width is 300 px!
  17.                      height is automatic
  18.  
  19.  
  20.  
  21.           == RULES ==
  22. - You may move, but not remove the credit
  23. - Leave this comment
  24. - Edit the rest as much as you want
  25. - Do not redistribute without permission / use as base
  26. - Do not claim as your own
  27.  
  28.  
  29.  
  30.           == CREDITS ==
  31. - Base Code #1 by Incedo
  32.    (https://incedothemes.tumblr.com)
  33. - SVGs from flaticon.com under CC 3.0 BY
  34.    (https://www.flaticon.com/authors/anton-saputro)
  35.    (https://www.flaticon.com/authors/icon-works)
  36.    
  37.  
  38.  
  39.    If you're looking for the right place to
  40.    paste CSS code, simply Ctrl+F for "exampleclass"!
  41.  
  42.  
  43. ---------------------------------------------------------------------->
  44.  
  45. <!-- ------------------------ B R O W S E R  ------------------------- -->
  46.  
  47. <!-- Text that appears on the tab / browser window
  48.     Change the {Title} to any text if you want to. -->
  49. <title>{Title}</title>
  50.  
  51. <!-- Favicon (little image that shown in browser)
  52.     Change {Favicon} to your image URL. Leave the "". -->
  53. <link rel="shortcut icon" href="{Favicon}"/>
  54.  
  55.  
  56.  
  57. <!-- ------------------------ O P T I O N S ------------------------- -->
  58.  
  59. <!-- Images -->
  60. <meta name="image:Background" content="0"/>
  61. <meta name="image:Sidebar" content="0"/>
  62.  
  63. <!-- Colors -->
  64.  
  65. <meta name="color:Background" content="#f5f5f5" />
  66. <meta name="color:Post Background" content="#ffe8d9" />
  67. <meta name="color:Sidebar Background" content="#f0bfb3" />
  68.  
  69. <meta name="color:Text" content="#2b2b2b" />
  70. <meta name="color:Titles" content="#cc3434" />
  71. <meta name="color:Bold Text" content="#000000" />
  72. <meta name="color:Italic Text" content="#000000" />
  73. <meta name="color:Link" content="#c27a25" />
  74. <meta name="color:Link Hover" content="#ae4b33" />
  75. <meta name="color:Navigation Link" content="#c93d12" />
  76. <meta name="color:Navigation Link Hover" content="#393131" />
  77.  
  78.  
  79. <!-- Dropdowns -->
  80.  
  81. <meta name="select:Font" content="Open Sans" title="Open Sans">
  82. <meta name="select:Font" content="Karla" title="Karla">
  83. <meta name="select:Font" content="Libre Baskerville" title="Libre Baskerville">
  84. <meta name="select:Font" content="Tinos" title="Tinos">
  85. <meta name="select:Font" content="Roboto" title="Roboto">
  86. <meta name="select:Font" content="Broid Sans Mono" title="Broid Sans Mono">
  87.  
  88. <meta name="select:Navigation Style" content="twocolumn" title="Two Columns">
  89. <meta name="select:Navigation Style" content="block" title="One Column">
  90. <meta name="select:Navigation Style" content="inline" title="Rows">
  91.  
  92. <meta name="select:Post Size Index" content="size1" title="250px">
  93. <meta name="select:Post Size Index" content="size2" title="400px">
  94. <meta name="select:Post Size Index" content="size3" title="500px">
  95.  
  96. <meta name="select:Post Size Permalink" content="size1" title="250px">
  97. <meta name="select:Post Size Permalink" content="size2" title="400px">
  98. <meta name="select:Post Size Permalink" content="size3" title="500px">
  99.  
  100. <meta name="select:Scroll to Top Button" content="sttbnone" title="None">
  101. <meta name="select:Scroll to Top Button" content="sttbright" title="Bottom Right">
  102. <meta name="select:Scroll to Top Button" content="sttbleft" title="Bottom Left">
  103.  
  104.  
  105. <!-- Options: Basics -->
  106. <meta name="if:Borders" content="1"/>
  107. <meta name="if:Rounded Borders" content="0"/>
  108. <meta name="if:Sidebar Background" content="0"/>
  109. <meta name="if:Lazy Load" content="0"/>
  110. <meta name="if:Show Icon" content="1"/>
  111.  
  112. <meta name="if:--- BACKGROUND ---" content="0"/>
  113. <meta name="if:Fixed Background Image" content="1"/>
  114. <meta name="if:Cover Background Image" content="1"/>
  115. <meta name="if:Repeat Background Image" content="0"/>
  116.  
  117. <meta name="if:--- ENTRIES ---" content="0"/>
  118. <meta name="if:Show Caption" content="1"/>
  119. <meta name="if:Show Tags" content="1"/>
  120. <meta name="if:Post Background" content="0"/>
  121.  
  122. <meta name="if:--- LINKS ---" content="0"/>
  123. <meta name="if:Show Submit Link" content="0"/>
  124. <meta name="if:Show Random Link" content="0"/>
  125. <meta name="if:Show Archive Link" content="0"/>
  126. <meta name="if:Show Custom Links" content="1"/>
  127. <meta name="if:Show Blog Pages" content="1"/>
  128. <meta name="if:Show Custom Tag Links" content="1"/>
  129. <meta name="if:Show Updates" content="1"/>
  130.  
  131. <!-- Text -->
  132. <meta name="text:Updates" content="Write your updates here."/>
  133.  
  134. <meta name="text:Base Font Size" content="11px"/>
  135.  
  136. <meta name="text:Home Link Text" content="Index"/>
  137. <meta name="text:Ask Link" content="/ask"/>
  138.  
  139. <meta name="text:Link1 Title" content=""/>
  140. <meta name="text:Link1 URL" content="/link1"/>
  141. <meta name="text:Link2 Title" content=""/>
  142. <meta name="text:Link2 URL" content="/link2"/>
  143. <meta name="text:Link3 Title" content=""/>
  144. <meta name="text:Link3 URL" content="/link3"/>
  145. <meta name="text:Link4 Title" content=""/>
  146. <meta name="text:Link4 URL" content="/link4"/>
  147. <meta name="text:Link5 Title" content=""/>
  148. <meta name="text:Link5 URL" content="/link5"/>
  149. <meta name="text:Link6 Title" content=""/>
  150. <meta name="text:Link6 URL" content="/link6"/>
  151.  
  152. <meta name="text:Tag1 Title" content=""/>
  153. <meta name="text:Tag1 URL" content="/tagged/Tag1"/>
  154. <meta name="text:Tag2 Title" content=""/>
  155. <meta name="text:Tag2 URL" content="/tagged/Tag2"/>
  156. <meta name="text:Tag3 Title" content=""/>
  157. <meta name="text:Tag3 URL" content="/tagged/Tag3"/>
  158. <meta name="text:Tag4 Title" content=""/>
  159. <meta name="text:Tag4 URL" content="/tagged/Tag4"/>
  160. <meta name="text:Tag5 Title" content=""/>
  161. <meta name="text:Tag5 URL" content="/tagged/Tag6"/>
  162. <meta name="text:Tag6 Title" content=""/>
  163. <meta name="text:Tag6 URL" content="/tagged/Tag6"/>
  164.  
  165.  
  166.    
  167. <!-- ----------------------- DO NOT EDIT THIS CODE  --------------------- -->
  168.  
  169. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  170. {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  171.  
  172. <link rel="stylesheet" media="screen" href="https://openfontlibrary.org/face/web-symbols" rel="stylesheet" type="text/css"/>
  173. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  174. <link href="https://fonts.googleapis.com/css?family=Droid+Sans+Mono|Karla|Libre+Baskerville|Open+Sans|Roboto|Tinos" rel="stylesheet">
  175.  
  176.  
  177. <!-- SCRIPTS -->
  178.  
  179. <!-- scripts -->
  180. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  181.  
  182. <!--other scripties i just imported to be sure
  183. <script src="//static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  184. <script src="//static.tumblr.com/fwgzvyf/2nno5ubpt/shythemes.fn.js"></script>
  185. <script src="https://static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>
  186. -->
  187.  
  188.  
  189.  
  190. <!-- Resizing Videos (https://shythemes.tumblr.com/post/134536748863/) -->
  191. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  192.  
  193. <!-- Un-nest (https://neothm.com/post/148902138319/) -->
  194. <script src="//static.tumblr.com/wgg6svp/ohGobvaye/unnest.min.js"></script>
  195.  
  196.    
  197. </script>
  198.  
  199.  
  200. <!-- ---------------------- SCROLL-TO-TOP BUTTON --------------------- -->
  201.  
  202.  
  203. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  204. <script type="text/javascript" src="https://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  205. <a href="javascript:;" title="scroll to top" id="scrollToTop"
  206. class="{select:Scroll To Top Button}" rel="nofollow">
  207.     <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=" />
  208. </a>
  209.  
  210. <style>
  211.  
  212.     #scrollToTop:link, #scrollToTop:visited {
  213.         word-spacing:-3px;
  214.         display: none;
  215.         position: fixed;
  216.         bottom: 20px;
  217.         opacity: 0.3; /* 0=invisible; 0.5=half; 1=normal */
  218.     }
  219.    
  220.     #scrollToTop img{
  221.         height:16px;
  222.         width:16px;
  223.     }
  224.    
  225.     #scrollToTop:hover {
  226.         opacity:1;
  227.     }
  228.    
  229.     .sttbnone, .sttbnone:hover{
  230.         opacity:0;
  231.         left:-100px;
  232.     }
  233.     .sttbleft{
  234.         left:20px;
  235.         bottom:20px;
  236.     }
  237.     .sttbright{
  238.         right:40px;
  239.         bottom:40px;
  240.     }
  241.  
  242. </style>
  243.  
  244.  
  245.  
  246. <!-- ---------------------- "LAZY LOAD" SCRIPT ----------------------- -->
  247.  
  248. <!--
  249. 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.
  250.  
  251. by  https://www.appelsiini.net/projects/lazyload
  252. -->
  253.  
  254. {block:ifLazyLoad}  
  255. <script type="text/javascript" src="https://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  256. <script type="text/javascript" src="https://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  257. <script type="text/javascript" charset="utf-8">
  258.     var $j = jQuery.noConflict();
  259.     $j(function() {
  260.     if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  261.     $j("img").lazyload({
  262.     placeholder : "https://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  263.     effect: "fadeIn",
  264.     });
  265.     });
  266. </script>
  267. {/block:ifLazyLoad}  
  268.  
  269.  
  270.  
  271.  
  272. <!-- --------------------------- TOOLTIPS -------------------------- -->
  273.  
  274. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  275. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  276. <script>
  277.     (function($){
  278.     $(document).ready(function(){
  279.     $("a[title]").style_my_tooltips({
  280.     tip_follows_cursor:true,
  281.      
  282.     /* Change your tooltip times here. */
  283.     tip_delay_time:10, /* put a higher number for more delay */
  284.     tip_fade_speed:200, /* put a higher number for a slower fade */
  285.     /* recommended: delay:10-100 fade:200-600 */
  286.      
  287.     attribute:"title"
  288.     });
  289.     });
  290.     })(jQuery);
  291. </script>
  292. <style>
  293.     .tooltip{
  294.         display: inline;
  295.         position: relative;
  296.     }
  297.     #s-m-t-tooltip {
  298.         max-width:300px;
  299.         border-radius: 0px;
  300.         padding:2px 4px 4px 4px;
  301.         margin:20px 7px -2px 20px;
  302.         background-color:#ffffff;
  303.         border:1px solid #E0E0E0;
  304.         border-radius: 5px 5px 5px 5px;
  305.         -moz-border-radius: 5px 5px 5px 5px;
  306.         -webkit-border-radius: 5px 5px 5px 5px;
  307.         font-family:calibri;
  308.         font-size:10px;
  309.         letter-spacing:1px;
  310.         text-transform:uppercase;
  311.         color:#000;
  312.         z-index:999999999999999999999999999999999999;
  313.     }
  314. </style>
  315.  
  316.  
  317.  
  318. <!-- ---------------------------------------------------------------- -->
  319. <!-- ----------------------- C S S - S T A R T ---------------------- -->
  320. <!-- ---------------------------------------------------------------- -->
  321. <style type="text/css">
  322.  
  323.  
  324. /* ****************************** BASICS ****************************** */
  325.      
  326.        
  327. body {
  328.    
  329.     background-color:{color:background};
  330.     color:{color:text};  
  331.     font-family: "{select:Font}", Arial, sans-serif;
  332.     font-size:
  333.         {block:IfBaseFontSize}{text:Base Font Size}{/block:IfBaseFontSize}
  334.         {block:IfNotBaseFontSize}11px{/block:IfNotBaseFontSize};
  335.    
  336.    
  337.     /* background image */
  338.    
  339.     {block:IfBackgroundImage}
  340.     background-image:url({image:Background});
  341.     {/block:IfBackgroundImage}
  342.      
  343.     background-repeat: no-repeat;
  344.     {block:IfRepeatBackgroundImage}
  345.     background-repeat: repeat;
  346.     {/block:IfRepeatBackgroundImage}
  347.      
  348.     background-attachment:center;
  349.     {block:IfFixedBackgroundImage}
  350.     background-attachment:fixed;
  351.     {/block:IfFixedBackgroundImage}
  352.    
  353.     {block:IfCoverBackgroundImage}
  354.     background-size:cover;
  355.     {/block:IfCoverBackgroundImage}
  356.  
  357. }
  358.  
  359.  
  360. #wrapper {
  361.     width:800px;
  362.     margin-left:5%;
  363.     margin-right:auto;
  364. }
  365.  
  366.  
  367. b, strong {
  368.     color:{color:bold text};
  369. }
  370.  
  371. i, em {
  372.     color:{color:italic text};
  373. }
  374.  
  375.  
  376. a, a:visited, a:link, a:active{
  377.     color:{color:link};
  378.     text-decoration:none;
  379.      
  380.     -webkit-transition-duration: 0.3s;
  381.     transition-duration: 0.3s;
  382.     -webkit-transition-timing-function: ease-out;
  383.     transition-timing-function: ease-out;
  384. }
  385.  
  386. a:hover{
  387.     color:{color:link hover};
  388. }
  389.  
  390. h1, h2, h3, h4, h6, h6{
  391.     margin:0;
  392.     font-family: {select:Font};
  393.     color: {color:titles};
  394. }
  395.  
  396. blockquote{
  397.    border-left:2px solid #d3d3d3;
  398.    padding-left:10px;
  399.    margin-left:10px;
  400. }
  401.  
  402. ol{
  403.    
  404. }
  405.  
  406. ul{
  407.    
  408. }
  409.  
  410. /* no ugly dotted border */
  411.  
  412. a, a:focus {   outline: 0; }
  413.  
  414.  
  415. /* <hr> style (divider) */
  416.  
  417. hr{
  418.  border: 0; height: 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee;
  419. }
  420.  
  421. /* text selection style */
  422.  
  423. ::selection {
  424.   background: #d3d3d3;
  425. }
  426. ::-moz-selection {
  427.   background: #d3d3d3;
  428. }
  429.  
  430.  
  431. /* tumblr controls */
  432.  
  433. .tmblr-iframe.iframe-controls--desktop {
  434.   top:0%!important;
  435.   right:0%!important;
  436.   position:fixed!important;
  437.   z-index:999999999!important;
  438. }
  439.  
  440. .tmblr-iframe--desktop-logged-in-controls {
  441.   -webkit-filter:invert(100%);
  442.   -moz-filter:invert(100%);
  443.   -o-filter:invert(100%);
  444.   -ms-filter:invert(100%);
  445.   filter:invert(100%);
  446.   opacity:0.3;
  447.   }
  448.  
  449.  
  450. /* like and reblog buttons */
  451.  
  452. svg {
  453.    width:10px;
  454.    height:auto;
  455.    opacity:.5;
  456.    padding:1px;
  457.    display:block;
  458.    overflow:visible;
  459. }
  460. .controls {
  461.     padding-bottom:0px;
  462.     margin-bottom:0px;
  463. }
  464. .controls a {
  465.    position:relative;
  466.    display:inline-block;
  467.    overflow:hidden;
  468.    padding:3px;
  469.    padding-bottom:0px;
  470.    width:12px;
  471.    height:12px;
  472.    margin-top:-10px;
  473.    margin-bottom:-3px;
  474. }
  475. .controls .reblog {
  476.    opacity:.93;
  477. }
  478. .controls .reblog svg {
  479.    width:9px;
  480.    margin-top:1px;
  481. }
  482. .controls .like .liked + svg {
  483.    opacity:1;
  484. }
  485. .controls .like .liked + svg path {
  486.    fill:#ec5a5a;
  487. }
  488. .controls .like .like_button {
  489.    position:relative;
  490. }
  491. .controls .like .like_button iframe {
  492.    position:absolute;
  493.    top:0;
  494.    left:0;
  495.    bottom:0;
  496.    right:0;
  497.    z-index:2;
  498.    opacity:0;
  499. }
  500.  
  501.  
  502.  
  503. /* ****************************** SIDEBAR ***************************** */
  504.  
  505.  
  506. #sidebar {
  507.     top: -3px;
  508.     width:300px;
  509.     position:fixed;
  510.     left:-3px;
  511.     height:100%;
  512.  
  513.     border: 0px solid #fff;
  514.     {block:IfBorders}
  515.     border: 1px solid #d3d3d3;
  516.     {/block:IfBorders}
  517.    
  518.     {block:IfRoundedBorders}
  519.     border-radius: 5px 5px 5px 5px;
  520.     -moz-border-radius: 5px 5px 5px 5px;
  521.     -webkit-border-radius: 5px 5px 5px 5px;
  522.     {/block:IfRoundedBorders}
  523.          
  524.     {block:IfSidebarBackground}
  525.     background-color:{color:Sidebar Background};
  526.     {/block:IfSidebarBackground}
  527.    
  528.  
  529.     overflow-y:auto;
  530.    
  531. }
  532.  
  533.  
  534. #sidebarcontent{
  535.     padding:15px 15px 10px 20px;
  536.    
  537. }
  538.  
  539.  
  540. #sidebar a, #sidebar a:visited, #sidebar a:link, #sidebar a:active
  541. {
  542.     color:{color:navigation link};
  543.     text-transform:uppercase;
  544.     letter-spacing:1px;
  545.     word-spacing:3px;
  546.     font-size:10px;
  547. }
  548.  
  549. #sidebar a:hover{
  550.     color:{color:navigation link hover};
  551. }
  552.  
  553. #sidebar img{
  554.     width: 300px;
  555.     height:auto;
  556. }
  557.  
  558. #title, #title a, #title a:visited, #title a:link, #title a:active {
  559.    
  560.     text-transform:uppercase;
  561.     letter-spacing:none;
  562.     word-spacing:none;
  563.     font-family: {select:Font};
  564.     color: black;
  565.     font-size: 10px;
  566.     margin-top:2px;
  567.     margin-left:0px;
  568.     opacity:0.9;
  569.    
  570.     -webkit-transition-duration: 0.3s;
  571.     transition-duration: 0.3s;
  572.     -webkit-transition-delay: 0s;
  573.     transition-delay: 0s;
  574.     -webkit-transition-timing-function: linear;
  575.     transition-timing-function: linear;
  576.    
  577.     {block:IfShowIcon}
  578.     margin-top:-2px;
  579.     {/block:IfShowIcon}
  580. }
  581.  
  582. #title a:hover {
  583.     opacity:1;
  584. }
  585.  
  586. #title img{ /* icon */
  587.     margin-top:-3px;
  588.     width:24px;
  589.     height:24px;
  590.     vertical-align:middle;
  591.     border:0px solid white;
  592.     border-radius: 5px 5px 5px 5px;
  593.     -moz-border-radius: 5px 5px 5px 5px;
  594.     -webkit-border-radius: 5px 5px 5px 5px;
  595.     margin-right:5px;
  596. }
  597.  
  598.  
  599. #basiclinks {
  600.     top:-5px;
  601. }
  602.  
  603. #basiclinks img {
  604.     opacity:0.5;
  605.     height:13px;
  606.     width:13px;
  607.     vertical-align: middle;
  608.     padding-right:8px;
  609.     padding-left:8px;
  610.     border-right:1px solid #c1c1c1;
  611.    
  612.     -webkit-transition-duration: 0.3s;
  613.     transition-duration: 0.3s;
  614.     -webkit-transition-delay: 0s;
  615.     transition-delay: 0s;
  616.     -webkit-transition-timing-function: linear;
  617.     transition-timing-function: linear;
  618. }
  619.  
  620. #basiclinks img:hover {
  621.     opacity:1;
  622. }
  623.  
  624. #description {
  625.     margin-top:20px;
  626. }
  627.  
  628. #updates {
  629.     border-left:1px solid #c1c1c1;
  630.     padding-left:10px;
  631.     opacity:0.7;
  632.     word-break: break-all;
  633. }
  634.  
  635. #updates a {
  636.     display:inline;
  637.     padding:0;
  638.     margin:0;
  639.     background:none;
  640.     border:none;
  641. }
  642.  
  643. .block a{ /* one column */
  644.     display: block;
  645.     padding:3px;
  646.     width:100%;
  647.     margin:2px;
  648.    
  649.     background: linear-gradient(to right, #f2f2f2 50%, #fff 50%);
  650.     background-size: 200% 100%;
  651.     background-position:right bottom;
  652.    
  653.     border:1px solid #f2f2f2;
  654.     border-radius: 2px 2px 2px 2px;
  655.     -moz-border-radius: 2px 2px 2px 2px;
  656.     -webkit-border-radius: 2px 2px 2px 2px;
  657.    
  658.     transition:all 0.5s ease-in;
  659.    
  660. }
  661. .block a:hover{
  662.     background-position:left bottom;
  663.    
  664. }
  665.  
  666. .inline a{ /* rows */
  667.     display: inline-block;
  668.     margin-right:7px;
  669.     padding-right:5px;
  670. }
  671.  
  672. .twocolumn a{ /* two column */
  673.     display: inline-block;
  674.     padding:3px;
  675.     width:44%;
  676.     margin:2px;
  677.    
  678.     background: linear-gradient(to right, #f2f2f2 50%, #fff 50%);
  679.     background-size: 200% 100%;
  680.     background-position:right bottom;
  681.    
  682.     border:1px solid #f2f2f2;
  683.     border-radius: 2px 2px 2px 2px;
  684.     -moz-border-radius: 2px 2px 2px 2px;
  685.     -webkit-border-radius: 2px 2px 2px 2px;
  686.    
  687.     transition:all 0.5s ease-in;
  688.    
  689. }
  690. .twocolumn a:hover{
  691.     background-position:left bottom;
  692.    
  693. }
  694.  
  695. #sidebar h1{
  696.     color:black;
  697.     opacity:0.6;
  698.     font-size:10px;
  699.     text-transform:uppercase;
  700.     letter-spacing:2px;
  701.     margin-top:40px;
  702.     margin-bottom:8px;
  703.     font-weight:normal;
  704.     height:16px;
  705. }
  706.  
  707. .icon {
  708.     display:inline-block;
  709.     width:13px;
  710.     height:13px;
  711.     max-width: 13px;
  712.     max-height: 13px;
  713.     opacity:0.8;
  714.     margin-right:10px;
  715.     vertical-align:middle;
  716.     background-size: 13px 13px;
  717.     background-repeat:no-repeat;
  718. }
  719.  
  720.  
  721.  
  722.  
  723. #pagination {
  724.     text-align:center;
  725.     bottom:0px;
  726.     left:150px;
  727.     padding-bottom:0px;
  728.    
  729. }
  730.  
  731. #pagination p, #pagination a, #pagination a:link, #pagination a:active, #pagination a:visited {
  732.     color:black;
  733.     font-size:11px;
  734.     opacity:0.3;
  735.     display: inline-block;
  736.     padding:0px 3px;
  737.    
  738.     -webkit-transition-duration: 0.3s;
  739.     transition-duration: 0.3s;
  740.     -webkit-transition-delay: 0s;
  741.     transition-delay: 0s;
  742.     -webkit-transition-timing-function: linear;
  743.     transition-timing-function: linear;
  744. }
  745.  
  746. #pagination img {
  747.     height:16px;
  748.     width:16px;
  749.     opacity:0.9;
  750.    
  751.     -webkit-transition-duration: 0.3s;
  752.     transition-duration: 0.3s;
  753.     -webkit-transition-delay: 0s;
  754.     transition-delay: 0s;
  755.     -webkit-transition-timing-function: linear;
  756.     transition-timing-function: linear;
  757. }
  758.  
  759.  
  760.  
  761. /* ******************************* POSTS **************************** */
  762.  
  763. #entries {
  764.     margin-left: 300px;
  765.     margin-top:50px;
  766. }
  767.  
  768. .posts {
  769.    
  770.     overflow:hidden;
  771.     margin:10px;
  772.     margin-bottom:30px;
  773.      
  774.     border: 0px solid #fff;
  775.     {block:IfBorders}
  776.     border: 1px solid #d3d3d3;
  777.     {/block:IfBorders}
  778.    
  779.     {block:IfRoundedBorders}
  780.     border-radius: 5px 5px 5px 5px;
  781.     -moz-border-radius: 5px 5px 5px 5px;
  782.     -webkit-border-radius: 5px 5px 5px 5px;
  783.     {/block:IfRoundedBorders}
  784.          
  785.     {block:IfPostBackground}
  786.     background-color:{color:Post Background};
  787.     {/block:IfPostBackground}
  788.    
  789.  
  790.  
  791. }
  792.  
  793.  
  794. .posts.size1{
  795.     width:250px;
  796. }
  797. .posts.size2{
  798.     width:400px;
  799. }
  800. .posts.size3{
  801.     width:500px;
  802. }
  803.  
  804.  
  805. .posts.size1.yesright {
  806.     width:550px !important;
  807. }
  808. .posts.size2.yesright {
  809.     width:700px !important;
  810. }
  811. .posts.size3.yesright {
  812.     width:800px !important;
  813. }
  814.  
  815. .left {
  816.     float:left;
  817.     border-right: 0px solid #fff;
  818.     {block:IfBorders}
  819.     border-right: 1px solid #d3d3d3;
  820.     {/block:IfBorders}
  821.     -moz-box-sizing:border-box;
  822.     box-sizing:border-box;
  823.     padding:10px;
  824.     padding-bottom:0px;
  825. }
  826.  
  827. .left.size1{
  828.     width:250px;
  829. }
  830. .left.size2{
  831.     width:400px;
  832. }
  833. .left.size3{
  834.     width:500px;
  835. }
  836.  
  837.  
  838.  
  839. img, img a, #photoset, #photoset a  {
  840.     border:none;
  841.     line-height:0;
  842.     width:100%;
  843.     max-width:100%;
  844. }
  845.  
  846. #photo img, #photoset {
  847.     /* position:absolute; */
  848.     display:block;
  849.     margin-left:auto;
  850.     margin-right:auto;
  851.     margin-bottom:10px;
  852. }
  853.  
  854. #photoset img {
  855.     margin-bottom:10px;
  856. }
  857.  
  858.  
  859. .photoset .photoset_row .photoset_photo {
  860.     margin-left:0px;
  861. }
  862.  
  863. #asker{
  864.     /*margin-left:20px;*/
  865.     text-align:right;
  866.     padding-bottom:3px;
  867.     font-family: {select:font};
  868.     color: {color: text};
  869. }
  870.  
  871.  
  872. #question {
  873.     font-weight:normal;
  874.     border: 1px solid #eee;
  875.    
  876.     {block:IfRoundedBorders}
  877.     border-radius: 3px 3px 3px 3px;
  878.     -moz-border-radius: 3px 3px 3px 3px;
  879.     -webkit-border-radius: 3px 3px 3px 3px;
  880.     {/block:IfRoundedBorders}
  881.     padding:15px 25px;
  882. }
  883.  
  884. #quote {
  885.     text-align:center;
  886.     font-style:italic;
  887. }
  888.  
  889. .video {
  890.     margin-bottom:5px;
  891. }
  892.  
  893.  
  894. /* permalinks & co */
  895.  
  896.  
  897.  
  898. #info b, .info b{
  899.    color:#939393;
  900. }
  901.  
  902. #postinfo, #postinfo a, #postinfo a:active, #postinfo a:link, #postinfo a:visited {
  903.     letter-spacing:1px;
  904.     font-size:9px;
  905.     color: #939393;
  906. }
  907.  
  908.  
  909.  #postinfo a, #postinfo a:active, #postinfo a:link, #postinfo a:visited {
  910.     color:{color:Link};
  911.      
  912.  }
  913.  
  914.   #postinfo a:hover {
  915.     color:{color:Link Hover};
  916.      
  917.  }
  918.  
  919.  
  920.  .captionbttn:hover, .infobttn:hover,
  921. #captionbttn:hover, #infobttn:hover,
  922. a#captionbttn, a:hover#captionbttn,
  923. a#permalink{
  924.     cursor:help;
  925.     color: #939393 !important;
  926.    
  927. }
  928.  
  929.  
  930. a#captionbttn, a:hover#captionbttn,
  931. a#permalink{
  932.    padding-left:3px;
  933.    
  934. }
  935.  
  936.  
  937. a#permalink{
  938.     vertical-align:-1px;
  939.    
  940. }
  941.  
  942. #tags, #tags a, #tags a:visited, #tags a:link, #tags a:active{
  943.     font-size:9px;
  944.     text-transform:uppercase;
  945.     margin-right:5px;
  946.     color:#afafaf;
  947. }
  948.  
  949. #tags a:hover{
  950.     color:#939393;
  951. }
  952.  
  953.  
  954. #postnotes ol, #postnotes ol a { /* (on permalink page) */
  955.     list-style-type:decimal-leading-zero;
  956.     font-size:9px;
  957.     color:#939393;
  958. }
  959.  
  960. #postnotes img {
  961.     display:none;
  962. }
  963.  
  964. .cthrough, .cthrough a {
  965.     text-align:center;
  966.     text-transform: uppercase;
  967.     letter-spacing:1px;
  968.     font-size:10px;
  969.     color: #939393;
  970. }
  971.  
  972.  
  973. #beside {
  974.    
  975.     width:300px;
  976.     max-height:900px;
  977.         /* max-height:90%; */
  978.    /*  margin-top:-10px; */
  979.     overflow-y:auto;
  980.     overflow-x:hidden;
  981.     padding:10px;
  982.  
  983.     float:left;
  984.    
  985.     margin-left:0px;
  986.     border-left:0px solid #fff;
  987.     {block:IfBorders}
  988.     margin-left:-1px;
  989.     border-left: 1px solid #d3d3d3;
  990.     {/block:IfBorders}
  991.    
  992.     -moz-box-sizing:border-box;
  993.     box-sizing:border-box;
  994.  
  995. }
  996.  
  997. /*
  998. .size1beside{
  999.     margin-left:300px;
  1000. }
  1001. .size2beside{
  1002.     margin-left:450px;
  1003. }
  1004. .size3beside{
  1005.     margin-left:550px;
  1006. }
  1007.  
  1008. */
  1009.  
  1010.  
  1011. /* TUMBLR LIGHTBOX */
  1012.  
  1013. .vignette, #vignette {
  1014.     opacity:0;
  1015. }
  1016. .lightbox-image, #tumblr_lightbox img {
  1017.     box-shadow:none !important;
  1018.     border-radius:0 !important;
  1019.     max-width:none;
  1020. }
  1021. .tmblr-lightbox, #tumblr_lightbox {
  1022.     background-color:rgba(245,245,245,.98) !important;
  1023. }
  1024.  
  1025. /* optional: borders */
  1026. .lightbox-image, #tumblr_lightbox img {
  1027.     border:5px solid #fff !important;
  1028.     -moz-box-sizing:border-box;
  1029.     box-sizing:border-box;
  1030. }
  1031.  
  1032. /* optional: hide captions */
  1033. .lightbox-caption, #tumblr_lightbox_caption {
  1034.     visibility:hidden;
  1035. }
  1036.  
  1037. /* ****************************** ICONS ****************************** */
  1038.  
  1039.  
  1040. .iconLinks {
  1041. background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDU0Ljk3MSA1NC45NzEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDU0Ljk3MSA1NC45NzE7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4Ij4KPGc+Cgk8cGF0aCBkPSJNNTEuMTczLDMuODAxYy01LjA2OC01LjA2OC0xMy4zMTUtNS4wNjYtMTguMzg0LDBsLTkuMTkyLDkuMTkyYy0wLjc4MSwwLjc4MS0wLjc4MSwyLjA0NywwLDIuODI4ICAgYzAuNzgxLDAuNzgxLDIuMDQ3LDAuNzgxLDIuODI4LDBsOS4xOTItOS4xOTJjMS42OTEtMS42OSwzLjk1MS0yLjYyMiw2LjM2My0yLjYyMmMyLjQxMywwLDQuNjczLDAuOTMyLDYuMzY0LDIuNjIzICAgczIuNjIzLDMuOTUxLDIuNjIzLDYuMzY0YzAsMi40MTItMC45MzIsNC42NzItMi42MjMsNi4zNjNMMzYuMzI1LDMxLjM3OWMtMy41MSwzLjUwOC05LjIxOSwzLjUwOC0xMi43MjksMCAgIGMtMC43ODEtMC43ODEtMi4wNDctMC43ODEtMi44MjgsMHMtMC43ODEsMi4wNDgsMCwyLjgyOGMyLjUzNCwyLjUzNCw1Ljg2MywzLjgwMSw5LjE5MiwzLjgwMXM2LjY1OC0xLjI2Nyw5LjE5Mi0zLjgwMSAgIGwxMi4wMjEtMTIuMDIxYzIuNDQ3LTIuNDQ2LDMuNzk1LTUuNzExLDMuNzk1LTkuMTkyQzU0Ljk2OCw5LjUxMiw1My42Miw2LjI0OCw1MS4xNzMsMy44MDF6IiBmaWxsPSIjMDAwMDAwIi8+Cgk8cGF0aCBkPSJNMjcuMTMyLDQwLjU3bC03Ljc3OCw3Ljc3OGMtMS42OTEsMS42OTEtMy45NTEsMi42MjMtNi4zNjQsMi42MjNjLTIuNDEyLDAtNC42NzMtMC45MzItNi4zNjQtMi42MjMgICBjLTMuNTA5LTMuNTA5LTMuNTA5LTkuMjE5LDAtMTIuNzI4TDE3Ljk0LDI0LjMwNmMxLjY5MS0xLjY5LDMuOTUxLTIuNjIyLDYuMzY0LTIuNjIyYzIuNDEyLDAsNC42NzIsMC45MzIsNi4zNjMsMi42MjIgICBjMC43ODEsMC43ODEsMi4wNDcsMC43ODEsMi44MjgsMHMwLjc4MS0yLjA0NywwLTIuODI4Yy01LjA2Ny01LjA2Ny0xMy4zMTQtNS4wNjgtMTguMzg0LDBMMy43OTcsMzIuNzkzICAgYy0yLjQ0NiwyLjQ0Ni0zLjc5NCw1LjcxMS0zLjc5NCw5LjE5MmMwLDMuNDgsMS4zNDgsNi43NDUsMy43OTUsOS4xOTFjMi40NDYsMi40NDcsNS43MTEsMy43OTUsOS4xOTEsMy43OTUgICBjMy40ODEsMCw2Ljc0Ni0xLjM0OCw5LjE5Mi0zLjc5NWw3Ljc3OC03Ljc3OGMwLjc4MS0wLjc4MSwwLjc4MS0yLjA0NywwLTIuODI4UzI3LjkxMywzOS43ODksMjcuMTMyLDQwLjU3eiIgZmlsbD0iIzAwMDAwMCIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=)
  1042. }
  1043.  
  1044. .iconPages {
  1045.     background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTQyMy4wNzksMEgxNDkuNzg1Yy0xOC4xMDIsMC0zMi44MjcsMTQuNzI2LTMyLjgyNywzMi44Mjh2MjguMDM5SDc5LjUyYy0xMi45MTgsMC0yMy40MjcsMTAuNTEtMjMuNDI3LDIzLjQyN3Y0MDQuMjggICAgYzAsMTIuOTE4LDEwLjUxLDIzLjQyNiwyMy40MjcsMjMuNDI2aDI5Mi4wODVjMTIuOTE4LDAsMjMuNDI3LTEwLjUwOSwyMy40MjctMjMuNDI2di0zNy40NDFoMjguMDQ2ICAgIGMxOC4xMDIsMCwzMi44MjktMTQuNzI3LDMyLjgyOS0zMi44MjlWMzIuODI4QzQ1NS45MDcsMTQuNzI2LDQ0MS4xOCwwLDQyMy4wNzksMHogTTM3MS4zOSw0ODguMzU4SDc5LjczNVY4NC41MDdoMTg4LjIzNHY3Ni42NjYgICAgYzAsMTQuNzUzLDEyLjAwMiwyNi43NTUsMjYuNzU1LDI2Ljc1NWg3Ni42NjZWNDg4LjM1OHogTTI5MS42MTMsMTAxLjIyNmw2My4wNjEsNjMuMDYxaC01OS45NDljLTEuNzE2LDAtMy4xMTItMS4zOTYtMy4xMTItMy4xMTIgICAgVjEwMS4yMjZ6IE00MjMuMDc5LDQyNy40OWgtMjguMDQ2VjE3Ni4xMDljMC0wLjA5Ni0wLjAxNS0wLjE4Mi0wLjAyMi0wLjI3M2MtMC4wNy0yLjk4LTEuMjQ3LTUuODkyLTMuNDQtOC4wODZMMjg4LjE0OSw2NC4zMjkgICAgYy0wLjAwNS0wLjAwNS0wLjAxMS0wLjAwOC0wLjAxNS0wLjAxM2MtMi4xMzgtMi4xMzEtNS4wODctMy40NDgtOC4zNDMtMy40NDhIMTQwLjU5OXYtMjguMDRjMC01LjA2NCw0LjEyLTkuMTg1LDkuMTg1LTkuMTg1ICAgIGgyNzMuMjkzYzUuMDY1LDAsOS4xODYsNC4xMiw5LjE4Niw5LjE4NXYzODUuNDc2aDAuMDAxQzQzMi4yNjUsNDIzLjM2OSw0MjguMTQ1LDQyNy40OSw0MjMuMDc5LDQyNy40OXoiIGZpbGw9IiMwMDAwMDAiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K)
  1046. }
  1047.  
  1048. .iconTags {
  1049. background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUwOC42NDcgNTA4LjY0NyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTA4LjY0NyA1MDguNjQ3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+CjxnPgoJPGc+CgkJPGc+CgkJCTxnPgoJCQkJPHBhdGggZD0iTTQ0Ni4yOTgsMEgyNzYuNjc1Yy00Ljg2MywwLjI1NC0xNS45MjMsNy44NS0xNy4zNTMsOS4yOEw1Ny4wMjcsMjExLjU0NCAgICAgIGMtMTIuNDI3LDEyLjM5NS0xMi40MjcsMzIuNDUsMCw0NC44NzdsMjUuMjM1LDI1LjIzNWwtMjUuMjM1LDI1LjIzNWMtMTIuNDI3LDEyLjM5NS0xMi40MjcsMzIuNDUsMCw0NC44MTNsMTQ3LjY2MSwxNDcuNjYxICAgICAgYzYuMTk4LDYuMTk4LDE0LjMwMiw5LjI4LDIyLjQzOCw5LjI4YzguMTA1LDAsMTYuMjQxLTMuMDgzLDIyLjQzOC05LjI4bDIwMi4yNjQtMjAyLjIzMmMxLjQ2Mi0xLjQzLDkuMDktMTEuMjUxLDkuMDktMTcuMzIxICAgICAgVjE1Ljc5NkM0NjEuMzYzLDYuOTI5LDQ1NC45NzUsMCw0NDYuMjk4LDB6IE00MjkuNTE3LDI3NC40NDJsLTAuMTU5LDAuMjg2bC0yMDIuMiwyMDIuMjY0TDc5LjQ5NywzMjkuMzk0bDI1LjIzNS0yNS4yOTkgICAgICBsOTkuOTU2LDk5Ljk4OGM2LjE5OCw2LjE5OCwxNC4zMDIsOS4yOCwyMi40MzgsOS4yOGM4LjEwNSwwLDE2LjI0MS0zLjA4MywyMi40MzgtOS4yOGwxNzkuOTUyLTE3OS45MjFWMjc0LjQ0Mkw0MjkuNTE3LDI3NC40NDIgICAgICB6IE00MjkuNTE3LDEyNy4xM3Y1MS45NjRsLTAuMTU5LDAuMjU0bC0yMDIuMiwyMDIuMjk1TDc5LjQ5NywyMzQuMDQ2TDI4MC4zNjIsMzMuMTQ5bDIuMTI5LTEuMzY3aDE0Ni45OTR2OTUuMzQ3SDQyOS41MTd6IiBmaWxsPSIjMDAwMDAwIi8+CgkJCQk8Y2lyY2xlIGN4PSIzODEuODQ0IiBjeT0iNzkuMzI5IiByPSIxNS44OTEiIGZpbGw9IiMwMDAwMDAiLz4KCQkJPC9nPgoJCTwvZz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K)
  1050. }
  1051.  
  1052. .iconUpdates {
  1053.     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=)
  1054. }
  1055.  
  1056.  
  1057. /* ******************************* MORE ******************************* */
  1058.  
  1059.  
  1060. /* add your own CSS code here */
  1061.  
  1062. .exampleclass{
  1063.     color:black;
  1064. }
  1065.  
  1066. {CustomCSS}
  1067.  
  1068. </style>
  1069. </head>
  1070.  
  1071.  
  1072.  
  1073. <!-- ---------------------------------------------------------------- -->
  1074. <!-- ----------------------- H T M L - S T A R T -------------------- -->
  1075. <!-- ---------------------------------------------------------------- -->
  1076.  
  1077. <body>
  1078.  
  1079. <div id="wrapper">
  1080.  
  1081.  
  1082.  
  1083.  
  1084. <!-- ----------------------------- SIDEBAR --------------------------- -->
  1085.  
  1086. <div id="sidebar">
  1087.  
  1088. <!-- Sidebar Image -->
  1089. {block:IfSidebarImage}
  1090. <img src="{image:Sidebar}">
  1091. {/block:IfSidebarImage}
  1092.  
  1093.  
  1094. <div id="sidebarcontent">
  1095.  
  1096.  
  1097. <!-- Blogtitle & Basic Links & Description -->
  1098. <div>
  1099. <span style="float:left;">
  1100.     <div id="title"><a href="/" title="{text:Home Link Text}" style="color: {color:blogtitle};">
  1101.     {block:IfShowIcon}<img src="{PortraitURL-24}">{/block:IfShowIcon}
  1102.     {Title}</a></div>
  1103. </span>
  1104. <span style="float:right;" id="basiclinks">
  1105.     {block:AskEnabled}<a href="{text:Ask Link}" title="Inbox"><img  style="{block:IfNotShowArchiveLink}{block:IfNotShowRandomLink}{block:IfNotShowSubmitLink}border:none;{/block:IfNotShowSubmitLink}{/block:IfNotShowRandomLink}{/block:IfNotShowArchiveLink}" src="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=" /></a>{/block:AskEnabled}
  1106.    
  1107.     {block:SubmissionsEnabled}{block:IfShowSubmitLink}<a href="/submit" title="Submit">
  1108.         <img style="{block:IfNotShowArchiveLink}{block:IfNotShowRandomLink}border:none;{/block:IfNotShowRandomLink}{/block:IfNotShowArchiveLink}" src="data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ3MS4yIDQ3MS4yIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0NzEuMiA0NzEuMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik00NTcuNywyMzAuMTVjLTcuNSwwLTEzLjUsNi0xMy41LDEzLjV2MTIyLjhjMCwzMy40LTI3LjIsNjAuNS02MC41LDYwLjVIODcuNWMtMzMuNCwwLTYwLjUtMjcuMi02MC41LTYwLjV2LTEyNC44ICAgIGMwLTcuNS02LTEzLjUtMTMuNS0xMy41cy0xMy41LDYtMTMuNSwxMy41djEyNC44YzAsNDguMywzOS4zLDg3LjUsODcuNSw4Ny41aDI5Ni4yYzQ4LjMsMCw4Ny41LTM5LjMsODcuNS04Ny41di0xMjIuOCAgICBDNDcxLjIsMjM2LjI1LDQ2NS4yLDIzMC4xNSw0NTcuNywyMzAuMTV6IiBmaWxsPSIjMDAwMDAwIi8+CgkJPHBhdGggZD0iTTIyNi4xLDM0Ni43NWMyLjYsMi42LDYuMSw0LDkuNSw0czYuOS0xLjMsOS41LTRsODUuOC04NS44YzUuMy01LjMsNS4zLTEzLjgsMC0xOS4xYy01LjMtNS4zLTEzLjgtNS4zLTE5LjEsMGwtNjIuNyw2Mi44ICAgIFYzMC43NWMwLTcuNS02LTEzLjUtMTMuNS0xMy41cy0xMy41LDYtMTMuNSwxMy41djI3My45bC02Mi44LTYyLjhjLTUuMy01LjMtMTMuOC01LjMtMTkuMSwwYy01LjMsNS4zLTUuMywxMy44LDAsMTkuMSAgICBMMjI2LjEsMzQ2Ljc1eiIgZmlsbD0iIzAwMDAwMCIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=" />
  1109.     </a>{/block:IfShowSubmitLink}{/block:SubmissionsEnabled}
  1110.    
  1111.     {block:IfShowRandomLink}<a href="/random" title="Random">
  1112.         <img style="{block:IfNotShowArchiveLink}border:none;{/block:IfNotShowArchiveLink}"
  1113.        src="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==" />
  1114.     </a>{/block:IfShowRandomLink}
  1115.    
  1116.     {block:IfShowArchiveLink}<a href="/archive" title="Archive"><img style="border:none;" src="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=" /></a>{/block:IfShowArchiveLink}
  1117.    
  1118. </span>
  1119. </div>
  1120. <div style="clear: both;"></div><br><br>
  1121.  
  1122. <span id="description">{Description}</span><br><br>
  1123.  
  1124.  
  1125. <!-- Links -->
  1126. <div class="{select:Navigation Style}">
  1127.  
  1128. {block:IfShowCustomLinks}
  1129. <h1 style="margin-top:20px;"><div class="icon iconLinks"></div>links</h1>
  1130. {block:IfLink1Title}<a href="{text:Link1 URL}">{text:Link1 Title}</a>{/block:IfLink1Title}
  1131. {block:IfLink2Title}<a href="{text:Link2 URL}">{text:Link2 Title}</a>{/block:IfLink2Title}
  1132. {block:IfLink3Title}<a href="{text:Link3 URL}">{text:Link3 Title}</a>{/block:IfLink3Title}
  1133. {block:IfLink4Title}<a href="{text:Link4 URL}">{text:Link4 Title}</a>{/block:IfLink4Title}
  1134. {block:IfLink5Title}<a href="{text:Link5 URL}">{text:Link5 Title}</a>{/block:IfLink5Title}
  1135. {block:IfLink6Title}<a href="{text:Link6 URL}">{text:Link6 Title}</a>{/block:IfLink6Title}
  1136. {/block:IfShowCustomLinks}
  1137.  
  1138. {block:IfShowBlogPages}
  1139. <h1 style="
  1140. {block:IfNotShowCustomLinks}
  1141. margin-top:20px;
  1142. {/block:IfNotShowCustomLinks}
  1143. "><div class="icon iconPages"></div>pages</h1>
  1144. {block:HasPages}{block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
  1145. {/block:IfShowBlogPages}
  1146.  
  1147. {block:IfShowCustomTagLinks}
  1148. <h1 style="
  1149. {block:IfNotShowCustomLinks}
  1150. {block:IfNotShowBlogPages}
  1151. margin-top:20px;
  1152. {/block:IfNotShowBlogPages}
  1153. {/block:IfNotShowCustomLinks}
  1154. "><div class="icon iconTags"></div>tags</h1>
  1155. {block:IfTag1Title}<a href="{text:Tag1 URL}"># {text:Tag1 Title}</a>{/block:IfTag1Title}
  1156. {block:IfTag2Title}<a href="{text:Tag2 URL}"># {text:Tag2 Title}</a>{/block:IfTag2Title}
  1157. {block:IfTag3Title}<a href="{text:Tag3 URL}"># {text:Tag3 Title}</a>{/block:IfTag3Title}
  1158. {block:IfTag4Title}<a href="{text:Tag4 URL}"># {text:Tag4 Title}</a>{/block:IfTag4Title}
  1159. {block:IfTag5Title}<a href="{text:Tag5 URL}"># {text:Tag5 Title}</a>{/block:IfTag5Title}
  1160. {block:IfTag6Title}<a href="{text:Tag6 URL}"># {text:Tag6 Title}</a>{/block:IfTag6Title}
  1161. {/block:IfShowCustomTagLinks}
  1162.  
  1163. {block:IfShowUpdates}
  1164. <h1 style="
  1165. {block:IfNotShowCustomTagLinks}
  1166. {block:IfNotShowCustomLinks}
  1167. {block:IfNotShowBlogPages}
  1168. margin-top:20px;
  1169. {/block:IfNotShowBlogPages}
  1170. {/block:IfNotShowCustomLinks}
  1171. {/block:IfNotShowCustomTagLinks}
  1172. "><div class="icon iconUpdates"></div>updates</h1>
  1173. <div id="updates">{text:Updates}</div>
  1174. {/block:IfShowUpdates}
  1175.  
  1176.  
  1177.  
  1178.  
  1179.  
  1180.  
  1181. </div>
  1182.  
  1183. <!-- Pagination -->
  1184.  
  1185. {block:Pagination}<br>
  1186. <div id="pagination">
  1187.  
  1188. {block:PreviousPage}<a href="{PreviousPage}" title="prev">
  1189. prev
  1190. </a>{/block:PreviousPage}
  1191.  
  1192. <p>{CurrentPage}</p>
  1193.  
  1194. {block:NextPage}<a href="{NextPage}" title="next" class="next">
  1195. next
  1196. </a>{/block:NextPage}
  1197.  
  1198. </div>
  1199. {/block:Pagination}
  1200.  
  1201.  
  1202. </div>
  1203. </div>
  1204.  
  1205.  
  1206. <!-- ----------------------------- POSTS ---------------------------- -->
  1207.  
  1208. <div class = "autopagerize_page_element" >
  1209. <div class="content">
  1210. <div id="entries">
  1211.  
  1212. {block:Posts}
  1213.  
  1214. <!-- no ugly tumblr default (source: bla) -->
  1215. {block:ContentSource}
  1216. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1217. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />  
  1218. {/block:SourceLogo}
  1219. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1220. {/block:ContentSource}
  1221.  
  1222.  
  1223.  
  1224.  
  1225. {block:IndexPage}
  1226. <div id="{PostID}" class="posts {select:Post Size Index} {block:Date}yesright{/block:Date}">
  1227. {/block:IndexPage}
  1228.  
  1229.  
  1230. {block:PermalinkPage}
  1231. <div id="{PostID}" class="posts {select:Post Size Permalink} {block:Date}yesright{/block:Date}">
  1232. {/block:PermalinkPage}
  1233.  
  1234. <!-- -------------------------- (LEFT) --------------------------- -->
  1235.  
  1236. {block:IndexPage}
  1237. <div class="left {select:Post Size Index}">
  1238. {/block:IndexPage}
  1239.  
  1240. {block:PermalinkPage}
  1241. <div class="left {select:Post Size Permalink}">
  1242. {/block:PermalinkPage}
  1243.  
  1244.  
  1245. {block:Text}
  1246. {block:Title}<h1 style="font-size:18px;">{Title}</h1>{/block:Title}
  1247. <div class="text">{Body}</div>
  1248. {/block:Text}
  1249.  
  1250. {block:Quote}
  1251. <h1 style="font-size:18px;" id="quote">"{Quote}"</h1>
  1252. <p style="font-weight:normal;" class="text">โ€” {Source}</p>
  1253. {/block:Quote}
  1254.  
  1255. {block:Link}
  1256. <h1 style="font-size:18px;"><a href="{URL}" style="font-family: {select:Font};color:{color:titles};"><u>{Name}</u></a></h1>
  1257. {block:Description}<div class="text">{Description}</div>{/block:Description}
  1258. {/block:Link}
  1259.  
  1260. {block:Chat}
  1261. <div class="text">
  1262. {block:Lines}{block:Label}<b>{Label}</b> {/block:Label}{Line}<br>{/block:Lines}<br>
  1263. </div>
  1264. {/block:Chat}
  1265.  
  1266. {block:Answer}
  1267. <div id="question" class="text">"{Question}"</div>
  1268. <span id="asker" class="text">โ€” {Asker}</span>
  1269. {Answer}
  1270. {/block:Answer}
  1271.  
  1272. {block:Audio}
  1273. {AudioPlayer}
  1274. {/block:Audio}
  1275.  
  1276. {block:Video}
  1277. <div class="video">{Video-500}</div>
  1278. {/block:Video}
  1279.  
  1280. {block:Photo}
  1281. <span id="photo"><a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false">
  1282.     <img src="{PhotoURL-500}">
  1283. </a></span>
  1284. {/block:Photo}
  1285.  
  1286. {block:Photoset}
  1287. <span id="photoset">
  1288.  
  1289. <a href="#" onclick="Tumblr.Lightbox.init([/*{block:Photos}, /**/ { width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }{/block:Photos}]); $('body').toggleClass('tumblr_lightbox_active'); return false">
  1290.  
  1291.     {block:Photos}
  1292.     <img src="{PhotoURL-HighRes}" class="photoset-img">
  1293.     {/block:Photos}
  1294.    
  1295. </a>
  1296.    
  1297. </span>
  1298. {/block:Photoset}
  1299.  
  1300.  
  1301.  
  1302. </div>
  1303.  
  1304.  
  1305. <!-- -------------------------- (RIGHT) --------------------------- -->
  1306.  
  1307. {block:IndexPage}
  1308. <div id="beside" class="{select:Post Size Index}beside">
  1309. {/block:IndexPage}
  1310.  
  1311. {block:PermalinkPage}
  1312. <div id="beside" class="{select:Post Size Permalink}beside">
  1313. {/block:PermalinkPage}
  1314.  
  1315.  
  1316.  
  1317.  
  1318.  
  1319.  
  1320. <span id="postinfo">
  1321. {block:Date}
  1322.  
  1323.  
  1324.  
  1325. <!-- NOTE COUNT -->
  1326.  
  1327.  
  1328. {block:IndexPage}
  1329. <a id="permalink" href="{Permalink}" title="permalink">{NoteCount}</a> |
  1330. {/block:IndexPage}
  1331.  
  1332. {block:PermalinkPage}
  1333. {NoteCount} |
  1334. {/block:PermalinkPage}
  1335.  
  1336.  
  1337. <!-- LIKE AND REBLOG BUTTONS -->
  1338.  
  1339. <a id="captionbttn" class="post{PostID} captionbttn" title="show caption"><img width="10px" style="max-width:10px;vertical-align:middle;padding-right:5px;"
  1340. src="data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUzIDUzIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MyA1MzsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yLDEzLjVoNDljMS4xMDQsMCwyLTAuODk2LDItMnMtMC44OTYtMi0yLTJIMmMtMS4xMDQsMC0yLDAuODk2LTIsMlMwLjg5NiwxMy41LDIsMTMuNXoiIGZpbGw9IiMwMDAwMDAiLz4KCQk8cGF0aCBkPSJNMiwyOC41aDQ5YzEuMTA0LDAsMi0wLjg5NiwyLTJzLTAuODk2LTItMi0ySDJjLTEuMTA0LDAtMiwwLjg5Ni0yLDJTMC44OTYsMjguNSwyLDI4LjV6IiBmaWxsPSIjMDAwMDAwIi8+CgkJPHBhdGggZD0iTTIsNDMuNWg0OWMxLjEwNCwwLDItMC44OTYsMi0ycy0wLjg5Ni0yLTItMkgyYy0xLjEwNCwwLTIsMC44OTYtMiwyUzAuODk2LDQzLjUsMiw0My41eiIgZmlsbD0iIzAwMDAwMCIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=">
  1341. </a>
  1342. <a id="infobttn" class="post{PostID} infobttn" title="show info"><img width="10px" style="max-width:10px;vertical-align:middle;padding-right:5px;" src="data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDYxMiA2MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDYxMiA2MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNNTg3LjU3MiwxODYuODgxYy0zMi4yNjYtNzUuMjI1LTg3LjA5Ni0xMjkuOTM0LTE2Mi45NDktMTYyLjI4NUMzODYuNzExLDguNDI3LDM0Ni45OTIsMC4xNjgsMzA1LjQ5NywwLjE2OCAgICBjLTQxLjQ4OCwwLTgwLjkxNCw4LjE4MS0xMTguNzg0LDI0LjQyOEMxMTEuNDg4LDU2Ljg2MSw1Ni40MTUsMTExLjUzNSwyNC4wOTIsMTg2Ljg4MUM3Ljg5NSwyMjQuNjI5LDAsMjY0LjE3NiwwLDMwNS42NjQgICAgYzAsNDEuNDk2LDcuODk1LDgxLjM3MSwyNC4wOTIsMTE5LjEyN2MzMi4zMjMsNzUuMzQ2LDg3LjQwMywxMzAuMzQ4LDE2Mi42MjEsMTYyLjYyMWMzNy44NzcsMTYuMjQ3LDc3LjI5NSwyNC40MiwxMTguNzg0LDI0LjQyICAgIGM0MS40ODksMCw4MS4yMTQtOC4yNTksMTE5LjEyLTI0LjQyYzc1Ljg1My0zMi4zNTIsMTMwLjY4My04Ny40MDMsMTYyLjk1Ni0xNjIuNjIxQzYwMy44MTksMzg2LjkxNCw2MTIsMzQ3LjE2LDYxMiwzMDUuNjY0ICAgIEM2MTIsMjY0LjE3Niw2MDMuODI2LDIyNC43NTcsNTg3LjU3MiwxODYuODgxeiBNNTM4LjcyNCw0NDAuODUzYy0yNC4wMjEsNDEuMTk1LTU2LjkyOSw3My44NzYtOTguMzc1LDk4LjAzOSAgICBjLTQxLjE5NSwyNC4wMjEtODYuMzMyLDM2LjEzNS0xMzQuODQ1LDM2LjEzNWMtMzYuNDcsMC03MS4yNy03LjAyNC0xMDQuNC0yMS40MTVjLTMzLjEyOS0xNC4zODQtNjEuNzMzLTMzLjI5NC04NS42NjEtNTcuMjE1ICAgIGMtMjMuOTI4LTIzLjkyOC00Mi45NzMtNTIuODExLTU3LjIxNC04NS45OTdjLTE0LjE5OS0zMy4wNjUtMjEuMDgtNjguMjU4LTIxLjA4LTEwNC43MzVjMC00OC41MiwxMS45MjEtOTMuNDI4LDM1LjgwNy0xMzQuNTA5ICAgIGMyMy45NzEtNDEuMjMxLDU2Ljg4Ni03My45NDcsOTguMDM5LTk4LjA0YzQxLjE0Ni0yNC4wOTIsODUuOTktMzYuMTQyLDEzNC41MDItMzYuMTQyYzQ4LjUyLDAsOTMuNjQ5LDEyLjEyMSwxMzQuODQ1LDM2LjE0MiAgICBjNDEuNDQ2LDI0LjE2NCw3NC4yODMsNTYuODc5LDk4LjM3NSw5OC4wMzljMjQuMDkyLDQxLjE1MywzNi4xMzUsODUuOTksMzYuMTM1LDEzNC41MDkgICAgQzU3NC44NTIsMzU0LjE4NSw1NjIuODg4LDM5OS4zOTksNTM4LjcyNCw0NDAuODUzeiIgZmlsbD0iIzYxNjE2MSIvPgoJCTxwYXRoIGQ9Ik0zMjQuOTA2LDMwMi45ODhWMTI5LjY1OWMwLTEwLjM3Mi05LjAzNy0xOC43MzgtMTkuNDEtMTguNzM4Yy05LjcwMSwwLTE4LjQwMyw4LjM2Ni0xOC40MDMsMTguNzM4djE3Ni4wMDUgICAgYzAsMC4zMzYsMC42NzEsMS42NzgsMC42NzEsMi42NzhjLTAuNjcxLDYuMDI0LDEuMDA3LDExLjA0Myw1LjAxOSwxNS4wNjJsMTAwLjA1MywxMDAuMDQ2YzYuNjk1LDYuNjk1LDE5LjA3Myw2LjY5NSwyNS43NjMsMCAgICBjNy42OTQtNy42OTUsNy4xODgtMTguODYsMC0yNi4wOTlMMzI0LjkwNiwzMDIuOTg4eiIgZmlsbD0iIzYxNjE2MSIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=" /></a> |
  1343.  
  1344.     <span class="controls" style="margin-top:-5px;">
  1345.     <a href="{ReblogURL}" target="_blank" class="reblog">
  1346.     <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>
  1347.     </a>
  1348.     <a href="#" class="like">{LikeButton}
  1349.     <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>
  1350.     </a>
  1351.     </span>
  1352.  
  1353. <br>
  1354.  
  1355. <script>
  1356.  
  1357.     $( document ).ready(function() {
  1358.         $(".caption").show();
  1359.         $(".info").hide();
  1360.     });
  1361.  
  1362.     $(".post{PostID}.captionbttn").click(function(){
  1363.         $(".post{PostID}.caption").show(500);
  1364.         $(".post{PostID}.info").hide(500);
  1365.     });
  1366.    
  1367.     $(".post{PostID}.infobttn").click(function(){
  1368.         $(".post{PostID}.caption").hide(500);
  1369.         $(".post{PostID}.info").show(500);
  1370.     });
  1371.    
  1372. </script>
  1373.  
  1374. <!-- CAPTION TAB -->
  1375. <span id="caption" class="post{PostID} caption">
  1376. {block:IfShowCaption}
  1377. {block:Caption}<div class="caption text">{Caption}</div>{/block:Caption}
  1378. {/block:IfShowCaption}
  1379. </span>
  1380.  
  1381. <!-- INFO TAB -->
  1382.  
  1383. <span id="info" class="post{PostID} info">
  1384. <br>
  1385.  
  1386. <b>posted on:</b> {ShortMonth} {DayOfMonth}{DayOfMonthSuffix} {Year} ({TimeAgo})
  1387.  
  1388. <br>
  1389.  
  1390. {block:RebloggedFrom}
  1391. <b>reblogged via:</b> <a href="{ReblogParentURL}"><u>{ReblogParentName}</u></a>
  1392. <br>
  1393. <b>created by:</b> <a href="{ReblogRootURL}"><u>{ReblogRootName}</u></a>
  1394. {/block:RebloggedFrom}
  1395.  
  1396. <br>
  1397.  
  1398. {block:IfShowTags}
  1399. {block:HasTags}
  1400. <span style="" id="tags"><br>
  1401. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  1402. </span>
  1403. {/block:HasTags}
  1404. {/block:IfShowTags}
  1405.  
  1406. <br><br>
  1407.  
  1408. <script type="text/javascript">
  1409.     jQuery(document).ready(function() {
  1410.     jQuery(".sub").hide();
  1411.     //toggle the componenet with class msg_body
  1412.     jQuery(".cthrough").click(function()
  1413.     {
  1414.     jQuery(this).next(".sub").slideToggle(500);
  1415.     });});
  1416. </script>
  1417. {block:PostNotes}
  1418. <p style="clear: both;font-size:1px;"></p>
  1419. <a href="#" class="cthrough" style="color:#939393;">Show Notes</a>
  1420. <div class="sub" id="postnotes">
  1421.     {PostNotes}
  1422. </div>
  1423. {/block:PostNotes}
  1424.  
  1425.  
  1426. </span>
  1427. {/block:Date}
  1428.  
  1429.  
  1430.  
  1431.  
  1432. </span> <!-- post info -->
  1433. </div> <!-- beside -->
  1434. </div>
  1435.  
  1436. {/block:Posts}
  1437.  
  1438.  
  1439.  
  1440. </div>
  1441. </div> <!-- /entries -->
  1442. </div> <!-- /content -->
  1443. </div> <!-- /autopagerize_page_element -->
  1444.  
  1445.  
  1446. </div> <!-- /wrapper -->
  1447.  
  1448.  
  1449.  
  1450.  
  1451.  
  1452.  
  1453. <!-- please don't touch this. thank you. -->
  1454. <div style="position:fixed;bottom:15px;right:20px;font-size:12px;">
  1455. <a href="https://cloudythms.tumblr.com/" title="theme by cloudythms"
  1456. style="text-decoration:none;">โ˜</a></div>
  1457.  
  1458. <!-- theme by https://cloudythms.tumblr.com/ -->
  1459.  
  1460.  
  1461.  
  1462.  
  1463.  
  1464.  
  1465. </body>
  1466. </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!