Pastebin launched a little side project called HostCabi.net, check it out ;-)Don't like ads? PRO users don't see any ads ;-)
Guest

Untitled

By: a guest on Jun 12th, 2012  |  syntax: None  |  size: 51.73 KB  |  hits: 1,900  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!DOCTYPE html>
  2.  
  3. <!-- Syndex theme by Marc Kremers.  http://marckremers.com https://twitter.com/#!/marckremers http://syndex.me -->
  4. <!-- Version 2.3.2 Released 12 June 2012 http://marckremers.com/syndex/changelog/-->
  5. <!-- Help, FAQ or if you want to ask me something, please go to  http://syndex.me/help -->
  6.  
  7.  
  8.                                        
  9. <!--    .                                 .o8       oooo              
  10.       .o8                                "888       `888              
  11.     .o888oo oooo  oooo  ooo. .oo.  .oo.   888oooo.   888  oooo d8b    
  12.       888   `888  `888  `888P"Y88bP"Y88b  d88' `88b  888  `888""8P    
  13.       888    888   888   888   888   888  888   888  888   888        
  14.       888 .  888   888   888   888   888  888   888  888   888    .o.
  15.       "888"  `V88V"V8P' o888o o888o o888o `Y8bod8P' o888o d888b   Y8P
  16. -->
  17. <html xmlns="http://www.w3.org/1999/xhtml">
  18. <head>
  19. <meta charset="utf-8">
  20. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  21. <meta name="description" content="{block:Description}{MetaDescription}{/block:Description}"/>
  22. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}{block:PostSummary} - {PostSummary}{/block:PostSummary}</title>
  23.  
  24. <!-- COLOUR OPTIONS -->
  25. <meta name="color:BG ChatLinkQuoteText Index" content="#999999"/>
  26. <meta name="color:BG Description Overlay" content="#000000"/>
  27. <meta name="color:BG Site" content="#ffffff"/>
  28. <meta name="color:BG NavBar" content="#ffffff"/>
  29. <meta name="color:BG NavBar Button" content="#ffffff"/>
  30. <meta name="color:BG NavBar Button Hover" content="#e4e4e4"/>
  31. <meta name="color:BG Notes" content="#eeeeee"/>
  32. <meta name="color:BG PostInfo overlay" content="#000000"/>
  33. <meta name="color:BG Tag" content="#555555"/>
  34. <meta name="color:BG Tag Hover" content="#888888"/>
  35. <meta name="color:BG Tag Perma" content="#ffffff"/>
  36. <meta name="color:BG Tag Perma Hover" content="#ffffff"/>
  37. <meta name="color:BG Site" content="#ffffff"/>
  38. <meta name="color:BG Search Bar" content="#e4e4e4"/>
  39. <meta name="color:Text Chat name" content="#000000"/>
  40. <meta name="color:Text General" content="#000000"/>
  41. <meta name="color:Text Headline" content="#bbbbbb"/>
  42. <meta name="color:Text Headline Link" content="#ffffff"/>
  43. <meta name="color:Text Liked" content="#ffffff"/>
  44. <meta name="color:Text Logo" content="#111111"/>
  45. <meta name="color:Text NavBar Link" content="#333333"/>
  46. <meta name="color:Text NavBar Link Hover" content="#000000"/>
  47. <meta name="color:Text NavBar Credit" content="#999999"/>
  48. <meta name="color:Text Notes Headline" content="#666666"/>
  49. <meta name="color:Text Notes" content="#666666"/>
  50. <meta name="color:Text Description Overlay" content="#ffffff"/>
  51. <meta name="color:Text Tag" content="#000000"/>
  52. <meta name="color:Text Tag Hover" content="#111111"/>
  53. <meta name="color:Text Tag Perma" content="#666666"/>
  54. <meta name="color:Text Tag Perma Hover" content="#555555"/>
  55. <meta name="color:Text Perma Text" content="#000000"/>
  56. <meta name="color:Text Perma Text Headline" content="#000000"/>
  57. <meta name="color:Text ChatLinkQuoteText Index" content="#ffffff"/>
  58. <meta name="color:Border General" content="#cccccc"/>
  59. <meta name="color:Border PhotoSet" content="#cccccc"/>
  60. <meta name="color:Border Notes" content="#e5e5e5"/>
  61. <meta name="color:Border Text and Chat" content="#cccccc"/>
  62.  
  63. <!-- FONT OPTIONS -->
  64. <meta name="font:Font Chat" content="Garamond, Palatino, Georgia, Times, 'Times New Roman', serif"/>
  65. <meta name="font:Font Chat name" content="Garamond, Palatino, Georgia, Times, 'Times New Roman', serif"/>
  66. <meta name="font:Font Description" content="'Helvetica Neue', Helvetica, Arial, sans-serif"/>
  67. <meta name="font:Font General" content="'Helvetica Neue', Helvetica, Arial, sans-serif"/>
  68. <meta name="font:Font Headline" content="Garamond, Palatino, Georgia, Times, 'Times New Roman', serif"/>
  69. <meta name="font:Font Logo" content="'Helvetica Neue', Helvetica, Arial, sans-serif"/>
  70. <meta name="font:Font NavBar" content="'Helvetica Neue', Helvetica, Arial, sans-serif"/>
  71. <meta name="font:Font Notes" content="'Helvetica Neue', Helvetica, Arial, sans-serif"/>
  72. <meta name="font:Font Quote source" content="'Helvetica Neue', Helvetica, Arial, sans-serif"/>
  73. <meta name="font:Font Text" content="Garamond, Palatino, Georgia, Times, 'Times New Roman', serif"/>
  74. <meta name="font:Font TextChatLinkQuote Index" content="Garamond, Palatino, Georgia, Times, 'Times New Roman', serif"/>
  75. <meta name="font:Font Text and Chat Headline" content="'Helvetica Neue', Helvetica, Arial, sans-serif"/>
  76.  
  77. <!-- IMAGE OPTIONS -->
  78. <meta name="image:LogoImage" content=""/>
  79. <meta name="image:Post Options" content="http://static.tumblr.com/bfhsl6l/A2Fm3mleg/all.png"/>
  80. <meta name="image:Post Options Hover" content="http://static.tumblr.com/bfhsl6l/OH4m3mhc3/all-hover.png"/>
  81. <meta name="image:BG Text Quote Chat Link" content=""/>
  82. <meta name="image:NavPanelBG" content=""/>
  83. <meta name="image:Photoset Not Loaded" content=""/>
  84. <meta name="image:SiteBGimage" content=""/>
  85.  
  86. <!-- BOOLEAN OPTIONS -->
  87. <meta name="if:Always Show Tumblr Buttons" content="0"/>
  88. <meta name="if:Anti Social" content="0"/><!-- If you don't want any permalinks, reblogging and liking switch this on -->
  89. <meta name="if:Infinite Scrolling" content="1"/>
  90. <meta name="if:Logo Opacity on Hover" content="1"/>
  91. <meta name="if:Logo Position Centre" content="0"/>
  92. <meta name="if:Masonry" content="0"/><!-- Beta phase -->
  93. <meta name="if:Nav Bar Open By Default" content="0"/>
  94. <meta name="if:RandomPostButton" content="0"/>
  95. <meta name="if:SiteBGimage" content="0"/>
  96. <meta name="if:SiteBGimageFixedPosition" content="1"/>
  97. <meta name="if:TweetThis" content="1"/>
  98.  
  99. <!-- OPTIONS VIA TEXT BASED INPUT -->
  100. <meta name="text:FontSize General" content="13px"/>
  101. <meta name="text:FontSize Headline" content="22px"/>
  102. <meta name="text:FontSize Logo Index" content="72px"/>
  103. <meta name="text:FontSize Logo Perma" content="18px"/>
  104. <meta name="text:FontSize Nav bar" content="13px"/>
  105. <meta name="text:FontSize Quote source" content="13px"/>
  106. <meta name="text:FontSize Description Overlay" content="24px"/>
  107. <meta name="text:FontSize TextChatLinkQuote Index" content="24px"/>
  108. <meta name="text:FontSize Text and Chat Headline" content="19px"/>
  109. <meta name="text:FontSize Text and Chat" content="19px"/>
  110. <meta name="text:LetterSpacing Headline" content="-0.03em"/>
  111. <meta name="text:LetterSpacing Logo" content="-0.05em"/>
  112. <meta name="text:LetterSpacing TextChatLinkQuote Index" content="0"/>
  113. <meta name="text:LineHeight Headline" content="26px"/>
  114. <meta name="text:LineHeight Logo" content="72px"/>
  115. <meta name="text:LineHeight Quote source" content="16px"/>
  116. <meta name="text:LineHeight TextChatLinkQuote Index" content="27px"/>
  117. <meta name="text:LineHeight Text and Chat" content="31px"/>
  118. <meta name="text:Italics Chat name" content="normal"/>
  119. <meta name="text:Italics Chat Speaker A" content="italic"/>
  120. <meta name="text:SmallCaps Chat name" content="small-caps"/>
  121. <meta name="text:Weight Chat name" content="normal"/>
  122. <meta name="text:Weight Chat Speaker A" content="normal"/>
  123. <meta name="text:Weight General" content="normal"/>
  124. <meta name="text:Weight Headline" content="normal"/>
  125. <meta name="text:Weight Logo Index" content="bold"/>
  126. <meta name="text:Weight Description Overlay" content="bold"/>
  127. <meta name="text:Weight TextChatLinkQuote Index" content="normal"/>
  128. <meta name="text:Weight Text Headline Perma" content="bold"/>
  129. <meta name="text:Weight Text and Chat" content="normal"/>
  130. <meta name="text:Opacity Lightbox" content="1"/>
  131. <meta name="text:Opacity PostInfo Background" content="0.95"/>
  132. <meta name="text:Colour LightBox R" content="255"/>
  133. <meta name="text:Colour LightBox G" content="255"/>
  134. <meta name="text:Colour LightBox B" content="255"/>
  135. <meta name="text:Margin Body Index" content="15px"/>
  136. <meta name="text:Margin between posts on Index" content="10px"/>
  137. <meta name="text:Margin top of Index" content="20px"/>
  138. <meta name="text:Padding Text Quote and Link" content="40px"/>
  139. <meta name="text:Position Logo Left" content="15px"/>
  140. <meta name="text:Position Logo Top" content="5px"/>
  141. <meta name="text:Size Photo H Max" content="500px"/>
  142. <meta name="text:Size Photoset H Max" content="700"/>
  143. <meta name="text:Size Photo W Max" content="650px"/>
  144. <meta name="text:Size TextLinkChat W" content="350px"/>
  145. <meta name="text:Size TextLinkChat H" content="350px"/>
  146. <meta name="text:Size Text W Max Perma" content="800px"/>
  147. <meta name="text:Size Video W" content="650"/>
  148. <meta name="text:Rounded corners on Buttons" content="3px"/>
  149. <meta name="text:Rounded corners TextLinkQuoteChat" content="5px"/>
  150. <!-- Instant shortcuts to your favorite themes (you have to tag your posts for this to work) -->
  151. <meta name="text:Tag shortcut 1" content=""/>
  152. <meta name="text:Tag shortcut 2" content=""/>
  153. <meta name="text:Tag shortcut 3" content=""/>
  154. <meta name="text:Tag shortcut 4" content=""/>
  155. <meta name="text:Tag shortcut 5" content=""/>
  156. <meta name="text:Description Button Text" content="About"/>
  157.  
  158.  
  159.  
  160. <!-- FAVICON, RSS, EXTERNAL CSS -->
  161. <link rel="shortcut icon" href="{Favicon}"/>
  162. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  163. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/bfhsl6l/TJkm4ks0s/syndex.css" charset="utf-8"/>
  164.  
  165.  
  166. <!-- HEADER SCRIPTS -->
  167. {block:IndexPage}<script src="http://assets.tumblr.com/javascript/tumblelog.js?16"></script>{/block:IndexPage}
  168. <script type="text/javascript" src="http://static.tumblr.com/bfhsl6l/zMSm3aze9/jquery-1.7.min.js"></script>
  169. <script type="text/javascript" src="http://static.tumblr.com/bfhsl6l/f9Em1uzil/plugins.js"></script>
  170. <script type="text/javascript" src="http://static.tumblr.com/bfhsl6l/Tx7m4jwwm/syndex.js"></script>
  171. <script type="text/javascript">
  172. {block:IfInfiniteScrolling}infiniteScroll = true;{/block:IfInfiniteScrolling}
  173. {block:IfNotInfiniteScrolling}infiniteScroll = false;{/block:IfNotInfiniteScrolling}
  174. {block:IfAntiSocial}antisocial = true;{/block:IfAntiSocial}
  175. {block:IfNotAntiSocial}antisocial = false;{/block:IfNotAntiSocial}
  176. {block:IfAlwaysShowTumblrButtons}tumblr_show = true;{/block:IfAlwaysShowTumblrButtons}
  177. {block:IfNotAlwaysShowTumblrButtons}tumblr_show = false;{/block:IfNotAlwaysShowTumblrButtons}
  178. vidWidth = {text:Size Video W};
  179. photoSetH = {text:Size Photoset H Max};
  180. noartwork = "http://static.tumblr.com/bfhsl6l/LLpm29m7o/noart.png";
  181. function handleThis(formElm){window.location="/tagged/"+formElm.q.value+"";return false;};
  182. !function(d,s,id){
  183.     var js,fjs=d.getElementsByTagName(s)[0];
  184.         if(!d.getElementById(id)){
  185.                 js=d.createElement(s);
  186.                 js.id=id;
  187.                 js.src="//platform.twitter.com/widgets.js";
  188.                 fjs.parentNode.insertBefore(js,fjs);
  189. }}(document,"script","twitter-wjs");
  190. {block:IfMasonry}$('#posts').masonry({itemSelector: '.index.desktop .post',columnWidth: 100});{/block:IfMasonry}
  191. {block:IfNavBarOpenByDefault}navDefault = true;{/block:IfNavBarOpenByDefault}
  192. {block:IfNotNavBarOpenByDefault}navDefault = false;{/block:IfNotNavBarOpenByDefault}
  193. </script>
  194.  
  195.  
  196. <!-- SYNDEX THEME APPEARANCE OPTIONS -->
  197. <style type="text/css">
  198. body, html {
  199.         font:{text:Weight General} {text:FontSize General} {font:Font General}
  200. }
  201. {block:IfMasonry}.index .post {float:left;}{/block:IfMasonry}
  202. #background {
  203.         background-color: {color:BG Site};
  204.         {block:IfSiteBGimage}background-image: url('{image:SiteBGimage}');{/block:IfSiteBGimage}
  205.         {block:IfSiteBGimageFixedPosition}background-image: url('{image:SiteBGimage}');{/block:IfSiteBGimageFixedPosition}
  206. }
  207. .perma #background{z-index:-1}
  208. .index #posts {
  209.         margin: {text:Margin Body Index};
  210.         margin-top: {text:Margin top of Index};
  211.         margin-bottom: 150px !important;
  212.         {block:IfMasonry}text-align: center !important;{/block:IfMasonry}
  213. }
  214. /* PHOTOSET LIGHTBOX CSS */
  215. #tumblr_lightbox_caption {
  216.         font: {text:FontSize General} {font:Font General} !important;
  217.         color: {color:Text General} !important;
  218. }
  219. #tumblr_lightbox{
  220.         background-color: rgba(
  221.                 {text:Colour LightBox R},
  222.                 {text:Colour LightBox G},
  223.                 {text:Colour LightBox B},
  224.                 {text:Opacity Lightbox}
  225.         )!important
  226. }
  227. #lightbox_background{
  228.         opacity:{text:Opacity Lightbox};
  229.         background-color: {color:BG Site}
  230. }
  231.  
  232. /* LOGO CSS*/
  233. #logo_index_text a,
  234. #logo_index_left a,
  235. .logo_permalink_page
  236. {
  237.         font-weight: {text:Weight Logo Index};
  238.         font-family: {font:Font Logo};
  239.         color: {color:Text Logo}
  240. }
  241. #logo_index_left{left:{text:Position Logo Left}}
  242. #logo_index_left {top:{text:Position Logo Top}}
  243. #logo_index_text a,
  244. #logo_index_left a
  245. {
  246.         letter-spacing: {text:LetterSpacing Logo};
  247.         font-size: {text:FontSize Logo Index};
  248.         line-height: {text:LineHeight Logo}
  249. }
  250. {block:IfNotLogoOpacityonHover}
  251. #logo_index_text a:hover,
  252. #logo_index_left a:hover{
  253. opacity: 1 !important}
  254. {/block:IfNotLogoOpacityonHover}
  255. .logo_permalink_page{font-size: {text:FontSize Logo Perma}}
  256.  
  257. /* NAVIGATION CSS */
  258. #nav {
  259.         background-color: {color:BG NavBar};
  260.         background-image: url('{image:NavPanelBG}')
  261. }
  262. #nav> *, .tag_search{
  263.         font-family: {font:Font NavBar};
  264.         font-size: {text:FontSize Nav bar}
  265. }
  266. .nav_button,
  267. .tag_search,
  268. .post_info_overlay_button,
  269. .tagBackground,
  270. .next,
  271. .prev,
  272. #nav_toggle,
  273. .notes_tag_button,
  274. .notes_date_span
  275. {
  276.         -webkit-border-radius: {text:Rounded corners on Buttons};
  277.         -moz-border-radius: {text:Rounded corners on Buttons};
  278.         border-radius: {text:Rounded corners on Buttons}
  279. }
  280. .nav_button{background-color: {color:BG NavBar Button}}
  281. a.nav_button,
  282. .nav_button,
  283. .tag_search,
  284. #nav_toggle,
  285. .next,
  286. .prev,
  287. .back_to_top,
  288. .logo_permalink_page
  289. {color: {color:Text NavBar Link}!important}
  290. .nav_button:hover, #nav_toggle:hover {
  291.         background-color: {color:BG NavBar Button Hover};
  292.         color: {color:Text NavBar Link Hover}
  293. }
  294. .tag_search:focus {color: {color:Text NavBar Link Hover}}
  295. #nav_searchfield_background,.tag_search_hover {background-color: {color:BG Search Bar}}
  296. .nav_theme_credit,.nav_theme_credit a,.nav_theme_credit a:visited{color:{color:Text NavBar Credit}}
  297.  
  298. /* POST INFO OVERLAY: */
  299.  
  300. .post_info_overlay_background {
  301.         background-color: {color:BG PostInfo overlay};
  302.         opacity: {text:Opacity PostInfo Background}
  303. }
  304. .rounded {
  305.         -webkit-border-radius: {text:Rounded corners TextLinkQuoteChat};
  306.         -moz-border-radius: {text:Rounded corners TextLinkQuoteChat};
  307.         border-radius: {text:Rounded corners TextLinkQuoteChat}
  308. }
  309. .post_info_overlay_headline,
  310. .post_info_overlay_headline p,
  311. .shortened_headline,
  312. .shortened_headline p
  313. {
  314.         font:{text:Weight Headline} {text:FontSize Headline}/{text:LineHeight Headline} {font:Font Headline};
  315.         color: {color:Text Headline};
  316.         letter-spacing: {text:LetterSpacing Headline};
  317. }
  318. .post_info_overlay_headline, .shortened_headline {
  319.         margin-bottom: 20px !important
  320. }
  321. .post_info_overlay_headline a, .shortened_headline a{color: {color:Text Headline Link}}
  322. .post_info_overlay_headline a:hover, .shortened_headline a:hover{border-bottom: 1px solid {color:Text Headline Link}}
  323. .post_info_overlay_headline, .shortened_headline{
  324.         overflow: hidden;
  325.         margin-bottom: 20px !important;
  326.         padding-bottom: 5px;
  327. }
  328.  
  329. /* POST OPTIONS ON HOVER */
  330. .post_options_more_info,
  331. .post_options_permalink,
  332. .post_options_like,
  333. .post_options_liked,
  334. .post_options_reblog {
  335.         background-image: url({image:Post Options});
  336.         position: absolute;
  337.         background-repeat: no-repeat;
  338.         width:35px;
  339.         height:35px;
  340.         cursor: pointer !important;
  341.         z-index: 5000;
  342.         float: right;
  343. }
  344. .post_options_reblog {
  345.         background-position: 0 0;
  346.         top:36px;
  347.         right: 0
  348. }
  349. .post_options_more_info {
  350.         background-position: -36px 0;
  351.         top:0;
  352.         right:0
  353. }
  354. .post_options_like {
  355.         background-position: 0 -36px;
  356.         top:36px;
  357.         right: 36px
  358. }
  359. .post_options_liked {
  360.         background-position: 0 -71px;
  361.         top:36px;
  362.         right: 36px
  363. }
  364. .post_options_permalink {
  365.         background-position: -36px -36px;
  366.         top:0;
  367.         right: 36px
  368. }
  369. .post_options_more_info:hover,
  370. .post_options_permalink:hover,
  371. .post_options_like:hover,
  372. .post_options_reblog:hover
  373. {background-image: url({image:Post Options Hover})}
  374.  
  375. /* POST INFO OVERLAY: REBLOG CREDIT AND TAGS */
  376. .post_info_overlay_button {
  377.         color: {color:Text Tag};
  378.         background-color: {color:BG Tag};
  379.         font-size: {text:FontSize Nav bar}
  380. }
  381. .post_info_overlay_button:hover{
  382.         color: {color:Text Tag Hover};
  383.         background-color: {color:BG Tag Hover}
  384. }
  385.  
  386. /* POST INFO OVERLAY: REBLOG/LIKE/PERMALINK */
  387. .liked {color: {color:Text Liked} !important}
  388.  
  389. /* AUDIO POST */
  390. .post_audio, .post_audio_player, .audioPlayerWrap, .audioArt{background-color:#e4e4e4}
  391. .post_audio_info, .post_audio_info a{color:#444444}
  392. .post_audio_no_art {background-image: url("{image:Audio No Artwork}")}
  393. .audio> .post_info_overlay_headline span p {font-size: {text:FontSize General};}
  394. .audio> .shortened_headline span p {font-size: {text:FontSize General};}
  395. .post_audio_table{border-top:1px {color:BG Site} solid;}
  396. .post_audio_info{border-left:1px {color:BG Site} solid;}
  397.  
  398. /*PHOTOSET POST CSS (THIS CREATES THE STEPPED FRAME AROUND THE EDGE OF THE POST)*/
  399. .index .type_photoset {
  400.         -webkit-box-shadow:
  401.                 1px 1px 0 0 {color:Border PhotoSet},
  402.                 2px 2px 0 0 {color:BG Site},
  403.                 3px 3px 0 0 {color:Border PhotoSet},
  404.                 4px 4px 0 0 {color:BG Site},
  405.                 5px 5px 0 0 {color:Border PhotoSet},
  406.                 6px 6px 0 0 {color:BG Site},
  407.                 7px 7px 0 0 {color:Border PhotoSet};
  408.         -moz-box-shadow:
  409.                 1px 1px 0 0 {color:Border PhotoSet},
  410.                 2px 2px 0 0 {color:BG Site},
  411.                 3px 3px 0 0 {color:Border PhotoSet},
  412.                 4px 4px 0 0 {color:BG Site},
  413.                 5px 5px 0 0 {color:Border PhotoSet},
  414.                 6px 6px 0 0 {color:BG Site},
  415.                 7px 7px 0 0 {color:Border PhotoSet};
  416.         box-shadow:
  417.                 1px 1px 0 0 {color:Border PhotoSet},
  418.                 2px 2px 0 0 {color:BG Site},
  419.                 3px 3px 0 0 {color:Border PhotoSet},
  420.                 4px 4px 0 0 {color:BG Site},
  421.                 5px 5px 0 0 {color:Border PhotoSet},
  422.                 6px 6px 0 0 {color:BG Site},
  423.                 7px 7px 0 0 {color:Border PhotoSet};
  424.         background-color: {color:Border PhotoSet};
  425.         {block:IfPhotosetNotLoadedImage}background-image: url("{image:Photoset Not Loaded}");{/block:IfPhotosetNotLoadedImage}
  426.         background-position:center;
  427. }
  428.  
  429. /*QUOTE POST CSS*/
  430. .post_quote{
  431.         font-weight: {text:Weight TextChatLinkQuote Index};
  432.         line-height: {text:LineHeight TextChatLinkQuote Index};
  433.         font-size: {text:FontSize TextChatLinkQuote Index};
  434.         color: {color:Text Perma Text};
  435.         letter-spacing: {text:LetterSpacing TextChatLinkQuote Index};
  436.         width: {text:Size Text W Max Perma};
  437. }
  438. .post_quote a, .post_quote a:visited,.post_quote_source a, .post_quote_source a:visited{color: {color:Text ChatLinkQuoteText Index}}
  439. .post_quote_source{
  440.         font:{text:Weight Quote source} {text:FontSize Quote source}/{text:LineHeight Quote source} {font:Font Quote source};
  441.         color: {color:Text ChatLinkQuoteText Index};
  442. }
  443. .index .post_quote_source{
  444.         position:absolute;
  445.         bottom: 0;
  446.         left:0;
  447.         width: 100%;
  448.         padding-bottom: 16px;
  449.         -webkit-border-bottom-right-radius: {text:Rounded corners TextLinkQuoteChat};
  450.         -webkit-border-bottom-left-radius: {text:Rounded corners TextLinkQuoteChat};
  451.         -moz-border-radius-bottomright: {text:Rounded corners TextLinkQuoteChat};
  452.         -moz-border-radius-bottomleft: {text:Rounded corners TextLinkQuoteChat};
  453.         border-bottom-right-radius: {text:Rounded corners TextLinkQuoteChat};
  454.         border-bottom-left-radius: {text:Rounded corners TextLinkQuoteChat};
  455.         opacity: 0.4;
  456. }
  457. .post_quote_body,.post_quote_body a, .post_quote_body a:visited{
  458.         font:{text:Weight Text Headline Perma} {text:FontSize TextChatLinkQuote Index}/{text:LineHeight TextChatLinkQuote Index} {font:Font Text and Chat Headline};
  459.         color: {color:Text Perma Text Headline}
  460. }
  461. .perma .post_quote_source, .perma .post_quote_source a:visited,.perma .post_quote_source a{
  462.         font:{text:Weight Quote source} {text:FontSize Quote source}/{text:LineHeight Quote source} {font:Font Quote source} !important;
  463.         color: {color:Text Perma Text};
  464. }
  465. .perma .post_quote_source a:visited,.perma .post_quote_source a{
  466.         border-bottom: 1px dotted {color:Text Perma Text}
  467. }
  468. .perma .post_quote_body, .perma .post_quote_inner,.perma .post_quote_body a, .perma .post_quote_inner a, .perma .post_quote_body a:visited, .perma .post_quote_inner a:visited{color:{color:Text Perma Text}}
  469. .perma .post_quote_source{opacity: 0.4}
  470. /*TEXT, QUOTE AND LINK POST CSS*/
  471. .index .post {margin:{text:Margin between posts on Index}}
  472. .post_text{
  473.         font-weight:{text:Weight TextChatLinkQuote Index};
  474.         font-size:{text:FontSize TextChatLinkQuote Index};
  475.         line-height:{text:LineHeight TextChatLinkQuote Index};
  476.         font-family: {font:Font TextChatLinkQuote Index};
  477.         letter-spacing: {text:LetterSpacing TextChatLinkQuote Index};
  478.         color: {color:Text ChatLinkQuoteText Index};
  479.         background-color: {color:BG ChatLinkQuoteText Index};
  480.         /* background-image: url("{image:BG Text Quote Chat Link}"); */
  481.         -webkit-border-radius: {text:Rounded corners TextLinkQuoteChat};
  482.         -moz-border-radius: {text:Rounded corners TextLinkQuoteChat};
  483.         border-radius: {text:Rounded corners TextLinkQuoteChat};
  484.         width:{text:Size TextLinkChat W};
  485.         height:{text:Size TextLinkChat H};
  486. }
  487. .post_text_table_cell{padding: {text:Padding Text Quote and Link}}
  488. .post_info_overlay_headline{padding: 0 {text:Padding Text Quote and Link}}
  489. .shortened_headline{padding: 0 {text:Padding Text Quote and Link}}
  490. .post_text_body{
  491.         color:{color:Text ChatLinkQuoteText Index};
  492. }
  493. .post_text_body a,.index .post_text_body a:visited{color: {color:Text ChatLinkQuoteText Index}}
  494. .post_perma_inner a:visited,.post_perma_inner a{color: {color:post_text Index}}
  495. .post_text_title_perma{
  496.         font:{text:Weight Text Headline Perma} {text:FontSize Text and Chat Headline} {font:Font Text and Chat Headline};
  497.         color: {color:Text Perma Text Headline}
  498. }
  499. .post_perma_inner{max-width:{text:Size Text W Max Perma};}
  500. .post_perma_inner blockquote{border-left: 1px solid {color:Text Perma Text};}
  501. .post_perma_inner a, .post_perma_inner a:visited{color: {color:Text Perma Text} !important;}
  502. #post_text_body_perma, #chat_body_post_perma{
  503.         border-top: 1px solid {color:Border Text and Chat};
  504.         font-weight: {text:Weight Text and Chat};
  505.         font-size: {text:FontSize Text and Chat};
  506.         line-height: {text:LineHeight Text and Chat};
  507.         font-family: {font:Font Text};
  508.         border-bottom: 1px solid {color:Border Text and Chat} !important;
  509.         padding-bottom: {text:LineHeight Text and Chat};
  510.         color: {color:Text Perma Text}
  511. }
  512. #chat_body_post_perma{font-family:{font:Font Chat}}
  513. #post_text_body_perma{font-family:{font:Font Text}}
  514.  
  515. /*CHAT POST (USES TEXT POST CSS AS BASE)*/
  516. /* Names of the speakers */
  517. li span.label{
  518.         color:{color:Text Chat name};
  519.         font-weight: {text:Weight Chat name};
  520.         font-style: {text:Italics Chat name};
  521.         font-variant:{text:SmallCaps Chat name};
  522.         font-family: {font:Font Chat name}
  523. }
  524. .chat_person_1{
  525.         font-style: {text:Italics Chat Speaker A};
  526.         font-weight:{text:Weight Chat Speaker A};
  527.         padding-top: {text:LineHeight Text and Chat}
  528. }
  529.  
  530. /*PERMALINK PAGE AND NOTES CSS*/
  531. ol:last-child{background-color: {color:BG Notes}}
  532. .note,.notes_headline,.notes_date, .notes_tag {
  533.         border-top: solid 1px {color:Border Notes};
  534.         color: {color:Text Notes};
  535.         font-family: {font:Font Notes};
  536.         background-color: {color:BG Notes}
  537. }
  538. .more_notes_link_container a, .more_notes_link_container a:visited{color: {color:Text Notes} !important}
  539. .more_notes_link_container a:hover{text-decoration: underline}
  540. .note .action a,.action a:visited, .perma blockquote a, .perma blockquote a:visited {color: {color:Text Notes} !important}
  541. .notes_tag_button, .notes_tag_title_case a:visited,.action a:visited, .notes_date_span {
  542.         color: {color:Text Tag Perma} !important;
  543.         background-color: {color:BG Tag Perma};
  544. }
  545. .notes_tag_button:hover, .action a:hover{
  546.         color: {color:Text Tag Perma Hover} !important;
  547.         background-color: {color:BG Tag Perma Hover};
  548. }
  549. .notes_headline_inner, .notes_headline_inner a, .notes_headline_inner a:visited{
  550.         color: {color:Text Notes Headline};    
  551.         font: {text:Weight Headline} {text:FontSize Headline}/{text:LineHeight Headline} {font:Font Headline}
  552. }
  553. .notes_headline_inner a, .notes_headline_inner a:visited{border-bottom: 1px solid {color:Text Notes Headline};}
  554.  
  555. /*IMAGE SIZING CSS*/
  556. .index .not_audio img{
  557.         max-height:{text:Size Photo H Max} !important;
  558.         max-width:{text:Size Photo W Max} !important
  559. }
  560. #post_text_body_perma .not_audio img {max-width:{text:Size Text W Max Perma}; height: auto !important;max-height: auto !important;}
  561.  
  562. /*Description Overlay*/
  563. .description_overlay{
  564. font-family: {font:Font Description};
  565. font-size: {text:FontSize Description Overlay};
  566. font-weight: {text:Weight Description Overlay};
  567. background-color: {color:BG Description Overlay};
  568. color: {color:Text Description Overlay}
  569. }
  570. .next.nav_button{margin-bottom: 3px;!important}
  571. {block:IfNotSiteBGimage}
  572. .index #background{
  573. background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%, rgba(0,0,0,0.05) 100%);
  574. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.05)));
  575. background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 100%);
  576. background: -o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 100%);
  577. background: -ms-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 100%);
  578. background: linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 100%);
  579. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#0d000000',GradientType=0 );
  580. }
  581. {/block:IfNotSiteBGimage}
  582. /*CUSTOM CSS */
  583. {CustomCSS}
  584. </style>
  585. </head>
  586. <body class="infscroll{block:PermalinkPage} perma{/block:PermalinkPage}{block:IndexPage} index{/block:IndexPage}" id="top">
  587.  
  588. <!-- LIGHTBOX FOR PHOTO POSTS-->
  589. <div id="lightbox"><div id="lightbox_absolute_positioning"><div id="lightbox_table"><div id="lightbox_image"></div></div></div><div id="lightbox_background"></div></div>
  590.  
  591. <!-- FULL SCREEN "DESCRIPTION" OVERLAY -->
  592. <div class="description_overlay_wrapper"><div class="description_overlay"><div class="description_overlay_inner">{block:Description}{Description}{/block:Description}</div></div></div>
  593.  
  594. {block:IndexPage}
  595.  
  596. <!-- LOGO CENTRE SCREEN -->
  597. {block:IfLogoPositionCentre}<div id="logo_index"><div id="logo_index_text">{block:IfNotLogoImageImage}
  598. <a href="/">{Title}</a>
  599. {/block:IfNotLogoImageImage}{block:IfLogoImageImage}<a href="/"><img src="{image:LogoImage}" alt="logo" /></a>{/block:IfLogoImageImage}</div></div>{/block:IfLogoPositionCentre}
  600.  
  601. <!-- LOGO LEFT SCREEN -->
  602. {block:IfNotLogoPositionCentre}<div id="logo_index_left">{block:IfNotLogoImageImage}<a href="/">{Title}</a>{/block:IfNotLogoImageImage}
  603. {block:IfLogoImageImage}<a href="/"><img src="{image:LogoImage}" alt="logo" /></a>{/block:IfLogoImageImage}</div>{/block:IfNotLogoPositionCentre}
  604.  
  605. <!-- BACK TO TOP ONLY ON INDEX -->
  606. <div id="pagination_index"><div id="back_to_top_wrapper"><div class="nav_button_spacer"></div><div class="back_to_top">▲</div></div></div>
  607.  
  608. <!-- NAVBAR OPEN/CLOSE -->
  609. <div id="nav_toggle_wrapper"><div id="nav_toggle"><div id="navSwitch">✕</div></div><div class="nav_button_spacer"></div><form onsubmit="return handleThis(this)"><input class="tag_search" type="text" name="q" value="/{block:TagPage}{Tag}{/block:TagPage}"/></form></div>
  610.  
  611. <!-- NAVBAR -->
  612. <div id="nav"><div id="nav_table"><div class="nav_button_spacer"></div><div class="nav_button" id="nav_searchfield_background"></div><div class="nav_button_spacer"></div><div class="nav_button_spacer"></div>
  613.  
  614. <!-- To personalise the tweet share button add after the class attribute: data-via="YOUR_USER_NAME_WITHOUT_THE_@" data-hashtags="A_HASHTAG_WITHOUT_THE_#" -->
  615.  
  616. {block:IfTweetThis}<a href="https://twitter.com/share" class="twitter-share-button">Tweet</a>{/block:IfTweetThis}
  617. <a class="nav_button" href="/archive">Archive</a>
  618. {block:Description}<div class="nav_button_spacer"></div><a class="nav_button nav_button_description">{text:Description Button Text}</a>{/block:Description}
  619. {block:IfRandomPostButton}<div class="nav_button_spacer"></div><a class="nav_button" href="/random">Random</a>{/block:IfRandomPostButton}
  620. {block:AskEnabled}<div class="nav_button_spacer"></div><a class="nav_button" href="/ask">{AskLabel}</a>{/block:AskEnabled}
  621. {block:SubmissionsEnabled}<div class="nav_button_spacer"></div><a class="nav_button" href="/submit">{SubmitLabel}</a>{/block:SubmissionsEnabled}
  622. {block:IfTagshortcut1}<div class="nav_button_spacer"></div><a class="nav_button" href="/tagged/{text:Tag shortcut 1}">{text:Tag shortcut 1}</a>{/block:IfTagshortcut1}
  623. {block:IfTagshortcut2}<div class="nav_button_spacer"></div><a class="nav_button" href="/tagged/{text:Tag shortcut 2}">{text:Tag shortcut 2}</a>{/block:IfTagshortcut2}
  624. {block:IfTagshortcut3}<div class="nav_button_spacer"></div><a class="nav_button" href="/tagged/{text:Tag shortcut 3}">{text:Tag shortcut 3}</a>{/block:IfTagshortcut3}
  625. {block:IfTagshortcut4}<div class="nav_button_spacer"></div><a class="nav_button" href="/tagged/{text:Tag shortcut 4}">{text:Tag shortcut 4}</a>{/block:IfTagshortcut4}
  626. {block:IfTagshortcut5}<div class="nav_button_spacer"></div><a class="nav_button" href="/tagged/{text:Tag shortcut 5}">{text:Tag shortcut 5}</a>{/block:IfTagshortcut5}
  627. {block:HasPages}
  628. {block:Pages}<div class="nav_button_spacer"></div><a class="nav_button" href="{URL}">{Label}</a>{/block:Pages}
  629. {/block:HasPages}
  630. <div class="nav_button_spacer"></div><div class="nav_theme_credit"><a href="http://www.tumblr.com/theme/34366">Syndex Theme</a> by <a href="https://twitter.com/#!/marckremers">Marc</a> <a href="http://marckremers.com">Kremers</a></div>
  631.  
  632. {block:Pagination}
  633. <!-- N.B. If Infinite scrolling is turned off (i.e. iPad) -->
  634. <div class="nav_button_spacer"></div><div id="infinite_scroll">
  635. {block:PreviousPage}<a href="{PreviousPage}" class="prev nav_button" title="{lang:Newer posts}">← Previous</a><div class="nav_button_spacer"></div>{/block:PreviousPage}
  636. {block:NextPage}<a href="{NextPage}" class="next nav_button" title="{lang:Older posts}">Next →</a>{/block:NextPage}</div>
  637. {/block:Pagination}
  638.  
  639. </div></div>
  640. {/block:IndexPage}
  641.  
  642.  
  643. <div id="posts">
  644. <div id="background"></div>
  645.  
  646. {block:Posts}
  647. {block:IndexPage}
  648.  
  649. {block:Answer}
  650. <div class="post type_text" id="post-{PostID}"><input type="hidden" name="rel" value="{ReblogURL}"/><div class="post_margin_adjustment"><div class="post_relative"><div class="post_options"><div title="Reblog, Like, {lang:Source} and {lang:Tags}" class="post_options_more_info"></div><a class="post_options_permalink" title="{lang:Permalink}" href="{Permalink}"></a><a href="{ReblogURL}" title="Reblog this on Tumblr" class="post_options_reblog"></a><a title="Like this on Tumblr. To unlike, visit the permalink of this post." class="type_like post_options_like"></a></div><div class="post_info_overlay"><div class="post_info_overlay_absolute"><div class="post_info_overlay_table"><div class="post_info_overlay_cell"><div class="post_info_overlay_tags"><div class="post_info_overlay_tags_inline_nest"><a class="post_info_overlay_button" href="{Permalink}">Permalink {block:NoteCount}({NoteCountWithLabel}){/block:NoteCount}</a>{block:ContentSource}<a class="post_info_overlay_button" href="{SourceURL}">Source: {SourceTitle}</a>{/block:ContentSource}{block:RebloggedFrom}<a class="post_info_overlay_button" href="{ReblogParentURL}">Via: {ReblogParentName}</a>{/block:RebloggedFrom}<a class="post_info_overlay_button" href="{ReblogURL}" target="_blank">Reblog</a><a class="type_like post_info_overlay_button">Like</a>{block:HasTags}{block:Tags}<a href="{TagURL}"><div class="post_info_overlay_button">{Tag}</div></a>{/block:Tags}{/block:HasTags}</div></div></div></div></div><div class="rounded post_info_overlay_background"></div></div><div class="post_text"><div class="post_text_table_cell"><div class="post_text_body title_text"><a href="{Permalink}">Q: {Question}</a></div><div class="post_quote_source"><!-- <img src="{AskerPortraitURL-16}" alt="avatar" width="16" height="16"/> -->Asked by {Asker}</div></div></div></div></div></div>
  651. {/block:Answer}
  652.  
  653.  
  654. {block:Audio}
  655. <div class="post type_audio" id="post-{PostID}"><input type="hidden" name="rel" value="{ReblogURL}"/><div class="post_margin_adjustment"><div class="post_relative" title="{block:TrackName}'{TrackName}' - {/block:TrackName}{block:Album}{Album} - {/block:Album}{block:Artist}{Artist}{/block:Artist}"><div class="post_options"><div class="post_options_more_info" title="Reblog, Like, {lang:Source} and {lang:Tags}"></div><a class="post_options_permalink" title="{lang:Permalink}" href="{Permalink}"></a><a href="{ReblogURL}" title="Reblog this on Tumblr" class="post_options_reblog"></a><a title="Like this on Tumblr. To unlike, visit the permalink of this post." class="type_like post_options_like"></a></div><div class="post_info_overlay"><div class="post_info_overlay_absolute"><div class="post_info_overlay_table"><div class="post_info_overlay_cell"><div class="post_info_overlay_headline"><p>{block:TrackName}"{TrackName}" - {/block:TrackName}{block:Album}{Album} - {/block:Album}{block:Artist}{Artist}{/block:Artist}</p>{block:Caption}{Caption}{/block:Caption}</div><div class="post_info_overlay_tags"><div class="post_info_overlay_tags_inline_nest"><a class="post_info_overlay_button" href="{Permalink}">Permalink {block:NoteCount}({NoteCountWithLabel}) {/block:NoteCount}</a>{block:ContentSource}<a class="post_info_overlay_button" href="{SourceURL}">Source: {SourceTitle}</a>{/block:ContentSource}{block:RebloggedFrom}<a class="post_info_overlay_button" href="{ReblogParentURL}">Via: {ReblogParentName}</a>{/block:RebloggedFrom}<a class="post_info_overlay_button" href="{ReblogURL}" target="_blank">Reblog</a><a class="type_like post_info_overlay_button">Like</a>{block:HasTags}{block:Tags}<a href="{TagURL}"><div class="post_info_overlay_button">{Tag}</div></a>{/block:Tags}{/block:HasTags}</div></div></div></div></div><div class="post_info_overlay_background"></div></div><div class="post_audio"><div class="post_audio_art_table_cell"><div class="post_audio_no_art_wrap"><div class="post_audio_no_art init">{block:AlbumArt}<img src="{AlbumArtURL}" alt="Album Art"/>{/block:AlbumArt}</div></div></div><div class="post_audio_table"><div class="post_audio_player"><div class="post_audio_player_ui">{AudioPlayerGrey}</div><div class="js-string hidden">{JSAudioPlayerGrey}</div><div class="post_audio_info">{PlayCountWithLabel}&nbsp;{block:ContentSource}<a href="{SourceURL}" target="_blank">Source</a>{/block:ContentSource}{block:ExternalAudio} - <a href="{ExternalAudioURL}" target="_blank">Download</a>{/block:ExternalAudio}</div></div></div></div></div></div></div>
  656. {/block:Audio}
  657.  
  658. {block:Chat}
  659. <div class="post type_text" id="post-{PostID}"><input type="hidden" name="rel" value="{ReblogURL}"/><div class="post_margin_adjustment"><div class="post_relative"><div class="post_options"><div title="Reblog, Like, {lang:Source} and {lang:Tags}" class="post_options_more_info"></div><a class="post_options_permalink" title="{lang:Permalink}" href="{Permalink}"></a><a href="{ReblogURL}" title="Reblog this on Tumblr" class="post_options_reblog"></a><a title="Like this on Tumblr. To unlike, visit the permalink of this post." class="type_like post_options_like"></a></div><div class="post_info_overlay"><div class="post_info_overlay_absolute"><div class="post_info_overlay_table"><div class="post_info_overlay_cell"><div class="post_info_overlay_tags"><div class="post_info_overlay_tags_inline_nest"><a class="post_info_overlay_button" href="{Permalink}">Permalink {block:NoteCount}({NoteCountWithLabel}){/block:NoteCount}</a>{block:ContentSource}<a class="post_info_overlay_button" href="{SourceURL}">Source: {SourceTitle}</a>{/block:ContentSource}{block:RebloggedFrom}<a class="post_info_overlay_button" href="{ReblogParentURL}">Via: {ReblogParentName}</a>{/block:RebloggedFrom}<a class="post_info_overlay_button" href="{ReblogURL}" target="_blank">Reblog</a><a class="type_like post_info_overlay_button">Like</a>{block:HasTags}{block:Tags}<a href="{TagURL}"><div class="post_info_overlay_button">{Tag}</div></a>{/block:Tags}{/block:HasTags}</div></div></div></div></div><div class="rounded post_info_overlay_background"></div></div><div class="post_text"><div class="post_text_table_cell"><div class="post_text_body title_chat"><a href="{Permalink}" title="{lang:Continue reading} {lang:Chat}">{block:Title}{Title}{/block:Title}</a></div></div></div></div></div></div>
  660. {block:Chat}
  661.  
  662. {block:Link}
  663. <div class="post type_text" id="post-{PostID}"><input type="hidden" name="rel" value="{ReblogURL}"/><div class="post_margin_adjustment"><div title="{URL} - {block:Description}{PlaintextDescription}{/block:Description}" class="post_relative"><div class="post_options"><div class="post_options_more_info" title="Reblog, Like, {lang:Source} and {lang:Tags}"></div><a class="post_options_permalink" title="{lang:Permalink}" href="{Permalink}"></a><a href="{ReblogURL}" title="Reblog this on Tumblr" class="post_options_reblog"></a><a title="Like this on Tumblr. To unlike, visit the permalink of this post." class="type_like post_options_like"></a></div><div class="post_info_overlay"><div class="post_info_overlay_absolute"><div class="post_info_overlay_table"><div class="post_info_overlay_cell"><div class="post_info_overlay_tags"><div class="post_info_overlay_tags_inline_nest"><a class="post_info_overlay_button" href="{Permalink}">Permalink {block:NoteCount}({NoteCountWithLabel}){/block:NoteCount}</a>{block:ContentSource}<a class="post_info_overlay_button" href="{SourceURL}">Source: {SourceTitle}</a>{/block:ContentSource}{block:RebloggedFrom}<a class="post_info_overlay_button" href="{ReblogParentURL}">Via: {ReblogParentName}</a>{/block:RebloggedFrom}<a class="post_info_overlay_button" href="{ReblogURL}" target="_blank">Reblog</a><a class="type_like post_info_overlay_button">Like</a>{block:HasTags}{block:Tags}<a href="{TagURL}"><div class="post_info_overlay_button">{Tag}</div></a>{/block:Tags}{/block:HasTags}</div></div></div></div></div><div class="rounded post_info_overlay_background"></div></div><div class="post_text"><div class="post_text_table_cell"><div class="post_text_body title_text"><a title="{URL} - {block:Description}{PlaintextDescription}{/block:Description}" href="{URL}" {Target}>{Name}</a></div></div></div></div></div></div>
  664. {/block:Link}
  665.  
  666. {block:Photo}
  667. <div class="post not_audio" id="post-{PostID}"><input type="hidden" name="rel" value="{ReblogURL}"/><div class="post_margin_adjustment"><div class="post_relative"><div class="post_options"><div title="Reblog, Like, {lang:Source} and {lang:Tags}" class="post_options_more_info"></div><a class="post_options_permalink" title="{lang:Permalink}" href="{Permalink}"></a><a href="{ReblogURL}" title="Reblog this on Tumblr" class="post_options_reblog"></a><a title="Like this on Tumblr. To unlike, visit the permalink of this post." class="type_like post_options_like"></a></div><div class="post_info_overlay"><div class="post_info_overlay_absolute"><div class="post_info_overlay_table"><div class="post_info_overlay_cell"><div class="post_info_overlay_headline">{block:Caption}{Caption}{/block:Caption}</div><div class="post_info_overlay_tags"><div class="post_info_overlay_tags_inline_nest"><a class="post_info_overlay_button" href="{Permalink}">Permalink {block:NoteCount}({NoteCountWithLabel}){/block:NoteCount}</a>{block:ContentSource}<a class="post_info_overlay_button" href="{SourceURL}">Source: {SourceTitle}</a>{/block:ContentSource}{block:RebloggedFrom}<a class="post_info_overlay_button" href="{ReblogParentURL}">Via: {ReblogParentName}</a>{/block:RebloggedFrom}<a class="post_info_overlay_button" href="{ReblogURL}" target="_blank">Reblog</a><a class="type_like post_info_overlay_button">Like</a>{block:HasTags}{block:Tags}<a href="{TagURL}"><div class="post_info_overlay_button">{Tag}</div></a>{/block:Tags}{/block:HasTags}</div></div></div></div></div><div class="post_info_overlay_background"></div></div><img class="notPhotoset" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" title="{lang:Zoom} {lang:Photo}"/><input type="hidden" name="hiresImg" value="{PhotoURL-HighRes}"/></div></div></div>
  668. {/block:Photo}
  669.  
  670. {block:Photoset}
  671. <div class="post" id="post-{PostID}"><input type="hidden" name="rel" value="{ReblogURL}"/><div class="post_margin_adjustment"><div class="post_relative type_photoset" title="{lang:Zoom} {lang:Photoset}">{Photoset-500}<div class="post_options"><div title="Reblog, Like, {lang:Source} and {lang:Tags}" class="post_options_more_info"></div><a class="post_options_permalink" title="{lang:Permalink}" href="{Permalink}"></a><a href="{ReblogURL}" title="Reblog this on Tumblr" class="post_options_reblog"></a><a title="Like this on Tumblr. To unlike, visit the permalink of this post." class="type_like post_options_like"></a></div><div class="post_info_overlay"><div class="post_info_overlay_absolute"><div class="post_info_overlay_table"><div class="post_info_overlay_cell"><div class="post_info_overlay_headline">{block:Caption}{Caption}{/block:Caption}</div><div class="post_info_overlay_tags"><div class="post_info_overlay_tags_inline_nest"><a class="post_info_overlay_button" href="{Permalink}">Permalink {block:NoteCount}({NoteCountWithLabel}){/block:NoteCount}</a>{block:ContentSource}<a class="post_info_overlay_button" href="{SourceURL}">Source: {SourceTitle}</a>{/block:ContentSource}{block:RebloggedFrom}<a class="post_info_overlay_button" href="{ReblogParentURL}">Via: {ReblogParentName}</a>{/block:RebloggedFrom}<a class="post_info_overlay_button" href="{ReblogURL}" target="_blank">Reblog</a><a class="type_like post_info_overlay_button">Like</a>{block:HasTags}{block:Tags}<a href="{TagURL}"><div class="post_info_overlay_button">{Tag}</div></a>{/block:Tags}{/block:HasTags}</div></div></div></div></div><div class="post_info_overlay_background"></div></div></div></div></div>
  672. {/block:Photoset}
  673.  
  674.  
  675. {block:Quote}
  676. <div class="post type_text" id="post-{PostID}"><input type="hidden" name="rel" value="{ReblogURL}"/><div class="post_margin_adjustment"><div class="post_relative"><div class="post_options"><div title="Reblog, Like, {lang:Source} and {lang:Tags}" class="post_options_more_info"></div><a class="post_options_permalink" title="{lang:Permalink}" href="{Permalink}"></a><a href="{ReblogURL}" title="Reblog this on Tumblr" class="post_options_reblog"></a><a title="Like this on Tumblr. To unlike, visit the permalink of this post." class="type_like post_options_like"></a></div><div class="post_info_overlay"><div class="post_info_overlay_absolute"><div class="post_info_overlay_table"><div class="post_info_overlay_cell"><div class="post_info_overlay_tags"><div class="post_info_overlay_tags_inline_nest"><a class="post_info_overlay_button" href="{Permalink}">Permalink {block:NoteCount}({NoteCountWithLabel}){/block:NoteCount}</a>{block:ContentSource}<a class="post_info_overlay_button" href="{SourceURL}">Source: {SourceTitle}</a>{/block:ContentSource}{block:RebloggedFrom}<a class="post_info_overlay_button" href="{ReblogParentURL}">Via: {ReblogParentName}</a>{/block:RebloggedFrom}<a class="post_info_overlay_button" href="{ReblogURL}" target="_blank">Reblog</a><a class="type_like post_info_overlay_button">Like</a>{block:HasTags}{block:Tags}<a href="{TagURL}"><div class="post_info_overlay_button">{Tag}</div></a>{/block:Tags}{/block:HasTags}</div></div></div></div></div><div class="rounded post_info_overlay_background"></div></div><div class="post_text"><div class="post_text_table_cell"><div class="post_text_body title_quote"><a href="{Permalink}">"{Quote}"</a></div>{block:Source}<div class="post_quote_source">{Source}</div>{/block:Source}</div></div></div></div></div>
  677. {/block:Quote}
  678.  
  679.  
  680. {block:Text}<div class="post type_text" id="post-{PostID}"><input type="hidden" name="rel" value="{ReblogURL}"/><div class="post_margin_adjustment"><div class="post_relative"><div class="post_options"><div title="Reblog, Like, {lang:Source} and {lang:Tags}" class="post_options_more_info"></div><a class="post_options_permalink" title="{lang:Permalink}" href="{Permalink}"></a><a href="{ReblogURL}" title="Reblog this on Tumblr" class="post_options_reblog"></a><a title="Like this on Tumblr. To unlike, visit the permalink of this post." class="type_like post_options_like"></a></div><div class="post_info_overlay"><div class="post_info_overlay_absolute"><div class="post_info_overlay_table"><div class="post_info_overlay_cell"><div class="post_info_overlay_tags"><div class="post_info_overlay_tags_inline_nest"><a class="post_info_overlay_button" href="{Permalink}">Permalink {block:NoteCount}({NoteCountWithLabel}){/block:NoteCount}</a>{block:ContentSource}<a class="post_info_overlay_button" href="{SourceURL}">Source: {SourceTitle}</a>{/block:ContentSource}{block:RebloggedFrom}<a class="post_info_overlay_button" href="{ReblogParentURL}">Via: {ReblogParentName}</a>{/block:RebloggedFrom}<a class="post_info_overlay_button" href="{ReblogURL}" target="_blank">Reblog</a><a class="type_like post_info_overlay_button">Like</a>{block:HasTags}{block:Tags}<a href="{TagURL}"><div class="post_info_overlay_button">{Tag}</div></a>{/block:Tags}{/block:HasTags}</div></div></div></div></div><div class="rounded post_info_overlay_background"></div></div><div class="post_text"><div class="post_text_table_cell"><div class="post_text_body title_text"><a href="{Permalink}">{block:Title}{Title}{/block:Title}</a></div></div></div></div></div></div>
  681. {/block:Text}
  682.  
  683. {block:Video}
  684. <div class="post type_video" id="post-{PostID}"><input type="hidden" name="rel" value="{ReblogURL}"/><div class="post_margin_adjustment"><div class="post_relative"><div class="post_options"><div title="Reblog, Like, {lang:Source} and {lang:Tags}" class="post_options_more_info"></div><a class="post_options_permalink" title="{lang:Permalink}" href="{Permalink}"></a><a href="{ReblogURL}" title="Reblog this on Tumblr" class="post_options_reblog"></a><a title="Like this on Tumblr. To unlike, visit the permalink of this post." class="type_like post_options_like"></a></div><div class="post_info_overlay"><div class="post_info_overlay_absolute"><div class="post_info_overlay_table"><div class="post_info_overlay_cell"><div class="post_info_overlay_headline">{block:Caption}{Caption}{/block:Caption}</div><div class="post_info_overlay_tags"><div class="post_info_overlay_tags_inline_nest"><a class="post_info_overlay_button" href="{Permalink}">Permalink {block:NoteCount}({NoteCountWithLabel}){/block:NoteCount}</a>{block:ContentSource}<a class="post_info_overlay_button" href="{SourceURL}">Source: {SourceTitle}</a>{/block:ContentSource}{block:RebloggedFrom}<a class="post_info_overlay_button" href="{ReblogParentURL}">Via: {ReblogParentName}</a>{/block:RebloggedFrom}<a class="post_info_overlay_button" href="{ReblogURL}" target="_blank">Reblog</a><a class="type_like post_info_overlay_button">Like</a>{block:HasTags}{block:Tags}<a href="{TagURL}"><div class="post_info_overlay_button">{Tag}</div></a>{/block:Tags}{/block:HasTags}</div></div></div></div></div><div class="post_info_overlay_background"></div></div><div class="media">{Video-500}<div class="js-string hidden">{JSVideo-500}</div></div></div></div></div>
  685. {/block:Video}
  686.  
  687. {/block:IndexPage}
  688.  
  689.  
  690. {block:PermalinkPage}
  691.  
  692. {block:Answer}
  693. <div class="post_text_perma not_audio" id="post-{PostID}"><div class="post_perma_inner"><div class="post_table_cell_perma"><div class="post_text_title_perma">{Asker}&nbsp;-&nbsp;{Question}</div><div id="post_text_body_perma" class="not_audio">{Answer}</div></div></div></div>
  694. {/block:Answer}
  695.  
  696. {block:Audio}
  697. <div id="post_permalink"><div class="post type_audio" id="post-{PostID}"><div id="post_permalink_inner"><div class="post_relative"><div class="post_audio"><div class="post_audio_art_table_cell"><div class="post_audio_no_art_wrap"><div class="post_audio_no_art init">{block:AlbumArt}<img src="{AlbumArtURL}" alt="Album Art"/>{/block:AlbumArt}</div></div></div><div class="post_audio_table"><div class="post_audio_player"><div class="post_audio_player_ui">{AudioPlayerGrey}</div><div class="post_audio_info">{PlayCountWithLabel}{block:ContentSource}&nbsp;-&nbsp;<a href="{SourceURL}" target="_blank">Source</a>{/block:ContentSource}{block:ExternalAudio}&nbsp;-&nbsp;<a href="{ExternalAudioURL}" target="_blank">Download</a>{/block:ExternalAudio}</div></div></div></div></div></div></div></div>
  698. {/block:Audio}
  699.  
  700. {block:Chat}
  701. <div class="post_text_perma" id="post-{PostID}"><div class="post_perma_inner"><div class="post_table_cell_perma">{block:Title}<div class="post_text_title_perma">{Title}</div>{/block:Title}<div id="chat_body_post_perma"><ul class="chat">{block:Lines}<li class="{Alt} chat_person_{UserNumber}">{block:Label}<span class="label">{Label}&nbsp;</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul></div></div></div></div>
  702. {/block:Chat}
  703.  
  704. {block:Link}
  705. <div id="post_permalink"><div class="post" id="post-{PostID}"><div id="post_permalink_inner"><div class="post_relative"><div class="post_quote"><div class="post_quote_inner"><div class="post_quote_body"><a href="{URL}" {Target}>{Name}</a></div>{block:Description}<div class="post_quote_source">{Description}</div>{/block:Description}</div></div></div></div></div></div>
  706. {/block:Link}
  707.  
  708. {block:Photo}<div id="post_permalink"><div class="post not_audio" id="post-{PostID}"><div id="post_permalink_inner"><div class="post_relative"><img class="notPhotoset" title="{lang:Zoom} {lang:Photo}" src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></div></div></div></div>
  709. {/block:Photo}
  710.  
  711. {block:Photoset}
  712. <div class="post_text_perma" id="post-{PostID}"><div id="post_perma_inner"><div class="post_table_cell_perma_photoset"><div title="{lang:Zoom} {lang:Photo}" class="post_relative type_photoset">{Photoset-500}</div></div></div></div>
  713. {/block:Photoset}
  714.  
  715. {block:Text}
  716. <div class="post_text_perma not_audio" id="post-{PostID}"><div class="post_perma_inner"><div class="post_table_cell_perma">{block:Title}<div class="post_text_title_perma">{Title}</div>{/block:Title}<div id="post_text_body_perma" class="not_audio">{Body}</div></div></div></div>
  717. {/block:Text}
  718.  
  719. {block:Quote}
  720. <div id="post_permalink"><div class="post" id="post-{PostID}"><div id="post_permalink_inner"><div class="post_relative"><div class="post_quote"><div class="post_quote_inner"><div class="post_quote_body">"{Quote}"</div>{block:Source}<div class="post_quote_source">{Source}</div>{/block:Source}</div></div></div></div></div></div>
  721. {/block:Quote}
  722.  
  723. {block:Video}
  724. <div id="post_permalink"><div class="post type_video" id="post-{PostID}"><div id="post_permalink_inner"><div class="post_relative media">{Video-500}</div></div></div></div>
  725. {/block:Video}
  726.  
  727. {/block:PermalinkPage}
  728. {/block:Posts}
  729.  
  730. {block:PermalinkPage}
  731. {block:Posts}
  732. <div id="post_notes"><ol class="notes"><li class="notes_scroll_down">▼</li></ol><ol class="notes">{block:Caption}<li class="notes_headline"><span class="notes_headline_inner">{Caption}</span></li>{/block:Caption}{block:Artist}<li class="note">{block:TrackName}"{TrackName}"&nbsp;-&nbsp;{/block:TrackName}{block:Album}{Album} - {/block:Album}{Artist}</li>{/block:Artist}</ol><ol class="notes"><li class="notes_tag">{block:HasTags}{block:Tags}<span class="action notes_tag_title_case"><a class="notes_tag_button" href="{TagURL}">{Tag}</a></span>{/block:Tags}{/block:HasTags}{block:RebloggedFrom}<span class="action"><a class="notes_tag_button type_source" href="{ReblogParentURL}">Via: {ReblogParentName}</a></span>{/block:RebloggedFrom}{block:ContentSource}<span class="action"><a class="notes_tag_button type_source" href="{SourceURL}" title="{SourceTitle}">Source: {SourceTitle}</a></span>{/block:ContentSource}</li></ol>{block:PostNotes}{PostNotes}{/block:PostNotes}{block:Date}<ol class="notes"><li class="notes_date notes_tag_title_case"><span class="notes_date_span">Timestamp: {DayOfWeek} {Year}/{MonthNumberWithZero}/{DayOfMonthWithZero} {24Hour}:{Minutes}:{Seconds}</span></li></ol>{/block:Date}<ol class="notes">
  733. <!-- To personalise the tweet share button add after the class attribute: data-via="YOUR_USER_NAME_WITHOUT_THE_@" data-hashtags="A_HASHTAG_WITHOUT_THE_#" --><li class="note perma_tweet">
  734. {block:IfTweetThis}<a href="https://twitter.com/share" class="twitter-share-button">Tweet</a>{/block:IfTweetThis}</li></ol><ol class="notes"><li class="notes_scroll_to_top">▲</li></ol></div>
  735. {/block:Posts}
  736. <div id="pagination_permalink"><a class="logo_permalink_page" href="/">{Title}</a></div>
  737.  
  738. {block:PermalinkPagination}
  739. {block:PreviousPost}<a href="{PreviousPost}" class="prev prev_table" title="{lang:Next post}"><span class="prev_cell">◀</span></a>{/block:PreviousPost}
  740. {block:NextPost}<a href="{NextPost}" class="next next_table" title="{lang:Next post}"><span class="next_cell">▶</span></a>{/block:NextPost}
  741. {/block:PermalinkPagination}
  742. {/block:PermalinkPage}
  743. <iframe id="likeit"></iframe>
  744. </body>
  745. </html>