API tools faq
paste
xmisa0923

dssadg

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