Advertisement
Guest User

old theme 2

a guest
Aug 21st, 2014
224
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.34 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <head>
  5.  
  6.  
  7. <script>if(typeof jQuery=='undefined'){document.write('<'+'script');document.write(' language="javascript"');document.write(' type="text/javascript"');document.write(' src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">');document.write('</'+'script'+'>')}</script><script>if(!image_urls){var image_urls=Array()}if(!flash_urls){var flash_urls=Array()}image_urls['rain1']="http://static.tumblr.com/9yklczo/ZOVn78lzn/tumblr_m53c4rys1q1qid2nw.gif";image_urls['rain2']="";image_urls['rain3']="";image_urls['rain4']="http://static.tumblr.com/9yklczo/3EVn78m32/tumblr_m53c5fs1ax1qid2nw.gif";$(document).ready(function(){var c=$(window).width();var d=$(window).height();var e=function(a,b){return Math.round(a+(Math.random()*(b-a)))};var f=function(a){setTimeout(function(){a.css({left:e(0,c)+'px',top:'-30px',display:'block',opacity:'0.'+e(10,100)}).animate({top:(d-10)+'px'},e(7500,8000),function(){$(this).fadeOut('slow',function(){f(a)})})},e(1,8000))};$('<div></div>').attr('id','rainDiv')
  8. .css({position:'fixed',width:(c-20)+'px',height:'1px',left:'0px',top:'-5px',display:'block'}).appendTo('body');for(var i=1;i<=20;i++){var g=$('<img/>').attr('src',image_urls['rain'+e(1,4)])
  9. .css({position:'absolute',left:e(0,c)+'px',top:'-30px',display:'block',opacity:'0.'+e(10,100),'margin-left':0}).addClass('rainDrop').appendTo('#rainDiv');f(g);g=null};var h=0;var j=0;$(window).resize(function(){c=$(window).width();d=$(window).height()})});</script>
  10. <script>if(typeof jQuery=='undefined'){document.write('<'+'script');document.write(' language="javascript"');document.write(' type="text/javascript"');document.write(' src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">');document.write('</'+'script'+'>')}</script><script>$(document).ready(function(){var a=$('<img>').attr({'src':'','border':0});$('<a></a>').css({position:'absolute',right:'0px',top:'22px','z-index':'90'}).attr({'href':'http://tutorialuntukblog.blogspot.com/2011/10/tutorial-kelopak-bunga-berguguran-di.html'}).append(a).appendTo('body')});</script>
  11.  
  12.  
  13.  
  14. <!-----------
  15.  
  16.      ∧ ∧          
  17.     ( ・ω・) < do not remove credits
  18.     / つつ do not redistribute the theme code
  19.    ~/  ノ do not use as a base code
  20.     し'し'   do not claim as your own
  21.    
  22. CHRYSALIS THEME BY RYEOU // thank you for using
  23.  
  24. ------------>
  25.  
  26. <title>{Title}</title>
  27. <link rel="shortcut icon" href="http://media.tumblr.com/tumblr_lkqypfp4j51qi6qow.gif">
  28. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  29.  
  30. {block:Description}
  31. <meta name="description" content="{MetaDescription}" />
  32. {/block:Description}
  33.  
  34. <meta name="color:bg colour" content ="#fff">
  35. <meta name="color:text colour" content ="#aaa">
  36. <meta name="color:highlight" content="#f1f1f0">
  37. <meta name="color:highlight text" content ="#fff">
  38. <meta name="color:bold" content="#ccc">
  39. <meta name="color:italics" content="#c7eadf">
  40. <meta name="color:scrollbar" content="#4c4c4c">
  41. <meta name="color:links" content="#cecece">
  42. <meta name="color:links hover" content="#5e5e5e">
  43. <meta name="color:link hover border" content="#ebebeb">
  44. <meta name="color:chat post bg" content="#f1f1f1">
  45. <meta name="color:ask border" content="#e8e8e8">
  46. <meta name="color:desc text" content="#aaa">
  47. <meta name="color:hover title bg" content="#bae0d8">
  48. <meta name="color:hover title text" content="#fff">
  49. <meta name="color:nav links border" content="#e8e8e8">
  50. <meta name="color:nav links bg" content="#fff">
  51. <meta name="color:nav links text" content="#aaa">
  52. <meta name="color:nav links hover bg" content="#bae0d8">
  53. <meta name="color:nav links hover text" content="#fff">
  54. <meta name="color:nav links hover text" content="#fff">
  55. <meta name="color:permalink bg" content="#fff">
  56. <meta name="color:permalink text" content="#a8a8a8">
  57. <meta name="color:permalink hover" content="#bae0d8">
  58.  
  59. <meta name="if:endless scroll" content="0">
  60. <meta name="if:tiny cursor" content="1">
  61. <meta name="if:250px posts" content="0">
  62. <meta name="if:400px posts" content="1">
  63. <meta name="if:500px posts" content="0">
  64. <meta name="if:captions" content="1">
  65. <meta name="if:hiragana bulletpoints" content="1">
  66.  
  67. <meta name="image:sidebar pic" content="http://static.tumblr.com/p7wg3p9/IQumncp9n/icon.png">
  68. <meta name="image:corner image" content="">
  69. <meta name="image:bg image" content="">
  70.  
  71. <meta name="text:link 1 title" content="link 1">
  72. <meta name="text:link 1 url" content="/">
  73. <meta name="text:link 2 title" content="link 2">
  74. <meta name="text:link 2 url" content="/">
  75. <meta name="text:link 3 title" content="link 3">
  76. <meta name="text:link 3 url" content="/">
  77. <meta name="text:link 4 title" content="link 4">
  78. <meta name="text:link 4 url" content="/">
  79. <meta name="text:link 5 title" content="link 5">
  80. <meta name="text:link 5 url" content="/">
  81.  
  82. <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" />
  83. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips();});})(jQuery);</script>
  84.  
  85. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  86.  
  87. <meta name="color:tabcolor" content="#fed8e3">
  88. <meta name="color:tabcolor2" content="#fbdbe4">
  89. <meta name="color:tabcolor3" content="#f8dee5">
  90. <meta name="color:tabcolor4" content="#f5e1e7">
  91. <meta name="color:tabcolor5" content="#f2e4e8">
  92. <meta name="color:tabcolor6" content="#ede9ea">
  93.  
  94. <style type="text/css">
  95. #bord {
  96. position:fixed;
  97. opacity:.7;
  98. z-index:9999999999;
  99. width:100%;
  100. top:0px;
  101. height:0;
  102. margin-left:-5px;
  103. background-image:url("http://static.tumblr.com/9yklczo/r5sn77o6q/tumblr_inline_mrf2j4fme11rto88t.png");
  104. background-repeat: repeat;
  105. }
  106.  
  107. #ireverent2 {
  108. position:fixed;
  109. z-index:999;
  110. padding:13px;
  111. background:#fff;
  112. position:fixed;
  113. font-family:helvetica;
  114. font-size:10px;
  115. text-align:center;
  116. line-height:10px;
  117. position:fixed;
  118. margin-left:50px;
  119. margin-top:-7px;
  120. color:#ede9ea;
  121. width:17.4px;
  122. height:17.4px;
  123. text-transform:none;
  124. border:1px solid #ffeaf0;
  125. overflow:hidden;
  126. transition: all 0.6s ease-out;
  127. -o-transition-transition: all 0.6s ease-out;
  128. -webkit-transition: all 0.6s ease-out;
  129. -moz-transition: all 0.6s ease-out;
  130. }
  131.  
  132. #ireverent2:hover{
  133. width:124px;
  134. height:auto;
  135. border:1px solid #ede9ea;
  136. transition: all 0.6s ease-out;
  137. -o-transition-transition: all 0.6s ease-out;
  138. -webkit-transition: all 0.6s ease-out;
  139. -moz-transition: all 0.6s ease-out;
  140. }
  141.  
  142.  
  143. {block:ifTinyCursor}
  144. body, a {
  145. cursor:url('http://static.tumblr.com/p7wg3p9/o3jmn8igq/tiny.png'), auto
  146. }
  147.  
  148. a:hover {
  149. cursor: url('http://static.tumblr.com/p7wg3p9/EWnmn8ip5/tinyhover.png'), auto;
  150. }
  151. {/block:ifTinyCursor}
  152.  
  153. iframe#tumblr_controls {
  154. top:0%!important;
  155. right:0%!important;
  156. position:fixed!important;
  157. z-index:99999999!important;
  158. opacity:0.3;
  159. -webkit-filter:invert(100%);
  160. -moz-filter:invert(100%);
  161. -o-filter:invert(100%);
  162. -ms-filter:invert(100%);
  163. filter:invert(100%);
  164. }
  165.  
  166. /* hover titles */
  167.  
  168. #s-m-t-tooltip{
  169. max-width:300px;
  170. margin-top:15px;
  171. margin-left:15px;
  172. padding: 3px;
  173. z-index:100%;
  174. background-color:{color:hover title bg};
  175. color:{color:hover title text};
  176. font-family:lucida console;
  177. font-size:8px;
  178. line-height: 10px;
  179. letter-spacing:1px;
  180. text-transform:uppercase;
  181. -webkit-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.03);
  182. -moz-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.03);
  183. box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.03);
  184. }
  185.  
  186. body {
  187. font-family: lucida console;
  188. font-size: 9px;
  189. color: {color:text colour};
  190. margin: 0;
  191. background-color: {color:bg colour};
  192. background-image: url("{image:bg image}");
  193. }
  194.  
  195. /* links */
  196.  
  197. a {
  198. color:{color:links};
  199. text-decoration: none;
  200. text-transform: uppercase;
  201. -webkit-transition: all 0.5s ease-in-out;
  202. -moz-transition: all 0.5s ease-in-out;
  203. -o-transition: all 0.5s ease-in-out;
  204. -ms-transition: all 0.5s ease-in-out;
  205. transition: all 0.5s ease-in-out;
  206. }
  207.  
  208. a:hover {
  209. color: {color:links hover};
  210. -webkit-transition: all 0.5s ease-in-out;
  211. -moz-transition: all 0.5s ease-in-out;
  212. -o-transition: all 0.5s ease-in-out;
  213. -ms-transition: all 0.5s ease-in-out;
  214. transition: all 0.5s ease-in-out;
  215. }
  216.  
  217. /* scrollbar */
  218.  
  219. ::-webkit-scrollbar-thumb:vertical {
  220. background-color:{color:scrollbar};
  221. height:40px;
  222. border:3px solid #fff;
  223. z-index:1000;
  224. }
  225.  
  226. ::-webkit-scrollbar {
  227. background-color:{color:bg colour};
  228. height:10px;
  229. width:7px;
  230. z-index:1000;
  231. }
  232.  
  233. /* selection/highlight */
  234.  
  235. ::selection {
  236. background: {color:highlight};
  237. color: {color:highlight text};
  238. }
  239.  
  240. ::-moz-selection {
  241. background: {color:highlight};
  242. color: {color:highlight text};
  243. }
  244.  
  245. i, em {
  246. color: {color:italics};
  247. letter-spacing: 2px;
  248. }
  249.  
  250. b, strong {
  251. color: {color:bold};
  252. letter-spacing: 2px;
  253. font-weight: normal;
  254. }
  255.  
  256. h3 {
  257. font: 12px lucida console;
  258. font-weight: 500;
  259. text-align: center;
  260. text-transform:uppercase;
  261. letter-spacing:2px;
  262. }
  263.  
  264. blockquote {
  265. border-left: 2px solid {color:chat post bg};
  266. padding: 1px 1px 1px 10px;
  267. margin: 5px;
  268. }
  269.  
  270. .quote {
  271. font: 12px lucida console;
  272. font-weight: 500;
  273. font-style:italic;
  274. text-align: center;
  275. text-transform:uppercase;
  276. letter-spacing:2px;
  277. }
  278.  
  279. .source {
  280. text-align: right;
  281. }
  282.  
  283. ul, ol {
  284. {block:ifHiraganaBulletpoints}
  285. list-style-type: hiragana;
  286. {/block:ifHiraganaBulletpoints}
  287. {block:ifnotHiraganaBulletpoints}
  288. list-style-type: square;
  289. {/block:ifnotHiraganaBulletpoints}
  290. }
  291.  
  292. ul.chat {
  293. margin: 0 0 0 0;
  294. padding: 0 0 0 0;
  295. }
  296.  
  297. .chat li {
  298. list-style-type: none;
  299. padding: 2px;
  300. }
  301.  
  302. .chat li.odd {
  303. background-color: {color:chat post bg};
  304. }
  305.  
  306. #content {
  307. background: transparent;
  308. padding: 1px 70px 70px 70px;
  309. width: 540px;
  310. margin-left: 450px;
  311. margin-top: 20px;
  312. }
  313.  
  314. /* posts */
  315.  
  316. .posts {
  317. padding: 2px;
  318. margin-top: 5px;
  319. overflow: hidden;
  320. background: {color:post color};
  321. opacity: 1;
  322. {block:if250pxPosts}
  323. width: 250px;
  324. {/block:if250pxPosts}
  325. {block:if400pxPosts}
  326. width: 400px;
  327. {/block:if400pxPosts}
  328. {block:if500pxPosts}
  329. width: 500px;
  330. {/block:if500pxPosts}
  331. {block:PermalinkPage}
  332. width: 500px;
  333. {/block:PermalinkPage}
  334. }
  335.  
  336. .posts img {
  337. max-width: 100%;
  338. }
  339.  
  340. /* permalinks */
  341.  
  342. #info {
  343. margin-top: -22px;
  344. margin-left: 5px;
  345. opacity: 0;
  346. padding:3px;
  347. background-color: {color:permalink bg};
  348. width:auto;
  349. position: absolute;
  350. font-family: lucida console;
  351. font-size: 8px;
  352. line-height: 7px;
  353. text-transform: uppercase;
  354. -webkit-transition: all 0.7s ease-in-out;
  355. -moz-transition: all 0.7s ease-in-out;
  356. -o-transition: all 0.7s ease-in-out;
  357. -ms-transition: all 0.7s ease-in-out;
  358. transition: all 0.7s ease-in-out;
  359. opacity:0.8;
  360. -webkit-transition: all 0.6s ease-in-out;
  361. -moz-transition: all 0.6s ease-in-out;
  362. -o-transition: all 0.6s ease-in-out;
  363. -ms-transition: all 0.6s ease-in-out;
  364. transition: all 0.6s ease-in-out;
  365. }
  366.  
  367. #post:hover {
  368.  
  369. opacity:1;
  370. -webkit-transition: all 0.6s ease-in-out;
  371. -moz-transition: all 0.6s ease-in-out;
  372. -o-transition: all 0.6s ease-in-out;
  373. -ms-transition: all 0.6s ease-in-out;
  374. transition: all 0.6s ease-in-out;
  375. }
  376.  
  377. #info a {
  378. color:{color:permalink text};
  379. text-decoration: none;
  380. text-transform: uppercase;
  381. -webkit-transition: all 0.5s ease-in-out;
  382. -moz-transition: all 0.5s ease-in-out;
  383. -o-transition: all 0.5s ease-in-out;
  384. -ms-transition: all 0.5s ease-in-out;
  385. transition: all 0.5s ease-in-out;
  386. }
  387.  
  388. #info a:hover {
  389. color: {color:permalink text hover};
  390. -webkit-transition: all 0.5s ease-in-out;
  391. -moz-transition: all 0.5s ease-in-out;
  392. -o-transition: all 0.5s ease-in-out;
  393. -ms-transition: all 0.5s ease-in-out;
  394. transition: all 0.5s ease-in-out;
  395. }
  396.  
  397. {block:IndexPage}
  398. .posts:hover #info {
  399. opacity: 1;
  400. -webkit-transition: all 0.7s ease-in-out;
  401. -moz-transition: all 0.7s ease-in-out;
  402. -o-transition: all 0.7s ease-in-out;
  403. -ms-transition: all 0.7s ease-in-out;
  404. transition: all 0.7s ease-in-out;
  405.  
  406. }
  407. {/block:IndexPage}
  408.  
  409. #notes {
  410. width:500px;
  411. font-family:calibri;
  412. font-size:8px;
  413. letter-spacing:3px;
  414. text-transform:uppercase;
  415. }
  416.  
  417. #notes li, ol {
  418. list-style-type: none;
  419. padding:3px;
  420. }
  421.  
  422. #notes img {
  423. display:none;
  424. }
  425.  
  426. /* sidebar */
  427.  
  428. .sidebar {
  429. position: fixed;
  430. bottom: 90px;
  431. left: 180px;
  432. width: 180px;
  433. height:auto;
  434. padding: 10px;
  435. background: transparent;
  436. text-align: justify;
  437. }
  438.  
  439. .pic {
  440. margin-left:10px;
  441. margin-top:-105px;
  442. padding: 2px;
  443. position:absolute;
  444. }
  445.  
  446. .corner {
  447. position:fixed;
  448. bottom:5px;
  449. left:5px;
  450. z-index:-99999;
  451. }
  452.  
  453. /* description */
  454.  
  455. .desc {
  456. width:118px;
  457. height:auto;
  458. font-size: 8px;
  459. letter-spacing: 1px;
  460. text-align: justify;
  461. color: {color:desc text};
  462. }
  463.  
  464. /* nav icons */
  465.  
  466. .links {
  467. width:150px;
  468. padding:4px;
  469. background-color:transparent;
  470. line-height:17px;
  471. margin-top: -25px;
  472. margin-left: -4px;
  473. position: absolute;
  474. letter-spacing: 3px;
  475. }
  476.  
  477. .links a {
  478. border: 1px solid {color:nav links border};
  479. padding: 2px 1px 2px 3px;
  480. max-width: 10px;
  481. max-height: 10px;
  482. color: {color:nav links text};
  483. background: {color:nav links bg};
  484. }
  485.  
  486. .links a:hover {
  487. background: {color:nav links hover bg};
  488. color: {color:nav links hover text};
  489. }
  490.  
  491. #albumart img {
  492. width: 70px;
  493. height: 70px;
  494. }
  495.  
  496. #permapage {
  497. text-align:justify;
  498. text-transform:uppercase;
  499. font-family:consolas;
  500. width:500px;
  501. margin:3px 0px 3px 0px;
  502. }
  503.  
  504. #ques {
  505. text-transform:uppercase;
  506. border-bottom:1px solid {color:ask border};
  507. text-align: center;
  508. padding-bottom:2px;
  509. letter-spacing:2px;
  510. }
  511.  
  512. /* pagination */
  513. .pagination {
  514. margin-left: -55px;
  515. }
  516.  
  517. .pagination a {
  518. border: none;
  519. }
  520.  
  521. .audio img {
  522. max-width: 50px;
  523. margin-right: 10px;
  524. float: left;
  525. border: 1px solid {color:ask border};
  526. padding: 3px;
  527. }
  528.  
  529. .auplayer {
  530. background-color: #fff;
  531. margin-top:1px;
  532. margin-left:1px;
  533. height: 20px;
  534. width: 17px;
  535. border-left: 10px solid #fff;
  536. border-top: 10px solid #fff;
  537. border-right: 16px solid #fff;
  538. border-bottom: 13px solid #fff;
  539. padding: 5px;
  540. overflow: hidden;
  541. position:absolute;
  542. opacity: 0.4;
  543. transition: 0.7s;
  544. -moz-transition: 0.7s;
  545. -webkit-transition: 0.7s;
  546. -o-transition: 0.7s;
  547. }
  548.  
  549. .auplayer:hover {
  550. opacity: 0.8;
  551. }
  552.  
  553. </style>
  554.  
  555. {block:ifEndlessScroll}
  556. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  557. {/block:ifEndlessScroll}
  558.  
  559. <script>
  560. (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  561. (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  562. m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  563. })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  564.  
  565. ga('create', 'UA-50791129-1', 'auto');
  566. ga('send', 'pageview');
  567.  
  568. </script>
  569.  
  570.  
  571.  
  572. <body>
  573. <div id="bord"></div>
  574.  
  575. <div id="ireverent2">
  576. <center><img src="http://static.tumblr.com/9yklczo/W2Kn75u6a/tumblr_inline_mxht4rk9gq1qid2nw.gif" style="opacity: 1;"></center>
  577. <br>
  578. <div style="background: #fff0f4; padding: 3px;font-size: 12px;"><b>NETWORKS</b></div><p>
  579.  
  580. <marquee onmouseover="this.stop();" onmouseout="this.start();" direction=left><a href="http://antiquebakerynet.tumblr.com"><img src="http://i.imgur.com/ynzGD02.png" height=44></a><a href="http://mamegoma-net.tumblr.com"><img src="http://fc03.deviantart.net/fs46/f/2009/174/4/0/Mamegoma_PiggyBack_Pixel_by_Messybun.gif"height=28></a><a href="http://candydollnetwork.tumblr.com"><img src="http://static.tumblr.com/9yklczo/3Rcn7t8wm/241qfww.gif" height=40></a><a href="http://tmshc.co.vu/"><img src="http://fc05.deviantart.net/fs42/f/2009/140/1/d/Ouran_Jacket_by_Cedarbox.png"height=40></a></marquee>
  581.  
  582. <div style="background: #fff0f4; padding: 3px;font-size: 12px;"><b>SHOPS</b></div><p>
  583.  
  584. <marquee onmouseover="this.stop();" onmouseout="this.start();" direction=left><a href="http://cuteharajuku.storenvy.com/"><img src="http://i.imgur.com/awhDMGu.jpg" height=40></a>><a href="http://creatboutique.storenvy.com/"><img src="https://33.media.tumblr.com/1d89122c40c057ee709ef5a569ee21c3/tumblr_n91rs5Zbto1tc1vd4o1_250.jpg" height=40></a>><a href="http://perfectworld.storenvy.com/"><img src="http://i.imgur.com/awhDMGu.jpg" height=40></a></marquee></p>
  585.  
  586. </p>
  587. <div style="background: #fff0f4; padding: 3px;font-size: 12px;"><b>BOTM</b></div><p>
  588. <marquee onmouseover="this.stop();" onmouseout="this.start();" direction=left><a href="http://momoblush.tumblr.com"><img src="http://static.tumblr.com/9yklczo/IYHn811s9/tumblr_inline_muckz0kny61qid2nw.png" height=20></a> <a href="http://mimicci.tumblr.com"><img src="http://static.tumblr.com/9yklczo/rLrn811uj/tumblr_inline_muckz6uxqu1qid2nw.png" height=20></a></marquee></p>
  589.  
  590. </div>
  591. </div>
  592.  
  593. <div style="position:fixed; bottom:0px; right:15px;">
  594. <img src="http://fc00.deviantart.net/fs71/f/2014/182/9/c/baaaaa_by_nyuutou-d7oqm99.png"/> <br></div>
  595.  
  596.  
  597. <div id="content">
  598.  
  599. <div class="sidebar">
  600.  
  601. <a href="/" title="refresh"><img src="{image:sidebar pic}" class="pic"></a><br>
  602.  
  603. <div class="links">
  604. <a href="{text:link 1 url}" title="{text:link 1 title}">一</a>
  605. <a href="{text:link 2 url}" title="{text:link 2 title}">二</a>
  606. <a href="{text:link 3 url}" title="{text:link 3 title}">三</a>
  607. <a href="{text:link 4 url}" title="{text:link 4 title}">四</a>
  608. <a href="{text:link 5 url}" title="{text:link 5 title}">五</a>
  609. </div>
  610.  
  611. <div class="desc">{Description}</div>
  612.  
  613. {block:ifnotEndlessScroll}
  614. <center>
  615. <div class="pagination">
  616. {block:Pagination}
  617. {block:PreviousPage}
  618. <a href="{PreviousPage}">&larr;</a>
  619. {/block:PreviousPage}
  620.  
  621. {block:JumpPagination length="3"}
  622. {block:CurrentPage}{PageNumber}{/block:CurrentPage}
  623.  
  624. {block:JumpPage}
  625. <a href="{URL}">{PageNumber}</a>
  626. {/block:JumpPage}
  627. {/block:JumpPagination}
  628.  
  629. {block:NextPage}
  630. <a href="{NextPage}">&rarr;</a>
  631. {/block:NextPage}
  632. {/block:Pagination}
  633. </div>
  634. </center>
  635. {/block:ifnotEndlessScroll}
  636.  
  637. </div>
  638.  
  639. {block:ifEndlessScroll}
  640. <div class="autopagerize_page_element">
  641. {/block:ifEndlessScroll}
  642.  
  643. {block:Posts}
  644. <div class="posts">
  645.  
  646. {block:Text}
  647. {block:Title}
  648. <h3><a href="{Permalink}">{Title}</a></h3>
  649. {/block:Title}
  650. {Body}
  651. {/block:Text}
  652.  
  653. {block:Photo}
  654. <center>
  655. {block:IndexPage}
  656. <a href="{Permalink}">
  657. {/block:IndexPage}
  658. {block:PermalinkPage}
  659. <a href="{LinkURL}">
  660. {/block:PermalinkPage}
  661. <img src="{PhotoURL-500}">
  662. </a>
  663. </center>
  664. {block:IndexPage}
  665. {block:ifCaptions}
  666. {block:Caption}{Caption}{/block:Caption}
  667. {/block:ifCaptions}
  668. {/block:IndexPage}
  669. {block:PermalinkPage}
  670. {block:Caption}
  671. {Caption}</div>
  672. {/block:Caption}
  673. {/block:PermalinkPage}
  674. {/block:Photo}
  675.  
  676. {block:Photoset}
  677. {block:IndexPage}
  678. {block:if250pxPosts}
  679. {Photoset-250}
  680. {/block:if250pxPosts}
  681. {block:if400pxPosts}
  682. {Photoset-400}
  683. {/block:if400pxPosts}
  684. {block:if500pxPosts}
  685. {Photoset-500}
  686. {/block:if500pxPosts}
  687. {block:ifCaptions}
  688. {block:Caption}{Caption}{/block:Caption}
  689. {/block:ifCaptions}
  690. {/block:IndexPage}
  691. {block:PermalinkPage}
  692. {Photoset-500}
  693. {block:Caption}
  694. {Caption}
  695. {/block:Caption}
  696. {/block:PermalinkPage}
  697. {/block:Photoset}
  698.  
  699. {block:Quote}
  700. <div class="quote">❝{Quote}❞</div>
  701. {block:Source}
  702. <div class="source">{Source}</div>
  703. {/block:Source}
  704. {/block:Quote}
  705.  
  706. {block:Link}
  707. <center><h3><a href="{URL}" {Target}>{Name}</a></h3></center>
  708. {block:Description}
  709. {Description}
  710. {/block:Description}
  711. {/block:Link}
  712.  
  713. {block:Chat}
  714. {block:Title}
  715. <h3>{Title}</h3>
  716. {/block:Title}
  717. <ul class="chat">
  718. {block:Lines}
  719. <li class="{Alt} user_{UserNumber}">
  720. {block:Label}
  721. <span class="label">{Label}</span>
  722. {/block:Label}
  723. {Line}
  724. </li>
  725. {/block:Lines}
  726. </ul>
  727. {/block:Chat}
  728.  
  729. {block:Audio}
  730. {block:AlbumArt}<div class="audio"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  731. <div class="auplayer">{AudioPlayerWhite}</div>
  732. <div style="text-transform: uppercase;">{block:Artist}<b>Artist:</b> {Artist}{/block:Artist}<br>{block:TrackName}<b>Song:</b> {TrackName}{/block:TrackName}</div>
  733. {/block:IndexPage}
  734. {block:ifCaptions}
  735. {block:Caption}{Caption}{/block:Caption}
  736. {/block:ifCaptions}
  737. {/block:IndexPage}
  738. {/block:PermalinkPage}
  739. {block:PermalinkPage}
  740. {block:Caption}{Caption}{/block:Caption}
  741. {/block:PermalinkPage}
  742. {/block:Audio}
  743.  
  744.  
  745. {block:Video}
  746. <div class="video">
  747. {block:if250pxPosts}
  748. {block:IndexPage}{Video-250}{/block:IndexPage}
  749. {/block:if250pxPosts}
  750. {block:if400pxPosts}
  751. {block:IndexPage}{Video-400}{/block:IndexPage}
  752. {/block:if400pxPosts}
  753. {block:if500pxPosts}
  754. {block:IndexPage}{Video-500}{/block:IndexPage}
  755. {/block:if500pxPosts}
  756. {block:IndexPage}
  757. {block:ifCaptions}
  758. {block:Caption}{Caption}{/block:Caption}
  759. {/block:ifCaptions}
  760. {/block:IndexPage}
  761. {block:PermalinkPage}
  762. {Video-500}
  763. {block:Caption}{Caption}{/block:Caption}
  764. {/block:PermalinkPage}
  765. </div>
  766. {/block:Video}
  767.  
  768. {block:Answer}
  769. <div id="ques"><b><i>{Asker};</i></b>&nbsp;{Question}</div>{Answer}
  770. {/block:Answer}
  771.  
  772. {block:PermalinkPage}
  773. <div id="permapage">
  774. <center>{block:NoteCount}{NoteCountWithLabel} // {/block:NoteCount}{block:Date}{ShortYear}.{MonthNumberWithZero}.{DayOfMonthWithZero}{/block:Date}{block:RebloggedFrom} // <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> // <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom}<br>{block:HasTags} {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags} {/block:HasTags}
  775. </center>
  776. </div>
  777. {block:PostNotes}
  778. <div style="margin-top:10px">{PostNotes}</div>
  779. {/block:PostNotes}
  780. {/block:PermalinkPage}
  781.  
  782. {block:IndexPage}
  783. <div id="info">
  784. <a href="{Permalink}">{NoteCountWithLabel}</a> [<a href="{ReblogURL}" target="_blank" title="reblog?">+</a>]
  785. </div>
  786. {/block:IndexPage}
  787.  
  788. </div>
  789. {/block:Posts}
  790.  
  791. {block:ifEndlessScroll}
  792. </div>
  793. {/block:ifEndlessScroll}
  794. </div>
  795.  
  796. <img src="{image:corner image}" class="corner">
  797.  
  798. <div style="position:fixed; left:10px; bottom:10px; font: 8px consolas {color:links};"><a href="http://ryeou.tumblr.com" title="theme by ryeou">♚</a></div>
  799.  
  800.  
  801. </body>
  802.  
  803.  
  804. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement