API tools faq
paste
jaesoonie

THEME #37 HYUNA

jaesoonie
Jan 20th, 2014
3,932
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.01 KB | None | 0 0
raw download clone embed print report
  1. <!---------------------------------------------------------------------
  2.  
  3.  
  4.  
  5.  
  6. ᴛʜᴇᴍᴇ #37; ᴍᴀᴅᴇ ʙʏ .ᴄʜʟᴏᴇ.
  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="#c52552" />
  29. <meta name="color:Title" content="#333" />
  30. <meta name="color:Post Title Font" content="#fff" />
  31. <meta name="color:Post Title Background" content="#c52552" />
  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="#fb5d7e" />
  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="#c52552" />
  44. <meta name="color:Tooltip Background" content="#222" />
  45. <meta name="color:Tooltip Font" content="#ffffff" />
  46. <meta name="color:Pagination Background" content="#111" />
  47. <meta name="color:Pagination Font" content="#fff" />
  48. <meta name="color:Post Top Border" content="#f0f0f0" />
  49. <meta name="color:Question Background" content="#f5f5f5" />
  50.  
  51. <meta name="image:Sidebar Picture" content="" />
  52.  
  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.  
  62. <meta name="if:400px" content="0"/>
  63. <meta name="if:500px" content="1"/>
  64.  
  65. <meta name="if:LongSidebar" content="0">
  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. <meta name="text:Opacity Value" content="1"/>
  71.  
  72. <script type="text/javascript"
  73. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  74. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  75. <script>
  76. (function($){
  77. $(document).ready(function(){
  78. $("[title]").style_my_tooltips();
  79. });
  80. })(jQuery);
  81. </script>
  82.  
  83. <style type="text/css">
  84.  
  85. #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;}
  86.  
  87. iframe#tumblr_controls {right:0px !important;position:fixed !important;opacity:0.5;z-index:99;-webkit-transition-duration:0.8s;-moz-transition-duration: 0.8s;}
  88. iframe#tumblr_controls:hover {opacity:1;-webkit-transition-duration:0.8s;-moz-transition-duration: 0.8s;}
  89.  
  90. ::-webkit-scrollbar-track {background-color:#fff;}
  91. ::-webkit-scrollbar-thumb {background-color:#f5f5f5;}
  92. ::-webkit-scrollbar {width:10px;height:7px;}
  93.  
  94. ::selection {color: #bbb; background: #f5f5f5; }
  95. ::-moz-selection {color: #bbb; background: #f5f5f5; }
  96. ::-webkit-selection {color: #bbb; background: #f5f5f5; }
  97.  
  98. {block:iftinycursor}
  99. body{cursor:url('http://www.totallylayouts.com/cursors/random/tiny_cursor.png'), auto;}
  100. 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;}
  101. {/block:iftinycursor}
  102.  
  103. body{
  104. font-family:helvetica;
  105. line-height:100%;
  106. color:{color:All General Text};
  107. word-wrap: break-word;
  108. font-size:10px;
  109. background:#fff;}
  110.  
  111. a { text-decoration:none;
  112. cursor:pointer;
  113. color:{color:Hyperlinks};
  114. -webkit-transition: all 0.7s ease-in-out;
  115. -moz-transition: all 0.7s ease-in-out;
  116. -o-transition: all 0.7s ease-in-out;
  117. -ms-transition: all 0.7s ease-in-out;
  118. transition: all 0.7s ease-in-out;}
  119.  
  120. a:link, a:active, a:visited {
  121. color: {color:Hyperlinks};
  122. -webkit-transition: all 0.7s ease-in-out;
  123. -moz-transition: all 0.7s ease-in-out;
  124. -o-transition: all 0.7s ease-in-out;
  125. -ms-transition: all 0.7s ease-in-out;
  126. transition: all 0.7s ease-in-out;}
  127.  
  128. a:hover {color:{color:Hyperlinks Hover};}
  129.  
  130. b, strong {
  131. font-weight:700;
  132. color:{color:Bold Text};}
  133.  
  134. i, em {
  135. font-weight:light;
  136. color:{color:Italic Text};}
  137.  
  138. h2 {font:bold 15px helvetica; }
  139.  
  140. blockquote {
  141. margin: 5px;
  142. padding:0px 3px 0px 3px;
  143. line-height:90%;
  144. border-left: 1px solid #ddd;
  145. background-color:{color:Text Posts Background};}
  146.  
  147. blockquote img {
  148. {block:indexpage}
  149. width:210px;
  150. {/block:indexpage}
  151. {block:permalinkpage}
  152. width:410px;
  153. {/block:permalinkpage}
  154. overflow: auto;}
  155.  
  156. #caption{
  157. padding: 3px 10px 3px 10px;
  158. color:{color:All General Text};
  159. background-color:{color:Text Posts Background};
  160. margin-top:0px;
  161. text-align:justify;}
  162.  
  163. pre, xmp, plaintext, listing {
  164. display: block;
  165. white-space: pre;
  166. background: {color:Text Posts Background};
  167. padding: 5px;
  168. word-wrap: break-word;
  169. font: 10px consolas;}
  170.  
  171. /*sidebar*/
  172.  
  173. #line {position:fixed;top:0;left:0;width:10px;height:100%;background:{color:Side Border 1};z-index:999;border-right:10px solid {color:Side Border 2};}
  174.  
  175. #sidebar {
  176. position: fixed;
  177. top: 39px;
  178. left:620px;
  179. width:220px;
  180. height:100%;
  181. {block:ifLongSidebar}
  182. background:url('{image:Sidebar Picture}');
  183. background-size:cover;
  184. background-position:center;
  185. {/block:ifLongSidebar}}
  186.  
  187. #title {
  188. position:relative;
  189. font: oblique bold 20px times;
  190. letter-spacing:5px;
  191. line-height:100%;
  192. margin-bottom:10px;
  193. text-align:right;
  194. border-bottom:1px solid {color:Post Top Border};
  195. width:220px;
  196. padding-bottom:5px;
  197. color:{color:Title};
  198. background:#fff;
  199. z-index:99;}
  200.  
  201. #image {margin-top:10px;height:auto;}
  202. #image img{width:220px;{block:ifLongSidebar}display:none;{/block:ifLongSidebar}}
  203.  
  204. #navigation{
  205. width: 220px;
  206. margin-top:0px;
  207. margin-bottom:10px;
  208. text-align:center;
  209. z-index:-1;
  210. -webkit-transition: all 0.9s ease-in-out;
  211. -moz-transition: all 0.9s ease-in-out;
  212. -o-transition: all 0.9s ease-in-out;
  213. -ms-transition: all 0.9s ease-in-out;
  214. transition: all 0.9s ease-in-out;}
  215.  
  216. #navigation a{
  217. display:inline-block;
  218. padding:1px 3px 1px 3px;
  219. font:bold 8px arial;
  220. color:{color:Sidebar Links Font};
  221. margin:2px;
  222. background:{color:Sidebar Links Background};
  223. letter-spacing:1px;
  224. text-align:center;
  225. cursor:pointer;}
  226.  
  227. #navigation a:hover {background:{color:Sidebar Links Hover};}
  228.  
  229. #description {
  230. width: 210px;
  231. height:auto;
  232. font:oblique 9px helvetica;
  233. letter-spacing:2px;
  234. line-height:110%;
  235. text-align: right;
  236. color:{color:Description Font};
  237. z-index:22;}
  238.  
  239. #pagination {
  240. text-align:center;
  241. font:10px calibri;
  242. width:490px;
  243. padding:5px;
  244. color:#fff;
  245. background:{color:Pagination Background};
  246. letter-spacing:4px;
  247. {block:if400px}
  248. width:390px;
  249. {/block:if400px}
  250. {block:permalinkpage}display:none;{/block:permalinkpage}
  251. {block:ifinfinitescroll}display:none;{/block:ifinfinitescroll}}
  252.  
  253. #pagn {display:inline-block;text-align:right;font:10px calibri;width:230px;{block:if400px}width:130px;{/block:if400px}}
  254. #pagp {display:inline-block;text-align:left;font:10px calibri;width:230px;{block:if400px}width:130px;{/block:if400px}}
  255.  
  256. #pagination a{color:{color:Pagination Font}; cursor:pointer;}
  257.  
  258. /*posts*/
  259.  
  260. #container{
  261. padding:0px 52px 20px 60px;
  262. margin-top:65px;
  263. margin-left:20px;
  264. {block:indexpage}
  265. {block:if400px}
  266. width:400px;margin-left:100px;
  267. {/block:if400px}
  268. {block:if500px}
  269. width:500px;
  270. {/block:if500px}
  271. {/block:indexpage}
  272. {block:permalinkpage}
  273. width:550px;padding:0px 60px 70px 60px;
  274. {/block:permalinkpage}}
  275.  
  276. #posts{
  277. position:relative;
  278. z-index:222;
  279. line-height:100%;
  280. border-top:1px solid {color:Post Top Border};
  281. padding-top:14px;
  282. {block:indexpage}
  283. {block:if400px}
  284. width:400px;margin-bottom:80px;
  285. {/block:if400px}
  286. {block:if500px}
  287. width:500px; margin-bottom:90px;
  288. {/block:if500px}
  289. {/block:indexpage}
  290. {block:PermalinkPage}
  291. width:500px;margin-bottom:20px;line-height:120%;
  292. {/block:PermalinkPage}}
  293.  
  294. .titles{
  295. color:{color:Post Title Font};
  296. font-family: 'helvetica';
  297. line-height: 100%;
  298. text-align:justify;
  299. padding:9px;
  300. text-align:right;
  301. font-weight:bold;
  302. background:{color:Post Title Background};
  303. text-transform:lowercase;
  304. letter-spacing:1px;
  305. font-size:10px;
  306. {block:PermalinkPage}
  307. margin-top:-14px;
  308. {/block:PermalinkPage}}
  309.  
  310. #opandgrey {
  311. opacity:{text:Opacity Value};
  312. -webkit-transition-duration:0.8s;
  313. -moz-transition-duration: 0.8s;
  314. transition: all 0.8s ease-in-out;
  315. {block:ifgreyscale}
  316. 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;
  317. -webkit-filter: grayscale(100%);-webkit-transition-duration:0.8s;-moz-transition-duration: 0.8s;transition: all 0.8s ease-in-out;{/block:ifgreyscale}}
  318. #opandgrey:hover{{block:indexpage}opacity:1;-webkit-transition-duration:0.8s;-moz-transition-duration: 0.8s;-webkit-filter: grayscale(0%);{/block:indexpage}}
  319.  
  320. #posts img {
  321. {block:if400px}
  322. max-width:390px;
  323. height:auto;
  324. {/block:if400px}
  325. {block:if500px}
  326. max-width:490px;
  327. height:auto;
  328. {/block:if500px}
  329. {block:permalinkpage}max-width:450px;height:auto;{/block:permalinkpage};}
  330.  
  331. #text {padding: 5px 15px 5px 15px;text-align:justify; background:{color:Text Posts Background};}
  332.  
  333. #quote {
  334. text-align:center;
  335. font: bold oblique 16px arial;
  336. letter-spacing:-1px;
  337. line-height: 100%;
  338. padding: 15px 15px 10px 15px;
  339. margin-bottom: 10px;
  340. background:#f5f5f5;}
  341.  
  342. #source {font: 9px calibri;letter-spacing:1px; text-align:center;padding: 5px; margin-top:0px;color:#888;text-decoration:underline;}
  343.  
  344. .chat ul{padding:0px 0px 5px 0px;margin:0px;}
  345. .chat li{margin-bottom:1px;padding:5px;list-style-type:none;}
  346. .chat li.odd {background:#f5f5f5;}
  347. .chat li.even {background:#fcfcfc;}
  348. span.chats {color:#222;font: 10px calibri; font-weight:700;letter-spacing:1px;text-transform:uppercase;}
  349.  
  350. .audioplayer {position: relative;display:inline-block;}
  351. .player {position: absolute;left: 5px;top: 5px;padding: 10px;opacity:0.6;}
  352. .button {position: relative;width: 30px;height: 30px;overflow:hidden;}
  353. .tumblr_audio_player {height: 30px;width:220px;}
  354. .audioalbum {position: absolute;left: 0px;top: 0px;overflow: hidden;width: 50px;height: 50px;border:5px solid #f5f5f5;}
  355. .audioalbum img {width: 100%;height: auto;}
  356. .audioinfo {height: 40px;margin-left:70px;width:410px;margin-bottom:10px; padding:10px;text-align:left; font-family:calibri;font-size:10px;font-weight:bold;color:#777;background:#f5f5f5;text-transform:uppercase;overflow:hidden;}
  357.  
  358. #asker {
  359. position:absolute;
  360. padding:5px;
  361. background:{color:Question Background};
  362. line-height: 100%;
  363. text-align:right;
  364. -webkit-transition: all 0.7s ease-in-out;
  365. -moz-transition: all 0.7s ease-in-out;
  366. -o-transition: all 0.7s ease-in-out;
  367. -ms-transition: all 0.7s ease-in-out;
  368. transition: all 0.7s ease-in-out;}
  369.  
  370. #questions {
  371. text-align:justify;
  372. padding:20px;
  373. font-family:helvetica;
  374. font-size:10px;
  375. font-weight:bold;
  376. margin-bottom:5px;
  377. background: {color:Question Background};}
  378.  
  379. #asker a {color:#fff;}
  380. #asker a:hover {color:#666;}
  381.  
  382. /*info*/
  383.  
  384. .info {
  385. {block:indexpage}
  386. position:absolute;
  387. text-transform:uppercase;
  388. letter-spacing:0px;
  389. font-family: consolas;
  390. font-size:8px;
  391. color:#fff;
  392. z-index:-2;
  393. padding:2px 0px 2px 0px;
  394. margin-top:-21px;
  395. margin-left:0px;
  396. {/block:indexpage}
  397. {block:PermalinkPage}
  398. display:none;
  399. {/block:PermalinkPage}}
  400.  
  401. .tagging{
  402. {block:indexpage}
  403. position:absolute;
  404. text-transform:uppercase;
  405. font-family: consolas;
  406. font-size:8px;
  407. margin-top:3px;
  408. color:#444;
  409. opacity:0;
  410. {/block:indexpage}
  411. {block:PermalinkPage}
  412. display:none;
  413. {/block:PermalinkPage}
  414. -webkit-transition: all 0.5s ease-in-out;
  415. -moz-transition: all 0.5s ease-in-out;
  416. -o-transition: all 0.5s ease-in-out;
  417. -ms-transition: all 0.5s ease-in-out;
  418. transition: all 0.5s ease-in-out;}
  419.  
  420.  
  421. #posts:hover .tagging {opacity:1;}
  422. .infofoot a{color:#fff;}
  423. .info a{color:#fff;}
  424. .tagging a{color:#444;}
  425. .infofoot a:hover, .info a:hover, .tagging a:hover{text-decoration:underline;}
  426.  
  427. /*permalink*/
  428.  
  429. #infoperm{
  430. font-family: arial;
  431. font-size:9px;
  432. text-transform:lowercase;
  433. letter-spacing:1px;
  434. text-align:left;
  435. margin-top:10px;
  436. padding-left: 13px;
  437. padding-right: 13px;
  438. padding-top: 8px;
  439. padding-bottom: 8px;
  440. background-color: #f5f5f5;
  441. {block:permalinkpage}width:475px;{/block:permalinkpage}}
  442.  
  443. #tagperm{
  444. font-family:calibri;
  445. text-transform:normal;
  446. text-transform:uppercase;
  447. font-size:8px;
  448. letter-spacing: 1px;
  449. text-align:left;
  450. margin-top: 3px;
  451. padding: 13px;
  452. background-color: #f5f5f5;}
  453.  
  454. #notecount{
  455. font:bold 17px arial;
  456. text-transform:normal;
  457. letter-spacing: -1px;
  458. text-align:center;
  459. margin-top: 6px;
  460. margin-bottom: 10px;
  461. padding: 1px;
  462. color:#333;
  463. width:500px;
  464. background-color:#f5f5f5;}
  465.  
  466. #infoperm a {{color:hyperlinks};}
  467. #tagperm a {{color:hyperlinks};}
  468. #tagperm a:hover {color:{color:hyperlinks hover};}
  469.  
  470. .pnotes {
  471. background:transparent;
  472. max-height:250px;
  473. width:500px;
  474. text-align: left;
  475. overflow:auto;
  476. line-height:15px;
  477. padding:5px;
  478. margin-left: -20px;}
  479.  
  480. .pnotes img{width:26px;margin:5px;border:3px solid #f5f5f5;}
  481. .pnotes li{list-style-type:none; padding:4px;margin-right: 20px;margin-bottom:2px;}
  482. ol.notes {margin: 25px 0px;}
  483. img.avatar {
  484. vertical-align: -18px;
  485. width: 26px;
  486. height: 26px;
  487. padding: 1px;}
  488.  
  489. #cr {font-size:8px;font-family:arial;text-align:center;letter-spacing:1px;padding: 4px;z-index:99999;position:fixed;top:0px;left:20px;color:#888;}
  490.  
  491.  
  492. </style>
  493. </head>
  494. <body>
  495. <div id="line"></div>
  496.  
  497. <div id="sidebar">
  498.  
  499. <div id="title">{title}</div>
  500. <div id="navigation">
  501. <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}
  502. </div>
  503.  
  504. <div id="description">{block:Description}{Description}{/block:Description}</div>
  505.  
  506. <div id="image"><img src="{image:Sidebar Picture}"></div>
  507.  
  508. </div>
  509.  
  510. <div id="cr" title="theme by soonjun"><a href="http://soonjunthemes.tumblr.com/">©</a></div>
  511.  
  512.  
  513. <div id="container">
  514. {block:Posts}
  515. <div id="posts">
  516.  
  517. {block:Quote}
  518. <div class="info">
  519. {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} <span style="padding:2px 5px 2px 5px;background:{color:Info Background};">{NoteCountWithLabel}</span>{/block:NoteCount} {block:RebloggedFrom} <span style="padding:2px 5px 2px 5px;background:{color:Info Background};"> <a href="{ReblogParentURL}" title="via">{ReblogParentName}</a> & <a href="{ReblogRootURL}" title="source">{ReblogRootName}</a></span>{/block:RebloggedFrom} <span style="padding:2px 5px 2px 5px;background:{color:Info Background};"> <a href="{ReblogURL}" title="reblog this post">reblog</a></span></div>
  520. <div id="quote">{Quote}<div id="source">{Source}</div></div>
  521. <div class="tagging">
  522. {block:HasTags}{block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  523. {/block:Quote}
  524.  
  525. {block:Photo}
  526. {block:indexpage}
  527. <div class="info">
  528. {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} <span style="padding:2px 5px 2px 5px;background:{color:Info Background};">{NoteCountWithLabel}</span>{/block:NoteCount} {block:RebloggedFrom} <span style="padding:2px 5px 2px 5px;background:{color:Info Background};"> <a href="{ReblogParentURL}" title="via">{ReblogParentName}</a> & <a href="{ReblogRootURL}" title="source">{ReblogRootName}</a></span>{/block:RebloggedFrom} <span style="padding:2px 5px 2px 5px;background:{color:Info Background};"> <a href="{ReblogURL}" title="reblog this post">reblog</a></span></div>
  529. <div id="opandgrey">
  530. <center><img src="{PhotoURL-500}" style="{block:if400px}max-width:400px;
  531. {/block:if400px}{block:if500px}max-width:500px;
  532. {/block:if500px}"/></center></div>
  533. {block:ifcaption}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:ifcaption}
  534. <div class="tagging">
  535. {block:HasTags}<span style="padding:2px 3px 2px 3px;">Tags:</span>{block:Tags} <a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  536. {/block:indexpage}
  537. {block:permalinkpage}
  538. <center><img src="{PhotoURL-500}" alt="{PhotoAlt}" style="max-width:500px;"></center>
  539. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  540. {/block:permalinkpage}
  541. {/block:Photo}
  542.  
  543. {block:Photoset}
  544. {block:indexpage}
  545. <div class="info">
  546. {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} <span style="padding:2px 5px 2px 5px;background:{color:Info Background};">{NoteCountWithLabel}</span>{/block:NoteCount} {block:RebloggedFrom} <span style="padding:2px 5px 2px 5px;background:{color:Info Background};"> <a href="{ReblogParentURL}" title="via">{ReblogParentName}</a> & <a href="{ReblogRootURL}" title="source">{ReblogRootName}</a></span>{/block:RebloggedFrom} <span style="padding:2px 5px 2px 5px;background:{color:Info Background};"> <a href="{ReblogURL}" title="reblog this post">reblog</a></span></div>
  547. <div style="background:#fff;"><div id="opandgrey">
  548. <center> {block:if400px}{Photoset-400}
  549. {/block:if400px}{block:if500px}{Photoset-500}
  550. {/block:if500px}</center></div></div>
  551. {block:ifcaption}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:ifcaption}
  552. <div class="tagging">
  553. {block:HasTags}<span style="padding:2px 3px 2px 3px;">Tags:</span>{block:Tags} <a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  554. {/block:indexpage}
  555. {block:permalinkpage}
  556. <center>{Photoset-500}</center>
  557. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  558. {/block:permalinkpage}
  559. {/block:Photoset}
  560.  
  561. {block:Link}
  562. <div class="info">
  563. {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} <span style="padding:2px 5px 2px 5px;background:{color:Info Background};">{NoteCountWithLabel}</span>{/block:NoteCount} {block:RebloggedFrom} <span style="padding:2px 5px 2px 5px;background:{color:Info Background};"> <a href="{ReblogParentURL}" title="via">{ReblogParentName}</a> & <a href="{ReblogRootURL}" title="source">{ReblogRootName}</a></span>{/block:RebloggedFrom} <span style="padding:2px 5px 2px 5px;background:{color:Info Background};"> <a href="{ReblogURL}" title="reblog this post">reblog</a></span></div>
  564. {block:Description}<div id="text">{Description}<br/></div>{/block:Description}
  565. <a href="{URL}" class="link" {Target}><div class="titles">{Name} ►</div></a>
  566. <div class="tagging">
  567. {block:HasTags}<br/><br/>{block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  568. {block:Link}
  569.  
  570. {block:Chat}
  571. <div class="info">
  572. {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} <span style="padding:2px 5px 2px 5px;background:{color:Info Background};">{NoteCountWithLabel}</span>{/block:NoteCount} {block:RebloggedFrom} <span style="padding:2px 5px 2px 5px;background:{color:Info Background};"> <a href="{ReblogParentURL}" title="via">{ReblogParentName}</a> & <a href="{ReblogRootURL}" title="source">{ReblogRootName}</a></span>{/block:RebloggedFrom} <span style="padding:2px 5px 2px 5px;background:{color:Info Background};"> <a href="{ReblogURL}" title="reblog this post">reblog</a></span></div>
  573. {block:Title}<div class="titles">{Title}</div>{/block:Title}
  574. <div class="chat">
  575. <ul>{block:Lines}
  576. <li class="{Alt} u{UserNumber}">
  577. {block:Label}<span class="chats">{Label}</span>{/block:Label}
  578. {Line}</li>
  579. {/block:Lines}</ul></div>
  580. {/block:Label}
  581. <div class="tagging">
  582. {block:HasTags}{block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  583. {/block:Chat}
  584.  
  585. {block:Audio}
  586. <div class="info">
  587. {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} <span style="padding:2px 5px 2px 5px;background:{color:Info Background};">{NoteCountWithLabel}</span>{/block:NoteCount} {block:RebloggedFrom} <span style="padding:2px 5px 2px 5px;background:{color:Info Background};"> <a href="{ReblogParentURL}" title="via">{ReblogParentName}</a> & <a href="{ReblogRootURL}" title="source">{ReblogRootName}</a></span>{/block:RebloggedFrom} <span style="padding:2px 5px 2px 5px;background:{color:Info Background};"> <a href="{ReblogURL}" title="reblog this post">reblog</a></span></div>
  588. {block:AudioPlayer}<div class="audioplayer">{block:AlbumArt}<div class="audioalbum"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  589. <div class="player"><div class="button">{AudioPlayerWhite}</div></div>
  590. <div class="audioinfo">{block:TrackName} ✖ {TrackName}<br><br>{/block:TrackName}{block:Artist}✖ {Artist}{/block:Artist}</div></div>{/block:AudioPlayer}
  591. {block:ifcaption}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:ifcaption}
  592. <div class="tagging">
  593. {block:HasTags}{block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  594. {/block:Audio}
  595.  
  596. {block:Text}
  597. {block:indexpage}
  598. <div class="info">
  599. {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} <span style="padding:2px 5px 2px 5px;background:{color:Info Background};">{NoteCountWithLabel}</span>{/block:NoteCount} {block:RebloggedFrom} <span style="padding:2px 5px 2px 5px;background:{color:Info Background};"> <a href="{ReblogParentURL}" title="via">{ReblogParentName}</a> & <a href="{ReblogRootURL}" title="source">{ReblogRootName}</a></span>{/block:RebloggedFrom} <span style="padding:2px 5px 2px 5px;background:{color:Info Background};"> <a href="{ReblogURL}" title="reblog this post">reblog</a></span></div>
  600. <div id="opandgrey">
  601. <div id="text" style="padding-bottom:15px;">{Body}</div></div>
  602. {block:Title}
  603. <div class="titles">{Title}</div>
  604. {/block:Title}
  605. <div class="tagging">
  606. {block:HasTags}{block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  607. {/block:indexpage}
  608. {block:permalinkpage}
  609. {block:Title}
  610. <div class="titles">{Title}</div>
  611. {/block:Title}
  612. <div id="text">{Body}</div>
  613. {/block:permalinkpage}
  614. {/block:Text}
  615.  
  616. {block:Video}
  617. {block:indexpage}
  618. <div class="info">
  619. {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} <span style="padding:2px 5px 2px 5px;background:{color:Info Background};">{NoteCountWithLabel}</span>{/block:NoteCount} {block:RebloggedFrom} <span style="padding:2px 5px 2px 5px;background:{color:Info Background};"> <a href="{ReblogParentURL}" title="via">{ReblogParentName}</a> & <a href="{ReblogRootURL}" title="source">{ReblogRootName}</a></span>{/block:RebloggedFrom} <span style="padding:2px 5px 2px 5px;background:{color:Info Background};"> <a href="{ReblogURL}" title="reblog this post">reblog</a></span></div>
  620. {block:if400px}{Video-400}{/block:if400px}{block:if500px}{Video-500}{/block:if500px}
  621. {block:ifcaption}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:ifcaption}
  622. <div class="tagging">
  623. {block:HasTags}{block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  624. {/block:indexpage}
  625. {block:permalinkpage}
  626. <center>{Video-500}</center>
  627. {block:Caption}{Caption}{/block:Caption}
  628. {/block:permalinkpage}
  629. {block:Video}
  630.  
  631. {block:Answer}
  632. <div class="info">
  633. {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} <span style="padding:2px 5px 2px 5px;background:{color:Info Background};">{NoteCountWithLabel}</span>{/block:NoteCount} {block:RebloggedFrom} <span style="padding:2px 5px 2px 5px;background:{color:Info Background};"> <a href="{ReblogParentURL}" title="via">{ReblogParentName}</a> & <a href="{ReblogRootURL}" title="source">{ReblogRootName}</a></span>{/block:RebloggedFrom} <span style="padding:2px 5px 2px 5px;background:{color:Info Background};"> <a href="{ReblogURL}" title="reblog this post">reblog</a></span></div>
  634. <div id="questions">{Question}</div><div id="text">{Answer}</div><div class="titles" >message sent from {Asker}</div>
  635. <div class="tagging">
  636. {block:HasTags}{block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  637. {/block:Answer}
  638.  
  639. <!----->
  640. {block:permalinkpage}
  641. <div id="infoperm">
  642. {block:Date}Posted on {Month} {DayOfMonth}, {Year} at {24Hour}:{Minutes}{/block:Date}
  643. {block:RebloggedFrom} - <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom}
  644. {block:ContentSource} - <b>source:</b> <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}</div>
  645.  
  646. {block:HasTags}
  647. <div id="tagperm">
  648. <b>Tagged as:</b>{block:Tags} <a href="{TagURL}"> <small>#</small>{Tag}</a> {/block:Tags}</div>{/block:HasTags} </div>
  649.  
  650. <div id="notecount">{block:NoteCount}<p>{NoteCountWithLabel}{/block:NoteCount}</div>
  651.  
  652. <div class="pnotes">
  653. {block:PostNotes}
  654. {PostNotes-64}
  655. {/block:PostNotes}
  656.  
  657. {/block:permalinkpage}</div>
  658. {/block:Posts}
  659. <div id="pagination">
  660. {block:Pagination}
  661. <div id="pagp">{block:PreviousPage}<a href="{PreviousPage}">Previous ✖</a>{/block:PreviousPage}</div>
  662. <div id="pagn">{block:NextPage}<a href="{NextPage}">✖ Next</a>{/block:NextPage}</div>
  663. {/block:Pagination}
  664. </div>
  665. </div>
  666.  
  667. {block:ifinfinitescroll}
  668. {block:indexpage}
  669. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  670. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  671. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  672. <script type="text/javascript">
  673. $(window).load(function(){
  674. var $wall = $('#container');
  675. $wall.imagesLoaded(function(){
  676. $wall.masonry({
  677. itemSelector: '#posts',
  678. isAnimated : false
  679. });
  680. });
  681.  
  682. $wall.infinitescroll({
  683. navSelector : '#page-nav',
  684. nextSelector : '#page-nav a',
  685. itemSelector : '#posts',
  686. bufferPx : 2000,
  687. debug : false,
  688. errorCallback: function() {
  689. $('#infscr-loading').fadeOut('normal');
  690. }},
  691. function( newElements ) {
  692. var $newElems = $( newElements );
  693. $newElems.hide();
  694. $newElems.imagesLoaded(function(){
  695. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  696. });
  697. }); $('#content').show(500);
  698. });
  699. </script>
  700. {/block:indexpage}
  701. {/block:ifinfinitescroll}
  702.  
  703. </body>
  704.  
  705. </div>
  706. </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!