API tools faq
paste
xmisa0923

H + A

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