Advertisement
milkdesu

Theme #3 - Onigiri (Riceball)

Sep 28th, 2013
3,042
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.75 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!--
  4.  
  5. _ _ _ _
  6. (_) | | | |
  7. _ __ ___ _| | | ____| | ___ ___ _ _
  8. | '_ ` _ \| | | |/ / _` |/ _ \/ __| | |♥| T H E M E S .
  9. | | | | | | | | < (_| | __/\__ \ |_| |
  10. |_| |_| |_|_|_|_|\_\__,_|\___||___/\__,_|
  11. * ** ** * * ** ** * * ** *
  12. BY BAEKDO.TUMBLR.COM
  13. © DO NOT remove my credit.
  14. or else i'll hunt you down and shoot (report) you~
  15.  
  16. * ** * * ** * * **
  17. ** * *
  18. * ** *
  19. * * *
  20. * * * * * *
  21. * * * *
  22. * * * * *
  23.  
  24. * *
  25. *
  26. *
  27.  
  28. -->
  29.  
  30.  
  31. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  32. <head>
  33.  
  34. <title>{Title}</title>
  35. <link rel="shortcut icon" href="{Favicon}">
  36. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  37. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  38.  
  39. <meta name="color:Background" content="#fff"/>
  40. <meta name="color:Text" content="#aaa"/>
  41. <meta name="color:Links" content="#6d6d6d"/>
  42. <meta name="color:Links Hover" content="#f0f0f0"/>
  43. <meta name="color:Scrollbar" content="#444"/>
  44. <meta name="color:Post Background" content="#fff"/>
  45.  
  46. <meta name="image:Pagination Icon" content="http://media.tumblr.com/cf6b38408ce93bd4c896b647f01989e2/tumblr_inline_mgd5ex6CUf1qk1or3.gif">
  47. <meta name="image:Links Icon" content="http://i205.photobucket.com/albums/bb186/mhilkas/favoicons/favcute.gif">
  48.  
  49. <meta name="text:Title Hover Message" content="MESSAGE GOES HERE"/>
  50. <meta name="text:asked" content="asked:"/>
  51. <meta name="text:posted" content="breathed:">
  52.  
  53. <meta name="text:linkA" content="link 1">
  54. <meta name="text:linkA url" content="/">
  55. <meta name="text:linkB" content="link 2">
  56. <meta name="text:linkB url" content="/">
  57. <meta name="text:linkC" content="link 3">
  58. <meta name="text:linkC url" content="/">
  59. <meta name="text:linkD" content="link 4">
  60. <meta name="text:linkD url" content="/">
  61. <meta name="text:linkE" content="link 5">
  62. <meta name="text:linkE url" content="/">
  63. <meta name="text:linkF" content="link 6">
  64. <meta name="text:linkF url" content="/">
  65.  
  66. <script type="text/javascript" src="http://static.tumblr.com/p2evvtm/Wycm17d1m/tumblr_search_box.js"></script>
  67.  
  68. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  69.  
  70. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  71. <script>
  72. (function($){
  73. $(document).ready(function(){
  74. $("[title]").style_my_tooltips();
  75. });
  76. })(jQuery);
  77. </script>
  78.  
  79. <script type="text/javascript"
  80. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  81.  
  82. <script>
  83.  
  84.  
  85.  
  86. $(document).ready(function() {
  87.  
  88. //
  89.  
  90.  
  91.  
  92. //When you click on a link with class of poplight and the href starts with a #
  93.  
  94. $('a.poplight[href^=#]').click(function() {
  95.  
  96. var popID = $(this).attr('rel'); //Get Popup Name
  97.  
  98. var popURL = $(this).attr('href'); //Get Popup href to define size
  99.  
  100.  
  101.  
  102. //Pull Query & Variables from href URL
  103.  
  104. var query= popURL.split('?');
  105.  
  106. var dim= query[1].split('&');
  107.  
  108. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  109.  
  110.  
  111.  
  112. //Fade in the Popup and add close button
  113.  
  114. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://static.tumblr.com/7dwvytx/AFhng0xhl/close.png" class="btn_close" title="close window" alt="Close" /></a>');
  115.  
  116.  
  117. //Define margin for center alignment (vertical horizontal) - we add 80px to the height/width to accomodate for the padding and border width defined in the css
  118.  
  119. var popMargTop = ($('#' + popID).height() + 80) / 2;
  120.  
  121. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  122.  
  123.  
  124.  
  125. //Apply Margin to Popup
  126.  
  127. $('#' + popID).css({
  128.  
  129. 'margin-top' : -popMargTop,
  130.  
  131. 'margin-left' : -popMargLeft
  132.  
  133. });
  134.  
  135.  
  136.  
  137. //Fade in Background
  138.  
  139. $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
  140.  
  141. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies
  142.  
  143.  
  144.  
  145. return false;
  146.  
  147. });
  148.  
  149.  
  150.  
  151. //Close Popups and Fade Layer
  152.  
  153. $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
  154.  
  155. $('#fade , .popup_block').fadeOut(function() {
  156.  
  157. $('#fade, a.close').remove(); //fade them both out
  158.  
  159. });
  160.  
  161. return false;
  162.  
  163. });
  164.  
  165.  
  166.  
  167.  
  168.  
  169. });
  170.  
  171. </script>
  172.  
  173.  
  174.  
  175.  
  176.  
  177. <style type="text/css">
  178. {CustomCSS}
  179.  
  180.  
  181. body, a, a:hover { cursor:url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto }
  182. a:hover { cursor:url(http://cur.cursors-4u.net/user/use-1/use169.cur), auto }
  183.  
  184. ::-webkit-scrollbar-thumb:vertical {
  185. background: {color:Scrollbar};
  186. border: 4px solid {color:Background};
  187. width: 30px;
  188. }
  189.  
  190. ::-webkit-scrollbar {
  191. height: 10px;
  192. width: 15px;
  193. background: {color:Scrollbar};
  194. border: 7px solid {color:Background};
  195. }
  196.  
  197. :-moz-selection {
  198. background: transparent;
  199. color: #000;
  200. }
  201.  
  202. ::selection {
  203. background: transparent;
  204. color: #000;
  205. }
  206.  
  207. body {
  208. background-color: {color:Background};
  209. background-image: url('{image:Background}');
  210. background-repeat: repeat;
  211. background-attachment: fixed;
  212. color:{color:Text};
  213. font-family:bell-mt;
  214. font-size: 11px;
  215. text-align:justify;
  216. }
  217.  
  218. a {
  219. text-decoration:none;
  220. -moz-outline-style:none;
  221. color:{color:Links};
  222. }
  223.  
  224. a:hover {
  225. opacity:1;
  226. color:{color:Links Hover};
  227. text-decoration:none;
  228. -webkit-transition: all 0.5s ease;
  229. -moz-transition: all 0.5s ease;
  230. -o-transition: all 0.5s ease;
  231. }
  232.  
  233. img {
  234. border:none;
  235. }
  236.  
  237. #posts img {
  238. opacity:0.85;
  239. -webkit-transition: opacity 0.5s linear;
  240. -webkit-transition: all 0.5s ease-in-out;
  241. -moz-transition: all 0.5s ease-in-out;}
  242.  
  243. #posts img:hover {
  244. opacity:1;
  245. -webkit-transition: opacity 0.7s linear;
  246. -webkit-transition: all 0.7s ease-in-out;
  247. -moz-transition: all 0.7s ease-in-out;}
  248.  
  249.  
  250. h1 {
  251. font-family:cambria;
  252. font-size: 15px;
  253. letter-spacing:2px;
  254. text-transform:uppercase;
  255. }
  256.  
  257. blockquote {
  258. padding-left:5px;
  259. border-left:3px solid;
  260. overflow: hidden;
  261. }
  262.  
  263. blockquote blockquote {
  264. padding-left:5px;
  265. border-left:2px solid;
  266. }
  267.  
  268. blockquote img {
  269. max-width:240px;
  270. }
  271.  
  272. #s-m-t-tooltip {
  273. z-index: 99999;
  274. background: #FFF;
  275. font-size: 8px;
  276. line-height: 11px;
  277. font-family: 'silkscreen';
  278. letter-spacing: 0px;
  279. text-transform: none;
  280. color: #000;
  281. text-align: center;
  282. padding: 5px;
  283. border: 1px solid #eeeded;
  284. border-radius: 2px;
  285. display: block;
  286. max-width: 170px;
  287. margin: 6px 10px;
  288. -webkit-box-shadow: 2px 2px 2px rgba(20, 20, 20, 0.1);
  289. -moz-box-shadow: 2px 2px 2px rgba(20, 20, 20, 0.1);
  290. box-shadow: 2px 2px 2px rgba(20, 20, 20, 0.1);
  291. }
  292.  
  293. iframe#tumblr_controls {
  294. top: 0% !important;
  295. right:0% !important;
  296. position: fixed !important;
  297. z-index:99999999 !important;
  298. -webkit-filter: invert(100%);
  299. -moz-filter: invert(100%);
  300. -o-filter: invert(100%);
  301. -ms-filter: invert(100%);
  302. filter: invert(100%);
  303. opacity:0.4;
  304. }
  305.  
  306. #topwrap {
  307. {block:IndexPage}
  308. width: 650px;
  309. {/block:IndexPage}
  310. {block:PermalinkPage}
  311. width: 550px;
  312. {/block:PermalinkPage}
  313. position: relative;
  314. margin: auto auto auto auto;}
  315.  
  316. #content {
  317. position: relative;
  318. width: 1100px;
  319. margin: auto auto auto auto;
  320. top: 100px;
  321. margin-bottom:80px;
  322. padding-left:70px;
  323. {block:PermalinkPage}
  324. position: relative;
  325. width: 550px;
  326. margin: auto auto auto auto;
  327. padding-left:50px;
  328. top: 50px;
  329. {/block:PermalinkPage}
  330.  
  331. }
  332.  
  333. #posts {
  334. background-color: {color:Post Background};
  335. float: left;
  336. {block:IndexPage}
  337. width: 250px;
  338. {/block:IndexPage}
  339. {block:PermalinkPage}
  340. width:500px;
  341. {/block:PermalinkPage}
  342. border: 0px solid #f0f0f0;
  343. margin: 5px;
  344. padding-bottom: 10px;
  345. overflow: hidden;
  346. color:{color:Text};
  347. font-family:bell-mt;
  348. font-size: 10px;
  349. text-align:justify;
  350. letter-spacing:1px;
  351. }
  352.  
  353. #pagi {
  354. font-family:'silkscreen';
  355. width:490px;
  356. font-size:8px;
  357. letter-spacing:1px;
  358. display:block;
  359. }
  360.  
  361. #pagi a {
  362. color:#666;
  363. background:#eee;
  364. padding:3px 3px 3px 3px;
  365. margin:0px 20px 0px 20px;
  366. line-height:30px;
  367. letter-spacing:2px;
  368. text-transform:uppercase;
  369. transition:0.15s all ease-in-out;
  370. moz-transition:0.15s all ease-in-out;
  371. -o-transition:0.15s all ease-in-out;
  372. -webkit-transition:0.15s all ease-in-out;
  373. }
  374.  
  375. #pagi a:hover {
  376. color:#555;
  377. background:#ddd;
  378. }
  379.  
  380. #top {
  381. background-color: #fff;
  382. z-index: 999;
  383. margin: 5px;
  384. {block:IndexPage}
  385. width: 580px;
  386. {/block:IndexPage}
  387. {block:PermalinkPage}
  388. width: 480px;
  389. {/block:PermalinkPage}
  390. padding-top: 70px;
  391. padding-right: 10px;
  392. padding-left: 30px;
  393.  
  394. }
  395.  
  396. .title {
  397. text-align:center;
  398. font-size:62px;
  399. color:#333;
  400. font-family:cambria;
  401. font-style:none;
  402. font-weight:light;
  403. letter-spacing:-2px;
  404. padding-top: 0px;
  405. }
  406.  
  407. .title a {
  408. text-align:center;
  409. font-size:62px;
  410. color:#333;
  411. font-family:cambria;
  412. font-style:none;
  413. font-weight:light;
  414. letter-spacing:-2px;
  415. padding-top: 0px;
  416. }
  417.  
  418. #desc {
  419. color: {color:Text};
  420. text-align:justify;
  421. width:400px;
  422. font-size:9px;
  423. padding:0px;
  424. margin-bottom:30px;
  425. margin-left:95px;
  426. font-family:bell-mt;
  427. letter-spacing:0px;
  428. {block:PermalinkPage}
  429. margin-left:45px;
  430. {/block:PermalinkPage}
  431. }
  432.  
  433. #perma {
  434. float: right;
  435. position: absolute;
  436. text-align: center;
  437. margin-left: 40px;
  438. margin-top: 0px;
  439. height: 0px;
  440. width: 170px;
  441. font-size: 8px;
  442. font-family: 'silkscreen';
  443. background: #fdfdfd;
  444. letter-spacing: 1px;
  445. overflow: hidden;
  446. -webkit-transition: all 0.5s ease-out;
  447. -moz-transition: all 0.5s ease-out;
  448. -o-transition: all 0.5s ease-out;
  449. z-index:99999;
  450. }
  451.  
  452. #perma a {
  453. color:#fff;
  454. background:#222;
  455. padding:3px 3px 3px 3px;
  456. line-height:24px;
  457. letter-spacing:1px;
  458. font-family: courier new;
  459. text-transform: uppercase;
  460. font-size: 8px;
  461. opacity: 1;
  462. transition:0.15s all ease-in-out;
  463. moz-transition:0.15s all ease-in-out;
  464. -o-transition:0.15s all ease-in-out;
  465. -webkit-transition:0.15s all ease-in-out;
  466. }
  467.  
  468. #perma a:hover {
  469. color:#222;
  470. background:#ddd;
  471. font-size: 8px;
  472. opacity: 1;
  473. transition:0.15s all ease-in-out;
  474. moz-transition:0.15s all ease-in-out;
  475. -o-transition:0.15s all ease-in-out;
  476. -webkit-transition:0.15s all ease-in-out;
  477. }
  478.  
  479. #posts:hover #perma {
  480. margin-left: 40px;
  481. margin-top: 0px;
  482. height: 40px;
  483. width: 170px;
  484. padding: 0px;
  485. opacity: 0.8;
  486. overflow: hidden;
  487. filter:alpha(opacity=100);
  488. -moz-opacity: 1;
  489. -khtml-opacity: 1;
  490. -webkit-transition: all 0.5s ease-out;
  491. -moz-transition: all 0.5s ease-out;
  492. -o-transition: all 0.5s ease-out;}
  493. }
  494.  
  495. #quote {
  496. font-family:cambria;
  497. letter-spacing:0px;
  498. font-size: 17px;
  499. font-style:italic;
  500. text-align:center;
  501. line-height: 100%;
  502. }
  503.  
  504. #audio {
  505. font-family:'silkscreen';
  506. font-size:8px;
  507. letter-spacing:0px;
  508. }
  509.  
  510. .audio-player {
  511. position:absolute;
  512. width:27px;
  513. height:27px;
  514. overflow:hidden;
  515. margin-left:-60px;
  516. margin-top:20px;
  517. opacity:0.6;
  518. filter:alpha(opacity=60);
  519. border:2px solid #f2f2f2;
  520. }
  521.  
  522. #ask {
  523. background-color: #fbfbfb;
  524. padding: 5px;
  525. margin-bottom: 3px;
  526. color:#888;
  527. font-family: cambria;
  528. letter-spacing: 2px;
  529. text-align: left;
  530. font-style: none;
  531. border-bottom: 1px solid #eee;
  532. border-radius:3px;
  533. color: {color:Text};
  534. }
  535.  
  536.  
  537. @font-face { font-family:"silkscreen"; src: url('http://static.tumblr.com/1kdckk4/9yjlolf0w/slkscr.ttf'); }
  538.  
  539. #nav {
  540. font-family:'silkscreen';
  541. font-size:8px;
  542. width:350px;
  543. margin: 0px auto 0px auto;
  544. {block:IndexPage}
  545. margin-left:150px;
  546. {/block:IndexPage}
  547. {block:PermalinkPage}
  548. margin-left:100px;
  549. {/block:PermalinkPage}
  550. }
  551.  
  552. #nav a {
  553. color:#666;
  554. background:#eee;
  555. padding:3px 3px 3px 4px;
  556. margin:0px 15px 0px 15px;
  557. line-height:20px;
  558. text-transform:uppercase;
  559. letter-spacing:1px;
  560. text-align:center;
  561. transition:0.15s all ease-in-out;
  562. moz-transition:0.15s all ease-in-out;
  563. -o-transition:0.15s all ease-in-out;
  564. -webkit-transition:0.15s all ease-in-out;
  565. }
  566.  
  567. #nav a:hover {
  568. color:#555;
  569. background:#ddd;
  570. }
  571.  
  572. #fade {
  573. display: none;
  574. background: #000;
  575. position: fixed;
  576. left: 0;
  577. top: 0;
  578. width: 100%;
  579. height: 100%;
  580. opacity: .80;
  581. z-index: 9999;
  582. }
  583.  
  584. .popup_block{
  585. display: none;
  586. background: #FFFFFF;
  587. padding: 30px;
  588. float: left;
  589. position: fixed;
  590. top: 50%;
  591. left: 50%;
  592. border:1px double #f0f0f0;
  593. z-index: 99999;
  594. }
  595.  
  596. img.btn_close {
  597. float: right;
  598. margin: -20px -20px 0 0;
  599. }
  600.  
  601. *html #fade {
  602. position: absolute;
  603. }
  604.  
  605. *html .popup_block {
  606. position: absolute;
  607. }
  608.  
  609. .credit {
  610. position:fixed;
  611. bottom:15px;
  612. right:10px;
  613. font-size:9px;
  614. letter-spacing:1px;
  615. font-family:calibri;
  616. border:1px solid #ededed;
  617. border-radius:40px;
  618. padding:4px;
  619. background-color:#fff;
  620. }
  621.  
  622. .credit a {
  623. color:#333;
  624. }
  625.  
  626. .credit a:hover {
  627. color:{color:Links Hover};
  628. }
  629.  
  630. #oldtop {
  631. position:fixed;
  632. z-index:999999;
  633. height:25px;
  634. top:-7px;
  635. width:100%;
  636. background-color:#fff;
  637. padding-top:5px;
  638. margin-left:-8px;
  639. border-bottom:3px double #fff;
  640. opacity:0.5;
  641. }
  642.  
  643. #oldlace {
  644. background-image:url('http://static.tumblr.com/3yblkz0/S8omdno3x/jaja.png');
  645. repeat:repeat-x;
  646. height:18px;
  647. width:100%;
  648. margin-top:24px;
  649. left:0;
  650. opacity:1;
  651. }
  652.  
  653. #scrollToTop:link,#scrollToTop:visited { color: transparent; background-color: transparent; display: none; position: fixed; bottom: 50px; right: 30px; z-index: 999999999; opacity:0.9;}
  654.  
  655.  
  656. </style>
  657. {block:IndexPage}
  658.  
  659. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script><a href="javascript:;" id="scrollToTop"><img src="http://fc00.deviantart.net/fs42/f/2009/065/2/2/Sushi_by_nataschax.gif" border="0"></a>
  660.  
  661.  
  662. <script type="text/javascript" src="http://static.tumblr.com/nj7bgyh/zr9m0w1np/masonryq.js"></script>
  663. <script type="text/javascript" src="http://static.tumblr.com/nj7bgyh/J0qm0vycn/querymasonry.js"></script>
  664.  
  665. <script src="http://static.tumblr.com/nj7bgyh/rNom0vy8o/masonry.js"></script>
  666.  
  667. <script type="text/javascript">
  668. $(window).load(function () {
  669. $('#content').masonry(),
  670. $('.masonryWrap').infinitescroll({
  671. navSelector : "div#pagi",
  672. // selector for the paged navigation (it will be hidden)
  673. nextSelector : "div#pagi",
  674. // selector for the NEXT link (to page 2)
  675. itemSelector : ".post",
  676. // selector for all items you'll retrieve
  677. bufferPx : 10000,
  678. extraScrollPx: 11000,
  679. loadingImg : "http://b.imagehost.org/0548/Untitled-2.png",
  680. loadingText : "<em></em>",
  681. },
  682. // call masonry as a callback.
  683. function() { $('#content').masonry({ appendedContent: $(this) }); }
  684. );
  685. });
  686. </script>
  687.  
  688.  
  689.  
  690.  
  691. {/block:IndexPage}
  692.  
  693.  
  694.  
  695.  
  696.  
  697. </head>
  698.  
  699.  
  700.  
  701. <body>
  702.  
  703. <div id="oldtop">
  704. <div id="oldspace">
  705. </div>
  706. <div id="oldlace"></div>
  707. </div>
  708.  
  709.  
  710. <div id="topwrap">
  711.  
  712. <div id="top">
  713. <div class="title"><a title="{text:Title Hover Message}">{Title}</a></div>
  714. <div id="desc">
  715. {block:Description}
  716. {Description}
  717. {/block:Description}
  718. </div>
  719. </div>
  720.  
  721. <center><div id="nav">
  722. <a href="/" title="refresh"><img src="http://i122.photobucket.com/albums/o260/mhilka/iconesagenda/assistindo1.gif"> home</a>
  723. <a href="/ask" title="askbox"><img src="http://i122.photobucket.com/albums/o260/mhilka/iconesagenda/Lapis1.gif"> mail</a>
  724. <a href="/archive" title="archive"><img src="http://lh4.ggpht.com/_NZJzdRm10Y0/TUbb5vZb9BI/AAAAAAAAAdc/o5LXplEIKts/marcadores32.gif"> past</a>
  725. <a href="#?w=300" rel="linkseu" class="poplight" title="linkeus"><img src="http://media.tumblr.com/54029d74b8017c3e0a5cff617cebb48f/tumblr_inline_mrxpmr6oQj1qz4rgp.gif"> more</a>
  726. </div>
  727.  
  728.  
  729. </div></div></div>
  730.  
  731. </div>
  732.  
  733.  
  734.  
  735. </div>
  736.  
  737.  
  738.  
  739. <div id="linkseu" class="popup_block"><p>
  740. <div style="background:#fbfbfb;padding:5px;margin-bottom:3px;border-bottom:1px double #eee;border-radius:3px;text-align:center;font-size:8px;color=#555;">
  741. <img src="{image:Links Icon}"><p>
  742. <font face="silkscreen">L I N K S</font></div>
  743. <span style="font-size:8px;"><font face="silkscreen">
  744. {block:IfLinkA}
  745. <p>☯ <a href="{text:linkA url}">{text:linkA}</a>
  746. {/block:IfLinkA}
  747. {block:IfLinkB}
  748. <p>☯ <a href="{text:linkB url}">{text:linkB}</a>
  749. {/block:IfLinkB}
  750. {block:IfLinkC}
  751. <p>☯ <a href="{text:linkC url}">{text:linkC}</a>
  752. {/block:IfLinkC}
  753. {block:IfLinkD}
  754. <p>☯ <a href="{text:linkD url}">{text:linkD}</a>
  755. {/block:IfLinkD}
  756. {block:IfLinkE}
  757. <p>☯ <a href="{text:linkE url}">{text:linkE}</a>
  758. {/block:IfLinkE}
  759. {block:IfLinkF}
  760. <p>☯ <a href="{text:linkF url}">{text:linkF}</a>
  761. {/block:IfLinkF}
  762. </font></span>
  763. </div>
  764.  
  765.  
  766.  
  767.  
  768.  
  769.  
  770. <div id="content">
  771. {block:Posts}
  772.  
  773. <div id="posts">{block:IndexPage}<div id="perma">
  774. <a title="reblog!" href="{ReblogURL}">♡</a>
  775. {block:Date}<a href="{Permalink}" title="{TimeAgo}">
  776. {/block:Date}{Timestamp}</a>
  777. <br><font face="bell-mt">{NoteCount}<font color="red">❤</font></font>
  778. </div>{/block:IndexPage}
  779.  
  780. {block:Text}
  781. {block:Title}
  782. <h1>{Title}</h1>
  783. {/block:Title}
  784. {Body}
  785. {/block:Text}
  786.  
  787. {block:Photo}
  788. {LinkOpenTag}
  789. {block:IndexPage}
  790. <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" border="0" width="250px"/></a>
  791. {/block:IndexPage}
  792. {block:PermalinkPage}
  793. <img src="{PhotoURL-500}" border="0" width="500px"/>
  794. {/block:PermalinkPage}
  795. {LinkCloseTag}
  796. {/block:Photo}
  797.  
  798. {block:Photoset}
  799. {block:IndexPage}
  800. {Photoset-250}
  801. {/block:IndexPage}
  802. {block:PermalinkPage}
  803. {Photoset-500}
  804. {/block:PermalinkPage}
  805. {/block:Photoset}
  806.  
  807. {block:Link}
  808. <font size="5"><i><a href="{URL}" target="{Target}"<b>{Name}</b></a></i></font>
  809. <font face="silkscreen"><span style="font-size:8px;">{block:Description}{Description}{/block:Description}</span></font>
  810. {/block:Link}
  811.  
  812. {block:Quote}
  813. <div id="quote">
  814. <font face="cambria"><i><span style="font-size:16px;">{Quote}</span></i></font>
  815. <br><small><div align="right">—{Source}</div></small>
  816. </div>
  817. {/block:Quote}
  818.  
  819. {block:Audio}
  820. <div id="audio">
  821. <left>{block:AlbumArt}<img src="{AlbumArtURL}" width="70px" height="70px" align="left" style="margin-right:10px; border-radius:40px;"/>{/block:AlbumArt}
  822. {block:AudioPlayer}<span class="audio-player">{AudioPlayerWhite}{/block:AudioPlayer}</span></left>
  823. <br>
  824. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  825. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  826. {block:Album}<b>Album:</b> {Album}<BR>{/block:Album}
  827. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times
  828. </div>
  829. {/block:Audio}
  830.  
  831. {block:Video}
  832. {block:IndexPage}
  833. {Video-250}
  834. {/block:IndexPage}
  835. {block:PermalinkPage}
  836. {Video-500}
  837. {/block:PermalinkPage}
  838. {/block:Video}
  839.  
  840. {block:Chat}
  841. {block:Title}<h1>{Title}</h1>{/block:Title}
  842. {block:Lines}{block:Label}<b><span style="text-transform:uppercase;">{Label}</span></b>{/block:Label} {Line}<br>{/block:Lines}
  843. {/block:Chat}
  844.  
  845. {block:Answer}
  846. <div id="ask"><font face="silkscreen"><span style="text-transform:uppercase;font-size:9px;"><img style="border-radius:40px;" src="{AskerPortraitURL-24}"> {Asker} <span style="letter-spacing:5px;">{text:asked}</span></span> <span style="font-size:9px;letter-spacing:0px;color:#555;">{Question}</span></font></div>
  847. <left> {Answer}
  848. {/block:Answer}
  849.  
  850. {block:PermalinkPage}
  851. {block:Caption}{Caption}{/block:Caption}
  852. <div style="font-family:silkscreen;font-size:8px;">
  853. <br><a title="reblog~!" href="{ReblogURL}">♡</a> <i>{text:posted}</i>
  854. {ShortMonth} {DayOfMonthWithZero}, {Year} at {12Hour}:{Minutes}
  855. {block:RebloggedFrom} from <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  856. {block:ContentSource} <a href="{SourceURL}">© <a href="{SourceURL}">{SourceLink}</a> {/block:ContentSource}
  857. {block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom}
  858. <br>{block:HasTags}filed under: {block:Tags}<span style="padding-right:6px;"><a href="{TagURL}">{Tag}</a> </span> {/block:Tags} {/block:HasTags}
  859. <br>{block:NoteCount}<b>{NoteCountWithLabel}</b></br>{/block:NoteCount}<br>
  860. </div>
  861. <p>{block:PostNotes}{PostNotes}{/block:PostNotes}
  862. {/block:PermalinkPage}
  863.  
  864. </div>
  865. {/block:posts}
  866.  
  867. </div>
  868.  
  869. {block:Pagination}
  870. <div id="pagi" style="margin-top:240px; margin-bottom:30px; margin-left:410px;">
  871. <center>
  872. {block:PreviousPage}
  873. <a href="{PreviousPage}">previous</a>
  874. {/block:PreviousPage}
  875. <img title="{CurrentPage} of {TotalPages}" src="{image:Pagination Icon}">
  876. {block:NextPage}
  877. <a href="{NextPage}">next</a>
  878. {/block:NextPage}
  879. </center>
  880. </div>
  881. {/block:Pagination}
  882.  
  883.  
  884. <div class="credit"><a href="http://baekdo.tumblr.com/" title="theme by helen"><big>©</big></a></center></div>
  885.  
  886.  
  887.  
  888. </body>
  889. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement