API tools faq
paste
jaesoonie

THEME #50

jaesoonie
Apr 13th, 2015
5,991
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.18 KB | None | 0 0
raw download clone embed print report
  1. <!----------------------------------------------------------------------------
  2.  
  3.  
  4. theme #50; - ᴅᴏɴ'ᴛ sᴛᴇᴀʟ ɪᴛ.
  5. © made by chloe - ᴘʟᴇᴀsᴇ ʟᴇᴀᴠᴇ ᴛʜᴇ ᴄʀᴇᴅɪᴛ ᴏɴ ᴛʜᴇ ᴛʜᴇᴍᴇ.
  6. chcodes.tumblr
  7.  
  8.  
  9. ----------------------------------------------------------------------------->
  10.  
  11. <!DOCTYPE html>
  12. <html>
  13. <head>
  14.  
  15. <title>{Title}</title>
  16. <link rel="shortcut icon" href="{Favicon}">
  17. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  18.  
  19. <meta name="select:Font" content="trebuchet ms" title="Trebuchet ms"/>
  20. <meta name="select:Font" content="arial" title="Arial"/>
  21. <meta name="select:Font" content="calibri" title="Calibri"/>
  22. <meta name="select:Font" content="consolas" title="Consolas"/>
  23. <meta name="select:Font" content="times" title="Times New Roman"/>
  24. <meta name="select:Font" content="tunga" title="Tunga"/>
  25. <meta name="select:Font" content="century gothic" title="Century Gothic"/>
  26. <meta name="select:Font" content="cambria" title="Cambria"/>
  27. <meta name="select:Font" content="georgia" title="Georgia"/>
  28.  
  29. <meta name="color:Borders" content="#eee" />
  30. <meta name="color:Fade Background" content="#fff" />
  31. <meta name="color:Scrollbar" content="#000" />
  32.  
  33. <meta name="color:Links" content="#f9f9f9" />
  34. <meta name="color:Links Font" content="#000" />
  35. <meta name="color:Popup Links" content="#f9f9f9" />
  36. <meta name="color:Popup Links Font" content="#000" />
  37. <meta name="color:Title Font" content="#000" />
  38. <meta name="color:Title" content="#f9f9f9" />
  39. <meta name="color:Description Font" content="#000" />
  40. <meta name="color:Description" content="#f9f9f9" />
  41.  
  42. <meta name="color:Post Title Font" content="#000" />
  43. <meta name="color:All General Text" content="#565656" />
  44. <meta name="color:Bold Text" content="#6f6e6e" />
  45. <meta name="color:Italic Text" content="#b9b8b8" />
  46. <meta name="color:Hyperlinks" content="#000"/>
  47. <meta name="color:Hyperlinks Hover" content="#fff" />
  48. <meta name="color:Caption Text" content="#555" />
  49. <meta name="color:Caption Background" content="#f8f8f8" />
  50. <meta name="color:Info Font" content="#000" />
  51. <meta name="color:Tooltip Background" content="#fff" />
  52. <meta name="color:Tooltip Font" content="#000" />
  53. <meta name="color:Selection" content="#fff231" />
  54. <meta name="color:Selection Font" content="#000" />
  55.  
  56. <meta name="text:Text Size" content="11px" />
  57. <meta name="text:Line Height" content="130%"/>
  58. <meta name="text:Post Distance" content="140px"/>
  59.  
  60. <meta name="text:Extra Link Title" content="Extra Link " />
  61. <meta name="text:Link1" content="/" />
  62. <meta name="text:Link1 Title" content="link 1" />
  63. <meta name="text:Link2" content="/" />
  64. <meta name="text:Link2 Title" content="link 2" />
  65. <meta name="text:Link3" content="/" />
  66. <meta name="text:Link3 Title" content="link 3" />
  67. <meta name="text:Link4" content="/" />
  68. <meta name="text:Link4 Title" content="link 4" />
  69. <meta name="text:Link5" content="/" />
  70. <meta name="text:Link5 Title" content="link 5" />
  71. <meta name="text:Link6" content="/" />
  72. <meta name="text:Link6 Title" content="link 6" />
  73. <meta name="text:Link7" content="/" />
  74. <meta name="text:Link7 Title" content="link 7" />
  75. <meta name="text:Link8" content="/" />
  76. <meta name="text:Link8 Title" content="link 8" />
  77.  
  78. <meta name="image:Image" content="0"/>
  79.  
  80. <meta name="if:2columns" content="0"/>
  81. <meta name="if:250px" content="0"/>
  82. <meta name="if:400px" content="0"/>
  83. <meta name="if:500px" content="1"/>
  84.  
  85. <meta name="if:InfiniteScroll" content="0">
  86. <meta name="if:Caption" content="1">
  87. <meta name="text:Opacity Value" content="1"/>
  88. <meta name="if:Greyscale" content="0"/>
  89.  
  90. <meta name="select:Cursor" content="default" title="default">
  91. <meta name="select:Cursor" content="crosshair" title="crosshair">
  92. <meta name="select:Cursor" content="help" title="help">
  93. <meta name="select:Cursor" content="sw-resize" title="resize">
  94.  
  95. <link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
  96.  
  97. <script type="text/javascript"
  98. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  99. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  100. <script>
  101. (function($){
  102. $(document).ready(function(){
  103. $("[title]").style_my_tooltips();
  104. });
  105. })(jQuery);
  106. </script>
  107.  
  108.  
  109. <script type="text/javascript"
  110. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  111. <script>
  112. $(document).ready(function() {
  113. //
  114. $('a.poplight[href^=#]').click(function() {
  115. var popID = $(this).attr('rel'); //Get Popup Name
  116. var popURL = $(this).attr('href'); //Get Popup href to define size
  117. var query= popURL.split('?');
  118. var dim= query[1].split('&');
  119. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  120. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close" style="position:fixed;font:40px montserrat;color:#000;right:15px;top:0;">&#x2715;</a>');
  121. var popMargTop = ($('#' + popID).height() + 80) / 2;
  122. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  123. //Apply Margin to Popup
  124. $('#' + popID).css({
  125. 'margin-top' : -popMargTop,
  126. 'margin-left' : -popMargLeft
  127. });
  128. $('body').append('<div id="fade"></div>');
  129. $('#fade').css({'filter' : 'alpha(opacity=50)'}).fadeIn();
  130. return false;
  131. });
  132. $('a.close').live('click', function() {
  133. $('#fade , .popup_block').fadeOut(function() {
  134. $('a.close').remove(); //fade them both out
  135. });
  136. return false;
  137. });
  138. });
  139. </script>
  140.  
  141. <link href='http://fonts.googleapis.com/css?family=Alegreya+Sans+SC:400,800,900|Carrois+Gothic|Exo:400,800,900|Exo+2:400,900,800|Carrois+Gothic+SC' rel='stylesheet' type='text/css'>
  142.  
  143. <style type="text/css">
  144.  
  145. iframe, img, embed, object, video {max-width: 100%;border: none;}
  146.  
  147. body {font-family:{select:Font};line-height:{text:Line Height};color:{color:All General Text};word-wrap: break-word;font-size:{text:Text Size};cursor:{select:Cursor};overflow-x:hidden;}
  148.  
  149. iframe#tumblr_controls {top:2px;right:2px !important;position:fixed !important;opacity:1;z-index:99999999 !important;-webkit-transition-duration:0.8s;-moz-transition-duration: 0.8s;}
  150.  
  151. @-webkit-keyframes fade { 0% { opacity: 0;} 50% { opacity: 0;} 100% { opacity: 1;} }
  152.  
  153. #tumblr_lightbox {background-color:transparent!important;}
  154. #tumblr_lightbox > div:nth-child(2) {opacity:.8;background-color:#eee;}
  155. #tumblr_lightbox img {box-shadow:none!important;border-radius:3px!important;}
  156. #tumblr_lightbox a img { border: 10px solid #fff !important; }
  157.  
  158. #s-m-t-tooltip {display: block;background: {color:Tooltip Background};font: 10px 'exo 2';word-spacing:5px;text-transform: uppercase;line-height:130%;color: {color:Tooltip Font};text-align: center;margin-left: 25px;padding:10px;min-width: 40px;max-width: 150px;z-index: 9999999999;}
  159.  
  160. ::-webkit-scrollbar-track {background-color:{color:Scrollbar};border:2px solid #fff;}
  161. ::-webkit-scrollbar-thumb {background-color:{color:Scrollbar};}
  162. ::-webkit-scrollbar {width:5px;height:5px;}
  163.  
  164. ::selection {color:{color:Selection Font};background:{color:Selection};}
  165. ::-moz-selection {color:{color:Selection Font};background:{color:Selection};}
  166. ::-webkit-selection {color:{color:Selection Font};background:{color:Selection};}
  167.  
  168. a {text-decoration:none;cursor:pointer;color:{color:Hyperlinks};}
  169.  
  170. a:link, a:active, a:visited {color: {color:Hyperlinks};}
  171.  
  172. a:hover {color:{color:Hyperlinks Hover};}
  173.  
  174. b, strong {font-weight:700;color:{color:Bold Text};}
  175.  
  176. i, em {font-weight:light;color:{color:Italic Text};}
  177.  
  178. blockquote {margin:3px;margin-left:15px;padding:0px 8px 0px 13px;line-height:120%;border-left: 1px solid #000;}
  179.  
  180. pre, xmp, plaintext, listing {display:block;background:{color:Caption Background};color:{color:Caption Text};padding: 7px;font: 10px consolas;white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;}
  181.  
  182. small {line-height:80%;}
  183.  
  184. #h2 {position:fixed;top:0;left:0px;width:100%;height:70px;z-index:99999;}
  185.  
  186. #popup_navigation {display:inline-block;}
  187.  
  188. #popup_navigation a {position:relative;display:inline-block;margin-bottom:3px;color:{color:Popup Links Font};background:{color:Popup Links};padding:10px 5px;font: 11px 'exo 2';text-align:center;text-transform:uppercase;letter-spacing:1px;border-radius:4px;width:70px;}
  189.  
  190. .popup_block{display:none;padding:20px 20px 16px 22px;float:left;position:fixed;top:50%;left:51%;z-index:9999999999 !important;background:{color:Fade Background};border-radius:4px;}
  191.  
  192. *html #fade {position: absolute;}
  193.  
  194. *html .popup_block {position: absolute;}
  195.  
  196. #fade {display:none;position:fixed;left:0px;top:0px;width:100%;height:100%;z-index:9999999 !important;background:{color:Fade Background};opacity:0.9;}
  197.  
  198. #sidebar {position:fixed;z-index:1;width:250px;border-left:1px solid {color:Borders};-webkit-animation-name: fade;-webkit-animation-duration: 1.2s; float:left;}
  199.  
  200. #pagination {position:absolute;text-transform:uppercase;text-align:left;color:{color:Links Font};margin-left:-55px;margin-top:-1px;}
  201.  
  202. #pagination a {display:block;padding:10px 8px;width:20px;background:{color:Links};border-radius:2px;margin: 2px;text-align: center;font: 11px 'Montserrat';color: {color:Links Font};}
  203.  
  204. #pagination a.page {{block:ifinfinitescroll}display:none;{/block:ifinfinitescroll}}
  205.  
  206. #pagination a:hover {background:#eee;}
  207.  
  208. #description {width:160px;margin:auto;color:{color:Description Font};font: 9px 'exo 2';text-align:left;margin-top:7px;background:{color:Description};padding:20px;border-radius:4px;letter-spacing:1px;}
  209.  
  210. #title {font: 400 22px 'exo 2';color:{color:Title Font};width:160px;margin:auto;margin-top:10px;text-transform:uppercase;background:{color:Title};padding:20px;border-radius:4px;letter-spacing:2px;}
  211.  
  212. #image {margin:auto;width:200px;}
  213.  
  214. #image img {border-radius:4px;width:200px;}
  215.  
  216. #fillment {margin:auto;position:relative;margin-top:70px;width:900px;}
  217.  
  218. #contained {margin-left:310px;padding:0 0 0 30px;border-left:1px solid {color:Borders};float:left;}
  219.  
  220. #container{position:relative;padding-bottom:50px;z-index:9999999;{block:if2columns}width:650px;{/block:if2columns}}
  221.  
  222. #posts{margin-bottom:{text:Post Distance};-webkit-animation-name: fade;-webkit-animation-duration: 1.2s;{block:indexpage}border-bottom:1px solid {color:Info Font};{/block:indexpage}padding-bottom:15px;background:#fff;{block:indexpage}{block:if2columns}width:250px;margin-bottom:80px;margin-right:70px;{/block:if2columns}{block:if250px}width:250px;{/block:if250px}{block:if400px}width:400px;{block:if400px}{block:if500px}width:500px;{block:if500px}{/block:indexpage}{block:PermalinkPage}width:500px;{/block:PermalinkPage}}
  223.  
  224. #caption {padding: 10px 20px;color:{color:Caption Text};text-align:justify;z-index:999;margin:auto;font-family:{select:Font};font-size:{text:Text Size};background:{color:Caption Background};margin-top:3px;letter-spacing:1px;border-radius:4px;}
  225.  
  226. .info {{block:indexpage}position:absolute;padding:4px 9px;margin-top:5px;text-transform:uppercase;letter-spacing:1px;color:{color:Info Font};font: 400 10px 'exo 2';text-align:left;background:#fff;margin-left:45px;-webkit-transition-duration:0.8s;-moz-transition-duration: 0.8s;min-width:500px;{/block:indexpage}}
  227.  
  228. #posts:hover .info {margin-left:65px;}
  229.  
  230. .info a { color:{color:Info Font};}
  231.  
  232. .like_reblog {{block:indexpage}display:block;position:absolute;margin:auto;width:215px;margin-left:30px;margin-top:25px;opacity:0;-webkit-transition-duration:0.8s;-moz-transition-duration: 0.8s;{/block:indexpage}}
  233.  
  234. .like_reblog li {padding:5px 8px;display:inline-block;cursor:pointer;background:#f8f8f8;border-radius:3px;height:15px;}
  235.  
  236. #posts:hover .like_reblog {opacity:1;}
  237.  
  238. .t {color:{color:Post Title Font};font: 700 15px 'exo 2';line-height: 100%;text-align:left;padding:0px 10px 5px;text-transform:uppercase;letter-spacing:2px;position:relative;}
  239.  
  240. #posts img {max-width:100%;height:auto;border-radius:4px;}
  241.  
  242. #ph iframe {-webkit-border-radius:4px;border-radius:4px; }
  243.  
  244. #txt {padding: 15px 25px;text-align:justify;{block:permalinkpage}{/block:permalinkpage};background:{color:Caption Background};border-radius:4px;}
  245.  
  246. #quote {position:relative;text-align:justify;font:800 20px 'exo';letter-spacing:1px;line-height: 120%;color:{color:All General Text};}
  247.  
  248. #source {font: 12px 'exo 2';letter-spacing:1px; text-align:right;padding: 7px; margin-top:20px;color:{color:All General Text};position:relative;border-top:1px solid #eee;}
  249. #source a {color:{color:All General Text};}
  250.  
  251. .chat ul{padding:15px 0 0 0;margin:0px;}
  252.  
  253. .chat li{margin-bottom:1px;padding:10px 15px;list-style-type:none;}
  254.  
  255. .chat li.odd {border-left:2px solid #eee;}
  256.  
  257. .chat li.even {border-left:2px solid #555;}
  258.  
  259. span.chats {color:#222;font: 11px calibri; font-weight:700;letter-spacing:1px;text-transform:uppercase;}
  260.  
  261. .audioplayer { position:relative;display:inline-block;width:100%;background:#f5f5f5;height:150px;overflow:hidden;}
  262.  
  263. .player {left: 0px;top: 0px;overflow:hidden;float:left;}
  264.  
  265. .button {position: relative;width: 90px;height: 90px;margin:30px;z-index:999;}
  266.  
  267. .tumblr_audio_player { height:90px;background:#111;border-radius:100%;opacity:0.5;z-index:999;}
  268.  
  269. .audioalbum {position:absolute; overflow: hidden;width: 150px;height:150px;}
  270.  
  271. .audioalbum img {width: 100%;height: auto;}
  272.  
  273. .audioinfo {width:auto;font:10px 'exo 2';padding:5px;text-align:center;letter-spacing:1px;color:{color:All General Text};text-transform:uppercase;position: relative;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);}
  274.  
  275. #ask {line-height: 100%;text-align:left;letter-spacing:2px;text-transform:uppercase;color:{color:Post Title Font};margin-bottom:5px;padding:3px 0px;font: 800 13px 'exo 2';}
  276.  
  277. #ask a {color:{color:Post Title Font};}
  278.  
  279. #qt {text-align:justify;padding:15px 10px;font:10px 'exo 2';margin-bottom:5px;color:{color:All General Text};letter-spacing:1px;border-bottom:1px solid {color:All General Text};}
  280.  
  281. #greyscale {opacity:{text:Opacity Value};{block:ifgreyscale}-webkit-filter: grayscale(100%);filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");filter: gray;-webkit-filter: grayscale(100%);{/block:ifgreyscale}-webkit-transition-duration:0.6s;-moz-transition-duration: 0.6s;}
  282.  
  283. #greyscale:hover{{block:indexpage}opacity:1;-webkit-filter: grayscale(0%);{/block:indexpage}}
  284.  
  285. #infoPermalink{font:10px calibri;text-transform:uppercase;letter-spacing:1px;text-align:left;padding:10px;line-height:130%;background:{color:Caption Background};border-radius:2px;margin:8px 0px 0px;}
  286.  
  287. #noteCount{ font: 900 25px 'exo 2';letter-spacing: 0px;text-align:right;margin-top:5px;text-transform:uppercase;padding:5px;color:#444;border-bottom:1px solid #777;margin:15px 15px 0px;}
  288.  
  289. #infoPermalink a {{color:hyperlinks};}
  290.  
  291. #tagPermalink a {{color:hyperlinks};}
  292.  
  293. #tagPermalink a:hover {color:{color:hyperlinks hover};}
  294.  
  295. .postNotes {text-align: left;overflow:auto;line-height:15px;padding:5px;font:10px calibri;text-transform:uppercase;letter-spacing:1px;}
  296.  
  297. .postNotes img{ width:26px;margin:5px 10px 5px 5px;border:5px solid #fff;}
  298.  
  299. .postNotes li{ list-style-type:none;font:9px calibritext-transform:uppercase;padding:4px;margin-bottom:5px;background:#f5f5f5;margin-left:-40px;border-radius:2px;}
  300.  
  301. ol.notes {margin: 10px;}
  302.  
  303. img.avatar {vertical-align: -19px;width: 26px;height: 26px;padding: 1px;}
  304.  
  305. #credit {position:fixed;bottom:17px;right:17px;font:9px montserrat;text-transform:uppercase;letter-spacing:1px;z-index:9999999999;}
  306.  
  307.  
  308. </style>
  309. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  310. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  311. <script type="text/javascript">
  312. $(window).load(function () {
  313. $('#container').masonry({
  314. itemSelector : "#posts",
  315. },
  316. function() { $('#container').masonry({ appendedContent: $(this) }); },
  317. // trigger Masonry as a callback
  318. function( newElements ) {
  319. var $newElems = $( newElements ).css({ opacity: 0 });
  320. // ensure that images load before adding to masonry layout
  321. $newElems.imagesLoaded(function(){
  322. $newElems.animate({ opacity: 1 });
  323. $container.masonry( 'appended', $newElems, true );
  324. });
  325. }
  326. );
  327. });
  328. </script>
  329. </head>
  330.  
  331.  
  332. <body>
  333. <div id="box1" class="popup_block">
  334. <div id="popup_navigation">
  335. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  336. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  337. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  338. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
  339. {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a>{/block:ifLink5}
  340. {block:ifLink6}<a href="{text:Link6}">{text:Link6 Title}</a>{/block:ifLink6}
  341. {block:ifLink7}<a href="{text:Link7}">{text:Link7 Title}</a>{/block:ifLink7}
  342. {block:ifLink8}<a href="{text:Link8}">{text:Link8 Title}</a>{/block:ifLink8}
  343. </div>
  344. </div>
  345.  
  346.  
  347. <div id="h2"></div>
  348. <div id="credit"><a href="http://chcodes.tumblr.com" title="coded by chloe">chso</a></div>
  349.  
  350.  
  351. <div id="fillment">
  352.  
  353. <div id="sidebar">
  354.  
  355. <div id="pagination">
  356.  
  357. <a href="/" title="home">1</a><a href="/ask" title="ask">2</a><a href="#?w=330" rel="box1" class="poplight" title="{text:Extra Link Title}">3</a>{block:Pagination}{block:NextPage}<a href="{NextPage}" class="page">&#8594;</a>{/block:NextPage}{block:PreviousPage}<a href="{PreviousPage}" class="page">&#8592;</a>{/block:PreviousPage}{/block:Pagination}
  358.  
  359. </div>
  360.  
  361.  
  362. <div id="image"><img src="{image:Image}"></div>
  363.  
  364. <div id="description">{Description}</div>
  365.  
  366. <div id="title">{Title}</div>
  367.  
  368. </div>
  369.  
  370.  
  371. <div id="contained">
  372.  
  373.  
  374. <div id="container">
  375.  
  376. {block:Posts}
  377.  
  378.  
  379. <div id="posts">
  380.  
  381.  
  382. {block:Quote}
  383.  
  384. <div id="quote">{Quote}<div id="source">{Source}</div></div>
  385.  
  386. {/block:Quote}
  387.  
  388.  
  389.  
  390.  
  391. {block:Photo}
  392.  
  393. <div id="greyscale">
  394. <div id="ph">
  395. <center>
  396. <img src="{PhotoURL-500}" style="width:100%;"/>
  397. </center>
  398.  
  399. </div></div>
  400.  
  401. {block:indexpage}
  402. {block:ifcaption}
  403. {block:Caption}
  404. <div id="caption">{Caption}</div>
  405. {/block:Caption}
  406. {/block:ifcaption}
  407. {/block:indexpage}
  408.  
  409. {block:permalinkpage}
  410. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  411. {/block:permalinkpage}
  412.  
  413. {/block:Photo}
  414.  
  415.  
  416.  
  417.  
  418. {block:Photoset}
  419.  
  420. {block:indexpage}
  421.  
  422. <div id="greyscale">
  423. <div id="ph">
  424.  
  425. <center>
  426. {Photoset}
  427. </center>
  428.  
  429. </div></div>
  430.  
  431. {block:ifcaption}
  432. {block:Caption}
  433. <div id="caption">{Caption}</div>
  434. {/block:Caption}
  435. {/block:ifcaption}
  436.  
  437. {/block:indexpage}
  438.  
  439. {block:permalinkpage}
  440. <center>{Photoset-500}</center>
  441. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  442. {/block:permalinkpage}
  443.  
  444. {/block:Photoset}
  445.  
  446.  
  447.  
  448.  
  449. {block:Link}
  450.  
  451. <a href="{URL}" class="link" {Target}>
  452. <div class="t">{Name}</div>
  453. </a>
  454. {block:Description}
  455. <div id="txt">{Description}</div>
  456. {/block:Description}
  457.  
  458. {/block:Link}
  459.  
  460.  
  461.  
  462.  
  463. {block:Chat}
  464.  
  465. {block:Title}
  466. <div class="t">{Title}</div>
  467. {/block:Title}
  468. <div class="chat">
  469. <ul>
  470. {block:Lines}
  471. <li class="{Alt} u{UserNumber}">
  472. {block:Label}<span class="chats">{Label}</span>{/block:Label}
  473. {Line}</li>
  474. {/block:Lines}
  475. </ul>
  476. </div>
  477.  
  478. {/block:Chat}
  479.  
  480.  
  481.  
  482.  
  483. {block:Audio}
  484.  
  485. {block:AudioPlayer}
  486. <div class="audioplayer">
  487. {block:AlbumArt}<div class="audioalbum"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  488. <div class="player">
  489. <div class="button">{AudioPlayerWhite}</div>
  490. </div>
  491. <div class="audioinfo">{block:TrackName}{TrackName}<br>{/block:TrackName}{block:Artist} {{Artist}}{/block:Artist}
  492. </div>
  493. </div>
  494. {/block:AudioPlayer}
  495.  
  496. {block:ifcaption}
  497. {block:Caption}
  498. <div id="caption">{Caption}</div>
  499. {/block:Caption}
  500. {/block:ifcaption}
  501.  
  502.  
  503. {/block:Audio}
  504.  
  505.  
  506.  
  507. {block:Text}
  508.  
  509. <div id="greyscale">
  510.  
  511. {block:Title}
  512. <div class="t">{Title}</div>
  513. {/block:Title}
  514. <div id="txt">{Body}</div>
  515.  
  516. </div>
  517.  
  518.  
  519. {/block:Text}
  520.  
  521.  
  522.  
  523.  
  524. {block:Video}
  525.  
  526. {block:indexpage}
  527.  
  528. <center>
  529. {block:if2columns}{Video-250}{/block:if2columns}
  530. {block:if250px}{Video-250}{/block:if250px}
  531. {block:if400px}{Video-400}{/block:if400px}
  532. {block:if500px}{Video-500}{/block:if500px}
  533. </center>
  534.  
  535. {block:ifcaption}
  536. {block:Caption}
  537. <div id="caption">{Caption}</div>
  538. {/block:Caption}
  539. {/block:ifcaption}
  540.  
  541. {/block:indexpage}
  542.  
  543. {block:permalinkpage}
  544. <center>{Video-500}</center>
  545. {block:Caption}{Caption}{/block:Caption}
  546. {/block:permalinkpage}
  547.  
  548. {block:Video}
  549.  
  550.  
  551.  
  552.  
  553. {block:Answer}
  554. <div id="qt"><div id="ask"> {Asker} asked :</div> {Question}</div>
  555. <div id="txt">{Answer}</div>
  556. {/block:Answer}
  557.  
  558.  
  559.  
  560. {block:indexpage}
  561. <div class="info">{NoteCount} / {block:Date}<a href="{Permalink}" title="permalink">{DayOfMonthWithZero}{ShortMonth}</a>{/block:Date}{block:HasTags} / <a href="{TagURL}" title="{block:Tags} #{Tag}{/block:Tags}">tags</a> {/block:HasTags}
  562. </div>
  563.  
  564. <div class="like_reblog"> <li title="reblog this post" style="margin-left:-30px;position:absolute;">{ReblogButton size="14" color="black"}</li><li title="like this post" style="margin-left:5px;">{LikeButton size="13" color="black"}</li></div>
  565. {/block:indexpage}
  566.  
  567.  
  568.  
  569. {block:permalinkpage}
  570.  
  571. <div id="infoPermalink">
  572. {block:Date}
  573.  
  574. > posted on {Month} {DayOfMonth}, {Year} at {24Hour}:{Minutes}
  575. <br>
  576. {/block:Date}
  577. {block:RebloggedFrom}
  578. > via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  579. <br>
  580. {/block:RebloggedFrom}
  581. {block:ContentSource}
  582. > originally from: <a href="{SourceURL}">{SourceLink}</a>
  583. <br>
  584. {/block:ContentSource}
  585.  
  586. {block:HasTags}
  587. > file under:{block:Tags} <a href="{TagURL}"> <small>#</small>{Tag}</a>{/block:Tags}
  588. {/block:HasTags}
  589.  
  590. </div>
  591.  
  592. {block:NoteCount}
  593. <div id="noteCount">
  594. {NoteCountWithLabel}
  595. </div>
  596. {/block:NoteCount}
  597.  
  598.  
  599. {block:PostNotes}
  600. <div class="postNotes">
  601. {PostNotes-64}
  602. </div>
  603. {/block:PostNotes}
  604.  
  605.  
  606.  
  607. {/block:permalinkpage}
  608.  
  609.  
  610. </div>
  611. {/block:Posts}
  612. </div>
  613. </div>
  614.  
  615.  
  616. </div>
  617.  
  618. {block:ifinfinitescroll}
  619. {block:indexpage}
  620. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  621. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  622. <script>
  623. $(function(){
  624.  
  625. var $container = $('#container');
  626.  
  627. $container.imagesLoaded(function(){
  628. $container.masonry({
  629. itemSelector: '#posts'
  630. });
  631. });
  632.  
  633. $container.infinitescroll({
  634. navSelector : '#page-nav',
  635. nextSelector : '#page-nav a',
  636. itemSelector : '#posts',
  637. animate : true,
  638. bufferPx : 40,
  639. extraScrollPx: 200,
  640. },
  641. function( newElements ) {
  642. var $newElems = $( newElements ).css({ opacity: 0 });
  643. $newElems.imagesLoaded(function(){
  644. $newElems.animate({ opacity: 1 });
  645. $container.masonry( 'appended', $newElems, true );
  646. });
  647. }
  648. );
  649. });
  650. </script>
  651. {/block:indexpage}
  652. {/block:ifinfinitescroll}
  653.  
  654.  
  655. </body>
  656. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!