API tools faq
paste
jaesoonie

THEME #38

jaesoonie
Jan 22nd, 2014
4,265
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 32.13 KB | None | 0 0
raw download clone embed print report
  1. <!---------------------------------------------------------------------
  2.  
  3.  
  4.  
  5.  
  6. ᴛʜᴇᴍᴇ #38; ᴍᴀᴅᴇ ʙʏ .ᴄʜʟᴏᴇ.
  7. [ʏᴏɴɢ.ᴄᴏ.ᴠᴜ] & [sᴏᴏɴᴊᴜɴs.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ]
  8. ᴛʜᴇᴍᴇs ᴄᴀɴ ʙᴇ ғᴏᴜɴᴅ ᴀᴛ
  9. [sᴏᴏɴᴊᴜɴᴛʜᴇᴍᴇs.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ]
  10. ᴘʟᴇᴀsᴇ ʟᴇᴀᴠᴇ ᴛʜᴇ ᴄʀᴇᴅɪᴛ ᴏɴ ᴛʜᴇ ᴛʜᴇᴍᴇ.
  11. ɪғ ʏᴏᴜ ʜᴀᴠᴇ ᴀɴʏ ǫᴜᴇsᴛɪᴏɴs ᴄᴏᴍᴇ ᴀsᴋ.
  12.  
  13.  
  14.  
  15.  
  16. ---------------------------------------------------------------------->
  17.  
  18. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  19. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  20. <head>
  21. <title>{title}</title>
  22. <link rel="shortcut icon" href="{favicon}">
  23. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><script type="text/javascript"
  24. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  25.  
  26. <meta name="font:Body" content="trebuchet ms, sans-serif"/>
  27. <meta name="color:Side Border 1" content="#111" />
  28. <meta name="color:Side Border 2" content="#b7d7c8" />
  29. <meta name="color:Title" content="#333" />
  30. <meta name="color:Post Title Font" content="#fff" />
  31. <meta name="color:Post Title Background" content="#92d2da" />
  32. <meta name="color:All General Text" content="#565656" />
  33. <meta name="color:Bold Text" content="#6f6e6e" />
  34. <meta name="color:Italic Text" content="#b9b8b8" />
  35. <meta name="color:Description Font" content="#aaaaaa" />
  36. <meta name="color:Sidebar Links Font" content="#fff" />
  37. <meta name="color:Sidebar Links Background" content="#92d2da" />
  38. <meta name="color:Sidebar Links Hover" content="#111" />
  39. <meta name="color:Hyperlinks" content="#121212"/>
  40. <meta name="color:Hyperlinks Hover" content="#fff" />
  41. <meta name="color:Text Posts Background" content="#f5f5f5" />
  42. <meta name="color:Info Font" content="#fff" />
  43. <meta name="color:Info Background" content="#92d2da" />
  44. <meta name="color:Tooltip Background" content="#222" />
  45. <meta name="color:Tooltip Font" content="#ffffff" />
  46. <meta name="color:Pagination Background" content="#92d2da" />
  47. <meta name="color:Pagination Font" content="#fff" />
  48. <meta name="color:Borders" content="#f5f5f5" />
  49. <meta name="color:Question Background" content="#f5f5f5" />
  50. <meta name="image:Sidebar Picture" content="" />
  51. <meta name="text:Customize Post Size" content=""/>
  52. <meta name="text:Opacity Value" content="1"/>
  53. <meta name="text:Link1" content="/" />
  54. <meta name="text:Link1 Title" content="link 1" />
  55. <meta name="text:Link2" content="/" />
  56. <meta name="text:Link2 Title" content="link 2" />
  57. <meta name="text:Link3" content="/" />
  58. <meta name="text:Link3 Title" content="link 3" />
  59. <meta name="text:Link4" content="/" />
  60. <meta name="text:Link4 Title" content="link 4" />
  61. <meta name="if:CustomizePostSize" content="0"/>
  62. <meta name="if:3Columns" content="0"/>
  63. <meta name="if:2Columns" content="0"/>
  64. <meta name="if:400px" content="0"/>
  65. <meta name="if:500px" content="1"/>
  66. <meta name="if:InfiniteScroll" content="0">
  67. <meta name="if:Caption" content="1">
  68. <meta name="if:Greyscale" content="0"/>
  69. <meta name="if:TinyCursor" content="0"/>
  70.  
  71. <script type="text/javascript"
  72. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  73. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  74. <script>
  75. (function($){
  76. $(document).ready(function(){
  77. $("[title]").style_my_tooltips();
  78. });
  79. })(jQuery);
  80. </script>
  81.  
  82. {block:ifCustomizePostSize}
  83. {block:indexpage}
  84. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
  85. </script>
  86. <script type="text/javascript">
  87. /* Photoset Resize Code by Kevin - EXCOLO.TUMBLR.COM */
  88. $(document).ready(function() {
  89. function photosetResize() {
  90. $('iframe.photoset').each(function(){
  91. var newSize = {text:Customize Post Size};
  92. var newSrc = $(this).attr('src').replace('500',newSize);
  93. $(this).attr('src', newSrc).width(newSize);
  94. var high = $(this).css('height');
  95. var calculate = parseInt(high, 10)* newSize/500;
  96. $(this).css('height', calculate);
  97. });
  98. }
  99. photosetResize();
  100. });
  101. </script>
  102. {/block:indexpage}
  103. {/block:ifCustomizePostSize}
  104.  
  105. <style type="text/css">
  106.  
  107. #s-m-t-tooltip {display: block;background: {color:Tooltip Background};font-size: 8px;font-family: calibri;letter-spacing: 1px;text-transform: uppercase;line-height:100%;color: {color:Tooltip Font};text-align: center;margin-left: 18px;padding:4px;min-width: 40px;max-width: 200px;z-index: 999999;}
  108.  
  109. iframe#tumblr_controls {right:0px !important;position:fixed !important;opacity:0.5;z-index:999999;-webkit-transition-duration:0.8s;-moz-transition-duration: 0.8s;}
  110. iframe#tumblr_controls:hover {opacity:1;-webkit-transition-duration:0.8s;-moz-transition-duration: 0.8s;}
  111.  
  112. ::-webkit-scrollbar-track {background-color:#fff;}
  113. ::-webkit-scrollbar-thumb {background-color:#f5f5f5;}
  114. ::-webkit-scrollbar {width:10px;height:7px;}
  115.  
  116. ::selection {color: #bbb; background: #f5f5f5; }
  117. ::-moz-selection {color: #bbb; background: #f5f5f5; }
  118. ::-webkit-selection {color: #bbb; background: #f5f5f5; }
  119.  
  120. {block:iftinycursor}
  121. body{cursor:url('http://www.totallylayouts.com/cursors/random/tiny_cursor.png'), auto;}
  122. a, a:hover,a:link, a:active, a:visited, #navigation a:hover, #pagination a:hover {cursor:url('http://media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif'), auto;}
  123. {/block:iftinycursor}
  124.  
  125. body{
  126. font-family:helvetica;
  127. line-height:100%;
  128. color:{color:All General Text};
  129. word-wrap: break-word;
  130. font-size:10px;
  131. background:#fff;}
  132.  
  133. a { text-decoration:none;
  134. cursor:pointer;
  135. color:{color:Hyperlinks};
  136. -webkit-transition: all 0.7s ease-in-out;
  137. -moz-transition: all 0.7s ease-in-out;
  138. -o-transition: all 0.7s ease-in-out;
  139. -ms-transition: all 0.7s ease-in-out;
  140. transition: all 0.7s ease-in-out;}
  141.  
  142. a:link, a:active, a:visited {
  143. color: {color:Hyperlinks};
  144. -webkit-transition: all 0.7s ease-in-out;
  145. -moz-transition: all 0.7s ease-in-out;
  146. -o-transition: all 0.7s ease-in-out;
  147. -ms-transition: all 0.7s ease-in-out;
  148. transition: all 0.7s ease-in-out;}
  149.  
  150. a:hover {color:{color:Hyperlinks Hover};}
  151.  
  152. b, strong {
  153. font-weight:700;
  154. color:{color:Bold Text};}
  155.  
  156. i, em {
  157. font-weight:light;
  158. color:{color:Italic Text};}
  159.  
  160. h2 {font:bold 15px arial; }
  161.  
  162. blockquote {
  163. margin: 3px;
  164. padding:0px 3px 0px 3px;
  165. line-height:90%;
  166. border-left: 1px solid #ddd;
  167. background-color:{color:Text Posts Background};}
  168.  
  169. blockquote img {
  170. {block:indexpage}
  171. width:160px;
  172. {/block:indexpage}
  173. {block:permalinkpage}
  174. width:410px;
  175. {/block:permalinkpage}
  176. overflow: auto;}
  177.  
  178. #caption{
  179. padding: 3px 10px 3px 10px;
  180. color:{color:All General Text};
  181. background-color:{color:Text Posts Background};
  182. margin-top:0px;
  183. text-align:justify;}
  184.  
  185. pre, xmp, plaintext, listing {
  186. display: block;
  187. white-space: pre;
  188. background: {color:Text Posts Background};
  189. padding: 5px;
  190. word-wrap: break-word;
  191. font: 10px consolas;}
  192.  
  193. /*sidebar*/
  194.  
  195. #line {position:fixed;top:0;left:0;width:100%;height:20px;background:{color:Side Border 1};z-index:999;border-left:20px solid {color:Side Border 2};}
  196.  
  197. #sidebar {
  198. position: fixed;
  199. top: 42px;
  200. left:170px;
  201. width:220px;}
  202.  
  203. #title {
  204. position:relative;
  205. font: oblique bold 30px times;
  206. letter-spacing:5px;
  207. line-height:100%;
  208. margin-bottom:10px;
  209. text-align:center;
  210. border-bottom:1px solid {color:Borders};
  211. width:220px;
  212. padding-bottom:5px;
  213. color:{color:Title};
  214. background:#fff;
  215. z-index:99;}
  216.  
  217. #image {top:0px;left:-110px;height:auto;position:absolute;z-index:555;}
  218. #image img{width:80px;border:4px solid {color:Borders};padding:5px;}
  219.  
  220. #navigation{
  221. width: 220px;
  222. margin-top:0px;
  223. margin-bottom:10px;
  224. text-align:center;
  225. z-index:-1;
  226. -webkit-transition: all 0.9s ease-in-out;
  227. -moz-transition: all 0.9s ease-in-out;
  228. -o-transition: all 0.9s ease-in-out;
  229. -ms-transition: all 0.9s ease-in-out;
  230. transition: all 0.9s ease-in-out;}
  231.  
  232. #navigation a{
  233. display:inline-block;
  234. padding:1px 3px 1px 3px;
  235. font:bold 8px arial;
  236. color:{color:Sidebar Links Font};
  237. margin:2px;
  238. background:{color:Sidebar Links Background};
  239. letter-spacing:1px;
  240. text-align:center;
  241. cursor:pointer;}
  242.  
  243. #navigation a:hover {background:{color:Sidebar Links Hover};}
  244.  
  245. #description {
  246. width: 220px;
  247. height:auto;
  248. font:oblique 9px helvetica;
  249. letter-spacing:2px;
  250. line-height:110%;
  251. text-align: justify;
  252. color:{color:Description Font};
  253. z-index:22;}
  254.  
  255. #pagination {
  256. text-align:center;
  257. font:8px arial;
  258. padding:5px;
  259. margin-top:5px;
  260. color:#fff;
  261. letter-spacing:3px;
  262. opacity:0;
  263. text-transform:lowercase;
  264. -webkit-transition: all 0.5s ease-in-out;
  265. -moz-transition: all 0.5s ease-in-out;
  266. transition: all 0.5s ease-in-out;
  267. {block:permalinkpage}display:none;{/block:permalinkpage}
  268. {block:ifinfinitescroll}display:none;{/block:ifinfinitescroll}}
  269.  
  270. #sidebar:hover #pagination {opacity:1;}
  271.  
  272. #pagn {display:inline-block;text-align:right;background:{color:Pagination Background};padding:1px 4px 1px 4px;}
  273. #pagp {display:inline-block;text-align:left;background:{color:Pagination Background};padding:1px 4px 1px 4px;}
  274.  
  275. #pagination a{color:{color:Pagination Font}; cursor:pointer;}
  276.  
  277. /*posts*/
  278.  
  279. #container{
  280. padding:0px 52px 20px 60px;
  281. margin-top:65px;
  282. margin-left:370px;
  283. {block:indexpage}
  284. {block:if3Columns}
  285. width:750px;
  286. {/block:if3Columns}
  287. {block:if2Columns}
  288. width:700px;
  289. {/block:if2Columns}
  290. {block:ifnot3Columns}
  291. {block:ifnot2Columns}
  292. width:400px;
  293. {/block:ifnot2Columns}
  294. {/block:ifnot3Columns}
  295. {block:if400px}
  296. width:400px;
  297. {/block:if400px}
  298. {block:if500px}
  299. width:500px;
  300. {/block:if500px}
  301. {/block:indexpage}
  302. {block:permalinkpage}
  303. width:550px;padding:0px 60px 70px 60px;
  304. {/block:permalinkpage}}
  305.  
  306. #posts{
  307. z-index:222;
  308. border:2px solid {color:Borders};
  309. padding:7px;
  310. {block:indexpage}
  311. {block:ifCustomizePostSize}
  312. width:{text:Customize Post Size}px; margin-bottom:30px;margin-right:30px;
  313. {/block:ifCustomizePostSize}
  314. {block:if400px}
  315. width:400px;margin-bottom:80px;
  316. {/block:if400px}
  317. {block:if500px}
  318. width:500px; margin-bottom:90px;
  319. {/block:if500px}
  320. {/block:indexpage}
  321. {block:PermalinkPage}
  322. width:500px;margin-bottom:20px;line-height:120%;
  323. {/block:PermalinkPage}}
  324.  
  325. .titles{
  326. color:{color:Post Title Font};
  327. font-family: 'helvetica';
  328. line-height: 100%;
  329. text-align:justify;
  330. padding:9px;
  331. text-align:right;
  332. font-weight:bold;
  333. background:{color:Post Title Background};
  334. text-transform:lowercase;
  335. letter-spacing:1px;
  336. font-size:10px;
  337. {block:PermalinkPage}
  338. margin-bottom:0px;
  339. {/block:PermalinkPage}}
  340.  
  341. #opandgrey {
  342. opacity:{text:Opacity Value};
  343. -webkit-transition-duration:0.8s;
  344. -moz-transition-duration: 0.8s;
  345. transition: all 0.8s ease-in-out;
  346. {block:ifgreyscale}
  347. 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;
  348. -webkit-filter: grayscale(100%);-webkit-transition-duration:0.8s;-moz-transition-duration: 0.8s;transition: all 0.8s ease-in-out;{/block:ifgreyscale}}
  349. #opandgrey:hover{{block:indexpage}opacity:1;-webkit-transition-duration:0.8s;-moz-transition-duration: 0.8s;-webkit-filter: grayscale(0%);{/block:indexpage}}
  350.  
  351. #posts img {
  352. {block:ifCustomizePostSize}
  353. max-width:170px;
  354. {/block:ifCustomizePostSize}
  355. {block:if400px}
  356. max-width:360px;
  357. height:auto;
  358. {/block:if400px}
  359. {block:if500px}
  360. max-width:460px;
  361. height:auto;
  362. {/block:if500px}
  363. {block:permalinkpage}max-width:450px;height:auto;{/block:permalinkpage};}
  364.  
  365. #text {padding: 5px 15px 5px 15px;text-align:justify; background:{color:Text Posts Background};}
  366.  
  367. #quote {
  368. text-align:center;
  369. font: bold oblique 16px arial;
  370. letter-spacing:-1px;
  371. line-height: 100%;
  372. padding: 15px 15px 10px 15px;
  373. margin-bottom: 0px;
  374. background:#f5f5f5;}
  375.  
  376. #source {font: 9px calibri;letter-spacing:1px; text-align:center;padding: 5px; margin-top:0px;color:#888;text-decoration:underline;}
  377.  
  378. .chat ul{padding:0px 0px 0px 0px;margin:0px;}
  379. .chat li{margin-bottom:1px;padding:5px;list-style-type:none;}
  380. .chat li.odd {background:#f5f5f5;}
  381. .chat li.even {background:#fcfcfc;}
  382. span.chats {color:#222;font: 10px calibri; font-weight:700;letter-spacing:1px;text-transform:uppercase;}
  383.  
  384. .audioplayer {position:relative;display:inline-block;width:100%;}
  385. .player {position: absolute;left: 5px;top: 5px;padding: 10px;opacity:0.6;}
  386. .button {position: relative;width: 30px;height: 30px;overflow:hidden;}
  387. .tumblr_audio_player {height: 30px;}
  388. .audioalbum {position: absolute;left: 0px;top: 0px;overflow: hidden;width: 50px;height: 50px;border:5px solid #f5f5f5;}
  389. .audioalbum img {width: 100%;height: auto;}
  390. .audioinfo {height: 40px;margin-left:70px;width:auto;margin-bottom:0px; padding:10px;text-align:left; font-family:calibri;font-size:10px;font-weight:bold;color:#777;background:#f5f5f5;text-transform:uppercase;overflow:hidden;}
  391.  
  392. #asker {
  393. position:absolute;
  394. padding:5px;
  395. background:{color:Question Background};
  396. line-height: 100%;
  397. text-align:right;
  398. -webkit-transition: all 0.7s ease-in-out;
  399. -moz-transition: all 0.7s ease-in-out;
  400. -o-transition: all 0.7s ease-in-out;
  401. -ms-transition: all 0.7s ease-in-out;
  402. transition: all 0.7s ease-in-out;}
  403.  
  404. #questions {
  405. text-align:justify;
  406. padding:20px;
  407. font-family:helvetica;
  408. font-size:10px;
  409. font-weight:bold;
  410. margin-bottom:5px;
  411. background: {color:Question Background};}
  412.  
  413. #asker a {color:#fff;}
  414. #asker a:hover {color:#666;}
  415.  
  416. /*info*/
  417.  
  418. .info {
  419. {block:indexpage}
  420. position:absolute;
  421. text-transform:uppercase;
  422. letter-spacing:0px;
  423. font-family: consolas;
  424. font-size:8px;
  425. color:#fff;
  426. z-index:2;
  427. padding:7px;
  428. margin-top:-4px;
  429. margin-left:-3px;
  430. opacity:0;
  431. line-height:190%;
  432. -webkit-transition: all 0.7s ease-in-out;
  433. -moz-transition: all 0.7s ease-in-out;
  434. -o-transition: all 0.7s ease-in-out;
  435. -ms-transition: all 0.7s ease-in-out;
  436. transition: all 0.7s ease-in-out;
  437. {/block:indexpage}
  438. {block:PermalinkPage}
  439. display:none;
  440. {/block:PermalinkPage}}
  441.  
  442. .info200 {
  443. {block:indexpage}
  444. position:absolute;
  445. text-transform:uppercase;
  446. letter-spacing:1px;
  447. font-family: calibri;
  448. font-size:8px;
  449. margin-top:-15px;
  450. opacity:0;
  451. color:{color:Info Font};
  452. z-index:2;
  453. padding:1px 3px 1px 3px;
  454. background:{color:Info Background};
  455. -webkit-transition: all 0.7s ease-in-out;
  456. -moz-transition: all 0.7s ease-in-out;
  457. -o-transition: all 0.7s ease-in-out;
  458. -ms-transition: all 0.7s ease-in-out;
  459. transition: all 0.7s ease-in-out;
  460. {/block:indexpage}
  461. {block:PermalinkPage}
  462. display:none;
  463. {/block:PermalinkPage}}
  464.  
  465. #posts:hover .info200 {opacity:1;}
  466.  
  467. .tagging{
  468. {block:indexpage}
  469. position:absolute;
  470. text-transform:uppercase;
  471. font-family: consolas;
  472. font-size:8px;
  473. margin-top:10px;
  474. color:#444;
  475. opacity:0;
  476. text-align:justify;
  477. {/block:indexpage}
  478. {block:PermalinkPage}
  479. display:none;
  480. {/block:PermalinkPage}
  481. -webkit-transition: all 0.5s ease-in-out;
  482. -moz-transition: all 0.5s ease-in-out;
  483. -o-transition: all 0.5s ease-in-out;
  484. -ms-transition: all 0.5s ease-in-out;
  485. transition: all 0.5s ease-in-out;}
  486.  
  487.  
  488. #posts:hover .tagging, #posts:hover .info {opacity:1;}
  489. .info200 a{color:{color:Info Font};}
  490. .info a{color:#fff;}
  491. .tagging a{color:#444;}
  492. .infofoot a:hover, .info a:hover, .tagging a:hover{text-decoration:underline;}
  493.  
  494. /*permalink*/
  495.  
  496. #infoperm{
  497. font-family: arial;
  498. font-size:9px;
  499. text-transform:lowercase;
  500. letter-spacing:1px;
  501. text-align:left;
  502. margin-top:10px;
  503. padding-left: 13px;
  504. padding-right: 13px;
  505. padding-top: 8px;
  506. padding-bottom: 8px;
  507. background-color: #f5f5f5;
  508. {block:permalinkpage}width:474px;{/block:permalinkpage}}
  509.  
  510. #tagperm{
  511. font-family:calibri;
  512. text-transform:normal;
  513. text-transform:uppercase;
  514. font-size:8px;
  515. letter-spacing: 1px;
  516. text-align:left;
  517. margin-top: 3px;
  518. padding: 13px;
  519. background-color: #f5f5f5;}
  520.  
  521. #notecount{
  522. font:bold 17px arial;
  523. text-transform:normal;
  524. letter-spacing: -1px;
  525. text-align:center;
  526. margin-top:5px;
  527. margin-bottom: 10px;
  528. padding: 1px;
  529. color:#333;
  530. background-color:#f5f5f5;}
  531.  
  532. #infoperm a {{color:hyperlinks};}
  533. #tagperm a {{color:hyperlinks};}
  534. #tagperm a:hover {color:{color:hyperlinks hover};}
  535.  
  536. .pnotes {
  537. background:transparent;
  538. max-height:250px;
  539. width:500px;
  540. text-align: left;
  541. overflow:auto;
  542. line-height:15px;
  543. padding:5px;
  544. margin-left: -20px;}
  545.  
  546. .pnotes img{width:26px;margin:5px;border:3px solid #f5f5f5;}
  547. .pnotes li{list-style-type:none; padding:4px;margin-right: 20px;margin-bottom:2px;}
  548. ol.notes {margin: 25px 0px;}
  549. img.avatar {
  550. vertical-align: -18px;
  551. width: 26px;
  552. height: 26px;
  553. padding: 1px;}
  554.  
  555. #cr {font-size:8px;font-family:arial;text-align:center;letter-spacing:1px;padding: 4px;z-index:99999;position:fixed;top:20px;left:4px;color:#888;}
  556.  
  557.  
  558. </style>
  559.  
  560. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  561. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  562. <script type="text/javascript">
  563. $(window).load(function () {
  564. $('#container').masonry({
  565. itemSelector : "#posts",
  566. },
  567. function() { $('#container').masonry({ appendedContent: $(this) }); },
  568. // trigger Masonry as a callback
  569. function( newElements ) {
  570. var $newElems = $( newElements ).css({ opacity: 0 });
  571. // ensure that images load before adding to masonry layout
  572. $newElems.imagesLoaded(function(){
  573. $newElems.animate({ opacity: 1 });
  574. $container.masonry( 'appended', $newElems, true );
  575. });
  576. }
  577. );
  578. });
  579. </script>
  580.  
  581. </head>
  582. <body>
  583. <div id="line"></div>
  584.  
  585. <div id="sidebar">
  586.  
  587. <div id="title">{title}</div>
  588. <div id="navigation">
  589. <a href="/">home</a><a href="/ask">ask</a>{block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}{block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}{block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}{block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
  590. </div>
  591.  
  592. <div id="description">{block:Description}{Description}{/block:Description}</div>
  593.  
  594. <div id="pagination">
  595. {block:Pagination}
  596. {block:PreviousPage}<div id="pagp"><a href="{PreviousPage}">Previous ✖</a></div>{/block:PreviousPage}
  597. {block:NextPage}<div id="pagn"><a href="{NextPage}">✖ Next</a></div>{/block:NextPage}
  598. {/block:Pagination}</div>
  599.  
  600. <div id="image"><img src="{image:Sidebar Picture}"></div>
  601.  
  602. </div>
  603.  
  604. <div id="cr" title="theme by soonjun"><a href="http://soonjunthemes.tumblr.com/">©</a></div>
  605.  
  606.  
  607. <div id="container">
  608. {block:Posts}
  609. <div id="posts">
  610.  
  611. {block:Quote}
  612. <div class="info200">
  613. {block:Date}<a href="{Permalink}" title="permalink">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</a>{/block:Date} {block:NoteCount} - {NoteCountWithLabel}{/block:NoteCount} {block:RebloggedFrom} <a href="{ReblogParentURL}" title="{ReblogParentName}">- via</a>{/block:RebloggedFrom} <a href="{ReblogURL}" title="reblog this post">- reblog</a></div>
  614. <div id="quote">{Quote}<div id="source">{Source}</div></div>
  615. <div class="tagging">
  616. {block:HasTags}{block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  617. {/block:Quote}
  618.  
  619. {block:Photo}
  620. {block:indexpage}
  621. <div class="info">
  622. {block:Date}<span style="padding:2px 5px 2px 5px;background:{color:Info Background};"><a href="{Permalink}" title="permalink">{TimeAgo}</a></span> {/block:Date} {block:NoteCount} <br><span style="padding:2px 5px 2px 5px;background:{color:Info Background};">{NoteCountWithLabel}</span>{/block:NoteCount} {block:RebloggedFrom} <br><span style="padding:2px 5px 2px 5px;background:{color:Info Background};"> <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> & <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a></span>{/block:RebloggedFrom} <br><span style="padding:2px 5px 2px 5px;background:{color:Info Background};"> <a href="{ReblogURL}" title="reblog this post">reblog</a></span></div>
  623. <div id="opandgrey">
  624. <center><img src="{PhotoURL-500}" style="{block:ifCustomizePostSize}max-width:{text:Customize Post Size}px;{/block:ifCustomizePostSize}{block:if400px}max-width:400px;
  625. {/block:if400px}{block:if500px}max-width:500px;
  626. {/block:if500px}"/></center></div>
  627. {block:ifcaption}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:ifcaption}
  628. <div class="tagging">
  629. {block:HasTags}<span style="padding:2px 3px 2px 3px;">Tags:</span>{block:Tags} <a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  630. {/block:indexpage}
  631. {block:permalinkpage}
  632. <center><img src="{PhotoURL-500}" alt="{PhotoAlt}" style="max-width:500px;"></center>
  633. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  634. {/block:permalinkpage}
  635. {/block:Photo}
  636.  
  637. {block:Photoset}
  638. {block:indexpage}
  639. <div class="info">
  640. {block:Date}<span style="padding:2px 5px 2px 5px;background:{color:Info Background};"><a href="{Permalink}" title="permalink">{TimeAgo}</a></span> {/block:Date} {block:NoteCount} <br><span style="padding:2px 5px 2px 5px;background:{color:Info Background};">{NoteCountWithLabel}</span>{/block:NoteCount} {block:RebloggedFrom} <br><span style="padding:2px 5px 2px 5px;background:{color:Info Background};"> <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> & <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a></span>{/block:RebloggedFrom} <br><span style="padding:2px 5px 2px 5px;background:{color:Info Background};"> <a href="{ReblogURL}" title="reblog this post">reblog</a></span></div>
  641. <div style="background:#fff;"><div id="opandgrey">
  642. <center> {block:ifCustomizePostSize}{Photoset-500}{/block:ifCustomizePostSize}
  643. {block:if250px}{Photoset-250}
  644. {/block:if250px}{block:if400px}{Photoset-400}
  645. {/block:if400px}{block:if500px}{Photoset-500}
  646. {/block:if500px}</center></div></div>
  647. {block:ifcaption}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:ifcaption}
  648. <div class="tagging">
  649. {block:HasTags}<span style="padding:2px 3px 2px 3px;">Tags:</span>{block:Tags} <a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  650. {/block:indexpage}
  651. {block:permalinkpage}
  652. <center>{Photoset-500}</center>
  653. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  654. {/block:permalinkpage}
  655. {/block:Photoset}
  656.  
  657. {block:Link}
  658. <div class="info200">
  659. {block:Date}<a href="{Permalink}" title="permalink">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</a>{/block:Date} {block:NoteCount} - {NoteCountWithLabel}{/block:NoteCount} {block:RebloggedFrom} <a href="{ReblogParentURL}" title="{ReblogParentName}">- via</a>{/block:RebloggedFrom} <a href="{ReblogURL}" title="reblog this post">- reblog</a></div>
  660. {block:Description}<div id="text">{Description}<br/></div>{/block:Description}
  661. <a href="{URL}" class="link" {Target}><div class="titles">{Name} ►</div></a>
  662. <div class="tagging">
  663. {block:HasTags}<br/><br/>{block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  664. {block:Link}
  665.  
  666. {block:Chat}
  667. <div class="info200">
  668. {block:Date}<a href="{Permalink}" title="permalink">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</a>{/block:Date} {block:NoteCount} - {NoteCountWithLabel}{/block:NoteCount} {block:RebloggedFrom} <a href="{ReblogParentURL}" title="{ReblogParentName}">- via</a>{/block:RebloggedFrom} <a href="{ReblogURL}" title="reblog this post">- reblog</a></div>
  669. {block:Title}<div class="titles">{Title}</div>{/block:Title}
  670. <div class="chat">
  671. <ul>{block:Lines}
  672. <li class="{Alt} u{UserNumber}">
  673. {block:Label}<span class="chats">{Label}</span>{/block:Label}
  674. {Line}</li>
  675. {/block:Lines}</ul></div>
  676. {/block:Label}
  677. <div class="tagging">
  678. {block:HasTags}{block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  679. {/block:Chat}
  680.  
  681. {block:Audio}
  682. <div class="info200">
  683. {block:Date}<a href="{Permalink}" title="permalink">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</a>{/block:Date} {block:NoteCount} - {NoteCountWithLabel}{/block:NoteCount} {block:RebloggedFrom} <a href="{ReblogParentURL}" title="{ReblogParentName}">- via</a>{/block:RebloggedFrom} <a href="{ReblogURL}" title="reblog this post">- reblog</a></div>
  684. {block:AudioPlayer}<div class="audioplayer">{block:AlbumArt}<div class="audioalbum"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  685. <div class="player"><div class="button">{AudioPlayerWhite}</div></div>
  686. <div class="audioinfo">{block:TrackName} ✖ {TrackName}{/block:TrackName}{block:Artist}<br><br>✖ {Artist}{/block:Artist}</div></div>{/block:AudioPlayer}
  687. {block:ifcaption}{block:Caption}<br><br><div id="caption">{Caption}</div>{/block:Caption}{/block:ifcaption}
  688. <div class="tagging">
  689. {block:HasTags}{block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  690. {/block:Audio}
  691.  
  692. {block:Text}
  693. {block:indexpage}
  694. <div class="info200">
  695. {block:Date}<a href="{Permalink}" title="permalink">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</a>{/block:Date} {block:NoteCount} - {NoteCountWithLabel}{/block:NoteCount} {block:RebloggedFrom} <a href="{ReblogParentURL}" title="{ReblogParentName}">- via</a>{/block:RebloggedFrom} <a href="{ReblogURL}" title="reblog this post">- reblog</a></div>
  696. <div id="opandgrey">
  697. <div id="text" style="padding-bottom:15px;">{Body}</div></div>
  698. {block:Title}
  699. <div class="titles">{Title}</div>
  700. {/block:Title}
  701. <div class="tagging">
  702. {block:HasTags}{block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  703. {/block:indexpage}
  704. {block:permalinkpage}
  705. {block:Title}
  706. <div class="titles">{Title}</div>
  707. {/block:Title}
  708. <div id="text">{Body}</div>
  709. {/block:permalinkpage}
  710. {/block:Text}
  711.  
  712. {block:Video}
  713. {block:indexpage}
  714. <div class="info200">
  715. {block:Date}<a href="{Permalink}" title="permalink">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</a>{/block:Date} {block:NoteCount} - {NoteCountWithLabel}{/block:NoteCount} {block:RebloggedFrom} <a href="{ReblogParentURL}" title="{ReblogParentName}">- via</a>{/block:RebloggedFrom} <a href="{ReblogURL}" title="reblog this post">- reblog</a></div>
  716. <center>
  717. {block:ifCustomizePostSize}{Video-250}{/block:ifCustomizePostSize}{block:if400px}{Video-400}{/block:if400px}{block:if500px}{Video-500}{/block:if500px}</center>
  718. {block:ifcaption}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:ifcaption}
  719. <div class="tagging">
  720. {block:HasTags}{block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  721. {/block:indexpage}
  722. {block:permalinkpage}
  723. <center>{Video-500}</center>
  724. {block:Caption}{Caption}{/block:Caption}
  725. {/block:permalinkpage}
  726. {block:Video}
  727.  
  728. {block:Answer}
  729. <div class="info200">
  730. {block:Date}<a href="{Permalink}" title="permalink">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</a>{/block:Date} {block:NoteCount} - {NoteCountWithLabel}{/block:NoteCount} {block:RebloggedFrom} <a href="{ReblogParentURL}" title="{ReblogParentName}">- via</a>{/block:RebloggedFrom} <a href="{ReblogURL}" title="reblog this post">- reblog</a></div>
  731. <div id="questions">{Question}</div><div id="text">{Answer}</div><div class="titles" >message sent from {Asker}</div>
  732. <div class="tagging">
  733. {block:HasTags}{block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  734. {/block:Answer}
  735.  
  736. <!----->
  737. {block:permalinkpage}
  738. <div id="infoperm">
  739. {block:Date}Posted on {Month} {DayOfMonth}, {Year} at {24Hour}:{Minutes}{/block:Date}
  740. {block:RebloggedFrom} - <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom}
  741. {block:ContentSource} - <b>source:</b> <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}</div>
  742.  
  743. {block:HasTags}
  744. <div id="tagperm">
  745. <b>Tagged as:</b>{block:Tags} <a href="{TagURL}"> <small>#</small>{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  746.  
  747. <div id="notecount">{block:NoteCount}<p>{NoteCountWithLabel}{/block:NoteCount}</div>
  748.  
  749. <div class="pnotes">
  750. {block:PostNotes}
  751. {PostNotes-64}
  752. {/block:PostNotes}
  753. </div>
  754. {/block:permalinkpage}</div>
  755. {/block:Posts}
  756. </div>
  757.  
  758. {block:ifCustomizePostSize}
  759. {block:ifinfinitescroll}
  760. {block:indexpage}
  761. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  762. <script src="jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
  763. <script src="/jquery.masonry.min.js" type="text/javascript"></script>
  764. <script src="/jquery.infinitescroll.min.js" type="text/javascript" ></script>
  765. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  766. <script type="text/javascript">
  767. $(document).ready(function() {
  768. $('iframe.photoset').each(function() {
  769. var i = this;
  770. $(i).attr("onload", "ps_resize(this)");
  771. var s = $(i).attr("src");
  772. s = s.replace(/\/500\//, "/{text:Customize Post Size}/");
  773. $(i).attr("src", s);
  774. });
  775. $(function(){
  776. var $container = $('#container');
  777. $container.imagesLoaded(function(){
  778. $container.masonry({
  779. itemSelector: '#posts',
  780. });
  781. });
  782. $container.infinitescroll({
  783. navSelector : '#page-nav',
  784. nextSelector : '#page-nav a',
  785. itemSelector : '#posts',
  786. loading: {
  787. finishedMsg: '~ THE END ~',
  788. img: '',
  789. text: '....'
  790. }
  791. },
  792. function( newElements ) {
  793. $(newElements).find('iframe.photoset').each(function() {
  794. var i = this;
  795. $(i).attr("onload", "ps_resize(this)");
  796. var s = $(i).attr("src");
  797. s = s.replace(/\/500\//, "/{text:Customize Post Size}/");
  798. $(i).attr("src", s);
  799. });
  800. var $newElems = $( newElements ).css({ opacity: 0 });
  801. $newElems.imagesLoaded(function(){
  802. $newElems.animate({ opacity: 1 });
  803. $container.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  804. });
  805. }
  806. );
  807. });
  808. });
  809.  
  810. function ps_resize(i) {
  811. $(i).contents().find("body").imagesLoaded(function() {
  812. $(i).attr("width", {text:Customize Post Size});
  813. $(i).attr("height", $(this).height());
  814. var $container = $('#container');
  815. $container.imagesLoaded(function(){
  816. $container.masonry({
  817. itemSelector: '#posts',
  818. });
  819. });
  820. });
  821. return false;
  822. }
  823. </script>
  824. <script type="text/javascript">
  825. (function($, undefined) {
  826. $.extend($.infinitescroll.prototype,{
  827. _callback_masonry: function infscr_callback_masonry (newElements) {
  828. $(this).masonry('appended',$(newElements));
  829. }
  830. });
  831. })(jQuery);
  832. </script>
  833.  
  834. {/block:indexpage}
  835. {/block:ifinfinitescroll}
  836. {/block:ifCustomizePostSize}
  837.  
  838. {block:ifnotCustomizePostSize}
  839. {block:ifinfinitescroll}
  840. {block:indexpage}
  841. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  842. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  843. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  844. <script type="text/javascript">
  845. $(window).load(function(){
  846. var $wall = $('#container');
  847. $wall.imagesLoaded(function(){
  848. $wall.masonry({
  849. itemSelector: '#posts',
  850. isAnimated : false
  851. });
  852. });
  853.  
  854. $wall.infinitescroll({
  855. navSelector : '#page-nav',
  856. nextSelector : '#page-nav a',
  857. itemSelector : '#posts',
  858. bufferPx : 2000,
  859. debug : false,
  860. errorCallback: function() {
  861. $('#infscr-loading').fadeOut('normal');
  862. }},
  863. function( newElements ) {
  864. var $newElems = $( newElements );
  865. $newElems.hide();
  866. $newElems.imagesLoaded(function(){
  867. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  868. });
  869. }); $('#content').show(500);
  870. });
  871. </script>
  872. {/block:indexpage}
  873. {/block:ifinfinitescroll}
  874. {/block:ifnotCustomizePostSize}
  875.  
  876.  
  877. </body>
  878. </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!