API tools faq
paste
xmisa0923

z theme

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