API tools faq
paste
Advertisement
yLii

syndex original 00

yLii
Jun 29th, 2017
107
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 51.57 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!-- Syndex theme by Marc Kremers. Marckremers.com, Twitter.com/marckremers ,Syndex.me -->
  4. <!-- Version 3.1 Released 24 July 2013 Marckremers.com/syndex/changelog/-->
  5. <!-- Developer? Fork us on Github! https://github.com/rgbk/syndex -->
  6. <!-- Help and FAQ: Syndex.me/help -->
  7.  
  8. <html xmlns="https://www.w3.org/1999/xhtml">
  9. <head>
  10. <meta charset="utf-8">
  11. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  12. <meta name="description" content="{block:Description}{MetaDescription}{/block:Description}"/>
  13. <title>{Title}{block:PostSummary} - {PostSummary}{/block:PostSummary}</title>
  14.  
  15. <!-- COLOUR OPTIONS -->
  16. <meta name="color:BG ChatLinkQuoteText Index" content="#999999"/>
  17. <meta name="color:BG Description Overlay" content="#000000"/>
  18. <meta name="color:BG Site" content="#ffffff"/>
  19. <meta name="color:BG NavBar" content="#ffffff"/>
  20. <meta name="color:BG NavBar Button" content="#ffffff"/>
  21. <meta name="color:BG NavBar Button Hover" content="#e4e4e4"/>
  22. <meta name="color:BG Notes" content="#eeeeee"/>
  23. <meta name="color:BG PostInfo overlay" content="#000000"/>
  24. <meta name="color:BG Tag" content="#555555"/>
  25. <meta name="color:BG Tag Hover" content="#ffffff"/>
  26. <meta name="color:BG Tag Perma" content="#ffffff"/>
  27. <meta name="color:BG Tag Perma Hover" content="#ffffff"/>
  28. <meta name="color:BG Site" content="#ffffff"/>
  29. <meta name="color:BG Search Bar" content="#e4e4e4"/>
  30. <meta name="color:Text Chat name" content="#000000"/>
  31. <meta name="color:Text General" content="#000000"/>
  32. <meta name="color:Text Headline" content="#aaaaaa"/>
  33. <meta name="color:Text Headline Link" content="#ffffff"/>
  34. <meta name="color:Text Logo" content="#111111"/>
  35. <meta name="color:Text NavBar Link" content="#333333"/>
  36. <meta name="color:Text NavBar Link Hover" content="#000000"/>
  37. <meta name="color:Text NavBar Credit" content="#999999"/>
  38. <meta name="color:Text Notes Headline" content="#666666"/>
  39. <meta name="color:Text Notes" content="#666666"/>
  40. <meta name="color:Text Description Overlay" content="#ffffff"/>
  41. <meta name="color:Text Tag" content="#000000"/>
  42. <meta name="color:Text Tag Hover" content="#111111"/>
  43. <meta name="color:Text Tag Perma" content="#666666"/>
  44. <meta name="color:Text Tag Perma Hover" content="#555555"/>
  45. <meta name="color:Text Perma Text" content="#000000"/>
  46. <meta name="color:Text Perma Text Headline" content="#000000"/>
  47. <meta name="color:Text ChatLinkQuoteText Index" content="#ffffff"/>
  48. <meta name="color:Border General" content="#cccccc"/>
  49. <meta name="color:Border PhotoSet" content="#cccccc"/>
  50. <meta name="color:Border Notes" content="#e5e5e5"/>
  51. <meta name="color:Border Text and Chat" content="#cccccc"/>
  52.  
  53. <!-- FONT OPTIONS -->
  54. <meta name="font:Font Chat" content="Garamond, Palatino, Georgia, Times, 'Times New Roman', serif"/>
  55. <meta name="font:Font Chat name" content="Garamond, Palatino, Georgia, Times, 'Times New Roman', serif"/>
  56. <meta name="font:Font Description" content="'Helvetica Neue', Helvetica, Arial, sans-serif"/>
  57. <meta name="font:Font General" content="'Helvetica Neue', Helvetica, Arial, sans-serif"/>
  58. <meta name="font:Font Headline" content="'Helvetica Neue', Helvetica, Arial, sans-serif"/>
  59. <meta name="font:Font Logo" content="'Helvetica Neue', Helvetica, Arial, sans-serif"/>
  60. <meta name="font:Font NavBar" content="'Helvetica Neue', Helvetica, Arial, sans-serif"/>
  61. <meta name="font:Font Notes" content="'Helvetica Neue', Helvetica, Arial, sans-serif"/>
  62. <meta name="font:Font Quote source" content="'Helvetica Neue', Helvetica, Arial, sans-serif"/>
  63. <meta name="font:Font Text" content="Garamond, Palatino, Georgia, Times, 'Times New Roman', serif"/>
  64. <meta name="font:Font TextChatLinkQuote Index" content="'Helvetica Neue', Helvetica, Arial, sans-serif"/>
  65. <meta name="font:Font Text and Chat Headline" content="'Helvetica Neue', Helvetica, Arial, sans-serif"/>
  66.  
  67. <!-- IMAGE OPTIONS -->
  68. <meta name="image:LogoImage" content=""/>
  69. <meta name="image:BG Text Quote Chat Link" content=""/>
  70. <meta name="image:NavPanelBG" content=""/>
  71. <meta name="image:Photoset Not Loaded" content=""/>
  72. <meta name="image:SiteBGimage" content=""/>
  73.  
  74. <!-- BOOLEAN OPTIONS -->
  75. <meta name="if:Anti Social" content="0"/><!-- If you don't want any permalinks, reblogging and liking switch this on -->
  76. <meta name="if:Infinite Scrolling" content="1"/>
  77. <meta name="if:Logo Opacity on Hover" content="1"/>
  78. <meta name="if:Logo Position Centre" content="0"/>
  79. <meta name="if:Masonry" content="0"/><!-- Beta phase -->
  80. <meta name="if:Nav Bar Open By Default" content="0"/>
  81. <meta name="if:RandomPostButton" content="0"/>
  82. <meta name="if:SiteBGimage" content="0"/>
  83. <meta name="if:SiteBGimageFixedPosition" content="1"/>
  84. <meta name="if:TweetThis" content="1"/>
  85. <meta name="if:No Description" content="0"/>
  86. <meta name="if:PhotoPermaLinkSource" content="0"/>
  87.  
  88.  
  89. <!-- OPTIONS VIA TEXT BASED INPUT -->
  90. <meta name="text:FontSize General" content="12px"/>
  91. <meta name="text:FontSize Headline" content="22px"/>
  92. <meta name="text:FontSize Logo Index" content="82px"/>
  93. <meta name="text:FontSize Logo Perma" content="18px"/>
  94. <meta name="text:FontSize Nav bar" content="13px"/>
  95. <meta name="text:FontSize Quote source" content="13px"/>
  96. <meta name="text:FontSize Description Overlay" content="24px"/>
  97. <meta name="text:FontSize TextChatLinkQuote Index" content="24px"/>
  98. <meta name="text:FontSize Text and Chat Headline" content="19px"/>
  99. <meta name="text:FontSize Text and Chat" content="19px"/>
  100. <meta name="text:LetterSpacing Headline" content="0"/>
  101. <meta name="text:LetterSpacing Logo" content="-0.04em"/>
  102. <meta name="text:LetterSpacing TextChatLinkQuote Index" content="0"/>
  103. <meta name="text:LineHeight Headline" content="25px"/>
  104. <meta name="text:LineHeight Logo" content="76px"/>
  105. <meta name="text:LineHeight Quote source" content="16px"/>
  106. <meta name="text:LineHeight TextChatLinkQuote Index" content="26px"/>
  107. <meta name="text:LineHeight Text and Chat" content="30px"/>
  108. <meta name="text:Italics Chat name" content="normal"/>
  109. <meta name="text:Italics Chat Speaker A" content="italic"/>
  110. <meta name="text:SmallCaps Chat name" content="small-caps"/>
  111. <meta name="text:Weight Chat name" content="normal"/>
  112. <meta name="text:Weight Chat Speaker A" content="normal"/>
  113. <meta name="text:Weight General" content="normal"/>
  114. <meta name="text:Weight Headline" content="bold"/>
  115. <meta name="text:Weight Logo Index" content="bold"/>
  116. <meta name="text:Weight Description Overlay" content="bold"/>
  117. <meta name="text:Weight TextChatLinkQuote Index" content="bold"/>
  118. <meta name="text:Weight Text Headline Perma" content="bold"/>
  119. <meta name="text:Weight Text and Chat" content="normal"/>
  120. <meta name="text:Opacity Lightbox" content="0.9"/>
  121. <meta name="text:Opacity PostInfo Background" content="0.92"/>
  122. <meta name="text:Colour LightBox R" content="255"/>
  123. <meta name="text:Colour LightBox G" content="255"/>
  124. <meta name="text:Colour LightBox B" content="255"/>
  125. <meta name="text:Margin Body Index" content="10px"/>
  126. <meta name="text:Margin between posts on Index" content="20px"/>
  127. <meta name="text:Margin top of Index" content="20px"/>
  128. <meta name="text:Padding Text Quote and Link" content="40px"/>
  129. <meta name="text:Position Logo Left" content="15px"/>
  130. <meta name="text:Position Logo Top" content="5px"/>
  131. <meta name="text:Size Photo H Max" content="750px"/>
  132. <meta name="text:Size Photoset H Max" content="650"/>
  133. <meta name="text:Size Photo W Max" content="900"/>
  134. <meta name="text:Size TextLinkChat W" content="450px"/>
  135. <meta name="text:Size TextLinkChat H" content="450px"/>
  136. <meta name="text:Size Text W Max Perma" content="800px"/>
  137. <meta name="text:Size Video W" content="550"/>
  138. <meta name="text:Rounded corners on Buttons" content="3px"/>
  139. <meta name="text:Rounded corners TextLinkQuoteChat" content="400px"/>
  140. <meta name="text:Link 1 Name" content=""/>
  141. <meta name="text:Link 1 URL" content=""/>
  142. <meta name="text:Link 2 Name" content=""/>
  143. <meta name="text:Link 2 URL" content=""/>
  144. <meta name="text:Link 3 Name" content=""/>
  145. <meta name="text:Link 3 URL" content=""/>
  146. <meta name="text:Link 4 Name" content=""/>
  147. <meta name="text:Link 4 URL" content=""/>
  148. <meta name="text:Link 5 Name" content=""/>
  149. <meta name="text:Link 5 URL" content=""/>
  150. <!-- Instant shortcuts to your favorite tags (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="https://static.tumblr.com/bfhsl6l/TlBmqga7i/syndex.css" charset="utf-8"/>
  164.  
  165.  
  166. <!-- HEADER SCRIPTS -->
  167. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  168. <script src="https://code.jquery.com/jquery-migrate-1.2.0.min.js"></script>
  169. <script type="text/javascript" src="https://static.tumblr.com/bfhsl6l/OPmmmihm5/plugins.js"></script>
  170. <script type="text/javascript" src="https://static.tumblr.com/bfhsl6l/8S6mqga6q/syndex.js"></script>
  171. <script type="text/javascript" src="https://static.tumblr.com/bfhsl6l/AQjmmihml/pxuphotoset.mod.js"></script>
  172. <script type="text/javascript">
  173. {block:IfInfiniteScrolling}infiniteScroll = true;{/block:IfInfiniteScrolling}
  174. {block:IfNotInfiniteScrolling}infiniteScroll = false;{/block:IfNotInfiniteScrolling}
  175. {block:IfAntiSocial}antisocial = true;{/block:IfAntiSocial}
  176. {block:IfNotAntiSocial}antisocial = false;{/block:IfNotAntiSocial}
  177. vidWidth = {text:Size Video W};
  178. noartwork = "https://static.tumblr.com/bfhsl6l/LLpm29m7o/noart.png";
  179. function handleThis(formElm){window.location="/tagged/"+formElm.q.value+"";return false;};
  180. !function(d,s,id){
  181. var js,fjs=d.getElementsByTagName(s)[0];
  182. if(!d.getElementById(id)){
  183. js=d.createElement(s);
  184. js.id=id;
  185. js.src="//platform.twitter.com/widgets.js";
  186. fjs.parentNode.insertBefore(js,fjs);
  187. }}(document,"script","twitter-wjs");
  188. {block:IfMasonry}$('#posts').masonry({itemSelector: '.index.desktop .post',columnWidth: 100});{/block:IfMasonry}
  189. {block:IfNavBarOpenByDefault}navDefault = true;{/block:IfNavBarOpenByDefault}
  190. {block:IfNotNavBarOpenByDefault}navDefault = false;{/block:IfNotNavBarOpenByDefault}
  191. </script>
  192.  
  193.  
  194. <!-- SYNDEX THEME APPEARANCE OPTIONS -->
  195. <style type="text/css">
  196. body, html {
  197. font:{text:Weight General} {text:FontSize General} {font:Font General}
  198. }
  199. {block:IfMasonry}.index .post {float:left;}{/block:IfMasonry}
  200. #background {
  201. background-color: {color:BG Site};
  202. {block:IfSiteBGimage}background-image: url('{image:SiteBGimage}');{/block:IfSiteBGimage}
  203. {block:IfSiteBGimageFixedPosition}background-image: url('{image:SiteBGimage}');{/block:IfSiteBGimageFixedPosition}
  204. }
  205. .perma #background{z-index:-1}
  206. .index #posts {
  207. margin: {text:Margin Body Index};
  208. margin-top: {text:Margin top of Index};
  209. margin-bottom: 150px !important;
  210. {block:IfMasonry}text-align: center !important;{/block:IfMasonry}
  211. }
  212. /* PHOTOSET LIGHTBOX CSS */
  213. #tumblr_lightbox_caption {
  214. font: {text:FontSize General} {font:Font General} !important;
  215. color: black !important;
  216. }
  217. #tumblr_lightbox{
  218. background-color: rgba(
  219. {text:Colour LightBox R},
  220. {text:Colour LightBox G},
  221. {text:Colour LightBox B},
  222. {text:Opacity Lightbox}
  223. )!important
  224. }
  225. #lightbox_background{
  226. opacity:{text:Opacity Lightbox};
  227. background-color: {color:BG Site}
  228. }
  229. .index #lightbox_image .notPhotoset{
  230. cursor: s-resize;
  231. }
  232. #lightbox_image{
  233. cursor: pointer;
  234. }
  235. em {font-style: italic;}
  236. .notes_headline_inner {width: 60%;display: block;padding: 0 20%}
  237.  
  238. .icons {
  239. position: absolute;
  240. min-width: 35px;
  241. min-height: 38px;
  242. top: 114px;
  243. background-color: white;
  244. right:0;
  245. }
  246. .zoom, .post_options_more_info {
  247. min-width: 35px;
  248. min-height: 38px;
  249. text-align: center;
  250. position: absolute;
  251. color: black;
  252. font-size: 22px;
  253. font-weight: bold;
  254. line-height: normal;
  255. top:5px;
  256.  
  257. }
  258. .post_options_more_info {
  259. top: 9px;
  260. min-height: 30px;
  261. font-size: 24px;
  262. background-color: white;
  263.  
  264. }
  265. /* LOGO CSS*/
  266. #logo_index_text a,
  267. #logo_index_left a,
  268. .logo_permalink_page
  269. {
  270. font-weight: {text:Weight Logo Index};
  271. font-family: {font:Font Logo};
  272. color: {color:Text Logo}
  273. }
  274. #logo_index_left{left:{text:Position Logo Left}}
  275. #logo_index_left {top:{text:Position Logo Top}}
  276. #logo_index_text a,
  277. #logo_index_left a
  278. {
  279. letter-spacing: {text:LetterSpacing Logo};
  280. font-size: {text:FontSize Logo Index};
  281. line-height: {text:LineHeight Logo}
  282. }
  283. {block:IfNotLogoOpacityonHover}
  284. #logo_index_text a:hover,
  285. #logo_index_left a:hover{
  286. opacity: 1 !important}
  287. {/block:IfNotLogoOpacityonHover}
  288. .logo_permalink_page{font-size: {text:FontSize Logo Perma}}
  289.  
  290. /* NAVIGATION CSS */
  291. #nav {
  292. background-color: {color:BG NavBar};
  293. background-image: url('{image:NavPanelBG}')
  294. }
  295. #nav> *, .tag_search{
  296. font-family: {font:Font NavBar};
  297. font-size: {text:FontSize Nav bar}
  298. }
  299. .nav_button,
  300. .tag_search,
  301. .post_info_overlay_button,
  302. .tagBackground,
  303. .next,
  304. .prev,
  305. #nav_toggle,
  306. .notes_tag_button,
  307. .notes_date_span
  308. {
  309. -webkit-border-radius: {text:Rounded corners on Buttons};
  310. -moz-border-radius: {text:Rounded corners on Buttons};
  311. border-radius: {text:Rounded corners on Buttons}
  312. }
  313. .nav_button{background-color: {color:BG NavBar Button}}
  314. a.nav_button,
  315. .nav_button,
  316. .tag_search,
  317. #nav_toggle,
  318. .next,
  319. .prev,
  320. .back_to_top,
  321. .logo_permalink_page
  322. {color: {color:Text NavBar Link}!important}
  323. .nav_button:hover, #nav_toggle:hover {
  324. background-color: {color:BG NavBar Button Hover};
  325. color: {color:Text NavBar Link Hover}
  326. }
  327. .tag_search:focus {color: {color:Text NavBar Link Hover}}
  328. #nav_searchfield_background,.tag_search_hover {background-color: {color:BG Search Bar}}
  329. .nav_theme_credit,.nav_theme_credit a,.nav_theme_credit a:visited{color:{color:Text NavBar Credit}}
  330.  
  331. /* POST INFO OVERLAY: */
  332.  
  333. .post_info_overlay_background {
  334. background-color: {color:BG PostInfo overlay};
  335. opacity: {text:Opacity PostInfo Background}
  336. }
  337. .rounded {
  338. -webkit-border-radius: {text:Rounded corners TextLinkQuoteChat};
  339. -moz-border-radius: {text:Rounded corners TextLinkQuoteChat};
  340. border-radius: {text:Rounded corners TextLinkQuoteChat}
  341. }
  342. .post_info_overlay_headline,
  343. .post_info_overlay_headline p,
  344. .shortened_headline,
  345. .shortened_headline p
  346. {
  347. font:{text:Weight Headline} {text:FontSize Headline}/{text:LineHeight Headline} {font:Font Headline};
  348. color: {color:Text Headline};
  349. letter-spacing: {text:LetterSpacing Headline};
  350. }
  351. .post_info_overlay_headline, .shortened_headline {
  352. margin-bottom: 20px !important
  353. }
  354. .post_info_overlay_headline a, .shortened_headline a{color: {color:Text Headline Link}}
  355. .post_info_overlay_headline a:hover, .shortened_headline a:hover{border-bottom: 1px solid {color:Text Headline Link}}
  356. .post_info_overlay_headline, .shortened_headline{
  357. overflow: hidden;
  358. margin-bottom: 10px !important;
  359. padding-bottom: 5px;
  360. }
  361.  
  362. /* POST OPTIONS ON HOVER */
  363. .post_options_more_info,
  364. .post_options_like,
  365. .post_options_reblog {
  366. position: absolute;
  367. width:35px;
  368. height:35px;
  369. cursor: pointer !important;
  370. z-index: 5000;
  371. float: right;
  372. }
  373. .reblog_button, .like_button{
  374. padding:10px 14px 10px 10px;;
  375. background-color: white;
  376. width:18px;
  377. height:18px;
  378. }
  379.  
  380. .post_options_reblog {
  381. top:36px;
  382. right: 0
  383. }
  384. .like_toggle{display: block !important}
  385. .post_options_more_info {
  386. background-position: -36px 0;
  387. top:0;
  388. right:0
  389. }
  390. .post_options_like {
  391. background-position: 0 -36px;
  392. top:75px;
  393. right: 0;
  394. }
  395.  
  396. /* POST INFO OVERLAY: REBLOG CREDIT AND TAGS */
  397. .post_info_overlay_button {
  398. color: {color:Text Tag};
  399. background-color: {color:BG Tag};
  400. font-size: {text:FontSize Nav bar}
  401. }
  402. .post_info_overlay_button:hover{
  403. color: {color:Text Tag Hover};
  404. background-color: {color:BG Tag Hover}
  405. }
  406.  
  407. /* AUDIO POST */
  408. .post_audio, .post_audio_player, .audioPlayerWrap, .audioArt{background-color:#e4e4e4}
  409. .post_audio_info, .post_audio_info a{color:#444444}
  410. .post_audio_no_art {background-image: url("{image:Audio No Artwork}")}
  411. .audio> .post_info_overlay_headline span p {font-size: {text:FontSize General};}
  412. .audio> .shortened_headline span p {font-size: {text:FontSize General};}
  413. .post_audio_table{border-top:1px {color:BG Site} solid;}
  414. .post_audio_info{border-left:1px {color:BG Site} solid;}
  415.  
  416. /*PHOTOSET POST CSS (THIS CREATES THE STEPPED FRAME AROUND THE EDGE OF THE POST)*/
  417. .index .type_photoset {
  418. -webkit-box-shadow:
  419. 1px 1px 0 0 {color:Border PhotoSet},
  420. 2px 2px 0 0 {color:BG Site},
  421. 3px 3px 0 0 {color:Border PhotoSet},
  422. 4px 4px 0 0 {color:BG Site},
  423. 5px 5px 0 0 {color:Border PhotoSet},
  424. 6px 6px 0 0 {color:BG Site},
  425. 7px 7px 0 0 {color:Border PhotoSet};
  426. -moz-box-shadow:
  427. 1px 1px 0 0 {color:Border PhotoSet},
  428. 2px 2px 0 0 {color:BG Site},
  429. 3px 3px 0 0 {color:Border PhotoSet},
  430. 4px 4px 0 0 {color:BG Site},
  431. 5px 5px 0 0 {color:Border PhotoSet},
  432. 6px 6px 0 0 {color:BG Site},
  433. 7px 7px 0 0 {color:Border PhotoSet};
  434. box-shadow:
  435. 1px 1px 0 0 {color:Border PhotoSet},
  436. 2px 2px 0 0 {color:BG Site},
  437. 3px 3px 0 0 {color:Border PhotoSet},
  438. 4px 4px 0 0 {color:BG Site},
  439. 5px 5px 0 0 {color:Border PhotoSet},
  440. 6px 6px 0 0 {color:BG Site},
  441. 7px 7px 0 0 {color:Border PhotoSet};
  442. background-color: {color:Border PhotoSet};
  443. {block:IfPhotosetNotLoadedImage}background-image: url("{image:Photoset Not Loaded}");{/block:IfPhotosetNotLoadedImage}
  444. background-position:center;
  445. }
  446.  
  447. /*QUOTE POST CSS*/
  448. .post_quote{
  449. font-weight: {text:Weight TextChatLinkQuote Index};
  450. line-height: {text:LineHeight TextChatLinkQuote Index};
  451. font-size: {text:FontSize TextChatLinkQuote Index};
  452. color: {color:Text Perma Text};
  453. letter-spacing: {text:LetterSpacing TextChatLinkQuote Index};
  454. width: {text:Size Text W Max Perma};
  455. }
  456. .post_quote a, .post_quote a:visited,.post_quote_source a, .post_quote_source a:visited{color: {color:Text ChatLinkQuoteText Index}}
  457. .post_quote_source{
  458. font:{text:Weight Quote source} {text:FontSize Quote source}/{text:LineHeight Quote source} {font:Font Quote source};
  459. color: {color:Text ChatLinkQuoteText Index};
  460. }
  461. .index .post_quote_source{
  462. position:absolute;
  463. bottom: 30px;
  464. left:25%;
  465. width: 50%;
  466. -webkit-border-bottom-right-radius: {text:Rounded corners TextLinkQuoteChat};
  467. -webkit-border-bottom-left-radius: {text:Rounded corners TextLinkQuoteChat};
  468. -moz-border-radius-bottomright: {text:Rounded corners TextLinkQuoteChat};
  469. -moz-border-radius-bottomleft: {text:Rounded corners TextLinkQuoteChat};
  470. border-bottom-right-radius: {text:Rounded corners TextLinkQuoteChat};
  471. border-bottom-left-radius: {text:Rounded corners TextLinkQuoteChat};
  472. opacity: 0.4;
  473. }
  474. .post_quote_body,.post_quote_body a, .post_quote_body a:visited{
  475. font:{text:Weight Text Headline Perma} {text:FontSize TextChatLinkQuote Index}/{text:LineHeight TextChatLinkQuote Index} {font:Font Text and Chat Headline};
  476. color: {color:Text Perma Text Headline}
  477. }
  478. .perma .post_quote_source, .perma .post_quote_source a:visited,.perma .post_quote_source a{
  479. font:{text:Weight Quote source} {text:FontSize Quote source}/{text:LineHeight Quote source} {font:Font Quote source} !important;
  480. color: {color:Text Perma Text};
  481. }
  482. .perma .post_quote_source a:visited,.perma .post_quote_source a{
  483. border-bottom: 1px dotted {color:Text Perma Text}
  484. }
  485. .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}}
  486. .perma .post_quote_source{opacity: 0.4}
  487. /*TEXT, QUOTE AND LINK POST CSS*/
  488. .index .post {margin:{text:Margin between posts on Index}}
  489. .post_text{
  490. font-weight:{text:Weight TextChatLinkQuote Index};
  491. font-size:{text:FontSize TextChatLinkQuote Index};
  492. line-height:{text:LineHeight TextChatLinkQuote Index};
  493. font-family: {font:Font TextChatLinkQuote Index};
  494. letter-spacing: {text:LetterSpacing TextChatLinkQuote Index};
  495. color: {color:Text ChatLinkQuoteText Index};
  496. background-color: {color:BG ChatLinkQuoteText Index};
  497. /* background-image: url("{image:BG Text Quote Chat Link}"); */
  498. -webkit-border-radius: {text:Rounded corners TextLinkQuoteChat};
  499. -moz-border-radius: {text:Rounded corners TextLinkQuoteChat};
  500. border-radius: {text:Rounded corners TextLinkQuoteChat};
  501. width:{text:Size TextLinkChat W};
  502. height:{text:Size TextLinkChat H};
  503. }
  504. .post_text_table_cell{padding: {text:Padding Text Quote and Link}}
  505. .post_info_overlay_headline{padding: 0 {text:Padding Text Quote and Link}}
  506. .shortened_headline{padding: 0 {text:Padding Text Quote and Link}}
  507. .post_text_body{
  508. color:{color:Text ChatLinkQuoteText Index};
  509. }
  510. .post_text_body a,.index .post_text_body a:visited{color: {color:Text ChatLinkQuoteText Index}}
  511. .post_perma_inner a:visited,.post_perma_inner a{color: {color:post_text Index}}
  512. .post_text_title_perma{
  513. font:{text:Weight Text Headline Perma} {text:FontSize Text and Chat Headline} {font:Font Text and Chat Headline};
  514. color: {color:Text Perma Text Headline}
  515. }
  516. .soundcloud_audio_player{height:165px !important}
  517. .post_perma_inner{max-width:{text:Size Text W Max Perma};}
  518. .post_perma_inner blockquote{border-left: 1px solid {color:Text Perma Text};}
  519. .post_perma_inner a, .post_perma_inner a:visited{color: {color:Text Perma Text} !important;}
  520. #post_text_body_perma, #chat_body_post_perma{
  521. border-top: 1px solid {color:Border Text and Chat};
  522. font-weight: {text:Weight Text and Chat};
  523. font-size: {text:FontSize Text and Chat};
  524. line-height: {text:LineHeight Text and Chat};
  525. font-family: {font:Font Text};
  526. border-bottom: 1px solid {color:Border Text and Chat} !important;
  527. padding-bottom: {text:LineHeight Text and Chat};
  528. color: {color:Text Perma Text}
  529. }
  530. #chat_body_post_perma{font-family:{font:Font Chat}}
  531. #post_text_body_perma{font-family:{font:Font Text}}
  532.  
  533. /*CHAT POST (USES TEXT POST CSS AS BASE)*/
  534. /* Names of the speakers */
  535. li span.label{
  536. color:{color:Text Chat name};
  537. font-weight: {text:Weight Chat name};
  538. font-style: {text:Italics Chat name};
  539. font-variant:{text:SmallCaps Chat name};
  540. font-family: {font:Font Chat name}
  541. }
  542. .chat_person_1{
  543. font-style: {text:Italics Chat Speaker A};
  544. font-weight:{text:Weight Chat Speaker A};
  545. padding-top: {text:LineHeight Text and Chat}
  546. }
  547.  
  548. /*PERMALINK PAGE AND NOTES CSS*/
  549. ol:last-child{background-color: {color:BG Notes}}
  550. .note,.notes_headline,.notes_date, .notes_tag {
  551. border-top: solid 1px {color:Border Notes};
  552. color: {color:Text Notes};
  553. font-family: {font:Font Notes};
  554. background-color: {color:BG Notes}
  555. }
  556. .more_notes_link_container a, .more_notes_link_container a:visited{color: {color:Text Notes} !important}
  557. .more_notes_link_container a:hover{text-decoration: underline}
  558. .note .action a,.action a:visited, .perma blockquote a, .perma blockquote a:visited {color: {color:Text Notes} !important}
  559. .notes_tag_button, .notes_tag_title_case a:visited,.action a:visited, .notes_date_span {
  560. color: {color:Text Tag Perma} !important;
  561. background-color: {color:BG Tag Perma};
  562. }
  563. .notes_tag_button:hover, .action a:hover{
  564. color: {color:Text Tag Perma Hover} !important;
  565. background-color: {color:BG Tag Perma Hover};
  566. }
  567. .notes_headline_inner, .notes_headline_inner a, .notes_headline_inner a:visited{
  568. color: {color:Text Notes Headline};
  569. font: {text:Weight Headline} {text:FontSize Headline}/{text:LineHeight Headline} {font:Font Headline}
  570. }
  571. .notes_headline_inner a, .notes_headline_inner a:visited{border-bottom: 1px solid {color:Text Notes Headline};}
  572.  
  573. /*IMAGE SIZING CSS*/
  574. .index .not_audio img{
  575. max-height:{text:Size Photo H Max} !important;
  576. max-width:{text:Size Photo W Max} !important
  577. }
  578. #post_text_body_perma .not_audio img {max-width:{text:Size Text W Max Perma}; height: auto !important;max-height: auto !important;}
  579.  
  580. /*Description Overlay*/
  581. .description_overlay{
  582. font-family: {font:Font Description};
  583. font-size: {text:FontSize Description Overlay};
  584. font-weight: {text:Weight Description Overlay};
  585. background-color: {color:BG Description Overlay};
  586. color: {color:Text Description Overlay}
  587. }
  588. .next.nav_button{margin-bottom: 3px;!important}
  589. {block:IfNotSiteBGimage}
  590. .index #background{
  591. background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%, rgba(0,0,0,0.05) 100%);
  592. 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)));
  593. background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 100%);
  594. background: -o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 100%);
  595. background: -ms-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 100%);
  596. background: linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 100%);
  597. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#0d000000',GradientType=0 );
  598. }
  599. {/block:IfNotSiteBGimage}
  600. /*CUSTOM CSS */
  601. {CustomCSS}
  602. </style>
  603. </head>
  604. <body class="infscroll{block:PermalinkPage} perma{/block:PermalinkPage}{block:IndexPage} index{/block:IndexPage}" id="top">
  605.  
  606. <!-- LIGHTBOX FOR PHOTO POSTS-->
  607. <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>
  608.  
  609. <!-- FULL SCREEN "DESCRIPTION" OVERLAY -->
  610. <div class="description_overlay_wrapper"><div class="description_overlay"><div class="description_overlay_inner"><img src="{PortraitURL-128}" width="128" height="128" title="{Title}" alt="{Title}"/><br>{block:Description}{Description}{/block:Description}</div></div></div>
  611.  
  612. {block:IndexPage}
  613.  
  614. <!-- LOGO CENTRE SCREEN -->
  615. {block:IfLogoPositionCentre}<div id="logo_index"><div id="logo_index_text">{block:IfNotLogoImageImage}
  616. <a href="/">{Title}</a>
  617. {/block:IfNotLogoImageImage}{block:IfLogoImageImage}<a href="/"><img src="{image:LogoImage}" alt="logo" /></a>{/block:IfLogoImageImage}</div></div>{/block:IfLogoPositionCentre}
  618.  
  619. <!-- LOGO LEFT SCREEN -->
  620. {block:IfNotLogoPositionCentre}<div id="logo_index_left">{block:IfNotLogoImageImage}<a href="/">{Title}</a>{/block:IfNotLogoImageImage}
  621. {block:IfLogoImageImage}<a href="/"><img src="{image:LogoImage}" alt="logo" /></a>{/block:IfLogoImageImage}</div>{/block:IfNotLogoPositionCentre}
  622.  
  623. <!-- BACK TO TOP ONLY ON INDEX -->
  624. <div id="pagination_index"><div id="back_to_top_wrapper"><div class="nav_button_spacer"></div><div class="back_to_top">▲</div></div></div>
  625.  
  626. <!-- NAVBAR OPEN/CLOSE -->
  627. <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>
  628.  
  629. <!-- NAVBAR -->
  630. <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>
  631.  
  632. <!-- To personalise the tweet share button add after the class attribute: data-via="YOUR_USER_NAME_WITHOUT_THE_@" data-hashtags="A_HASHTAG_WITHOUT_THE_#" -->
  633.  
  634. {block:IfTweetThis}<a href="https://twitter.com/share" class="twitter-share-button">Tweet</a>{/block:IfTweetThis}
  635. <a class="nav_button" href="/archive">Archive</a>
  636. {block:IfNotNoDescription}<div class="nav_button_spacer"></div><a class="nav_button nav_button_description">{text:Description Button Text}</a>{/block:IfNotNoDescription}
  637. {block:IfRandomPostButton}<div class="nav_button_spacer"></div><a class="nav_button" href="/random">Random</a>{/block:IfRandomPostButton}
  638. {block:AskEnabled}<div class="nav_button_spacer"></div><a class="nav_button" href="/ask">{AskLabel}</a>{/block:AskEnabled}
  639. {block:SubmissionsEnabled}<div class="nav_button_spacer"></div><a class="nav_button" href="/submit">{SubmitLabel}</a>{/block:SubmissionsEnabled}
  640. {block:IfLink1URL}<div class="nav_button_spacer"></div><a class="nav_button" href="{text:Link 1 URL}">{text:Link 1 Name}</a>{/block:IfLink1URL}
  641. {block:IfLink2URL}<div class="nav_button_spacer"></div><a class="nav_button" href="{text:Link 2 URL}">{text:Link 2 Name}</a>{/block:IfLink2URL}
  642. {block:IfLink3URL}<div class="nav_button_spacer"></div><a class="nav_button" href="{text:Link 3 URL}">{text:Link 3 Name}</a>{/block:IfLink3URL}
  643. {block:IfLink4URL}<div class="nav_button_spacer"></div><a class="nav_button" href="{text:Link 4 URL}">{text:Link 4 Name}</a>{/block:IfLink4URL}
  644. {block:IfLink5URL}<div class="nav_button_spacer"></div><a class="nav_button" href="{text:Link 5 URL}">{text:Link 5 Name}</a>{/block:IfLink5URL}
  645. {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}
  646. {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}
  647. {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}
  648. {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}
  649. {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}
  650. {block:HasPages}
  651. {block:Pages}<div class="nav_button_spacer"></div><a class="nav_button" href="{URL}">{Label}</a>{/block:Pages}
  652. {/block:HasPages}
  653. <div class="nav_button_spacer"></div><div class="nav_theme_credit"><a href="https://www.tumblr.com/theme/34366">Syndex Theme</a> by <a href="https://twitter.com/#!/marckremers">Marc</a> <a href="https://marckremers.com">Kremers</a></div>
  654.  
  655. {block:Pagination}
  656. <!-- N.B. If Infinite scrolling is turned off (i.e. iPad) -->
  657. <div class="nav_button_spacer"></div><div id="infinite_scroll">
  658. {block:PreviousPage}<a href="{PreviousPage}" class="prev nav_button" title="{lang:Newer posts}">←</a><div class="nav_button_spacer"></div>{/block:PreviousPage}
  659. {block:NextPage}<a href="{NextPage}" class="next nav_button" title="{lang:Older posts}">→</a>{/block:NextPage}</div>
  660. {/block:Pagination}
  661.  
  662. </div></div>
  663. {/block:IndexPage}
  664.  
  665.  
  666. <div id="posts">
  667. <div id="background"></div>
  668.  
  669. {block:Posts}
  670. {block:IndexPage}
  671.  
  672. {block:Answer}
  673. <div class="post type_text" id="post-{PostID}"><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><div class="post_options_reblog">{ReblogButton color="black" size="18"}</div><div class="type_like post_options_like">{LikeButton color="black" size="18"}</div><a href="{Permalink}" class="post_options_permalink"></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}{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">Asked by {Asker}</div></div></div></div></div></div>
  674. {/block:Answer}
  675.  
  676.  
  677. {block:Audio}
  678. <div class="post type_audio" id="post-{PostID}">
  679. <div class="post_margin_adjustment">
  680. <div class="post_relative" title="{block:TrackName}'{TrackName}' - {/block:TrackName}{block:Album}{Album} - {/block:Album}{block:Artist}{Artist}{/block:Artist}">
  681. <div class="post_options"><div class="post_options_more_info" title="Reblog, Like, {lang:Source} and {lang:Tags}"></div>
  682. <div class="post_options_reblog">{ReblogButton color="black" size="18"}</div>
  683. <div class="type_like post_options_like">{LikeButton color="black" size="18"}</div>
  684. <a href="{Permalink}" class="post_options_permalink"></a>
  685. </div>
  686. <div class="post_info_overlay">
  687. <div class="post_info_overlay_absolute">
  688. <div class="post_info_overlay_table">
  689. <div class="post_info_overlay_cell">
  690. <div class="post_info_overlay_headline">
  691. <p>{block:TrackName}"{TrackName}" - {/block:TrackName}{block:Album}{Album} - {/block:Album}{block:Artist}{Artist}{/block:Artist}</p>
  692. {block:Caption}{Caption}{/block:Caption}
  693. </div>
  694. <div class="post_info_overlay_tags">
  695. <div class="post_info_overlay_tags_inline_nest">
  696. <a class="post_info_overlay_button" href="{Permalink}">Permalink {block:NoteCount}({NoteCountWithLabel}) {/block:NoteCount}</a>
  697. {block:ContentSource}<a class="post_info_overlay_button" href="{SourceURL}">Source: {SourceTitle}</a>{/block:ContentSource}
  698. {block:RebloggedFrom}<a class="post_info_overlay_button" href="{ReblogParentURL}">Via: {ReblogParentName}</a>{/block:RebloggedFrom}
  699. {block:HasTags}{block:Tags}<a href="{TagURL}">
  700. <div class="post_info_overlay_button">{Tag}</div>
  701. </a>{/block:Tags}{/block:HasTags}
  702. </div>
  703. </div>
  704. </div>
  705. </div>
  706. </div>
  707. <div class="post_info_overlay_background"></div>
  708. </div>
  709. <div class="post_audio">
  710. <div class="post_audio_art_table_cell">
  711. <div class="post_audio_no_art_wrap">
  712. <div class="post_audio_no_art init">
  713. {block:AlbumArt}<img class="notPhotoset" src="{AlbumArtURL}" alt="Album Art"/>{/block:AlbumArt}
  714. </div>
  715. </div>
  716. </div>
  717. <div class="post_audio_table">
  718. <div class="post_audio_player">
  719. <div class="post_audio_player_ui">{AudioPlayerGrey}</div>
  720. <div class="js-string hidden">{JSAudioPlayerGrey}</div>
  721. <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}
  722. </div>
  723. </div>
  724. </div>
  725. </div>
  726. </div>
  727. </div>
  728. </div>
  729. {/block:Audio}
  730.  
  731. {block:Chat}
  732. <div class="post type_text" id="post-{PostID}"><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><div class="post_options_reblog">{ReblogButton color="black" size="18"}</div><div class="type_like post_options_like">{LikeButton color="black" size="18"}</div><a href="{Permalink}" class="post_options_permalink"></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}{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>
  733. {block:Chat}
  734.  
  735. {block:Link}
  736. <div class="post type_text" id="post-{PostID}"><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><div class="post_options_reblog">{ReblogButton color="black" size="18"}</div><div class="type_like post_options_like">{LikeButton color="black" size="18"}</div><a href="{Permalink}" class="post_options_permalink"></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}{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>
  737. {/block:Link}
  738.  
  739. {block:Photo}
  740. <div class="post not_audio photopost" id="post-{PostID}"><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><div class="post_options_reblog">{ReblogButton color="black" size="18"}</div><div class="type_like post_options_like">{LikeButton color="black" size="18"}</div><a href="{LinkURL}" class="post_options_permalink"></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}{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>{block:IfPhotoPermaLinkSource}<a href="{LinkURL}"><img class="notPhotoset" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" title="{block:ContentSource}Source: {SourceTitle}{/block:ContentSource}"/></a>{/block:IfPhotoPermaLinkSource}{block:IfNotPhotoPermaLinkSource}<img class="notPhotoset" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" title="{block:ContentSource}Source: {SourceTitle}{/block:ContentSource}"/>{/block:IfNotPhotoPermaLinkSource}<input type="hidden" name="hiresImg" value="{PhotoURL-HighRes}"/></div></div></div>
  741. {/block:Photo}
  742.  
  743.  
  744.  
  745.  
  746. {block:Photoset}
  747. <div class="post" id="post-{PostID}">
  748. <div class="post_margin_adjustment">
  749. <div class="post_relative type_photoset" >
  750. <div class="post_options">
  751. <div title="Reblog, Like, {lang:Source} and {lang:Tags}" class="post_options_more_info pset2">+</div>
  752. <div class="post_options_reblog">{ReblogButton color="black" size="18"}</div>
  753. <div class="type_like post_options_like">{LikeButton color="black" size="18"}</div>
  754. <div class="icons"><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"><div class="zoom">{PhotoCount}</div></a></div>
  755. <a href="{Permalink}" class="post_options_permalink"></a>
  756. </div>
  757. <div class="post_info_overlay">
  758. <div class="post_info_overlay_absolute">
  759. <div class="post_info_overlay_table">
  760. <div class="post_info_overlay_cell">
  761. <div class="post_info_overlay_headline">{block:Caption}{Caption}{/block:Caption}</div>
  762. <div class="post_info_overlay_tags">
  763. <div class="post_info_overlay_tags_inline_nest">
  764. <a class="post_info_overlay_button" href="{Permalink}">Permalink {block:NoteCount}({NoteCountWithLabel}){/block:NoteCount}</a>
  765. {block:ContentSource}<a class="post_info_overlay_button" href="{SourceURL}">Source: {SourceTitle}</a>{/block:ContentSource}
  766. {block:RebloggedFrom}<a class="post_info_overlay_button" href="{ReblogParentURL}">Via: {ReblogParentName}</a>{/block:RebloggedFrom}
  767. {block:HasTags}{block:Tags}<a href="{TagURL}">
  768. <div class="post_info_overlay_button">{Tag}</div>
  769. </a>{/block:Tags}{/block:HasTags}
  770. </div>
  771. </div>
  772. </div>
  773. </div>
  774. </div>
  775. <div class="post_info_overlay_background"></div>
  776. </div>
  777. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="1">{block:Photos}
  778. <div class="photo-data">
  779. <div class="pxu-photo">
  780. <img alt="{PhotoAlt}" src="{PhotoURL-HighRes}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" style="width:auto; max-height:{text:Size Photoset H Max}px" class="pset" {block:Caption}data-caption="{Caption}"{/block:Caption}>
  781. </div>
  782. </div>{/block:Photos}
  783. </div>
  784. </div>
  785. </div>
  786. </div>
  787. {/block:Photoset}
  788.  
  789.  
  790. {block:Quote}
  791. <div class="post type_text" id="post-{PostID}"><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><div class="post_options_reblog">{ReblogButton color="black" size="18"}</div><div class="type_like post_options_like">{LikeButton color="black" size="18"}</div><a href="{Permalink}" class="post_options_permalink"></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}{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>
  792. {/block:Quote}
  793.  
  794.  
  795. {block:Text}<div class="post type_text" id="post-{PostID}"><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><div class="post_options_reblog">{ReblogButton color="black" size="18"}</div><div class="type_like post_options_like">{LikeButton color="black" size="18"}</div><a href="{Permalink}" class="post_options_permalink"></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}{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>
  796. {/block:Text}
  797.  
  798. {block:Video}
  799. <div class="post type_video" id="post-{PostID}"><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><div class="post_options_reblog">{ReblogButton color="black" size="18"}</div><div class="type_like post_options_like">{LikeButton color="black" size="18"}</div><a href="{Permalink}" class="post_options_permalink"></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}{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>
  800. {/block:Video}
  801.  
  802. {/block:IndexPage}
  803.  
  804.  
  805. {block:PermalinkPage}
  806.  
  807. {block:Answer}
  808. <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>
  809. {/block:Answer}
  810.  
  811. {block:Audio}
  812. <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 class="notPhotoset" 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>
  813. {/block:Audio}
  814.  
  815. {block:Chat}
  816. <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>
  817. {/block:Chat}
  818.  
  819. {block:Link}
  820. <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>
  821. {/block:Link}
  822.  
  823. {block:Photo}<div id="post_permalink"><div class="post not_audio" id="post-{PostID}"><div id="post_permalink_inner">{block:IfPhotoPermaLinkSource}<a href="{block:ContentSource}{SourceURL}{/block:ContentSource}" {block:ContentSource}title="Visit source: {SourceTitle}"{/block:ContentSource}>{/block:IfPhotoPermaLinkSource}<div class="post_relative"><img class="notPhotoset" src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></div>{block:IfPhotoPermaLinkSource}</a>{/block:IfPhotoPermaLinkSource}</div></div></div>
  824. {/block:Photo}
  825.  
  826. {block:Photoset}
  827. <div class="post_text_perma" id="post-{PostID}"><div id="post_perma_inner"><div class="post_table_cell_perma_photoset"><div title="{block:ContentSource}Source: {SourceTitle}{/block:ContentSource}" class="post_relative type_photoset">{Photoset-500}</div></div></div></div>
  828. {/block:Photoset}
  829.  
  830. {block:Text}
  831. <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>
  832. {/block:Text}
  833.  
  834. {block:Quote}
  835. <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>
  836. {/block:Quote}
  837.  
  838. {block:Video}
  839. <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>
  840. {/block:Video}
  841.  
  842. {/block:PermalinkPage}
  843. {/block:Posts}
  844.  
  845. {block:PermalinkPage}
  846. {block:Posts}
  847. <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:NoteCount}<span class="notes_tag_button">{NoteCountWithLabel}</span>{/block:NoteCount}{block:Date}<span class="notes_date_span">Timestamp: {DayOfWeek} {Year}/{MonthNumberWithZero}/{DayOfMonthWithZero} {24Hour}:{Minutes}:{Seconds}</span>{/block:Date}{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}{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}</li></ol>{block:PostNotes}{PostNotes}{/block:PostNotes}<ol class="notes">
  848. <!-- 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">
  849. {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>
  850. {/block:Posts}
  851. <div id="pagination_permalink"><a class="logo_permalink_page" href="/">← {Title}</a></div>
  852.  
  853. {block:PermalinkPagination}
  854. {block:PreviousPost}<a href="{PreviousPost}" class="prev prev_table" title="{lang:Next post}"><span class="prev_cell">◀</span></a>{/block:PreviousPost}
  855. {block:NextPost}<a href="{NextPost}" class="next next_table" title="{lang:Next post}"><span class="next_cell">▶</span></a>{/block:NextPost}
  856. {/block:PermalinkPagination}
  857. {/block:PermalinkPage}
  858. </body>
  859. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!