API tools faq
paste
vgeta

Fantasía

vgeta
Jan 19th, 2016
966
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.97 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.  
  4. ╱╭━╮╱╱╱╭╮╱╱╭╮
  5. ╱┃╭╯╱╱╱┃┃╱╭╯╰╮
  6. ╭╯╰┳┳━━┫╰━╋╮╭╋━━┳━━┳━━┳━╮╭━━╮
  7. ╰╮╭╋┫╭╮┃╭╮┃┃┃┃━━┫╭━┫┃━┫╭╮┫┃━┫
  8. ╱┃┃┃┃╰╯┃┃┃┃┃╰╋━━┃╰━┫┃━┫┃┃┃┃━┫
  9. ╱╰╯╰┻━╮┣╯╰╯╰━┻━━┻━━┻━━┻╯╰┻━━╯
  10. ╱╱╱╱╭━╯┃
  11. ╱╱╱╱╰━━╯
  12.  
  13. Theme 02 - Fantasía
  14. Do NOT remove the credit or use as a base code.
  15. Questions: http://ikarishnji.tumblr.com/ask
  16.  
  17. -->
  18. <html>
  19. <head>
  20.  
  21. <title>{Title}</title><link rel="shortcut icon" href="{Favicon}"><link rel="alternate" type="application/rss+xml" href="{RSS}"> {block:Description} <meta name="description" content="{MetaDescription}" /> {/block:Description}
  22. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  23.  
  24. <meta name="image:background" content=""/>
  25. <meta name="image:sidebox" content=""/>
  26. <meta name="image:render" content=""/>
  27.  
  28. <meta name="color:background" content="#f5f5f5"/>
  29. <meta name="color:post bg" content="#ffffff"/>
  30. <meta name="color:sidebox" content="#ffffff"/>
  31. <meta name="color:text" content="#585858"/>
  32. <meta name="color:link hover" content="#e84642"/>
  33. <meta name="color:link" content="#2daae2"/>
  34. <meta name="color:post links" content="#758C46"/>
  35. <meta name="color:border 1" content="#ff0000"/>
  36. <meta name="color:border 2" content="#0000ff"/>
  37. <meta name="color:quote" content="#7D9F35"/>
  38. <meta name="color:chat 1" content="#2daae2"/>
  39. <meta name="color:chat 2" content="#5FBAFF"/>
  40. <meta name="color:date" content="#6666"/>
  41. <meta name="color:notes" content="#2DAAE2"/>
  42. <meta name="color:notes label" content="red"/>
  43. <meta name="color:gradient 1" content="#FFC9FE"/>
  44. <meta name="color:gradient 2" content="#BADFEF"/>
  45. <meta name="color:text shadow" content="#bebdbd"/>
  46. <meta name="color:" content="#"/>
  47.  
  48. <meta name="text:border width" content="1"/>
  49. <meta name="text:side drop" content="click me!"/>
  50. <meta name="text:side drop hover title" content="yo, click me!"/>
  51. <meta name="text:more links" content="notes"/>
  52. <meta name="text:notes" content="notes"/>
  53. <meta name="text:tags" content="tagged as"/>
  54. <meta name="text:posted on" content="POSTED @"/>
  55. <meta name="text:updates" content="Here are your updates. Add whatever the fuck you want idc."/>
  56. <meta name="text:update title" content="updates"/>
  57. <meta name="text:render height" content="400"/>
  58. <meta name="text:render right" content="100"/>
  59. <meta name="text:render bottom" content="0"/>
  60.  
  61. <meta name="if:400px" content="0"/>
  62. <meta name="if:image fade" content=""/>
  63. <meta name="if:black and white" content=""/>
  64. <meta name="if:gradient bg" content=""/>
  65. <meta name="if:show sidebar image" content=""/>
  66. <meta name="if:show title" content=""/>
  67. <meta name="if:show updates" content=""/>
  68. <meta name="if:cover bg" content=""/>
  69.  
  70. <meta name="select:side borders" content="none" title="none"/>
  71. <meta name="select:side borders" content="groove" title="groove"/>
  72. <meta name="select:side borders" content="double" title="double"/>
  73. <meta name="select:side borders" content="solid" title="solid"/>
  74. <meta name="select:side borders" content="dashed" title="dashed"/>
  75. <meta name="select:side borders" content="dotted" title="dotted"/>
  76. <meta name="select:side borders" content="outset" title="outset"/>
  77. <meta name="select:side borders" content="inset" title="inset"/>
  78.  
  79. <meta name="select:post borders" content="none" title="none"/>
  80. <meta name="select:post borders" content="groove" title="groove"/>
  81. <meta name="select:post borders" content="double" title="double"/>
  82. <meta name="select:post borders" content="solid" title="solid"/>
  83. <meta name="select:post borders" content="dashed" title="dashed"/>
  84. <meta name="select:post borders" content="dotted" title="dotted"/>
  85. <meta name="select:post borders" content="outset" title="outset"/>
  86. <meta name="select:post borders" content="inset" title="inset"/>
  87.  
  88. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  89. <script type="text/javascript">
  90. $(document).ready(function(){
  91. $(".links_body").hide();
  92. $(".links_head").click(function(){
  93. $(this).next(".links_body").slideToggle('slow');
  94. }); }); </script>
  95.  
  96. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  97. <script type="text/javascript">
  98. $(document).ready(function(){
  99. $(".lcontent").hide();
  100. $(".ltitle").click(function(){
  101. $(this).next(".lcontent").slideToggle('slow');
  102. }); }); </script>
  103.  
  104. </head>
  105.  
  106. <style type="text/css">
  107.  
  108. .links_list {
  109. margin:0px;
  110. padding:0px;
  111. width:120px;
  112. }
  113. .links_head {
  114. padding-top:5px;
  115. padding-bottom:5px;
  116. cursor:pointer;
  117. position:relative;
  118. margin:1px;
  119. text-align:center;
  120. }
  121. .links_body {
  122. padding:10px;
  123. text-align:left;
  124. color: {color:text};
  125. display:none;
  126. text-shadow: 0px 0px 4px {color:text shadow};
  127. }
  128.  
  129. .lstuff{
  130. margin:0px;
  131. padding:0px;
  132. width:180px;
  133. }
  134. .ltitle {
  135. padding-top:5px;
  136. padding-bottom:5px;
  137. cursor:pointer;
  138. position:relative;
  139. margin:1px;
  140. text-align:center;
  141. font-size:7;
  142. text-shadow: 0px 0px 4px {color:text shadow};
  143. }
  144. .lcontent {
  145. padding:10px;
  146. text-align:left;
  147. color: #fff;
  148. display:none;
  149. }
  150.  
  151. #links{border-top:1px solid {color:border 1};padding-top:5px;}
  152.  
  153. body{
  154. background-color:{color:background};
  155. background-image:url('{image:background}');
  156. background-attachment:fixed;
  157. {block:ifcoverbg}
  158. background-size: cover;background-repeat:no-repeat;
  159. {/block:ifcoverbg}
  160. {block:ifnotcoverbg}
  161. background-repeat:repeat;
  162. {/block:ifnotcoverbg}
  163. text-align: left;
  164. font-family: Arial, san-serif;
  165. font-size: 11px;
  166. color: {color:text};
  167. margin: 0px 0px;
  168. {block:ifgradientbg}
  169. height: 100%;
  170. min-height:100%;
  171. margin:0;
  172. background-image: -webkit-gradient(linear, left top, left bottom, from({color:gradient 1}), to({color:gradient 2}));
  173.  
  174. background-image: -moz-linear-gradient(top, {color:gradient 1}, {color:gradient 2});
  175.  
  176. background-image: -o-linear-gradient(top, {color:gradient 1}, {color:gradient 2});
  177.  
  178. background-image: linear-gradient(top, {color:gradient 1}, {color:gradient 2});
  179. {/block:ifgradientbg}
  180. }
  181.  
  182. a, a:active, a:visited{
  183. color:{color:link};
  184. text-decoration: none;
  185. }
  186.  
  187. a:hover{
  188. color:{color:link hover};
  189. }
  190.  
  191. blockquote{margin-left:4px;{block:ifnot400px}width:250px;{/block:ifnot400px}{block:if400px}width:400px;{/block:if400px}border-left:{color:border 1} solid 1.5px;padding-left:2px;}
  192. blockquote img{max-width:100%;height:auto;}
  193.  
  194. #content{
  195. position: relative;
  196. background: transparent;
  197. {block:ifnot400px}
  198. width: 305px;
  199. {/block:ifnot400px}
  200. {block:if400px}
  201. width:450px;
  202. {/block:if400px}
  203. margin: 5px;
  204. padding: 10px;margin-left:200px;
  205. opacity:.9;
  206. }
  207. #updates{
  208. top:0px;
  209. left:680px;
  210. position: fixed;
  211. width:180px;
  212. }
  213. .utitle{font-size:15px;font-weight: bold;text-transform:uppercase;font-family:arial black;}
  214. .utitle img{max-width:100%;height:auto;}
  215. .utext{
  216. opacity:0;
  217. background: {color:sidebox};
  218. border-radius: 5px;
  219. -o-border-radius: 5px;
  220. -moz-border-radius: 5px;
  221. -webkit-border-radius: 5px;
  222. padding: 15px;
  223. margin-top: -65px;
  224. border-color:{color:border 1} {color:border 2};
  225. border-width:{text:border width}px;
  226. border-style:{select:side borders};
  227. transition: all 1s ease-in-out 0s;
  228. -moz-transition: all 1s ease-in-out 0s;
  229. -webkit-transition: all 1s ease-in-out 0s;
  230. -o-transition: all 1s ease-in-out 0s;
  231. }
  232.  
  233. .utext:hover{opacity:1;margin-top: 5px;
  234. transition: all 1s ease-in-out 0s;
  235. -moz-transition: all 1s ease-in-out 0s;
  236. -webkit-transition: all 1s ease-in-out 0s;
  237. -o-transition: all 1s ease-in-out 0s;
  238. }
  239.  
  240. #sidebar{
  241. position: fixed;
  242. background: transparent;
  243. width: 180px;
  244. margin: 5px;
  245. padding: 10px;
  246. top:10px;
  247. opacity:.9;
  248. }
  249.  
  250. #sidebar img{
  251. border-radius: 5px;
  252. -o-border-radius: 5px;
  253. -moz-border-radius: 5px;
  254. -webkit-border-radius: 5px;}
  255.  
  256. .header{
  257. text-align:center;
  258. font-size:12;
  259. color:{color:text};
  260. text-shadow: 0px 0px 4px {color:text shadow};}
  261.  
  262. .sidebox{
  263. background: {color:sidebox};
  264. border-radius: 5px;
  265. -o-border-radius: 5px;
  266. -moz-border-radius: 5px;
  267. -webkit-border-radius: 5px;
  268. padding: 15px;
  269. margin: 5px;
  270. border-color:{color:border 1} {color:border 2};
  271. border-width:{text:border width}px;
  272. border-style:{select:side borders};
  273. }
  274.  
  275. .desc{font-size:10px;text-align:center;margin-bottom:7px;}
  276.  
  277. h1{
  278. font-size: 50px;
  279. margin: 50px 15px 0px;
  280. text-shadow: 1px 1px #ffffff;
  281. }
  282.  
  283. .post{
  284. background: {color:post bg};
  285. border-radius: 5px;
  286. -o-border-radius: 5px;
  287. -moz-border-radius: 5px;
  288. -webkit-border-radius: 5px;
  289. padding: 10px;
  290. margin: 10px;
  291. border-color:{color:border 1} {color:border 2};
  292. border-width:{text:border width}px;
  293. border-style:{select:post borders};
  294. }
  295. .post a{color:{color:post links};}
  296.  
  297. .caption{
  298. font-style: italic;
  299. }
  300.  
  301. .post img{
  302. max-width: 100%;
  303. border-radius: 5px;
  304. -o-border-radius: 5px;
  305. -moz-border-radius: 5px;
  306. -webkit-border-radius: 5px;
  307. {block:ifblackandwhite}
  308. -webkit-filter:grayscale(100%);
  309. -webkit-transition: all 0.6s ease-in-out;
  310. {/block:ifblackandwhite}
  311. {block:ifimagefade}
  312. filter: alpha (opacity=80);
  313. opacity: 0.80;
  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. -ms-transition: all 0.6s ease-in-out;
  318. transition: all 0.6s ease-in-out;
  319. {/block:ifimagefade}
  320. }
  321. .post img:hover{
  322. {block:ifblackandwhite}
  323. -webkit-filter:none;
  324. -webkit-transition: all 0.6s ease-in-out;
  325. {/block:ifblackandwhite}
  326. {block:ifimagefade}
  327. filter: alpha (opacity=100);
  328. opacity: 1.0;
  329. -webkit-transition: all 0.6s ease-in-out;
  330. -moz-transition: all 0.6s ease-in-out;
  331. -o-transition: all 0.6s ease-in-out;
  332. -ms-transition: all 0.6s ease-in-out;
  333. transition: all 0.6s ease-in-out;
  334. {/block:ifimagefade}
  335. }
  336.  
  337. iframe.photoset {
  338. margin-top:0px;
  339. {block:ifimagefade}
  340. opacity: .8;
  341. -webkit-transition: all 0.6s ease-in-out;
  342. -moz-transition: all 0.6s ease-in-out;
  343. -o-transition: all 0.6s ease-in-out;
  344. -ms-transition: all 0.6s ease-in-out;
  345. transition: all 0.6s ease-in-out;
  346. {/block:ifimagefade}
  347. {block:ifblackandwhite}
  348. -webkit-filter:grayscale(100%);
  349. -webkit-transition: all 0.6s ease-in-out;
  350. {/block:ifblackandwhite}
  351. }
  352. iframe.photoset:hover {
  353. {block:ifimagefade}
  354. opacity: 1;
  355. -webkit-transition: all 0.6s ease-in-out;
  356. -moz-transition: all 0.6s ease-in-out;
  357. -o-transition: all 0.6s ease-in-out;
  358. -ms-transition: all 0.6s ease-in-out;
  359. transition: all 0.6s ease-in-out;
  360. {/block:ifimagefade}
  361. {block:ifblackandwhite}
  362. -webkit-filter:none;
  363. -webkit-transition: all 0.6s ease-in-out;
  364. {/block:ifblackandwhite}
  365. }
  366.  
  367. .quote{
  368. font-size: 20px;
  369. font-weight: 700;
  370. font-style: italic;
  371. color:{color:quote};
  372. }
  373.  
  374. .source{
  375. text-align: right;
  376. }
  377.  
  378. ul.chat {
  379. margin: 0 0 0 0;
  380. padding: 0 0 0 0;
  381. }
  382. .chat li {
  383. list-style-type: none;
  384. margin-left: 0px;
  385. padding: 3px;
  386. }
  387. .chat li.odd {
  388. background-color:{color:chat 1};
  389. }
  390. .chat li.even {
  391. background-color: {color:chat 2};
  392. }
  393. .label {
  394. font-weight: 700;
  395. }
  396.  
  397. .link{
  398. font-style: italic;
  399. }
  400.  
  401. .link:after{
  402. content: "→";
  403. }
  404.  
  405. .description{
  406. border-top: 1px solid {color:border 1};
  407. padding-top: 5px;
  408. }
  409.  
  410. .info {
  411. margin-top:5px;
  412. margin-bottom: 1px;
  413. text-align: left;
  414. border-top: 1px solid {color:border 1};
  415. }
  416.  
  417. .tag {
  418. font-weight: normal;
  419. margin-right: 2px;
  420. font-style: italic;
  421. text-transform: lowercase;
  422. }
  423.  
  424. .date {
  425. font-size: 10px;
  426. color: {color:date};
  427. text-transform: uppercase;
  428. font-weight: bold;
  429. }
  430.  
  431. .notes img {
  432. vertical-align: middle;
  433. }
  434. .notes ol {
  435. margin: 0;
  436. padding: 0;
  437. }
  438. .notes li {
  439. list-style-type: none;
  440. border-bottom: 1px dotted {color:notes};
  441. padding: 3px;
  442. font-size: 10px;
  443. margin-left: 0px;
  444. }
  445.  
  446. .notes li:last-child {
  447. border-bottom: none;
  448. }
  449. .notes li a {
  450. font-weight: normal;
  451. }
  452.  
  453. #cr{font-size:9px;letter-spacing:1px;color:black;position:fixed;text-align:center;bottom:8px;left:8px;font-family:trebuchet ms;}
  454. #cr a{color:{color:text};text-shadow: 0px 0px 4px rgba(150, 150, 150, 1);}
  455.  
  456. .tumblr_audio_player {height:50px;{block:ifnot400px}width:258px;{/block:ifnot400px}{block:if400px}width:400px;{/block:if400px} border-color:{color:border 2}; border-width:{text:border width}px;border-style:{select:side borders};}
  457.  
  458.  
  459. [title]{
  460. position:relative;
  461. }
  462. [title]:after{
  463. content:attr(title);
  464. color:#fff;
  465. background:#333;
  466. background:rgba(51,51,51,0.75);
  467. padding:5px;
  468. position:absolute;
  469. left:-9999px;
  470. opacity:0;
  471. bottom:100%;
  472. white-space:nowrap;
  473. -webkit-transition:0.25s linear opacity;
  474. }
  475. [title]:hover:after{
  476. left:5px;
  477. opacity:1;
  478. }
  479.  
  480.  
  481. </style>
  482.  
  483.  
  484.  
  485. <body>
  486. <img src="{image:render}" style='opacity: 0.80;position:fixed;height:{text:render height}px;bottom:{text:render bottom}px;right:{text:render right}px;z-index:-999;'/>
  487.  
  488. <div id="content">
  489. {block:Posts}
  490.  
  491. {block:Text}
  492. <div class="post">
  493. {block:Title}
  494. <h3><a href="{Permalink}">{Title}</a></h3>
  495. {/block:Title}
  496. {Body}
  497. <div class="info">
  498. <div class="date">
  499. {block:Date}
  500. {text:Posted on}
  501. <a href="{Permalink}">{24Hour}{AmPm} on {ShortMonth}. {DayOfMonth},{Year} </a> /
  502. {/block:Date}
  503. {block:NoteCount}{NoteCount} <font color="{color:notes label}">{text:notes}</font> {/block:NoteCount}
  504. {block:HasTags}<u><small>{text:tags}</small></u>{block:Tags}&nbsp;<a href="{TagURL}" class="tag">{Tag}, </a> {/block:Tags}{/block:HasTags}
  505. </div>
  506. </div>
  507. </div>
  508. {/block:Text}
  509.  
  510. {block:Photo}
  511. <div class="post">
  512. <center>{LinkOpenTag}{block:ifnot400px}<img src="{PhotoURL-250}" alt="{PhotoAlt}"/>{LinkCloseTag}{/block:ifnot400px}{block:if400px}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}{/block:if400px}</center>
  513. {block:Caption}
  514. <div class="caption">{Caption}</div>
  515. {/block:Caption}
  516. <div class="info">
  517. <div class="date">
  518. {block:Date}
  519. {text:Posted on}
  520. <a href="{Permalink}">{24Hour}{AmPm} on {ShortMonth}. {DayOfMonth},{Year} </a> /
  521. {/block:Date}
  522. {block:NoteCount}{NoteCount} <font color="{color:notes label}">{text:notes}</font> {/block:NoteCount}
  523. {block:HasTags}<u><small>{text:tags}</small></u>{block:Tags}&nbsp;<a href="{TagURL}" class="tag">{Tag}, </a> {/block:Tags}{/block:HasTags}
  524. </div>
  525. </div>
  526. </div>
  527. {/block:Photo}
  528.  
  529. {block:Photoset}
  530. <div class="post">
  531. <center>{block:ifnot400px}{Photoset-250}{/block:ifnot400px}{block:if400px}{Photoset-400}{/block:if400px}</center>
  532. {block:Caption}
  533. <div class="caption">{Caption}</div>
  534. {/block:Caption}
  535. <div class="info">
  536. <div class="date">
  537. {block:Date}
  538. {text:Posted on}
  539. <a href="{Permalink}">{24Hour}{AmPm} on {ShortMonth}. {DayOfMonth},{Year} </a> /
  540. {/block:Date}
  541. {block:NoteCount}{NoteCount} <font color="{color:notes label}">{text:notes}</font> {/block:NoteCount}
  542. {block:HasTags}<u><small>{text:tags}</small></u>{block:Tags}&nbsp;<a href="{TagURL}" class="tag">{Tag}, </a> {/block:Tags}{/block:HasTags}
  543. </div>
  544. </div>
  545. </div>
  546. {/block:Photoset}
  547.  
  548. {block:Quote}
  549. <div class="post">
  550. <div class="quote">"{Quote}"</div>
  551. {block:Source}
  552. <div class="source">{Source}</div>
  553. {/block:Source}
  554. <div class="info">
  555. <div class="date">
  556. {block:Date}
  557. {text:Posted on}
  558. <a href="{Permalink}">{24Hour}{AmPm} on {ShortMonth}. {DayOfMonth},{Year} </a> /
  559. {/block:Date}
  560. {block:NoteCount}{NoteCount} <font color="{color:notes label}">{text:notes}</font> {/block:NoteCount}
  561. {block:HasTags}<u><small>{text:tags}</small></u>{block:Tags}&nbsp;<a href="{TagURL}" class="tag">{Tag}, </a> {/block:Tags}{/block:HasTags}
  562. </div>
  563. </div>
  564. </div>
  565. {/block:Quote}
  566.  
  567. {block:Link}
  568. <div class="post">
  569. <center><h3><a href="{URL}" class="link" {Target}>{Name}</a></h3></center>
  570. {block:Description}
  571. <div class="description">{Description}</div>
  572. {/block:Description}
  573. <div class="info">
  574. <div class="date">
  575. {block:Date}
  576. {text:Posted on}
  577. <a href="{Permalink}">{24Hour}{AmPm} on {ShortMonth}. {DayOfMonth},{Year} </a> /
  578. {/block:Date}
  579. {block:NoteCount}{NoteCount} <font color="{color:notes label}">{text:notes}</font> {/block:NoteCount}
  580. {block:HasTags}<u><small>{text:tags}</small></u>{block:Tags}&nbsp;<a href="{TagURL}" class="tag">{Tag}, </a> {/block:Tags}{/block:HasTags}
  581. </div>
  582. </div>
  583. </div>
  584. {/block:Link}
  585.  
  586. {block:Chat}
  587. <div class="post">
  588. {block:Title}
  589. <h3><a href="{Permalink}">{Title}</a></h3>
  590. {/block:Title}
  591. <ul class="chat">
  592. {block:Lines}
  593. <li class="{Alt} user_{UserNumber}">
  594. {block:Label}
  595. <span class="label">{Label}</span>
  596. {/block:Label}
  597. {Line}
  598. </li>
  599. {/block:Lines}
  600. </ul>
  601. <div class="info">
  602. <div class="date">
  603. {block:Date}
  604. {text:Posted on}
  605. <a href="{Permalink}">{24Hour}{AmPm} on {ShortMonth}. {DayOfMonth},{Year} </a> /
  606. {/block:Date}
  607. {block:NoteCount}{NoteCount} <font color="{color:notes label}">{text:notes}</font> {/block:NoteCount}
  608. {block:HasTags}<u><small>{text:tags}</small></u>{block:Tags}&nbsp;<a href="{TagURL}" class="tag">{Tag}, </a> {/block:Tags}{/block:HasTags}
  609. </div>
  610. </div>
  611. </div>
  612. {/block:Chat}
  613.  
  614. {block:Video}
  615. <div class="post">
  616. <center>{block:ifnot400px}{Video-250}{/block:ifnot400px}{block:if400px}{Video-400}{/block:if400px}</center>
  617. {block:Caption}
  618. <div class="caption">{Caption}</div>
  619. {/block:Caption}
  620. <div class="info">
  621. <div class="date">
  622. {block:Date}
  623. {text:Posted on}
  624. <a href="{Permalink}">{24Hour}{AmPm} on {ShortMonth}. {DayOfMonth},{Year} </a> /
  625. {/block:Date}
  626. {block:NoteCount}{NoteCount} <font color="{color:notes label}">{text:notes}</font> {/block:NoteCount}
  627. {block:HasTags}<u><small>{text:tags}</small></u>&nbsp;{block:Tags}<a href="{TagURL}" class="tag">{Tag}, </a> {/block:Tags}{/block:HasTags}
  628. </div>
  629. </div>
  630. </div>
  631. {/block:Video}
  632.  
  633. {block:Audio}
  634. <div class="post">
  635. {AudioPlayerWhite}
  636. {block:Caption}
  637. <div class="caption">{Caption}</div>
  638. {/block:Caption}
  639. <div class="info">
  640. <div class="date">
  641. {block:Date}
  642. {text:Posted on}
  643. <a href="{Permalink}">{24Hour}{AmPm} on {ShortMonth}. {DayOfMonth},{Year} </a> /
  644. {/block:Date}
  645. {block:NoteCount}{NoteCount} <font color="{color:notes label}">{text:notes}</font> {/block:NoteCount}
  646. {block:HasTags}<u><small>{text:tags}</small></u>&nbsp;{block:Tags}<a href="{TagURL}" class="tag">{Tag}, </a> {/block:Tags}{/block:HasTags}
  647. </div>
  648. </div>
  649. </div>
  650. {/block:Audio}
  651.  
  652. {/block:Posts}
  653.  
  654. {block:PostNotes}
  655. <div class="post notes">
  656. <h3>Posted on {block:Posts}{block:Date}{Month} {DayOfMonth}{DayOfMonthSuffix}, {Year} {/block:Date}{/block:Posts}</h3>
  657. {PostNotes}
  658. </div>
  659. {/block:PostNotes}
  660.  
  661. <div class="pagination">
  662. <center>
  663. {block:Pagination}
  664.  
  665.  
  666. {block:PreviousPage}
  667. <a href="{PreviousPage}">« Previous</a>
  668. {/block:PreviousPage}
  669.  
  670.  
  671. {block:JumpPagination length="5"}
  672. {block:CurrentPage}
  673.  
  674. <span class="current_page">{PageNumber}</span>
  675. {/block:CurrentPage}
  676. {block:JumpPage}
  677.  
  678. <a class="jump_page" href="{URL}">{PageNumber}</a>
  679.  
  680. {/block:JumpPage}
  681. {/block:JumpPagination}
  682.  
  683.  
  684. {block:NextPage}
  685. <a href="{NextPage}">Next »</a>
  686. {/block:NextPage}
  687.  
  688. {/block:Pagination}
  689. </center>
  690. </div>
  691.  
  692.  
  693. </div>
  694.  
  695. <div id="sidebar">
  696. <div class="header">{block:ifshowtitle}<a href="/" title="refresh"><u>{title}</u></a>{/block:ifshowtitle}</div>
  697. <div class="sidebox">
  698. {block:ifshowsidebarimage}<center><img src="{image:sidebox}" width="128" height="128"></center>{/block:ifshowsidebarimage}
  699.  
  700. <center><div class="links_list">
  701. <p class="links_head" title="{text:side drop hover title}">{text:side drop}</p>
  702. <div class="links_body">
  703. <center>
  704. {description}
  705. </center>
  706. </div></div>
  707. </center>
  708. <center><div id="links">
  709. <a href="/" title="home"><i class="fa fa-home"></i></a>&nbsp; &nbsp;
  710. <a href="/archive" title="archive"><i class="fa fa-folder-open"></i></a> &nbsp;&nbsp;
  711. <a href="/ask" title="message"><i class="fa fa-envelope"></i></a> &nbsp;&nbsp;
  712. <a href="{text:more links}" title="more links"><i class="fa fa-bars"></i></a>
  713. </div></center>
  714. </div>
  715. </div>
  716.  
  717.  
  718.  
  719. </div>
  720.  
  721. {block:ifshowupdates}
  722. <div id="updates">
  723. <div class="utitle"><center>{text:update title}</center></div>
  724. <div class="utext">{text:updates}</div>
  725. </div>
  726. {/block:ifshowupdates}
  727.  
  728. <div id="cr"><a href="http://ikarishnji.tumblr.com/" title="credit"><i class="fa fa-code fa-2x"></i></a></div>
  729.  
  730. </body>
  731.  
  732. </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!