API tools faq
paste
xmisa0923

th i

xmisa0923
Aug 6th, 2013
71
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 32.00 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 {position: fixed;background:transparent;text-align: left;height: 111px;width: 100px;top: 250px;margin-left: -110px;-webkit-transition:opacity 0.4s linear;-webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; transition:all 0.4s linear;}
  417. .sidebar:hover {margin-left:-156px;-webkit-transition:opacity 0.4s linear;-webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; transition:all 0.4s linear;}
  418.  
  419. #info {opacity:0;margin-top:-100px;margin-left:10px;-webkit-transition:opacity 0.4s linear;-webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; transition:all 0.4s linear}
  420. .sidebar:hover #info {opacity:1;-webkit-transition:opacity 0.4s linear;-webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; transition:all 0.4s linear}
  421.  
  422. #links
  423. {opacity:0;padding-left:10px;-webkit-transition:opacity 0.4s linear;-webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; transition:all 0.4s linear}
  424. .sidebar:hover #links
  425. {opacity:1;-webkit-transition:opacity 0.4s linear;-webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; transition:all 0.4s linear}
  426.  
  427.  
  428.  
  429. .title {font-size:13px;text-align:center;border-bottom:1px solid {color:border};padding-bottom:6px;text-transform:uppercase;}
  430.  
  431. #title {font-family:arial;font-size:27px;text-align:center;margin-left:30px;width:50px;height:100px; -webkit-transition:opacity 0.4s linear;-webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; transition:all 0.4s linear;border:1px dashed {color:Sidebar};background:#fff;margin-top:-1px;}
  432. .sidebar:hover #title {margin-left:-50px;-webkit-transition:opacity 0.4s linear;-webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; transition:all 0.4s linear;}
  433. #title a {color:{color:Title};background:#fff;}
  434. #title a:hover {opacity:0;}
  435.  
  436. #line {position:fixed;margin-left:-55px;height:100%;z-index:00;top:0%;border-left:1px dashed {color:Sidebar};}
  437. #line:hover {margin-left:-50px;-webkit-transition:opacity 0.4s linear;-webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; transition:all 0.4s linear;}
  438.  
  439. ul {list-style-type:hiragana }
  440.  
  441. /* Pagination */
  442.  
  443.  
  444. #pages {
  445. font-size: 10px;
  446. text-align: center;
  447. color: #CCC;
  448. margin-left: -20px;
  449. margin-right: -20px;
  450. margin-top: 10px;
  451. letter-spacing: 0px;
  452. }
  453.  
  454. #current {
  455. color: {color:Bold};
  456. background: none;
  457. padding: 0px 3px 0px 3px;
  458. display: inline-block;
  459. }
  460.  
  461. #pages a {
  462. text-decoration: none;
  463. padding: 0px 3px 0px 3px;
  464. margin-left: 1px;
  465. margin-right: 1px;
  466. display: inline-block;
  467. color: {color:TagsLink};
  468. -webkit-transition: all 0.4s linear;
  469. -moz-transition: all 0.4s linear;
  470. transition: all 0.4s linear;
  471. }
  472.  
  473. #pages a:hover {
  474. color: {color:TagsLinkHover};
  475. -webkit-transition: all 0.4s linear;
  476. -moz-transition: all 0.4s linear;
  477. transition: all 0.4s linear;
  478. }
  479.  
  480.  
  481.  
  482.  
  483. /* Music Player */
  484.  
  485.  
  486. .donut:hover {
  487. margin-left: -230px;
  488. -webkit-transition: all 0.6s ease-in-out;
  489. -moz-transition: all 0.6s ease-in-out;
  490. -o-transition: all 0.6s ease-in-out;
  491. }
  492.  
  493. .donut {
  494. position: fixed;
  495. width: 50px;
  496. height: 20px;
  497. background: {color:PostBG};
  498. margin-left: -206px;
  499. margin-top: 70px;
  500. border-top: 1px solid {color:Borders};
  501. border-left: 1px solid {color:Borders};
  502. border-bottom: 1px solid {color:Borders};
  503. z-index: 555;
  504. -webkit-transition: all 0.6s ease-in-out;
  505. -moz-transition: all 0.6s ease-in-out;
  506. -o-transition: all 0.6s ease-in-out;
  507. }
  508.  
  509. #milkbun {
  510. position: absolute;
  511. margin-top: 5px;
  512. margin-left: 6px;
  513. }
  514.  
  515. #chocolate {
  516. position: absolute;
  517. margin-left: 25px;
  518. }
  519.  
  520. #milk {
  521. width: 25px;
  522. height: 25px;
  523. overflow: hidden;
  524. }
  525.  
  526. #syroup {
  527. margin-left: -27px;
  528. }
  529.  
  530.  
  531. /* Audio Posts */
  532.  
  533.  
  534. #musicart {
  535. position: absolute;
  536. height: 90px;
  537. width: 90px;
  538. border: 1px solid {color:Borders};
  539. padding: 5px;
  540. }
  541.  
  542. #musicart img {
  543. opacity: 0.8;
  544. height: 90px;
  545. width: 90px;
  546. -webkit-transition: all 0.6s ease-in-out;
  547. -moz-transition: all 0.6s ease-in-out;
  548. -o-transition: all 0.6s ease-in-out;
  549. }
  550.  
  551. #player {
  552. opacity: 0.2;
  553. -webkit-transition: all 0.6s ease-in-out;
  554. -moz-transition: all 0.6s ease-in-out;
  555. -o-transition: all 0.6s ease-in-out;
  556. }
  557.  
  558. .post:hover #player {
  559. opacity: 0.6;
  560. }
  561.  
  562. .post:hover #musicart img {
  563. opacity: 0.2;
  564. }
  565.  
  566.  
  567. /* Ask Posts */
  568.  
  569.  
  570. #asks {
  571. position: absolute;
  572. border: 1px solid {color:Borders};
  573. padding: 5px;
  574. height: 40px;
  575. width: 40px;
  576. }
  577.  
  578. #asks img {
  579. height: 40px;
  580. width: 40px;
  581. }
  582.  
  583. #asksq img {
  584. margin: 0px;
  585. opacity: 0.7;
  586. }
  587.  
  588.  
  589. /* Selection Text & Scrollbar */
  590.  
  591.  
  592. :-moz-selection {
  593. background: #FBFBFB;
  594. color: #000;
  595. }
  596.  
  597. ::selection {
  598. background: #FBFBFB;
  599. color: #000;
  600. }
  601.  
  602. ::-webkit-scrollbar-thumb:vertical {
  603. background: {color:Scrollbar};
  604. height: 80px;
  605. }
  606.  
  607. ::-webkit-scrollbar {
  608. height: 10px;
  609. width: 8px;
  610. background: {color:BG};
  611. }
  612.  
  613.  
  614. /* Follow Buttons */
  615.  
  616.  
  617. iframe#tumblr_controls {
  618. position: fixed !important;
  619. -webkit-filter: invert(100%);
  620. z-index: 9999;
  621. opacity: 0.3;
  622. }
  623.  
  624.  
  625.  
  626.  
  627.  
  628.  
  629. /* Style My Tooltips */
  630.  
  631.  
  632. #s-m-t-tooltip {
  633. z-index: 9999;
  634. background: {color:HoverTitleBG};
  635. font-size: 9px;
  636. line-height: 11px;
  637. letter-spacing: 1px;
  638. font-family: cambria;
  639. font-style: oblique;
  640. border: 1px solid {color:HoverTitleBorder};
  641. text-transform: lowercase;
  642. color: {color:HoverTitle};
  643. max-width: 150px;
  644. word-wrap: break-word;
  645. padding: 5px 10px 5px 10px;
  646. display: block;
  647. margin: 24px 14px 7px 12px;
  648. -webkit-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.03);
  649. -moz-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.03);
  650. box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.03);
  651. }
  652.  
  653.  
  654.  
  655.  
  656. </style>
  657.  
  658. <link href="#s-m-t-tooltip" rel="stylesheet" type="text/css" />
  659.  
  660. {block:IfInfiniteScroll}
  661. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  662. {/block:IfInfiniteScroll}
  663.  
  664.  
  665. <script>
  666. window.onload = function () {
  667. document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
  668. document.addEventListener( 'click', function ( event ) {
  669. var myLike = event.target;
  670. if( myLike.className.indexOf( 'my-like' ) > -1 ) {
  671. var frame = document.getElementById( 'my-like-frame' ),
  672. liked = ( myLike.className == 'my-liked' ),
  673. command = liked ? 'unlike' : 'like',
  674. reblog = myLike.getAttribute( 'data-reblog' ),
  675. id = myLike.getAttribute( 'data-id' ),
  676. oauth = reblog.slice( -8 );
  677. frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
  678. liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
  679. };
  680. }, false );
  681. };
  682. </script>
  683.  
  684.  
  685. </head>
  686.  
  687.  
  688. {block:IfInfiniteScroll}
  689. <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>
  690. {/block:IfInfiniteScroll}
  691.  
  692.  
  693. <body>
  694.  
  695.  
  696. <div id="center">
  697.  
  698. {block:IfMusicPlayer}
  699. {block:IndexPage}
  700. <div class="donut">
  701.  
  702. <div id="chocolate"><div id="milk"><div id="syroup">
  703. {text:MusicPlayer}
  704. </div></div></div>
  705.  
  706. <div id="milkbun"><img src="{image:MusicGif}"></div>
  707.  
  708. </div>
  709. {/block:IndexPage}
  710. {/block:IfMusicPlayer}
  711.  
  712.  
  713.  
  714.  
  715. <div id="line"></div>
  716. <div class="sidebar">
  717.  
  718. <div id="title">
  719. </br>
  720. 我
  721. </br></br></br>
  722. <a href="{text:Link URL}">愛</a>
  723. </br></br><br>
  724. 你
  725. </div>
  726.  
  727. <div id="info">{description}</br>
  728. <a href="/">index</a>
  729. x
  730. <a href="/ask">ask</a>
  731. x
  732. <a href="/archive">past</a>
  733. x
  734. <a href="http://itanu.tumblr.com">©</a>
  735. </div>
  736.  
  737. </div></div>
  738.  
  739.  
  740. {block:IfNotInfiniteScroll}
  741. {block:IndexPage}
  742. <div id="pages">
  743. {block:PreviousPage}
  744. <a href="{PreviousPage}">«</a>
  745. {/block:PreviousPage}
  746. {block:JumpPagination length="3"}
  747. {block:CurrentPage}
  748. <div id="current">{PageNumber}</div>
  749. {/block:CurrentPage}
  750.  
  751. {block:JumpPage}
  752. <a class="jump_page" href="{URL}">{PageNumber}</a>
  753. {/block:JumpPage}
  754. {/block:JumpPagination}
  755. {block:NextPage}
  756. <a href="{NextPage}">»</a>
  757. {/block:NextPage}
  758. </div>
  759. {/block:IndexPage}
  760. {/block:IfNotInfiniteScroll}
  761.  
  762. </div>
  763.  
  764. <div class="autopagerize_page_element">
  765.  
  766. {block:Posts}
  767.  
  768. <div class="post">
  769.  
  770. {block:IfShowViaSource}
  771. {block:IndexPage}
  772. {block:RebloggedFrom}
  773. <div id="kyungsoo">
  774. <a href="{ReblogParentURL}" title="Reblogged from {ReblogParentName}"><img src="{ReblogParentPortraitURL-30}"></a>
  775. <a href="{ReblogRootURL}" title="Original post by {ReblogRootName}"><img src="{ReblogRootPortraitURL-30}"></a>
  776. </div>
  777. {/block:RebloggedFrom}
  778. {/block:IndexPage}
  779. {/block:IfShowViaSource}
  780.  
  781.  
  782. {block:Text}
  783.  
  784. <div id="texts">
  785.  
  786. {block:Title}
  787. <div style="font-size: 16px; line-height: 16px; color: {color:Titles};">
  788. {Title}
  789. </div>
  790. {/block:Title}
  791.  
  792. {Body}
  793.  
  794. {block:ContentSource}
  795. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  796. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  797. {/block:SourceLogo}
  798. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  799. {/block:ContentSource}
  800.  
  801. </div>
  802.  
  803. {block:IndexPage}
  804. <div id="bottom2">
  805.  
  806. <div id="like"><div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div></div>
  807. <div id="reblog2"><a href="{ReblogURL}" title="reblog"><img src="http://static.tumblr.com/7qjmkr5/1STmeu1cb/loop.png"></a></div>
  808.  
  809. <div id="ahem">
  810. <a href="{Permalink}" {block:IfNotShowTags}{block:HasTags}title="{block:Tags}#{Tag} {/block:Tags}"{/block:HasTags}{/block:IfNotShowTags}>{Timeago} with {NoteCountWithLabel}</a>
  811. </div>
  812. </div>
  813. {/block:IndexPage}
  814.  
  815. {/block:Text}
  816.  
  817.  
  818.  
  819.  
  820. {block:Photo}
  821.  
  822. {block:IndexPage}
  823. <div id="zico">
  824.  
  825. <div id="like"><div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div></div>
  826. <div id="reblog"><a href="{ReblogURL}" title="reblog"><img src="http://static.tumblr.com/7qjmkr5/1STmeu1cb/loop.png"></a></div>
  827.  
  828. <div id="ahem">
  829. <a href="{Permalink}" {block:IfNotShowTags}{block:HasTags}title="{block:Tags}#{Tag} {/block:Tags}"{/block:HasTags}{/block:IfNotShowTags}>{Timeago} with {NoteCountWithLabel}</a>
  830. </div>
  831. </div>
  832. {/block:IndexPage}
  833.  
  834. <div id="piccy">
  835. <center>
  836. <img src="{PhotoURL-500}">
  837. </center>
  838. </div>
  839.  
  840. {block:IfShowCaptions}
  841. {block:Caption}<div id="captions">
  842. {Caption}</div>
  843. {/block:Caption}
  844. {/block:IfShowCaptions}
  845.  
  846. {block:IfNotShowCaptions}
  847. {block:PermalinkPage}
  848. {block:Caption}<div id="captions">
  849. {Caption}</div>
  850. {/block:Caption}
  851. {/block:PermalinkPage}
  852. {/block:IfNotShowCaptions}
  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. {/block:Photo}
  862.  
  863.  
  864.  
  865.  
  866. {block:Photoset}
  867.  
  868. {block:IndexPage}
  869. <div id="zico">
  870.  
  871. <div id="like"><div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div></div>
  872. <div id="reblog"><a href="{ReblogURL}" title="reblog"><img src="http://static.tumblr.com/7qjmkr5/1STmeu1cb/loop.png"></a></div>
  873.  
  874. <div id="ahem">
  875. <a href="{Permalink}" {block:IfNotShowTags}{block:HasTags}title="{block:Tags}#{Tag} {/block:Tags}"{/block:HasTags}{/block:IfNotShowTags}>{Timeago} with {NoteCountWithLabel}</a>
  876. </div>
  877. </div>
  878. {/block:IndexPage}
  879.  
  880. <center>
  881. {block:IndexPage}
  882. {block:If250Posts}{Photoset-250}{/block:If250Posts}
  883. {block:IfNot250Posts}{Photoset-400}{/block:IfNot250Posts}
  884. {/block:IndexPage}
  885. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  886. <div style="margin-bottom: -2px;"></div>
  887. </center>
  888.  
  889. {block:IfShowCaptions}
  890. {block:Caption}<div id="captions">
  891. {Caption}</div>
  892. {/block:Caption}
  893. {/block:IfShowCaptions}
  894.  
  895. {block:IfNotShowCaptions}
  896. {block:PermalinkPage}
  897. {block:Caption}<div id="captions">
  898. {Caption}</div>
  899. {/block:Caption}
  900. {/block:PermalinkPage}
  901. {/block:IfNotShowCaptions}
  902.  
  903. {block:ContentSource}
  904. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  905. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  906. {/block:SourceLogo}
  907. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  908. {/block:ContentSource}
  909.  
  910. {/block:Photoset}
  911.  
  912.  
  913.  
  914.  
  915. {block:Quote}
  916.  
  917. <div id="texts">
  918.  
  919. <div style="color: {color:Borders}; font-size: 30px; line-height: 30px; float: left; font-family: georgia;">
  920. ♚</div>
  921. <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;">
  922. {Quote}
  923. </div>
  924. {block:Source}
  925. <div style="text-align: right; margin-top: 10px;">— {Source}</div>
  926. {/block:Source}
  927.  
  928. </div>
  929.  
  930. {block:IndexPage}
  931. <div id="bottom2">
  932.  
  933. <div id="like"><div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div></div>
  934. <div id="reblog2"><a href="{ReblogURL}" title="reblog"><img src="http://static.tumblr.com/7qjmkr5/1STmeu1cb/loop.png"></a></div>
  935.  
  936. <div id="ahem">
  937. <a href="{Permalink}" {block:IfNotShowTags}{block:HasTags}title="{block:Tags}#{Tag} {/block:Tags}"{/block:HasTags}{/block:IfNotShowTags}>{Timeago} with {NoteCountWithLabel}</a>
  938. </div>
  939. </div>
  940. {/block:IndexPage}
  941.  
  942. {/block:Quote}
  943.  
  944.  
  945.  
  946.  
  947. {block:Link}
  948.  
  949. <div id="texts">
  950.  
  951. <div style="font-size: 16px; line-height: 16px;">
  952. <div id="titlelink"><a href="{URL}" {Target}>{Name}</a></div>
  953. </div>
  954.  
  955. {block:Description}
  956. {Description}
  957. {/block:Description}
  958.  
  959. {block:ContentSource}
  960. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  961. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  962. {/block:SourceLogo}
  963. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  964. {/block:ContentSource}
  965.  
  966. </div>
  967.  
  968. {block:IndexPage}
  969. <div id="bottom2">
  970.  
  971. <div id="like"><div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div></div>
  972. <div id="reblog2"><a href="{ReblogURL}" title="reblog"><img src="http://static.tumblr.com/7qjmkr5/1STmeu1cb/loop.png"></a></div>
  973.  
  974. <div id="ahem">
  975. <a href="{Permalink}" {block:IfNotShowTags}{block:HasTags}title="{block:Tags}#{Tag} {/block:Tags}"{/block:HasTags}{/block:IfNotShowTags}>{Timeago} with {NoteCountWithLabel}</a>
  976. </div>
  977. </div>
  978. {/block:IndexPage}
  979.  
  980. {/block:Link}
  981.  
  982.  
  983.  
  984.  
  985. {block:Chat}
  986.  
  987. <div id="texts">
  988.  
  989. {block:Title}
  990. <div style="font-size: 16px; line-height: 16px; color: {color:Titles};">
  991. {Title}
  992. </div>
  993. {/block:Title}
  994.  
  995. <div style="text-align: left;">
  996. <ul type="square">
  997. {block:Lines}
  998. <li>{block:Label}<div style="color: #CCC; display: inline;">{Label}</div>{/block:Label} {Line}</li>
  999. {/block:Lines}
  1000. </ul>
  1001. </div>
  1002.  
  1003. </div>
  1004.  
  1005. {block:IndexPage}
  1006. <div id="bottom2">
  1007.  
  1008. <div id="like"><div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div></div>
  1009. <div id="reblog2"><a href="{ReblogURL}" title="reblog"><img src="http://static.tumblr.com/7qjmkr5/1STmeu1cb/loop.png"></a></div>
  1010.  
  1011. <div id="ahem">
  1012. <a href="{Permalink}" {block:IfNotShowTags}{block:HasTags}title="{block:Tags}#{Tag} {/block:Tags}"{/block:HasTags}{/block:IfNotShowTags}>{Timeago} with {NoteCountWithLabel}</a>
  1013. </div>
  1014. </div>
  1015. {/block:IndexPage}
  1016.  
  1017. {/block:Chat}
  1018.  
  1019.  
  1020.  
  1021.  
  1022. {block:Audio}
  1023.  
  1024. <div id="texts">
  1025.  
  1026. <div id="musicart">
  1027. {block:AlbumArt}
  1028. <img src="{AlbumArtURL}">
  1029. {/block:AlbumArt}
  1030. </div>
  1031.  
  1032. <div id="player"><div style="position: absolute; margin: 1px 0px 0px 1px; padding: 37px 36px 36px 37px; background: #FFF;">
  1033. <div style="width: 27px; height: 27px; overflow: hidden;">
  1034. {AudioPlayerWhite}
  1035. </div></div></div>
  1036.  
  1037. <div style="margin-left: 112px; min-height: 102px; font-size: 8px; text-transform: uppercase; letter-spacing: 1px; line-height: 14px; font-family: calibri;">
  1038. {block:TrackName}<b>Track:</b> {TrackName}<br>{/block:TrackName}
  1039. {block:Artist}<b>Artist:</b> {Artist}<br>{/block:Artist}
  1040. {block:Album}<b>Album:</b> {Album}<br>{/block:Album}
  1041. <b>Plays:</b> {PlayCount}<br>
  1042. </div>
  1043.  
  1044. {block:IfShowCaptions}
  1045. {block:Caption}<div id="captions">
  1046. {Caption}</div>
  1047. {/block:Caption}
  1048. {/block:IfShowCaptions}
  1049.  
  1050. {block:IfNotShowCaptions}
  1051. {block:PermalinkPage}
  1052. {block:Caption}<div id="captions">
  1053. {Caption}</div>
  1054. {/block:Caption}
  1055. {/block:PermalinkPage}
  1056. {/block:IfNotShowCaptions}
  1057.  
  1058. {block:ContentSource}
  1059. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1060. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1061. {/block:SourceLogo}
  1062. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1063. {/block:ContentSource}
  1064.  
  1065. </div>
  1066.  
  1067. {block:IndexPage}
  1068. <div id="bottom2">
  1069.  
  1070. <div id="like"><div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div></div>
  1071. <div id="reblog2"><a href="{ReblogURL}" title="reblog"><img src="http://static.tumblr.com/7qjmkr5/1STmeu1cb/loop.png"></a></div>
  1072.  
  1073. <div id="ahem">
  1074. <a href="{Permalink}" {block:IfNotShowTags}{block:HasTags}title="{block:Tags}#{Tag} {/block:Tags}"{/block:HasTags}{/block:IfNotShowTags}>{Timeago} with {NoteCountWithLabel}</a>
  1075. </div>
  1076. </div>
  1077. {/block:IndexPage}
  1078.  
  1079. {/block:Audio}
  1080.  
  1081.  
  1082.  
  1083.  
  1084. {block:Video}
  1085.  
  1086. {block:IndexPage}
  1087. <div id="zico">
  1088.  
  1089. <div id="like"><div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div></div>
  1090. <div id="reblog"><a href="{ReblogURL}" title="reblog"><img src="http://static.tumblr.com/7qjmkr5/1STmeu1cb/loop.png"></a></div>
  1091.  
  1092. <div id="ahem">
  1093. <a href="{Permalink}" {block:IfNotShowTags}{block:HasTags}title="{block:Tags}#{Tag} {/block:Tags}"{/block:HasTags}{/block:IfNotShowTags}>{Timeago} with {NoteCountWithLabel}</a>
  1094. </div>
  1095. </div>
  1096. {/block:IndexPage}
  1097.  
  1098. <center>
  1099. {block:IndexPage}
  1100. {block:If250Posts}{Video-250}{/block:If250Posts}
  1101. {block:IfNot250Posts}{Video-400}{/block:IfNot250Posts}
  1102. {/block:IndexPage}
  1103. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  1104. <div style="margin-bottom: -2px;"></div>
  1105. </center>
  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. {/block:Video}
  1129.  
  1130.  
  1131.  
  1132.  
  1133. {block:Answer}
  1134.  
  1135. <div id="texts">
  1136.  
  1137. <div id="asks">
  1138. <img src="{AskerPortraitURL-64}">
  1139. </div>
  1140.  
  1141. <div style="margin-left: 58px; border-left: 1px dotted {color:Italics}; padding-left: 5px; min-height: 52px;">
  1142. <div id="asksq"><img src="http://static.tumblr.com/7qjmkr5/O8amckiv4/comment.png"> <div style="display: inline; text-decoration: underline;">{Asker}</div>: {Question}</div>
  1143. </div>
  1144.  
  1145. <div style="margin-top: 15px;">
  1146. {Answer}</div>
  1147.  
  1148. </div>
  1149.  
  1150. {block:IndexPage}
  1151. <div id="bottom2">
  1152.  
  1153. <div id="like"><div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div></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. {/block:Answer}
  1162.  
  1163. </div>
  1164.  
  1165.  
  1166.  
  1167. {block:IndexPage}
  1168. {block:IfShowTags}
  1169. {block:HasTags}<div id="bottom">
  1170. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  1171. </div>{/block:HasTags}
  1172. {/block:IfShowTags}
  1173. {/block:IndexPage}
  1174.  
  1175.  
  1176.  
  1177. {block:PermalinkPage}
  1178.  
  1179. {block:Date}
  1180. <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;">
  1181.  
  1182. Posted on {Month} {DayOfMonth}, {Year} with {NoteCountWithLabel} ({Timeago})
  1183. {/block:Date}
  1184.  
  1185. {block:RebloggedFrom}
  1186. <br>Reblogged via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  1187. <br>Original post: <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1188. {/block:RebloggedFrom}{block:ContentSource} (<a href="{SourceURL}">source</a>){/block:ContentSource}
  1189.  
  1190. {block:HasTags}
  1191. <br>Tagged: {block:Tags}<a href="{TagURL}">#{Tag} </a> {/block:Tags}
  1192. {/block:HasTags}
  1193.  
  1194. </div>
  1195.  
  1196. {/block:PermalinkPage}
  1197.  
  1198.  
  1199.  
  1200. {block:PostNotes}
  1201. <div id="notes">
  1202. {PostNotes}
  1203. </div>
  1204. {/block:PostNotes}
  1205.  
  1206.  
  1207.  
  1208. {/block:Posts}
  1209.  
  1210. </div></div>
  1211.  
  1212. </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!