API tools faq
paste
Advertisement
Guest User

hm

a guest
Aug 20th, 2014
247
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.80 KB | None | 0 0
raw download clone embed print report
  1. <!---------------------------------------------------------------------
  2.  
  3. Tʜᴇᴍᴇ #8; ᴍᴀᴅᴇ ʙʏ Kʏᴜɴɢsᴀᴛɪᴏɴᴀʟ
  4. <ᴋʏᴜɴɢsᴀᴛɪᴏɴᴀʟ.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ>
  5. ᴘʟᴇᴀsᴇ ᴅᴏ ɴᴏᴛ ʀᴇᴍᴏᴠᴇ ᴄʀᴇᴅɪᴛ.
  6. ғᴇᴇʟ ғʀᴇᴇ ᴛᴏ ᴀsᴋ ɪғ ʏᴏᴜ ʜᴀᴠᴇ
  7. ᴀɴʏ ǫᴜᴇsᴛɪᴏɴs!
  8.  
  9. ---------------------------------------------------------------------->
  10.  
  11. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  12.  
  13. <head><title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title><link rel="shortcut icon" href="{Favicon}" />
  14. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  15.  
  16. <meta name="color:asker" content="#808080"/>
  17. <meta name="color:asker bg" content="#fafafa"/>
  18. <meta name="color:background" content="#f2f2f2"/>
  19. <meta name="color:border" content="#e6e6e6"/>
  20. <meta name="color:chat" content="#fafafa"/>
  21. <meta name="color:chat2" content="#fafafa"/>
  22. <meta name="color:description" content="#fff"/>
  23. <meta name="color:links hover" content="#f7f7f7"/>
  24. <meta name="color:links" content="#808080"/>
  25. <meta name="color:pagination" content="#fff"/>
  26. <meta name="color:perm bg" content="#fafafa"/>
  27. <meta name="color:perm border" content="#e6e6e6"/>
  28. <meta name="color:perm info" content="#808080"/>
  29. <meta name="color:post bg" content="#fff"/>
  30. <meta name="color:post border" content="#e6e6e6"/>
  31. <meta name="color:question bg" content="#fafafa"/>
  32. <meta name="color:scrollbar background" content="#f2f2f2"/>
  33. <meta name="color:scrollbar" content="#000"/>
  34. <meta name="color:selection background" content="#f5f5f5"/>
  35. <meta name="color:selection" content="#bbb"/>
  36. <meta name="color:sidebar" content="#000"/>
  37. <meta name="color:sidebar border" content="#fff"/>
  38. <meta name="color:text" content="#808080"/>
  39. <meta name="color:title" content="#fff"/>
  40. <meta name="color:tooltip bg" content="#000"/>
  41. <meta name="color:tooltip text" content="#fff"/>
  42.  
  43. <meta name="image:background" content="http://37.media.tumblr.com/tumblr_m33qwzyv7F1r6uwfxo1_250.png"/>
  44. <meta name="image:sidebar" content=""/>
  45.  
  46. <meta name="if:2columns" content="0"/>
  47. <meta name="if:250px" content="0"/>
  48. <meta name="if:400px" content="0"/>
  49. <meta name="if:500px" content="1"/>
  50. <meta name="if:white icons" content="1"/>
  51. <meta name="if:caption" content="1"/>
  52. <meta name="if:greyscale" content="0"/>
  53. <meta name="if:greyscale hover" content="1"/>
  54. <meta name="if:infinite scroll" content="0"/>
  55. <meta name="if:permalink hover" content="0"/>
  56.  
  57. <meta name="text:Link1 URL"content=""/>
  58. <meta name="text:Link1" content="Link 1"/>
  59. <meta name="text:Link2 URL"content=""/>
  60. <meta name="text:Link2" content="Link 2"/>
  61. <meta name="text:Link3 URL"content=""/>
  62. <meta name="text:Link3" content="Link 3"/>
  63. <meta name="text:Link4 URL"content=""/>
  64. <meta name="text:Link4" content="Link 4"/>
  65.  
  66. <style type="text/css">
  67.  
  68. @font-face{font-family:bebas;src:url(http://static.tumblr.com/nnubjjk/gBon7uhde/bebasneue.otf);}
  69. @font-face{font-family:alpaca;src:url(http://static.tumblr.com/nnubjjk/JkZn7uids/alpaca_scarlett_demo.ttf);}
  70.  
  71. iframe#tumblr_controls{
  72. position:fixed !important;
  73. right:0px !important;
  74. opacity:0.4;
  75. z-index:99999;
  76. -webkit-filter:invert(100%);
  77. }
  78.  
  79. ::-webkit-scrollbar{
  80. width:4px;
  81. height:4px;
  82. background-color:{color:Background};
  83. }
  84.  
  85. ::-webkit-scrollbar-thumb{
  86. background-color:{color:Scrollbar};
  87. }
  88.  
  89. ::selection {color: {color:selection}; background: {color:selection background}; }
  90. ::-moz-selection {color: {color:selection}; background: {color:selection background}; }
  91. ::-webkit-selection {color: {color:selection}; background: {color:selection background}; }
  92.  
  93. body{
  94. margin:0px;
  95. padding:0px;
  96. font-family:calibri;
  97. font-size:9px;
  98. color:{color:text};
  99. background-color:{color:background};
  100. background-image:url('{image:background}');
  101. background-repeat:repeat;
  102. background-attachment:fixed;
  103. word-wrap:break-word;
  104. }
  105.  
  106. a, a:link, a:visited, a:active{
  107. cursor: pointer;
  108. text-decoration:none;
  109. color:{color:links};
  110. -webkit-transition: all 0.3s ease-in-out;
  111. -moz-transition: all 0.3s ease-in-out;
  112. transition: all 0.3s ease-in-out;
  113. }
  114.  
  115. a:hover{
  116. cursor:pointer;
  117. color:{color:links Hover};
  118. -webkit-transition: all 0.3s ease-in-out;
  119. -moz-transition: all 0.3s ease-in-out;
  120. transition: all 0.3s ease-in-out;
  121. }
  122.  
  123. #sidebarimg{
  124. z-index:999;
  125. position:fixed;
  126. left:0;
  127. top:0;
  128. height:100%;
  129. width:350px;
  130. background-image:url('{image:sidebar}');
  131. background-position:center;
  132. background-size:cover;
  133. }
  134.  
  135. #sidebar{
  136. position:fixed;
  137. top:0px;
  138. height:100%;
  139. left:350px;
  140. width:150px;
  141. padding:10px;
  142. background:{color:sidebar};
  143. }
  144.  
  145. #title{
  146. margin-top:100px;
  147. margin-left:auto;
  148. margin-right:auto;
  149. width:150px;
  150. font-size:50px;
  151. font-family:bebas;
  152. text-transform:uppercase;
  153. text-align:center;
  154. padding-bottom:5px;
  155. border-bottom:1px solid {color:sidebar border};
  156. letter-spacing:1px;
  157. color:{color:title};
  158. }
  159.  
  160. #title a{color:{color:title};}
  161.  
  162. #navigation {
  163. margin-left:auto;
  164. margin-right:auto;
  165. margin-top:0px;
  166. margin-bottom:10px;
  167. width:150px;
  168. text-align:center;
  169. }
  170.  
  171. #navigation a{
  172. display:inline-block;
  173. z-index:9999999;
  174. width:20px;
  175. text-transform:uppercase;
  176. font-family:calibri;
  177. padding:5px;
  178. margin-top:1px;
  179. margin-left:5px;
  180. height:10px;
  181. border-top:none;
  182. border-right:none;
  183. font-size:11px;
  184. text-align:left;
  185. }
  186.  
  187. #navigation a img{
  188. background:transparent;
  189. width:10px;
  190. margin-top:3px;
  191. margin-right:5px;
  192. float:left;
  193. padding:5px;
  194. opacity:1;
  195. border-radius:5px;
  196. {block:ifWhiteIcons}
  197. background:transparent;
  198. -webkit-filter:invert(100%);
  199. -moz-filter:invert(100%);
  200. -o-filter:invert(100%);
  201. -ms-filter:invert(100%);
  202. filter:invert(100%);
  203. {/block:ifWhiteIcons}
  204. -webkit-transition: all 0.5s ease-in-out;
  205. -moz-transition: all 0.5s ease-in-out;
  206. -o-transition: all 0.5s ease-in-out;
  207. }
  208.  
  209. #navigation a:hover {
  210. background:transparent;
  211. -webkit-transition: all 0.7s ease-in-out;
  212. -moz-transition: all 0.7s ease-in-out;
  213. -o-transition: all 0.7s ease-in-out;
  214. -ms-transition: all 0.7s ease-in-out;
  215. transition: all 0.7s ease-in-out;
  216. }
  217.  
  218. #navigation a:hover img{
  219. background:transparent;
  220. -webkit-filter:invert(100%);
  221. -moz-filter:invert(100%);
  222. -o-filter:invert(100%);
  223. -ms-filter:invert(100%);
  224. filter:invert(100%);
  225. {block:ifWhiteIcons}
  226. background:transparent;
  227. -webkit-filter:invert(0%);
  228. -moz-filter:invert(0%);
  229. -o-filter:invert(0%);
  230. -ms-filter:invert(0%);
  231. filter:invert(0%);
  232. {/block:ifWhiteIcons}
  233. -webkit-transition: all 0.5s ease-in-out;
  234. -moz-transition: all 0.5s ease-in-out;
  235. -o-transition: all 0.5s ease-in-out;
  236. }
  237.  
  238. #description{
  239. text-align:justify;
  240. font-family:calibri;
  241. font-size:10px;
  242. color:{color:description};
  243. margin-top:10px;
  244. margin-left:auto;
  245. margin-right:auto;
  246. width:130px;
  247. padding:10px;
  248. border-top:1px solid {color:sidebar border};
  249. }
  250.  
  251. #pagination {
  252. position:relative;
  253. margin-left:auto;
  254. margin-right:auto;
  255. padding:10px;
  256. text-align:center;
  257. color:{color:description};
  258. width:150px;
  259. }
  260.  
  261. .jump_page {
  262. display:inline-block;
  263. padding:5px;
  264. color:{color:description};
  265. font-family:calibri;
  266. font-size:11px;
  267. }
  268.  
  269. .current_page, .jump_page:hover {
  270. padding:5px;
  271. font-weight:bold;
  272. color:{color:description};
  273. font-family:calibri;
  274. font-size:11px;
  275. }
  276.  
  277. #entry{
  278. padding:10px 10px 20px 10px;
  279. margin-left:570px;
  280. margin-top:0px;
  281. {block:indexpage}
  282. {block:if2columns}
  283. width:750px;float:center;
  284. {/block:if2columns}
  285. {block:if250px}
  286. width:350px;
  287. {/block:if250px}
  288. {block:if400px}
  289. width:400px;
  290. {/block:if400px}
  291. {block:if500px}
  292. width:500px;
  293. {/block:if500px}
  294. {/block:indexpage}
  295. {block:permalinkpage}
  296. width:550px;
  297. {/block:permalinkpage}
  298.  
  299. }
  300.  
  301. #posts{
  302. line-height:100%;
  303. background:{color:post bg};
  304. padding:25px;
  305. border:1px solid {color:post border};
  306. margin-top:40px;
  307. margin-bottom:40px;
  308. {block:indexpage}
  309. {block:if2columns}
  310. width:250px;
  311. margin-right:50px;
  312. {/block:if2columns}
  313. {block:if250px}
  314. width:250px;
  315. {/block:if250px}
  316. {block:if400px}
  317. width:400px;
  318. {/block:if400px}
  319. {block:if500px}
  320. width:500px;
  321. {/block:if500px}
  322. {/block:indexpage}
  323. {block:PermalinkPage}
  324. width:500px;
  325. margin-bottom:25px;
  326. {/block:PermalinkPage}
  327. -webkit-transition: all 0.7s ease-in-out;
  328. -moz-transition: all 0.7s ease-in-out;
  329. -o-transition: all 0.7s ease-in-out;
  330. -ms-transition: all 0.7s ease-in-out;
  331. transition: all 0.7s ease-in-out;
  332. }
  333.  
  334. #posts img {
  335. {block:if2columns}
  336. max-width:250px;
  337. {/block:if2columns}
  338. {block:if250px}
  339. max-width:250px;
  340. {/block:if250px}
  341. {block:if400px}
  342. max-width:400px;
  343. {/block:if400px}
  344. {block:if500px}
  345. max-width:500px;
  346. {/block:if500px}
  347. {block:PermalinkPage}
  348. max-width:500px;
  349. {/block:PermalinkPage}
  350. }
  351.  
  352. {block:ifGreyscale}
  353. #posts img{-webkit-filter: Grayscale(100%); -webkit-transition-duration: 0.8s; -moz-transition-duration:0.8s; transition-duration:0.8s; -o-transition-duration:0.8s;}
  354. #posts img:hover{-webkit-filter: Grayscale(0%); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
  355. #photoset{-webkit-filter: grayscale(100%);-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
  356. #photoset:hover {-webkit-filter: grayscale(0);-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
  357. {/block:ifGreyscale}
  358.  
  359. {block:ifGreyscaleHover}
  360. #posts img{-webkit-filter: Grayscale(0%); -webkit-transition-duration: 0.8s; -moz-transition-duration:0.8s; transition-duration:0.8s; -o-transition-duration:0.8s;}
  361. #posts img:hover{-webkit-filter: Grayscale(100%); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
  362. #photoset{-webkit-filter: grayscale(0%);-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
  363. #photoset:hover {-webkit-filter: grayscale(100%);-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
  364. {/block:ifGreyscaleHover}
  365.  
  366. pre{
  367. width:95%;
  368. margin-left:auto;
  369. margin-right:auto;
  370. padding:4px;
  371. background:transparent;
  372. white-space:pre-wrap;
  373. word-wrap:break-word;
  374. }
  375.  
  376. blockquote{
  377. width:90%;
  378. margin-left:20px;
  379. margin-right:auto;
  380. padding-left:10px;
  381. padding-right:10px;
  382. border-left:3px solid {color:border};
  383. }
  384.  
  385. blockquote img{
  386. {block:IndexPage}
  387. max-width:160px;
  388. {/block:IndexPage}
  389. {block:PermalinkPage}
  390. max-width:410px;
  391. {/block:PermalinkPage}
  392. overflow: auto;
  393. }
  394.  
  395. .post_title{
  396. font-size:40px;
  397. font-family:alpaca;
  398. letter-spacing:1px;
  399. text-align:center;
  400. text-transform:uppercase;
  401. padding-bottom:10px;
  402. border-bottom:1px solid {color:border};
  403. line-height:100%;
  404. }
  405.  
  406. .chat{border-bottom:0px solid {color:border};}
  407. .chat li{list-style:none;padding:5px 10px;background:{color:chat};border:1px solid {color:border};margin-bottom:2px;}
  408. .chat li.even{background:{color:chat2};}
  409. span.label{font-weight:bold;margin-right:2px;}
  410.  
  411. #quote{
  412. font-family:alpaca;
  413. text-transform:uppercase;
  414. background:#fff;
  415. font-size:30px;
  416. letter-spacing:1px;
  417. line-height: 100%;
  418. padding:10px;
  419. text-align:left;
  420. }
  421.  
  422. #source{font-size:9px;text-align:right;font-family:calibri; }
  423.  
  424. .audio{background:#fff;height:62px;margin-bottom:0px;}
  425. .album{ position:absolute; width:42px; margin-right:0px;}
  426. .player{height:30px;width:30px; margin-top: 15px; margin-left: 15px;overflow:hidden;opacity:0.7; position:absolute; z-index:2; margin-right:12px;}
  427. .audio-info{ height: 50px;margin-left:60px; padding:0px 10px 0px 10px;text-align:left; font-family:calibri;font-size:10px;line-height:120%;color:#888;text-transform:uppercase;}
  428.  
  429. #question{
  430. position:relative;
  431. padding:10px;
  432. background:{color:question bg};
  433. margin-bottom:5px;
  434. border-radius:0px;
  435. word-wrap:break-word;
  436. border:1px solid {color:border};
  437. {block:IndexPage}
  438. {block:If2columns}
  439. width:230px;
  440. {/block:If2columns}
  441. {block:If250px}
  442. width:230px;
  443. {/block:If250px}
  444. {block:If400px}
  445. width:380px;
  446. {/block:If400px}
  447. {block:If500px}
  448. width:480px;
  449. {/block:If500px}
  450. {/block:IndexPage}
  451. {block:permalinkpage}
  452. width:480px
  453. {/block:permalinkpage}
  454. }
  455.  
  456. #answer{margin: 10px 0px;}
  457.  
  458. #asker{
  459. color:{color:asker};
  460. font-family:alpaca;
  461. text-transform:uppercase;
  462. letter-spacing:0px;
  463. line-height:100%;
  464. text-align:left;
  465. padding-bottom:10px;
  466. font-size:22px;
  467. -webkit-transition: all 0.8s ease-in-out;
  468. -moz-transition: all 0.8s ease-in-out;}
  469.  
  470. #asker img{
  471. width:30px;
  472. border-right:1px solid {color:border};
  473. padding-right:5px;
  474. margin-right:7px;
  475. }
  476.  
  477. #asker a{color:{color:asker};}
  478. #asker a:hover{color:{color:links hover};}
  479.  
  480. {block:ifNotPermalinkHover}
  481. .permalink{
  482. position:relative;
  483. text-align:center;
  484. text-transform:uppercase;
  485. font-family:calibri;
  486. letter-spacing:0px;
  487. font-size:11px;
  488. margin-top:15px;
  489. color:{color:perm info};
  490. opacity:1;
  491. padding-top:10px;
  492. border-top:1px solid {color:perm border};
  493. margin-left:auto;
  494. margin-right:auto;
  495. {block:IndexPage}
  496. {block:If2columns}
  497. width:250px;
  498. {/block:If2columns}
  499. {block:If250px}
  500. width:250px;
  501. {/block:If250px}
  502. {block:If400px}
  503. width:400px;
  504. {/block:If400px}
  505. {block:If500px}
  506. width:500px;
  507. {/block:If500px}
  508. {/block:IndexPage}
  509. }
  510.  
  511. .permalink a{
  512. color:{color:perm info};
  513. -webkit-transition: all 0.5s ease-in-out;
  514. -moz-transition: all 0.5s ease-in-out;
  515. -o-transition: all 0.5s ease-in-out;
  516. -ms-transition: all 0.5s ease-in-out;
  517. transition: all 0.5s ease-in-out;
  518. }
  519.  
  520. .permalink a:hover{
  521. color:{color:links hover};
  522. -webkit-transition: all 0.5s ease-in-out;
  523. -moz-transition: all 0.5s ease-in-out;
  524. -o-transition: all 0.5s ease-in-out;
  525. -ms-transition: all 0.5s ease-in-out;
  526. transition: all 0.5s ease-in-out;
  527. }
  528. {/block:ifNotPermalinkHover}
  529.  
  530. {block:ifPermalinkHover}
  531. .permalink{
  532. position:absolute;
  533. text-align:center;
  534. text-transform:uppercase;
  535. font-family:calibri;
  536. letter-spacing:0px;
  537. font-size:11px;
  538. margin-top:25px;
  539. margin-left:-26px;
  540. background:{color:perm bg};
  541. color:{color:perm info};
  542. opacity:1;
  543. padding:10px;
  544. border:1px solid {color:perm border};
  545. {block:IndexPage}
  546. {block:If2columns}
  547. width:280px;
  548. {/block:If2columns}
  549. {block:If250px}
  550. width:280px;
  551. {/block:If250px}
  552. {block:If400px}
  553. width:430px;
  554. {/block:If400px}
  555. {block:If500px}
  556. width:530px;
  557. {/block:If500px}
  558. {/block:IndexPage}
  559. opacity:0;
  560. -webkit-transition: all 0.5s ease-in-out;
  561. -moz-transition: all 0.5s ease-in-out;
  562. -o-transition: all 0.5s ease-in-out;
  563. -ms-transition: all 0.5s ease-in-out;
  564. transition: all 0.5s ease-in-out;
  565. }
  566.  
  567. .permalink a{
  568. color:{color:perm info};
  569. -webkit-transition: all 0.5s ease-in-out;
  570. -moz-transition: all 0.5s ease-in-out;
  571. -o-transition: all 0.5s ease-in-out;
  572. -ms-transition: all 0.5s ease-in-out;
  573. transition: all 0.5s ease-in-out;
  574. }
  575.  
  576. .permalink a:hover{
  577. color:{color:links hover};
  578. -webkit-transition: all 0.5s ease-in-out;
  579. -moz-transition: all 0.5s ease-in-out;
  580. -o-transition: all 0.5s ease-in-out;
  581. -ms-transition: all 0.5s ease-in-out;
  582. transition: all 0.5s ease-in-out;
  583. }
  584. {/block:ifPermalinkHover}
  585.  
  586. #reblog{
  587. display: inline-block;
  588. padding-left:3px;
  589. }
  590.  
  591. {block:ifPermalinkHover}
  592. #posts:hover .permalink{
  593. opacity:1;
  594. -webkit-transition: all 0.5s ease-in-out;
  595. -moz-transition: all 0.5s ease-in-out;
  596. -o-transition: all 0.5s ease-in-out;
  597. -ms-transition: all 0.5s ease-in-out;
  598. transition: all 0.5s ease-in-out;
  599. }
  600. {/block:ifPermalinkHover}
  601.  
  602. #perm{
  603. margin-top:0px;
  604. margin-bottom:0px;
  605. margin-left:auto;
  606. margin-right:auto;
  607. text-transform:uppercase;
  608. letter-spacing:1px;
  609. font-family:calibri;
  610. font-size:8px;
  611. color:{color:text};
  612. width:500px;
  613. }
  614.  
  615. #perm a{
  616. color:{color:text};
  617. -webkit-transition: all 0.7s ease-in-out;
  618. -moz-transition: all 0.7s ease-in-out;
  619. -o-transition: all 0.7s ease-in-out;
  620. -ms-transition: all 0.7s ease-in-out;
  621. transition: all 0.7s ease-in-out;
  622. }
  623.  
  624. #perm a:hover{
  625. color:{color:links hover};
  626. -webkit-transition: all 0.7s ease-in-out;
  627. -moz-transition: all 0.7s ease-in-out;
  628. -o-transition: all 0.7s ease-in-out;
  629. -ms-transition: all 0.7s ease-in-out;
  630. transition: all 0.7s ease-in-out;
  631. }
  632.  
  633. .perm{
  634. position:relative;
  635. text-align:center;
  636. text-transform:uppercase;
  637. font-family:calibri;
  638. letter-spacing:0px;
  639. font-size:11px;
  640. margin-top:10px;
  641. color:{color:perm info};
  642. background:{color:perm bg};
  643. border:1px solid {color:perm border};
  644. opacity:1;
  645. padding:10px;
  646. margin-left:auto;
  647. margin-right:auto;
  648. width:480px;
  649. }
  650.  
  651. .perm a{
  652. color:{color:perm info};
  653. -webkit-transition: all 0.5s ease-in-out;
  654. -moz-transition: all 0.5s ease-in-out;
  655. -o-transition: all 0.5s ease-in-out;
  656. -ms-transition: all 0.5s ease-in-out;
  657. transition: all 0.5s ease-in-out;
  658. }
  659.  
  660. .perm a:hover{
  661. color:{color:links hover};
  662. -webkit-transition: all 0.5s ease-in-out;
  663. -moz-transition: all 0.5s ease-in-out;
  664. -o-transition: all 0.5s ease-in-out;
  665. -ms-transition: all 0.5s ease-in-out;
  666. transition: all 0.5s ease-in-out;
  667. }
  668.  
  669. #tags{
  670. position:relative;
  671. text-align:center;
  672. font-family:calibri;
  673. letter-spacing:0px;
  674. font-size:11px;
  675. margin-top:0px;
  676. color:{color:text};
  677. opacity:1;
  678. padding:10px;
  679. margin-left:auto;
  680. margin-right:auto;
  681. width:480px;
  682. -webkit-transition: all 0.7s ease-in-out;
  683. -moz-transition: all 0.7s ease-in-out;
  684. -o-transition: all 0.7s ease-in-out;
  685. -ms-transition: all 0.7s ease-in-out;
  686. transition: all 0.7s ease-in-out;
  687. }
  688.  
  689. #tags a{
  690. margin-right:5px;
  691. color:{color:text};
  692. -webkit-transition: all 0.5s ease-in-out;
  693. -moz-transition: all 0.5s ease-in-out;
  694. -o-transition: all 0.5s ease-in-out;
  695. -ms-transition: all 0.5s ease-in-out;
  696. transition: all 0.5s ease-in-out;
  697. }
  698.  
  699. #tags a:hover{
  700. color:{color:links hover};
  701. -webkit-transition: all 0.5s ease-in-out;
  702. -moz-transition: all 0.5s ease-in-out;
  703. -o-transition: all 0.5s ease-in-out;
  704. -ms-transition: all 0.5s ease-in-out;
  705. transition: all 0.5s ease-in-out;
  706. }
  707.  
  708. #notess,#notes{padding:1px;display:inline-block;}
  709.  
  710. #notes{
  711. margin-bottom:4px;
  712. padding:1px;
  713. text-transform:uppercase;
  714. letter-spacing:1px;
  715. text-align:center;
  716. color:{color:text};
  717. padding:10px;
  718. display:block;
  719. -webkit-transition: all 0.1s ease;
  720. -moz-transition: all 0.1s ease;
  721. transition: all 0.1s ease;
  722. }
  723.  
  724. #notes:hover{cursor:pointer;}
  725. #notes:active{background:#ffffff;}
  726. #notess{padding:1px;display:none;}
  727.  
  728. ol.notes {
  729. margin-left:0px;
  730. font-size:8px;
  731. padding-left:10px;
  732. width:500px;
  733. }
  734.  
  735. .notes img{width:10px;padding-right:5px;display:none;}
  736.  
  737. .notes li{list-style-type:none;padding:4px;margin-right:20px;margin-bottom:2px;}
  738.  
  739. #infinite{display:none;}
  740.  
  741. #s-m-t-tooltip {
  742. display:block;
  743. background:{color:tooltip bg};
  744. font-size:8px;
  745. font-family:calibri;
  746. letter-spacing: 1px;
  747. color:{color:tooltip text};
  748. text-align:center;
  749. text-transform:uppercase;
  750. margin-left:20px;
  751. padding:5px;
  752. max-width:200px;
  753. z-index:9999;
  754. }
  755.  
  756.  
  757. </style>
  758.  
  759. <script type="text/javascript"
  760. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  761. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  762. <script>
  763. (function($){
  764. $(document).ready(function(){
  765. $("[title]").style_my_tooltips();
  766. });
  767. })(jQuery);
  768. </script>
  769.  
  770. {block:IndexPage}
  771. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  772. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  773. <script>
  774. $(function(){
  775. var $container = $('#entry');
  776. $container.imagesLoaded(function(){
  777. $container.masonry({
  778. itemSelector: '#posts',
  779. });
  780. });
  781. $container.infinitescroll({
  782. itemSelector : "#posts",
  783. navSelector : "div#infinite",
  784. nextSelector : "#infinite a#scroll",
  785. loadingImg : "",
  786. loadingText : "",
  787. bufferPx : 1000,
  788. extraScrollPx: 1000,
  789. },
  790. function( newElements ) {
  791. var $newElems = $( newElements ).css({ opacity: 0 });
  792. $newElems.imagesLoaded(function(){
  793. $newElems.animate({ opacity: 1 });
  794. $container.masonry( 'appended', $newElems, true );
  795. });
  796. }
  797. );
  798. });
  799. </script>
  800. {/block:IndexPage}
  801.  
  802. </head>
  803. <body>
  804.  
  805. {block:IfInfiniteScroll}
  806. <div id="infinite">
  807. {block:Pagination}
  808. {block:NextPage}<p id="page_nav"><a style="float:right" href="{NextPage}" id="scroll"></a>{/block:NextPage}
  809. {block:PreviousPage}<a style="float:left" href="{PreviousPage}"></a></p>{/block:PreviousPage}
  810. {/block:Pagination}
  811. </div>
  812. {/block:IfInfiniteScroll}
  813.  
  814. <div id="sidebarimg"></div>
  815.  
  816. <div id="sidebar">
  817. <div id="title"><a href="/">{title}</a></div>
  818. <div id="navigation">
  819. <a href="/" title="home"><img src="http://static.tumblr.com/kucevlg/JMMn7uc1l/16.png"></a>
  820. <a href="/ask" title="message"><img src="http://static.tumblr.com/kucevlg/ZnXn7uc42/36.png"></a>
  821. <a href="/archive" title="archive"><img src="http://static.tumblr.com/kucevlg/aj2n7uc9j/2.png"></a>
  822. {block:IfLink1}<a href="{text:Link1 URL}" title="{text:Link1}"><img src="http://static.tumblr.com/kucevlg/1Lzn7ucn2/19.png"></a>{/block:IfLink1}
  823. {block:IfLink2}<a href="{text:Link2 URL}" title="{text:Link2}"><img src="http://static.tumblr.com/kucevlg/JeKn6kkyx/5.png"></a>{/block:IfLink2}
  824. {block:IfLink3}<a href="{text:Link3 URL}" title="{text:Link3}"><img src="http://static.tumblr.com/kucevlg/iBGn7uckj/6.png"></a>{/block:IfLink3}
  825. {block:IfLink4}<a href="{text:Link4 URL}" title="{text:Link4}"><img src="http://static.tumblr.com/kucevlg/6xin7uclt/1335651569_close.gif"></a>{/block:IfLink4}
  826. <a href="http://kyungsational.tumblr.com/" title="theme by kyungsational"><img src="http://static.tumblr.com/kucevlg/vC8n7ue75/buzz-star-icon.png"></a>
  827. </div>
  828.  
  829. <div id="description">{description}</div>
  830.  
  831. {block:IfNotInfiniteScroll}
  832. <div id="pagination">
  833. {block:Pagination}
  834. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">←</a>{/block:PreviousPage}
  835. {block:JumpPagination length="5"}
  836. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  837. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  838. {block:NextPage}<a href="{NextPage}" class="jump_page">→</a>{/block:NextPage}</div>
  839. {/block:Pagination}
  840. </div>
  841. {/block:IfNotInfiniteScroll}
  842.  
  843. </div>
  844.  
  845. <div id="entry">
  846. {block:Posts}
  847. <div id="posts">
  848.  
  849. {block:Text}
  850. {block:Title}<div class="post_title"> {Title}</div>{/block:Title}
  851. {Body}
  852. {block:HasTags}<div id="tags">{block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}</div>{/block:HasTags}
  853. {/block:Text}
  854.  
  855. {block:Link}
  856. <div class="post_title"><a href="{URL}" target="{Target}">{Name}</a></div>
  857. {block:Description}{Description}{/block:Description}
  858. {block:HasTags}<div id="tags">{block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}</div>{/block:HasTags}
  859. {/block:Link}
  860.  
  861. {block:Photo}
  862. {block:IndexPage}
  863. {block:if2columns}<img src="{PhotoURL-500}" style="display:block; width:250px"/>{/block:if2columns}
  864. {block:If250px}<img src="{PhotoURL-500}" style="display:block; width:250px"/>{/block:If250px}
  865. {block:If400px}<img src="{PhotoURL-500}" style="display:block; width:400px"/>{/block:If400px}
  866. {block:If500px}<img src="{PhotoURL-500}" style="display:block; width:500px"/>{/block:If500px}
  867. {block:IfCaption}{block:caption}{caption}{/block:caption}{/block:IfCaption}
  868. {/block:IndexPage}
  869. {block:PermalinkPage}
  870. <img src="{PhotoURL-500}" style="display:block; width:500px"/>
  871. {block:caption}{caption}{/block:caption}
  872. {/block:PermalinkPage}
  873. {/block:Photo}
  874.  
  875. {block:Photoset}
  876. <div id="photoset">
  877. {block:IndexPage}
  878. {block:if2columns}{Photoset-250}{/block:if2columns}
  879. {block:If250px}{Photoset-250}{/block:If250px}
  880. {block:If400px}{Photoset-400}{/block:If400px}
  881. {block:If500px}{Photoset-500}{/block:If500px}
  882. {block:IfCaption}{block:caption}{caption}{/block:caption}{/block:IfCaption}
  883. {/block:IndexPage}
  884. {block:PermalinkPage}
  885. {Photoset-500}
  886. {block:caption}{caption}{/block:caption}
  887. {/block:PermalinkPage}
  888. </div>
  889. {/block:Photoset}
  890.  
  891. {block:Video}
  892. {block:IndexPage}
  893. {block:if2columns}{Video-250}{/block:if2columns}
  894. {block:If250px}{Video-250}{/block:If250px}
  895. {block:If400px}{Video-400}{/block:If400px}
  896. {block:If500px}{Video-500}{/block:If500px}
  897. {block:IfCaption}{block:caption}{caption}{/block:caption}{/block:IfCaption}
  898. {/block:IndexPage}
  899. {block:PermalinkPage}
  900. {Video-500}
  901. {block:caption}{caption}{/block:caption}
  902. {/block:PermalinkPage}
  903. {/block:Video}
  904.  
  905. {block:Audio}
  906. <div class="audio">
  907. {block:AlbumArt}<img class="album" src="{AlbumArtURL}" style="width:62px;">{/block:AlbumArt}
  908. <div class="player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
  909. <div class="audio-info">
  910. <b>Track:</b> {block:TrackName}{TrackName}{/block:TrackName}
  911. </br><b>Artist:</b> {block:Artist}{Artist}{/block:Artist}
  912. </br><b>Album:</b> {block:Album}{Album}{/block:Album}
  913. </br><b>Plays:</b> {block:PlayCount}{FormattedPlayCount}{/block:PlayCount}
  914. </div></div>
  915. {block:indexpage}
  916. {block:IfCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfCaption}
  917. {/block:indexpage}
  918. {block:permalinkpage}
  919. {block:Caption}{Caption}{/block:Caption}
  920. {block:HasTags}<div id="tags">{block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}</div>{/block:HasTags}
  921. {/block:permalinkpage}
  922. {/block:Audio}
  923.  
  924. {block:Chat}
  925. {block:Title}<div class="post_title">{Title}</div>{/block:Title}
  926. <div class="chat">{block:Lines}<li class="{Alt} user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</li>{/block:Lines}</div>
  927. {/block:Chat}
  928.  
  929. {block:Quote}
  930. <div id="quote">{Quote}<br></div>
  931. <div id="source">—{Source}</small></div>
  932. {/block:Quote}
  933.  
  934. {block:Answer}
  935. <div id="asker"><img src="{AskerPortraitURL-30}"> {Asker}</div>
  936. <div id="question">{Question}</div>
  937. <div id="answer"><p>{Answer}</p></div>
  938. {/block:Answer}
  939.  
  940. {block:IndexPage}
  941. <div class="permalink">
  942. <center>{block:HasTags}<div id="tags">{block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}</div>{/block:HasTags}</center>
  943. {block:Date}<a href="{Permalink}" title="{24Hour}:{Minutes}">{ShortMonth} {DayOfMonthWithZero} {Year}</a> {/block:Date}
  944. {block:NoteCount}&middot; {NoteCount}{/block:NoteCount}
  945. {block:RebloggedFrom}&middot; <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> &middot; <a href="{ReblogRootURL}" title="{ReblogRootName}">©</a>{/block:RebloggedFrom} &middot; <span style="display:inline-block;">{LikeButton size="14"}</span>&nbsp;<span id="reblog">{ReblogButton size="13"}</span>
  946.  
  947. </div>
  948. {/block:IndexPage}
  949.  
  950. {block:PermalinkPage}
  951. <div id="perm">
  952. {block:Date}<div class="perm">Posted on {ShortMonth} {DayOfMonthWithZero}, {Year} &middot; {24Hour}:{Minutes} {/block:Date}
  953. {block:RebloggedFrom}— via: <a href="{ReblogParentURL}">{ReblogParentName}</a> / source: <a href="{ReblogRootURL}">{ReblogRootName}</a>
  954. {/block:RebloggedFrom}</div>
  955. {block:HasTags}<div id="tags">{block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}</div>{/block:HasTags}
  956. {block:PostNotes}
  957. <p><center>—&nbsp;&nbsp;&nbsp;{NoteCountWithLabel}&nbsp;&nbsp;&nbsp;—</center></p>
  958. <div class="notes">
  959. {block:PostNotes}
  960. {PostNotes-64}
  961. {/block:PostNotes}
  962. </div>
  963. </center>
  964. </div>
  965. {/block:PermalinkPage}
  966.  
  967. </div>
  968.  
  969. {/block:Posts}
  970. </div>
  971.  
  972. </body>
  973. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!