API tools faq
paste
xmisa0923

asd

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