API tools faq
paste
xmisa0923

thfav

xmisa0923
Aug 15th, 2013
75
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 32.02 KB | None | 0 0
raw download clone embed print report
  1. <script src="http://www.totallylayouts.com/tumblr/visitor-counter/counter.js?id=1534552&style=text" values="font-family: arial; color: #FFFFFF; font-size:10px;"></script>
  2.  
  3.  
  4.  
  5. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  6.  
  7. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  8.  
  9.  
  10. <!--- Theme coded by Hina (xiolu.tumblr.com).Sidebar code by Athlstan (http://athlstan.tumblr.com/). Please leave the credits untouched, thank you!--->
  11.  
  12.  
  13. <head><title>{Title}</title>
  14. <link rel="shortcut icon" href="http://i.imgur.com/evYEhtP.png">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16.  
  17. {block:Description}
  18. <meta name="description" content="{MetaDescription}"/>
  19. {/block:Description}
  20.  
  21. <meta name="if:InfiniteScroll" content="0"/>
  22. <meta name="if:ShowCaptions" content="1"/>
  23. <meta name="if:ShowTags" content="1"/>
  24. <meta name="if:SidebarImage" content="1"/>
  25. <meta name="if:ShowViaSource" content="1"/>
  26. <meta name="if:MusicPlayer" content="1"/>
  27. <meta name="if:250Posts" content="1"/>
  28. <meta name="if:MoreLinks" content="0"/>
  29.  
  30. <meta name="image:Background" content=""/>
  31. <meta name="image:lsidebar" content="" />
  32. <meta name="image:MusicGif" content="http://media.tumblr.com/tumblr_m9c4muf9vS1rto88t.gif"/>
  33.  
  34.  
  35.  
  36.  
  37.  
  38. <meta name="text:Link1" content="/" />
  39. <meta name="text:Link1 Title" content="home" />
  40. <meta name="text:Link2" content="/ask" />
  41. <meta name="text:Link2 Title" content="ask" />
  42. <meta name="text:Link3" content="" />
  43. <meta name="text:Link3 Title" content="" />
  44. <meta name="text:Link4" content="" />
  45. <meta name="text:Link4 Title" content="" />
  46. <meta name="text:Link5" content="" />
  47. <meta name="text:Link5 Title" content="" />
  48.  
  49. <meta name="color:BG" content="#FBFBFB"/>
  50. <meta name="color:Text" content="#AAA"/>
  51. <meta name="color:Italics" content="#CCC"/>
  52. <meta name="color:Bold" content="#888"/>
  53. <meta name="color:Titles" content="#888"/>
  54. <meta name="color:PostBG" content="#FFF"/>
  55. <meta name="color:Links" content="#8BCBDB"/>
  56. <meta name="color:LinksHover" content="#AAA"/>
  57. <meta name="color:Borders" content="#F0F0F0"/>
  58. <meta name="color:CaptionBG" content="#FBFBFB"/>
  59. <meta name="color:CaptionBorder" content="#F6F6F6"/>
  60. <meta name="color:PermalinkBG" content="#F6F6F6"/>
  61. <meta name="color:PermalinkLink" content="#AAA"/>
  62. <meta name="color:PermalinkLinkHover" content="#CCC"/>
  63. <meta name="color:TagsLink" content="#CCC"/>
  64. <meta name="color:TagsLinkHover" content="#777"/>
  65.  
  66. <meta name="color:SidebarTitle" content="#CCC"/>
  67. <meta name="color:SidebarLinks" content="#CCC"/>
  68. <meta name="color:SidebarLinksHover" content="#AAA"/>
  69. <meta name="color:SidebarLinksBG" content="#F6F6F6"/>
  70. <meta name="color:SidebarLinksBGHover" content="#FFF"/>
  71. <meta name="color:Description" content="#AAA"/>
  72. <meta name="color:Scrollbar" content="#AAA"/>
  73. <meta name="color:PermalinkInfo" content="#F6F6F6"/>
  74.  
  75. <meta name="color:HoverTitleBG" content="#FFF"/>
  76. <meta name="color:HoverTitle" content="#AAA"/>
  77. <meta name="color:HoverTitleBorder" content="#F0F0F0"/>
  78.  
  79. <meta name="text:Header" content="Title"/>
  80. <meta name="text:MusicPlayer" content=""/>
  81.  
  82. <script src="http://static.tumblr.com/bc7znss/skcmh2ks9/theme.js"></script>
  83. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  84. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  85. <script>
  86. (function($){
  87. $(document).ready(function(){
  88. $("[title]").style_my_tooltips();
  89. });
  90. })(jQuery);
  91. </script>
  92.  
  93.  
  94. <style type="text/css">
  95.  
  96.  
  97.  
  98.  
  99.  
  100.  
  101.  
  102.  
  103. /* General Codes */
  104.  
  105.  
  106.  
  107.  
  108. body {
  109. color: {color:Text};
  110. background: {color:BG} url('{image:Background}') repeat fixed;
  111. font-size: 10px;
  112. line-height: 11px;
  113. font-family: cambria;
  114. margin: 0px 0px 25px 0px;
  115. word-wrap: break-word;
  116. text-align: justify;
  117. }
  118.  
  119. a {
  120. color: {color:Links};
  121. text-decoration: none;
  122. -webkit-transition: all 0.6s ease-in-out;
  123. -moz-transition: all 0.6s ease-in-out;
  124. -o-transition: all 0.6s ease-in-out;
  125. }
  126.  
  127. a:hover {
  128. color: {color:LinksHover};
  129. }
  130.  
  131. h2 {
  132. font-family: calibri;
  133. font-weight: normal;
  134. text-transform: uppercase;
  135. letter-spacing: 1px;
  136. font-size: 11px;
  137. }
  138.  
  139. b, strong {
  140. color: {color:Bold};
  141. font-weight: bold;
  142. }
  143.  
  144. i {
  145. color: {color:Italics};
  146. font-style: oblique;
  147. }
  148.  
  149. pre, xmp, plaintext, listing {
  150. display: block;
  151. white-space: pre;
  152. background: {color:Captions};
  153. padding: 5px;
  154. }
  155.  
  156. blockquote {
  157. border-left: 2px solid {color:Borders};
  158. background: transparent;
  159. display: block;
  160. margin: 5px 0px 5px 0pc;
  161. padding: 1px 1px 1px 10px;
  162. overflow: auto;
  163. }
  164.  
  165. img {
  166. max-width: 100%;
  167. }
  168.  
  169.  
  170. /* Permalink Page */
  171.  
  172.  
  173. #notes {
  174. padding: 10px;
  175. text-align: left;
  176. text-transform: uppercase;
  177. font-size: 9px;
  178. margin-top: 5px;
  179. letter-spacing: 1px;
  180. width: 510px;
  181. max-height: 250px;
  182. border: 1px solid {color:Borders};
  183. background: {color:PostBG};
  184. overflow: auto;
  185. }
  186.  
  187. #notes img {
  188. width: 9px;
  189. height: 9px;
  190. margin-bottom: -1px;
  191. }
  192.  
  193. ol.notes{
  194. list-style: square;
  195. }
  196.  
  197.  
  198. /* Entries */
  199.  
  200.  
  201. #center {
  202. {block:IndexPage}
  203. {block:If250Posts}width: 282px;{/block:If250Posts}
  204. {block:IfNot250Posts}width: 432px;{/block:IfNot250Posts}
  205. {/block:IndexPage}
  206. {block:PermalinkPage}width: 532px;{/block:PermalinkPage}
  207. margin-left: auto;
  208. margin-right: auto;
  209. }
  210.  
  211. .post {
  212. overflow: hidden;
  213. margin-left: auto;
  214. margin-right: auto;
  215. background: {color:PostBG};
  216. padding: 15px;
  217. margin-top: 50px;
  218.  
  219. border: 1px solid {color:Borders};
  220. {block:IndexPage}
  221. {block:If250Posts}width: 250px;{/block:If250Posts}
  222. {block:IfNot250Posts}width: 400px;{/block:IfNot250Posts}
  223. {/block:IndexPage}
  224. {block:PermalinkPage}width: 500px;{/block:PermalinkPage}
  225. }
  226.  
  227. #captions {
  228. margin-top: 10px;
  229. padding: 5px 10px 5px 10px;
  230. background: {color:CaptionBG};
  231. border: 1px solid {color:CaptionBorder};
  232. }
  233.  
  234. #piccy img {
  235. max-width: 100%;
  236. margin-bottom: -2px;
  237. }
  238.  
  239. .post li {
  240. list-style: square;
  241. }
  242.  
  243.  
  244. .post {
  245. filter: url(http://static.tumblr.com/eptm5us/ueTmafr4p/filters.svg#grayscale); /* Firefox 3.5+ */
  246. 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"); /* Firefox 10+, IE10 */
  247.  
  248. filter: gray; /* IE6-9 */
  249. -webkit-filter: grayscale(5%); /* Chrome 19+ & Safari 6+ */
  250. -webkit-transition: all .7s ease; /* Fade to color for Chrome and Safari */
  251. -webkit-backface-visibility: hidden; /* Fix for transition flickering */}
  252.  
  253. .post:hover {
  254. filter: none;
  255. -webkit-filter: grayscale(0%);}
  256.  
  257. /* Permalinks and Tags */
  258.  
  259.  
  260. {block:IfShowTags}
  261. #bottom {
  262. margin-left: auto;
  263. margin-right: auto;
  264. margin-top: -1px;
  265. background: {color:Borders};
  266. font-size: 9px;
  267. letter-spacing: 1px;
  268. font-style: oblique;
  269. line-height: 10px;
  270. padding: 5px;
  271. {block:If250Posts}width: 272px;{/block:If250Posts}
  272. {block:IfNot250Posts}width: 422px;{/block:IfNot250Posts}
  273. }
  274. {/block:IfShowTags}
  275.  
  276. #bottom a {
  277. color: {color:TagsLink};
  278. }
  279.  
  280. #bottom a:hover {
  281. color: {color:TagsLinkHover};
  282. }
  283.  
  284. #bottom2 {
  285. text-align: center;
  286. margin-left: auto;
  287. margin-right: auto;
  288. background: {color:PermalinkBG};
  289. line-height: 9px;
  290. margin-top: 15px;
  291. margin-left: -15px;
  292. margin-bottom: -15px;
  293. opacity: 1;
  294. overflow: hidden;
  295. -webkit-transition: all 0.6s ease-in-out;
  296. -moz-transition: all 0.6s ease-in-out;
  297. -o-transition: all 0.6s ease-in-out;
  298. {block:If250Posts}width: 282px;{/block:If250Posts}
  299. {block:IfNot250Posts}width: 432px;{/block:IfNot250Posts}
  300. }
  301.  
  302. .post:hover #bottom2 {
  303. opacity: 1;
  304. }
  305.  
  306. #reblog2 {
  307. position: absolute;
  308. opacity: 0.5;
  309. {block:If250Posts}margin-left: 263px;{/block:If250Posts}
  310. {block:IfNot250Posts}margin-left: 413px;{/block:IfNot250Posts}
  311. }
  312.  
  313. .post:hover #zico {
  314. opacity: 1;
  315. }
  316.  
  317. #zico {
  318. position: absolute;
  319. text-align: center;
  320. height: 16px;
  321. background: {color:PostBG};
  322. opacity: 0;
  323. -webkit-transition: all 0.6s ease-in-out;
  324. -moz-transition: all 0.6s ease-in-out;
  325. -o-transition: all 0.6s ease-in-out;
  326. {block:If250Posts}width: 250px;{/block:If250Posts}
  327. {block:IfNot250Posts}width: 400px;;{/block:IfNot250Posts}
  328. }
  329.  
  330. #ahem {
  331. font-size: 8px;
  332. font-family: calibri;
  333. text-transform: uppercase;
  334. letter-spacing: 1px;
  335. padding: 3px 0px 3px 0px;
  336. }
  337.  
  338. #ahem a {
  339. color: {color:PermalinkLink};
  340. }
  341.  
  342. #ahem a:hover {
  343. color: {color:PermalinkLinkHover};
  344. }
  345.  
  346. #like {
  347. position: absolute;
  348. opacity: 0.5;
  349. }
  350.  
  351. #reblog {
  352. position: absolute;
  353. opacity: 0.5;
  354. {block:If250Posts}margin-left: 233px;{/block:If250Posts}
  355. {block:IfNot250Posts}margin-left: 383px;{/block:IfNot250Posts}
  356. }
  357.  
  358. #reblog:hover {
  359. opacity: 1;
  360. }
  361.  
  362. .my-like {
  363. background-image: url(http://static.tumblr.com/7qjmkr5/JyEmeu16f/heart.png) !important;
  364. height: 16px;
  365. width: 16px;
  366. cursor: pointer;
  367. display: inline-block;
  368. vertical-align: top;
  369. }
  370. .my-liked, .my-like:hover {
  371. background-image: url(http://static.tumblr.com/7qjmkr5/SCzmeu17j/heart.png) !important;
  372. height: 16px;
  373. width: 16px;
  374. cursor: pointer;
  375. display: inline-block;
  376. vertical-align: top;
  377. }
  378.  
  379.  
  380. }
  381.  
  382.  
  383.  
  384.  
  385.  
  386.  
  387. /* Via & Source */
  388.  
  389.  
  390. #kyungsoo {
  391. opacity: 0;
  392. position: absolute;
  393. width: 31px;
  394. {block:If250Posts}margin-left: 265px;{/block:If250Posts}
  395. {block:IfNot250Posts}margin-left: 415px;{/block:IfNot250Posts}
  396. margin-top: -16px;
  397. -webkit-transition: all 0.6s ease-in-out;
  398. -moz-transition: all 0.6s ease-in-out;
  399. -o-transition: all 0.6s ease-in-out;
  400. }
  401.  
  402. #kyungsoo img {
  403. background: {color:PostBG};
  404. padding: 5px 5px 5px 0px;
  405. width: 20px;
  406. border-top: 1px solid {color:Borders};
  407. border-right: 1px solid {color:Borders};
  408. border-bottom: 1px solid {color:Borders};
  409. margin-bottom: 5px;
  410. }
  411.  
  412. .post:hover #kyungsoo {
  413. opacity: 1;
  414. }
  415.  
  416.  
  417. /* Sidebar */
  418.  
  419.  
  420. #sidebar {
  421. position:fixed;
  422. margin-top:80px;
  423. }
  424.  
  425. #side {
  426. margin-left:-200px;
  427. padding:10px 10px 15px 10px;
  428. }
  429.  
  430. #lsidebar {
  431. width:100px;
  432.  
  433. }
  434.  
  435. #lsidebar img {
  436. width: 100px;
  437. padding:10px;
  438. border:1px solid #f0f0f0;
  439. -webkit-transition: opacity 0.7s linear;
  440. opacity: 0.7s;
  441. -webkit-transition: all 0.6s ease-out;
  442. -moz-transition: all 0.6s ease-out;
  443. transition: all 0.6s ease-out
  444. }
  445.  
  446. #lsidebar img:hover {
  447. opacity:.9;
  448. -webkit-transition: opacity 0.7s linear;
  449. opacity: 0.7s;
  450. -webkit-transition: all 0.6s ease-out;
  451. -moz-transition: all 0.6s ease-out;
  452. transition: all 0.6s ease-out;
  453. }
  454.  
  455.  
  456.  
  457. /*--- D E S C R I P T I O N ---*/
  458.  
  459. #desc {
  460. width:95px;
  461. margin-top:7px;
  462. margin-left:-7px;
  463. font-size:8.5px;
  464. font-family:georgia;
  465. font-style:italic;
  466. text-align:justify;
  467. color:{color:sidetext};
  468. border-top:1px solid #F2F0F0;
  469. border-bottom:1px solid #F2F0F0;
  470. background-image:url('http://static.tumblr.com/sqlgzwf/A3mmm55tr/bright_lace.jpg');
  471. text-transform:lowercase;
  472. padding:7px 20px;
  473. }
  474.  
  475.  
  476. /*--- N A V I G A T I O N ---*/
  477.  
  478. #sidelink {
  479. text-align:center;
  480. margin-left:-57px;
  481. margin-top:7px;
  482. }
  483.  
  484. #sidelink a {
  485. padding:3px;
  486. font-family:cambria;
  487. line-height:8px;
  488. font-size:7.5px;
  489. color:{color:link2};
  490. letter-spacing: 2px;
  491. text-align:center;
  492. text-transform: uppercase;
  493. -webkit-transition: opacity 0.7s linear;
  494. opacity: 0.7s;
  495. -webkit-transition: all 0.6s linear;
  496. -moz-transition: all 0.6s linear;
  497. transition: all 0.6s linear}
  498.  
  499. #sidelink a:hover {
  500. text-transform:lowercase;
  501. font-size:9px;
  502. color:#131313;
  503. -webkit-transition: opacity 0.7s linear;
  504. opacity: 0.7s;
  505. -webkit-transition: all 0.6s linear;
  506. -moz-transition: all 0.6s linear;
  507. transition: all 0.6s linear;
  508. }
  509.  
  510.  
  511. /* Pagination */
  512.  
  513.  
  514. #pages {
  515. font-size: 10px;
  516. text-align: center;
  517. color: #CCC;
  518. margin-left: -20px;
  519. margin-right: -20px;
  520. margin-top: 10px;
  521. letter-spacing: 0px;
  522. }
  523.  
  524. #current {
  525. color: {color:Bold};
  526. background: none;
  527. padding: 0px 3px 0px 3px;
  528. display: inline-block;
  529. }
  530.  
  531. #pages a {
  532. text-decoration: none;
  533. padding: 0px 3px 0px 3px;
  534. margin-left: 1px;
  535. margin-right: 1px;
  536. display: inline-block;
  537. color: {color:TagsLink};
  538. -webkit-transition: all 0.4s linear;
  539. -moz-transition: all 0.4s linear;
  540. transition: all 0.4s linear;
  541. }
  542.  
  543. #pages a:hover {
  544. color: {color:TagsLinkHover};
  545. -webkit-transition: all 0.4s linear;
  546. -moz-transition: all 0.4s linear;
  547. transition: all 0.4s linear;
  548. }
  549.  
  550.  
  551.  
  552.  
  553. /* Music Player */
  554.  
  555.  
  556. .donut:hover {
  557. margin-left: -230px;
  558. -webkit-transition: all 0.6s ease-in-out;
  559. -moz-transition: all 0.6s ease-in-out;
  560. -o-transition: all 0.6s ease-in-out;
  561. }
  562.  
  563. .donut {
  564. position: fixed;
  565. width: 50px;
  566. height: 20px;
  567. background: {color:PostBG};
  568. margin-left: -206px;
  569. margin-top: 70px;
  570. border-top: 1px solid {color:Borders};
  571. border-left: 1px solid {color:Borders};
  572. border-bottom: 1px solid {color:Borders};
  573. z-index: 555;
  574. -webkit-transition: all 0.6s ease-in-out;
  575. -moz-transition: all 0.6s ease-in-out;
  576. -o-transition: all 0.6s ease-in-out;
  577. }
  578.  
  579. #milkbun {
  580. position: absolute;
  581. margin-top: 5px;
  582. margin-left: 6px;
  583. }
  584.  
  585. #chocolate {
  586. position: absolute;
  587. margin-left: 25px;
  588. }
  589.  
  590. #milk {
  591. width: 25px;
  592. height: 25px;
  593. overflow: hidden;
  594. }
  595.  
  596. #syroup {
  597. margin-left: -27px;
  598. }
  599.  
  600.  
  601. /* Audio Posts */
  602.  
  603.  
  604. #musicart {
  605. position: absolute;
  606. height: 90px;
  607. width: 90px;
  608. border: 1px solid {color:Borders};
  609. padding: 5px;
  610. }
  611.  
  612. #musicart img {
  613. opacity: 0.8;
  614. height: 90px;
  615. width: 90px;
  616. -webkit-transition: all 0.6s ease-in-out;
  617. -moz-transition: all 0.6s ease-in-out;
  618. -o-transition: all 0.6s ease-in-out;
  619. }
  620.  
  621. #player {
  622. opacity: 0.2;
  623. -webkit-transition: all 0.6s ease-in-out;
  624. -moz-transition: all 0.6s ease-in-out;
  625. -o-transition: all 0.6s ease-in-out;
  626. }
  627.  
  628. .post:hover #player {
  629. opacity: 0.6;
  630. }
  631.  
  632. .post:hover #musicart img {
  633. opacity: 0.2;
  634. }
  635.  
  636.  
  637. /* Ask Posts */
  638.  
  639.  
  640. #asks {
  641. position: absolute;
  642. border: 1px solid {color:Borders};
  643. padding: 5px;
  644. height: 40px;
  645. width: 40px;
  646. }
  647.  
  648. #asks img {
  649. height: 40px;
  650. width: 40px;
  651. }
  652.  
  653. #asksq img {
  654. margin: 0px;
  655. opacity: 0.7;
  656. }
  657.  
  658.  
  659. /* Selection Text & Scrollbar */
  660.  
  661.  
  662. :-moz-selection {
  663. background: #FBFBFB;
  664. color: #000;
  665. }
  666.  
  667. ::selection {
  668. background: #FBFBFB;
  669. color: #000;
  670. }
  671.  
  672. ::-webkit-scrollbar-thumb:vertical {
  673. background: {color:Scrollbar};
  674. height: 80px;
  675. }
  676.  
  677. ::-webkit-scrollbar {
  678. height: 10px;
  679. width: 8px;
  680. background: {color:BG};
  681. }
  682.  
  683.  
  684. /* Follow Buttons */
  685.  
  686.  
  687. iframe#tumblr_controls {
  688. position: fixed !important;
  689. -webkit-filter: invert(100%);
  690. z-index: 9999;
  691. opacity: 0.3;
  692. }
  693.  
  694.  
  695.  
  696.  
  697.  
  698.  
  699. /* Style My Tooltips */
  700.  
  701.  
  702. #s-m-t-tooltip {
  703. z-index: 9999;
  704. background: {color:HoverTitleBG};
  705. font-size: 9px;
  706. line-height: 11px;
  707. letter-spacing: 1px;
  708. font-family: cambria;
  709. font-style: oblique;
  710. border: 1px solid {color:HoverTitleBorder};
  711. text-transform: lowercase;
  712. color: {color:HoverTitle};
  713. max-width: 150px;
  714. word-wrap: break-word;
  715. padding: 5px 10px 5px 10px;
  716. display: block;
  717. margin: 24px 14px 7px 12px;
  718. -webkit-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.03);
  719. -moz-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.03);
  720. box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.03);
  721. }
  722.  
  723.  
  724.  
  725.  
  726. </style>
  727.  
  728. <link href="#s-m-t-tooltip" rel="stylesheet" type="text/css" />
  729.  
  730. {block:IfInfiniteScroll}
  731. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  732. {/block:IfInfiniteScroll}
  733.  
  734.  
  735. <script>
  736. window.onload = function () {
  737. document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
  738. document.addEventListener( 'click', function ( event ) {
  739. var myLike = event.target;
  740. if( myLike.className.indexOf( 'my-like' ) > -1 ) {
  741. var frame = document.getElementById( 'my-like-frame' ),
  742. liked = ( myLike.className == 'my-liked' ),
  743. command = liked ? 'unlike' : 'like',
  744. reblog = myLike.getAttribute( 'data-reblog' ),
  745. id = myLike.getAttribute( 'data-id' ),
  746. oauth = reblog.slice( -8 );
  747. frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
  748. liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
  749. };
  750. }, false );
  751. };
  752. </script>
  753.  
  754.  
  755. </head>
  756.  
  757.  
  758. {block:IfInfiniteScroll}
  759. <div id="top"><a style="text-decoration: none; text-align: center; position: fixed; bottom: 10px; right: 10px;" href="#top"><img src="{image:BackToTop}"></a></div>
  760. {/block:IfInfiniteScroll}
  761.  
  762.  
  763. <body>
  764.  
  765.  
  766. <div id="center">
  767.  
  768. {block:IfMusicPlayer}
  769. {block:IndexPage}
  770. <div class="donut">
  771.  
  772. <div id="chocolate"><div id="milk"><div id="syroup">
  773. {text:MusicPlayer}
  774. </div></div></div>
  775.  
  776. <div id="milkbun"><img src="{image:MusicGif}"></div>
  777.  
  778. </div>
  779. {/block:IndexPage}
  780. {/block:IfMusicPlayer}
  781.  
  782.  
  783. <div id="sidebar">
  784. <div id="side">
  785.  
  786.  
  787. </br>
  788. <div id="lsidebar">
  789.  
  790. <a href="/"><img src="http://i.imgur.com/uUPPz5P.gif" /></a>
  791.  
  792. </div>
  793.  
  794. <div id="sidelink">
  795. <a href="http://byunbaek.tk/" title="home">i.</a>
  796. <a href="http://byunbaek.tk/ask" title="ask">ii.</a>
  797. <a href="http://byunbaek.tk/archive" title="history">iii.</a>
  798. <a href="http://byunbaek.tk/links" title="links">iv.</a>{/block:ifLink4}
  799. <a href="http://byunbaek.tk/codes" title="theme">v.</a>{/block:ifLink5}
  800. </div>
  801.  
  802. <div id="desc">
  803. {Description}
  804. </div></div>
  805.  
  806.  
  807. {block:IfNotInfiniteScroll}
  808. {block:IndexPage}
  809. <div id="pages">
  810. {block:PreviousPage}
  811. <a href="{PreviousPage}">«</a>
  812. {/block:PreviousPage}
  813. {block:JumpPagination length="3"}
  814. {block:CurrentPage}
  815. <div id="current">{PageNumber}</div>
  816. {/block:CurrentPage}
  817.  
  818. {block:JumpPage}
  819. <a class="jump_page" href="{URL}">{PageNumber}</a>
  820. {/block:JumpPage}
  821. {/block:JumpPagination}
  822. {block:NextPage}
  823. <a href="{NextPage}">»</a>
  824. {/block:NextPage}
  825. </div>
  826. {/block:IndexPage}
  827. {/block:IfNotInfiniteScroll}
  828.  
  829. </div>
  830.  
  831. <div class="autopagerize_page_element">
  832.  
  833. {block:Posts}
  834.  
  835. <div class="post">
  836.  
  837. {block:IfShowViaSource}
  838. {block:IndexPage}
  839. {block:RebloggedFrom}
  840. <div id="kyungsoo">
  841. <a href="{ReblogParentURL}" title="Reblogged from {ReblogParentName}"><img src="{ReblogParentPortraitURL-30}"></a>
  842. <a href="{ReblogRootURL}" title="Original post by {ReblogRootName}"><img src="{ReblogRootPortraitURL-30}"></a>
  843. </div>
  844. {/block:RebloggedFrom}
  845. {/block:IndexPage}
  846. {/block:IfShowViaSource}
  847.  
  848.  
  849. {block:Text}
  850.  
  851. <div id="texts">
  852.  
  853. {block:Title}
  854. <div style="font-size: 16px; line-height: 16px; color: {color:Titles};">
  855. {Title}
  856. </div>
  857. {/block:Title}
  858.  
  859. {Body}
  860.  
  861. {block:ContentSource}
  862. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  863. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  864. {/block:SourceLogo}
  865. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  866. {/block:ContentSource}
  867.  
  868. </div>
  869.  
  870. {block:IndexPage}
  871. <div id="bottom2">
  872.  
  873. <div id="like"><div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div></div>
  874. <div id="reblog2"><a href="{ReblogURL}" title="reblog"><img src="http://static.tumblr.com/7qjmkr5/1STmeu1cb/loop.png"></a></div>
  875.  
  876. <div id="ahem">
  877. <a href="{Permalink}" {block:IfNotShowTags}{block:HasTags}title="{block:Tags}#{Tag} {/block:Tags}"{/block:HasTags}{/block:IfNotShowTags}>{Timeago} with {NoteCountWithLabel}</a>
  878. </div>
  879. </div>
  880. {/block:IndexPage}
  881.  
  882. {/block:Text}
  883.  
  884.  
  885.  
  886.  
  887. {block:Photo}
  888.  
  889. {block:IndexPage}
  890. <div id="zico">
  891.  
  892. <div id="like"><div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div></div>
  893. <div id="reblog"><a href="{ReblogURL}" title="reblog"><img src="http://static.tumblr.com/7qjmkr5/1STmeu1cb/loop.png"></a></div>
  894.  
  895. <div id="ahem">
  896. <a href="{Permalink}" {block:IfNotShowTags}{block:HasTags}title="{block:Tags}#{Tag} {/block:Tags}"{/block:HasTags}{/block:IfNotShowTags}>{Timeago} with {NoteCountWithLabel}</a>
  897. </div>
  898. </div>
  899. {/block:IndexPage}
  900.  
  901. <div id="piccy">
  902. <center>
  903. <img src="{PhotoURL-500}">
  904. </center>
  905. </div>
  906.  
  907. {block:IfShowCaptions}
  908. {block:Caption}<div id="captions">
  909. {Caption}</div>
  910. {/block:Caption}
  911. {/block:IfShowCaptions}
  912.  
  913. {block:IfNotShowCaptions}
  914. {block:PermalinkPage}
  915. {block:Caption}<div id="captions">
  916. {Caption}</div>
  917. {/block:Caption}
  918. {/block:PermalinkPage}
  919. {/block:IfNotShowCaptions}
  920.  
  921. {block:ContentSource}
  922. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  923. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  924. {/block:SourceLogo}
  925. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  926. {/block:ContentSource}
  927.  
  928. {/block:Photo}
  929.  
  930.  
  931.  
  932.  
  933. {block:Photoset}
  934.  
  935. {block:IndexPage}
  936. <div id="zico">
  937.  
  938. <div id="like"><div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div></div>
  939. <div id="reblog"><a href="{ReblogURL}" title="reblog"><img src="http://static.tumblr.com/7qjmkr5/1STmeu1cb/loop.png"></a></div>
  940.  
  941. <div id="ahem">
  942. <a href="{Permalink}" {block:IfNotShowTags}{block:HasTags}title="{block:Tags}#{Tag} {/block:Tags}"{/block:HasTags}{/block:IfNotShowTags}>{Timeago} with {NoteCountWithLabel}</a>
  943. </div>
  944. </div>
  945. {/block:IndexPage}
  946.  
  947. <center>
  948. {block:IndexPage}
  949. {block:If250Posts}{Photoset-250}{/block:If250Posts}
  950. {block:IfNot250Posts}{Photoset-400}{/block:IfNot250Posts}
  951. {/block:IndexPage}
  952. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  953. <div style="margin-bottom: -2px;"></div>
  954. </center>
  955.  
  956. {block:IfShowCaptions}
  957. {block:Caption}<div id="captions">
  958. {Caption}</div>
  959. {/block:Caption}
  960. {/block:IfShowCaptions}
  961.  
  962. {block:IfNotShowCaptions}
  963. {block:PermalinkPage}
  964. {block:Caption}<div id="captions">
  965. {Caption}</div>
  966. {/block:Caption}
  967. {/block:PermalinkPage}
  968. {/block:IfNotShowCaptions}
  969.  
  970. {block:ContentSource}
  971. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  972. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  973. {/block:SourceLogo}
  974. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  975. {/block:ContentSource}
  976.  
  977. {/block:Photoset}
  978.  
  979.  
  980.  
  981.  
  982. {block:Quote}
  983.  
  984. <div id="texts">
  985.  
  986. <div style="color: {color:Borders}; font-size: 30px; line-height: 30px; float: left; font-family: georgia;">
  987. ♚</div>
  988. <div style="font-size: 12px; line-height: 12px; margin-left: 35px; font-style: oblique; min-height: 35px; border-left: 1px dotted {color:Italics}; padding-left: 10px;">
  989. {Quote}
  990. </div>
  991. {block:Source}
  992. <div style="text-align: right; margin-top: 10px;">— {Source}</div>
  993. {/block:Source}
  994.  
  995. </div>
  996.  
  997. {block:IndexPage}
  998. <div id="bottom2">
  999.  
  1000. <div id="like"><div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div></div>
  1001. <div id="reblog2"><a href="{ReblogURL}" title="reblog"><img src="http://static.tumblr.com/7qjmkr5/1STmeu1cb/loop.png"></a></div>
  1002.  
  1003. <div id="ahem">
  1004. <a href="{Permalink}" {block:IfNotShowTags}{block:HasTags}title="{block:Tags}#{Tag} {/block:Tags}"{/block:HasTags}{/block:IfNotShowTags}>{Timeago} with {NoteCountWithLabel}</a>
  1005. </div>
  1006. </div>
  1007. {/block:IndexPage}
  1008.  
  1009. {/block:Quote}
  1010.  
  1011.  
  1012.  
  1013.  
  1014. {block:Link}
  1015.  
  1016. <div id="texts">
  1017.  
  1018. <div style="font-size: 16px; line-height: 16px;">
  1019. <div id="titlelink"><a href="{URL}" {Target}>{Name}</a></div>
  1020. </div>
  1021.  
  1022. {block:Description}
  1023. {Description}
  1024. {/block:Description}
  1025.  
  1026. {block:ContentSource}
  1027. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1028. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1029. {/block:SourceLogo}
  1030. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1031. {/block:ContentSource}
  1032.  
  1033. </div>
  1034.  
  1035. {block:IndexPage}
  1036. <div id="bottom2">
  1037.  
  1038. <div id="like"><div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div></div>
  1039. <div id="reblog2"><a href="{ReblogURL}" title="reblog"><img src="http://static.tumblr.com/7qjmkr5/1STmeu1cb/loop.png"></a></div>
  1040.  
  1041. <div id="ahem">
  1042. <a href="{Permalink}" {block:IfNotShowTags}{block:HasTags}title="{block:Tags}#{Tag} {/block:Tags}"{/block:HasTags}{/block:IfNotShowTags}>{Timeago} with {NoteCountWithLabel}</a>
  1043. </div>
  1044. </div>
  1045. {/block:IndexPage}
  1046.  
  1047. {/block:Link}
  1048.  
  1049.  
  1050.  
  1051.  
  1052. {block:Chat}
  1053.  
  1054. <div id="texts">
  1055.  
  1056. {block:Title}
  1057. <div style="font-size: 16px; line-height: 16px; color: {color:Titles};">
  1058. {Title}
  1059. </div>
  1060. {/block:Title}
  1061.  
  1062. <div style="text-align: left;">
  1063. <ul type="square">
  1064. {block:Lines}
  1065. <li>{block:Label}<div style="color: #CCC; display: inline;">{Label}</div>{/block:Label} {Line}</li>
  1066. {/block:Lines}
  1067. </ul>
  1068. </div>
  1069.  
  1070. </div>
  1071.  
  1072. {block:IndexPage}
  1073. <div id="bottom2">
  1074.  
  1075. <div id="like"><div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div></div>
  1076. <div id="reblog2"><a href="{ReblogURL}" title="reblog"><img src="http://static.tumblr.com/7qjmkr5/1STmeu1cb/loop.png"></a></div>
  1077.  
  1078. <div id="ahem">
  1079. <a href="{Permalink}" {block:IfNotShowTags}{block:HasTags}title="{block:Tags}#{Tag} {/block:Tags}"{/block:HasTags}{/block:IfNotShowTags}>{Timeago} with {NoteCountWithLabel}</a>
  1080. </div>
  1081. </div>
  1082. {/block:IndexPage}
  1083.  
  1084. {/block:Chat}
  1085.  
  1086.  
  1087.  
  1088.  
  1089. {block:Audio}
  1090.  
  1091. <div id="texts">
  1092.  
  1093. <div id="musicart">
  1094. {block:AlbumArt}
  1095. <img src="{AlbumArtURL}">
  1096. {/block:AlbumArt}
  1097. </div>
  1098.  
  1099. <div id="player"><div style="position: absolute; margin: 1px 0px 0px 1px; padding: 37px 36px 36px 37px; background: #FFF;">
  1100. <div style="width: 27px; height: 27px; overflow: hidden;">
  1101. {AudioPlayerWhite}
  1102. </div></div></div>
  1103.  
  1104. <div style="margin-left: 112px; min-height: 102px; font-size: 8px; text-transform: uppercase; letter-spacing: 1px; line-height: 14px; font-family: calibri;">
  1105. {block:TrackName}<b>Track:</b> {TrackName}<br>{/block:TrackName}
  1106. {block:Artist}<b>Artist:</b> {Artist}<br>{/block:Artist}
  1107. {block:Album}<b>Album:</b> {Album}<br>{/block:Album}
  1108. <b>Plays:</b> {PlayCount}<br>
  1109. </div>
  1110.  
  1111. {block:IfShowCaptions}
  1112. {block:Caption}<div id="captions">
  1113. {Caption}</div>
  1114. {/block:Caption}
  1115. {/block:IfShowCaptions}
  1116.  
  1117. {block:IfNotShowCaptions}
  1118. {block:PermalinkPage}
  1119. {block:Caption}<div id="captions">
  1120. {Caption}</div>
  1121. {/block:Caption}
  1122. {/block:PermalinkPage}
  1123. {/block:IfNotShowCaptions}
  1124.  
  1125. {block:ContentSource}
  1126. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1127. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1128. {/block:SourceLogo}
  1129. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1130. {/block:ContentSource}
  1131.  
  1132. </div>
  1133.  
  1134. {block:IndexPage}
  1135. <div id="bottom2">
  1136.  
  1137. <div id="like"><div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div></div>
  1138. <div id="reblog2"><a href="{ReblogURL}" title="reblog"><img src="http://static.tumblr.com/7qjmkr5/1STmeu1cb/loop.png"></a></div>
  1139.  
  1140. <div id="ahem">
  1141. <a href="{Permalink}" {block:IfNotShowTags}{block:HasTags}title="{block:Tags}#{Tag} {/block:Tags}"{/block:HasTags}{/block:IfNotShowTags}>{Timeago} with {NoteCountWithLabel}</a>
  1142. </div>
  1143. </div>
  1144. {/block:IndexPage}
  1145.  
  1146. {/block:Audio}
  1147.  
  1148.  
  1149.  
  1150.  
  1151. {block:Video}
  1152.  
  1153. {block:IndexPage}
  1154. <div id="zico">
  1155.  
  1156. <div id="like"><div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div></div>
  1157. <div id="reblog"><a href="{ReblogURL}" title="reblog"><img src="http://static.tumblr.com/7qjmkr5/1STmeu1cb/loop.png"></a></div>
  1158.  
  1159. <div id="ahem">
  1160. <a href="{Permalink}" {block:IfNotShowTags}{block:HasTags}title="{block:Tags}#{Tag} {/block:Tags}"{/block:HasTags}{/block:IfNotShowTags}>{Timeago} with {NoteCountWithLabel}</a>
  1161. </div>
  1162. </div>
  1163. {/block:IndexPage}
  1164.  
  1165. <center>
  1166. {block:IndexPage}
  1167. {block:If250Posts}{Video-250}{/block:If250Posts}
  1168. {block:IfNot250Posts}{Video-400}{/block:IfNot250Posts}
  1169. {/block:IndexPage}
  1170. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  1171. <div style="margin-bottom: -2px;"></div>
  1172. </center>
  1173.  
  1174. {block:IfShowCaptions}
  1175. {block:Caption}<div id="captions">
  1176. {Caption}</div>
  1177. {/block:Caption}
  1178. {/block:IfShowCaptions}
  1179.  
  1180. {block:IfNotShowCaptions}
  1181. {block:PermalinkPage}
  1182. {block:Caption}<div id="captions">
  1183. {Caption}</div>
  1184. {/block:Caption}
  1185. {/block:PermalinkPage}
  1186. {/block:IfNotShowCaptions}
  1187.  
  1188. {block:ContentSource}
  1189. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1190. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1191. {/block:SourceLogo}
  1192. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1193. {/block:ContentSource}
  1194.  
  1195. {/block:Video}
  1196.  
  1197.  
  1198.  
  1199.  
  1200. {block:Answer}
  1201.  
  1202. <div id="texts">
  1203.  
  1204. <div id="asks">
  1205. <img src="{AskerPortraitURL-64}">
  1206. </div>
  1207.  
  1208. <div style="margin-left: 58px; border-left: 1px dotted {color:Italics}; padding-left: 5px; min-height: 52px;">
  1209. <div id="asksq"><img src="http://static.tumblr.com/7qjmkr5/O8amckiv4/comment.png"> <div style="display: inline; text-decoration: underline;">{Asker}</div>: {Question}</div>
  1210. </div>
  1211.  
  1212. <div style="margin-top: 15px;">
  1213. {Answer}</div>
  1214.  
  1215. </div>
  1216.  
  1217. {block:IndexPage}
  1218. <div id="bottom2">
  1219.  
  1220. <div id="like"><div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div></div>
  1221.  
  1222. <div id="ahem">
  1223. <a href="{Permalink}" {block:IfNotShowTags}{block:HasTags}title="{block:Tags}#{Tag} {/block:Tags}"{/block:HasTags}{/block:IfNotShowTags}>{Timeago} with {NoteCountWithLabel}</a>
  1224. </div>
  1225. </div>
  1226. {/block:IndexPage}
  1227.  
  1228. {/block:Answer}
  1229.  
  1230. </div>
  1231.  
  1232.  
  1233.  
  1234. {block:IndexPage}
  1235. {block:IfShowTags}
  1236. {block:HasTags}<div id="bottom">
  1237. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  1238. </div>{/block:HasTags}
  1239. {/block:IfShowTags}
  1240. {/block:IndexPage}
  1241.  
  1242.  
  1243.  
  1244. {block:PermalinkPage}
  1245.  
  1246. {block:Date}
  1247. <div style="padding: 15px; border: 1px solid {color:Borders}; background: {color:PermalinkBG}; text-align: left; margin-left: auto; margin-right: auto; margin-top: 5px; width: 500px;">
  1248.  
  1249. Posted on {Month} {DayOfMonth}, {Year} with {NoteCountWithLabel} ({Timeago})
  1250. {/block:Date}
  1251.  
  1252. {block:RebloggedFrom}
  1253. <br>Reblogged via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  1254. <br>Original post: <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1255. {/block:RebloggedFrom}{block:ContentSource} (<a href="{SourceURL}">source</a>){/block:ContentSource}
  1256.  
  1257. {block:HasTags}
  1258. <br>Tagged: {block:Tags}<a href="{TagURL}">#{Tag} </a> {/block:Tags}
  1259. {/block:HasTags}
  1260.  
  1261. </div>
  1262.  
  1263. {/block:PermalinkPage}
  1264.  
  1265.  
  1266.  
  1267. {block:PostNotes}
  1268. <div id="notes">
  1269. {PostNotes}
  1270. </div>
  1271. {/block:PostNotes}
  1272.  
  1273.  
  1274.  
  1275. {/block:Posts}
  1276.  
  1277. </div></div>
  1278.  
  1279. </body></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!