txrpe

[05] BLACK GHOST

Jul 25th, 2016
1,140
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.54 KB | None | 0 0
  1. <!--
  2.  
  3. THEME 05 [BLACK GHOST] by saisei-themes @ tumblr
  4.  
  5. - do not repost
  6. - do not claim as your own
  7. - do not use as base
  8. - enjoy !
  9.  
  10. -->
  11.  
  12.  
  13. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  14. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  15.  
  16. <head>
  17.  
  18.  
  19. <script type="text/javascript"
  20. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  21.  
  22.  
  23. <title>{Title}</title>
  24.  
  25. <link rel="shortcut icon" href="{Favicon}">
  26. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  27. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  28.  
  29. <meta name="color:background" content="#000000" />
  30. <meta name="color:text" content="#444444" />
  31. <meta name="color:blog title" content="#4f0e0e" />
  32. <meta name="color:links" content="#cecece" />
  33. <meta name="color:links hover" content="#4f0e0e" />
  34. <meta name="color:posts" content="#121212" />
  35. <meta name="color:border" content="#0c0c0c" />
  36. <meta name="color:desc" content="#0c0c0c" />
  37. <meta name="color:desct" content="#444444" />
  38. <meta name="color:bold" content="#4f0e0e" />
  39. <meta name="color:blockquote" content="#262626" />
  40.  
  41. <meta name="text:text size" content="9" />
  42. <meta name="text:description text size" content="8" />
  43. <meta name="text:music player code" content="" />
  44.  
  45. <meta name="image:icon" content="" />
  46. <meta name="image:background" content="" />
  47. <meta name="image:sidebarimg1" content="http://i.imgur.com/pXQoM9c.png" />
  48. <meta name="image:icon 1" content="http://i.imgur.com/gCkikTv.png" />
  49. <meta name="image:icon 2" content="http://i.imgur.com/Y6wNlfk.png" />
  50. <meta name="image:icon 3" content="http://i.imgur.com/MgLfG2Z.png" />
  51. <meta name="text:blog title" content="" />
  52. <meta name="if:infinite scroll" content="0"/>
  53. <meta name="if:show captions" content="0" />
  54. <meta name="if:small posts" content="1" />
  55. <meta name="if:medium posts" content="0" />
  56. <meta name="if:large posts" content="0" />
  57. <meta name="if:photo fade" content="1" />
  58. <meta name="if:music player" content="1" />
  59.  
  60. <meta name="if:small posts" content="1" />
  61. <meta name="if:medium posts" content="0" />
  62. <meta name="if:large posts" content="0" />
  63. <meta name="if:photo fade" content="0" />
  64. <meta name="if:grayscale posts" content="1" />
  65.  
  66. <meta name="if:link1" content="1" />
  67. <meta name="if:link2" content="1" />
  68. <meta name="if:link3" content="1" />
  69. <meta name="if:link4" content="1" />
  70. <meta name="text:link 1 url" content="" />
  71. <meta name="text:link 1 title" content="" />
  72. <meta name="text:link 2 url" content="" />
  73. <meta name="text:link 2 title" content="" />
  74. <meta name="text:link 3 url" content="" />
  75. <meta name="text:link 3 title" content="" />
  76. <meta name="text:link 4 url" content="" />
  77. <meta name="text:link 4 title" content="" />
  78.  
  79. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  80. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  81. <script>
  82. (function($){
  83. $(document).ready(function(){
  84. $("a[title]").style_my_tooltips({
  85. tip_follows_cursor:true,
  86. tip_delay_time:90,
  87. tip_fade_speed:600,
  88. attribute:"title"
  89. });
  90. });
  91. })(jQuery);
  92. </script>
  93.  
  94. <style type="text/css">
  95.  
  96. @font-face { font-family: "bebas_neue"; src: url('https://dl.dropboxusercontent.com/s/scbj3da4dz3dfmf/bebasneue.otf?dl=1'); format(“truetype”);}
  97.  
  98. @font-face { font-family: "silkscreen"; src: url('https://dl.dropboxusercontent.com/s/4bj79wi75v77m0r/slkscr.ttf?dl=1'); format(“truetype”);}
  99.  
  100. @-webkit-keyframes fadeInUp {
  101. from {
  102. opacity: 0;
  103. -webkit-transform: translate3d(0, 100%, 0);
  104. transform: translate3d(0, 100%, 0);
  105. }
  106.  
  107. to {
  108. opacity: 1;
  109. -webkit-transform: none;
  110. transform: none;
  111. }
  112. }
  113.  
  114.  
  115.  
  116. ::-webkit-scrollbar{ width: 7px; }
  117.  
  118. body::-webkit-scrollbar-thumb{ background-color: {color:links hover}; }
  119.  
  120. body::-webkit-scrollbar-track { background-color: {color:posts}; }
  121.  
  122. #s-m-t-tooltip{
  123. position:absolute;
  124. margin-top: 10px;
  125. margin-left: 20px;
  126. text-transform:uppercase;
  127. z-index:999999;
  128. font-family: 'hasteristico', sans-serif;
  129. font-size: 12px;
  130. color: {color:text}; !important;
  131. -moz-transition-duration:.80s;
  132. -webkit-transition-duration:.80s;
  133. -o-transition-duration:.80s;
  134. padding: 5px;
  135. letter-spacing: 1px;
  136.  
  137. }
  138.  
  139. .tmblr-iframe {
  140. top: 3px !important;
  141. right: 3px !important;
  142. position: fixed !important;
  143. z-index: 999999 !important;
  144. white-space: nowrap;
  145. opacity: 0.5;
  146. -webkit-filter: invert(100%);
  147. -moz-filter: invert(100%);
  148. -o-filter: invert(100%);
  149. -ms-filter: invert(100%);
  150. filter: invert(100%);
  151. -webkit-transition: all 0.1s ease-in-out;
  152. -moz-transition: all 0.1s ease-in-out;
  153. -o-transition: all 0.1s ease-in-out;
  154. transition: all 0.1s ease-in-out;
  155. }
  156.  
  157.  
  158. blockquote {
  159. padding: 0px 0px 0px 10px !important;
  160. border-left: 1px solid {color:blockquote};
  161. margin-left: -1px;
  162. margin-right: 0px;
  163. }
  164.  
  165. body {
  166. background:url('{image:Background}') top left fixed repeat;
  167. background-color: {color:background};
  168. color:{color:text};
  169. font-family: 'calibri', serif;
  170. -webkit-font-smoothing: subpixel-antialised;
  171. overflow-x: hidden;
  172. font-size: {text:text size}px;
  173. margin: 0px;
  174. padding: 0px;
  175. }
  176.  
  177. small, sub {
  178. font-size: {text:text size}px;
  179. }
  180.  
  181. a {
  182. text-decoration: none;
  183. font-family: 'silkscreen';
  184. -moz-transition-duration:0.8s;
  185. -webkit-transition-duration:0.8s;
  186. -o-transition-duration:0.8s;
  187. color:{color:links};
  188. font-size: 8.5px;
  189. }
  190.  
  191. a:hover {
  192. -moz-transition-duration:0.8s;
  193. -webkit-transition-duration:0.8s;
  194. -o-transition-duration:0.8s;
  195. color:{color:links hover};
  196. }
  197.  
  198. b, strong {
  199. color: {color:bold};
  200. }
  201.  
  202. em, i { color: {color:links hover};
  203. }
  204.  
  205. pre { white-space: pre-wrap;
  206. white-space: -moz-pre-wrap;
  207. white-space: -pre-wrap;
  208. white-space: -o-pre-wrap;
  209. word-wrap: break-word;
  210. background-color: {color:blockquote};
  211. padding: 5px;
  212. font-family: 'calibri';
  213. font-size: 8px;
  214. }
  215.  
  216. hr {
  217. border: 1px solid {color:blockquote};
  218. }
  219.  
  220. h1,h2 {font-family: 'bebas neue';
  221. font-size: 25px !important;
  222. line-height: 20px;
  223. color: {color:links}; !important;
  224. letter-spacing: 1px;
  225. margin-bottom: 2px;
  226. }
  227.  
  228. h1 a, h2 a, h1 b, h2 b, h1 strong, h2 strong { font-size: 25px !important;
  229. font-family: 'bebas_neue';
  230. }
  231.  
  232. #con {
  233. height: auto;
  234. margin-left: 100px;
  235. margin-top: 0;
  236. width: 100%;
  237. }
  238.  
  239. /* SIDEBAR */
  240.  
  241. #ghost {
  242. width: 250px;
  243. position:fixed;
  244. padding: 0px;
  245. background: transparent;
  246. margin-top: 23%;
  247. {block:ifInfiniteScroll}margin-top: 25%;{/block:ifInfiniteScroll}
  248. }
  249.  
  250. #ghosti {
  251. width: 250px;
  252. height: 100px;
  253.  
  254. }
  255.  
  256. /* BLOG TITLE */
  257.  
  258. #ibm {
  259. font-family: 'bebas_neue';
  260. font-size: 30px;
  261. color: {color:blog title};
  262. position: relative;
  263. text-transform: capitalize;
  264. top: 4px;
  265. letter-spacing: 3px;
  266. }
  267.  
  268. #ibm::first-word {
  269. color: {color:links};
  270. }
  271.  
  272. /* SIDEBAR HEADER */
  273.  
  274. #ghostiimg {
  275. width: 250px;
  276. height: 100px;
  277. background: url('{image:sidebarimg1}') center no-repeat;
  278. padding: 3px;
  279. border: 1px solid {color:border};
  280. }
  281.  
  282. /* DESCRIPTION */
  283.  
  284. #desc {
  285. width: 54%;
  286. position: relative;
  287. margin-top: 13px;
  288. margin-left: 1px;
  289. background: {color:desc};
  290. padding: 5px;
  291. height: 90px;
  292. border: 3px solid {color:background};
  293. outline: 1px solid {color:border};
  294. }
  295.  
  296. #desct {
  297. color: {color:desct};
  298. font-family: calibri;
  299. font-size: {text:description text size}px;
  300. text-transform: uppercase;
  301. letter-spacing: .5px;
  302. text-align: justify;
  303. line-height: 13px;
  304. height: 87px;
  305. padding: 0px;
  306. overflow-y: scroll;
  307. width: auto;
  308. }
  309.  
  310. #desc::first-letter {
  311. font-size: 20px;
  312. color: {color:links};
  313. font-family: 'bebas_neue';
  314. margin-right: 3px;
  315. }
  316.  
  317. /* CUSTOM LINKS */
  318.  
  319. #ajin {
  320. background: transparent;
  321. position: relative;
  322. width: 39%;
  323. float: right;
  324. margin-right: -8px;
  325. height: auto;
  326. margin-top: -105px;
  327. }
  328.  
  329. #ajin a {
  330. font-family: 'silkscreen';
  331. font-size: 7px;
  332. background-color: {color:posts};
  333. padding: 5px;
  334. text-align: center;
  335. display: block;
  336. margin-bottom: 5px;
  337. }
  338.  
  339. #ajin a:hover {
  340. background-color: {color:links hover};
  341. color: {color:links};
  342. }
  343.  
  344. /* MAIN/ICON NAVI */
  345.  
  346. #navi {
  347. margin-top: 10px;
  348. }
  349.  
  350. #navi1icon {
  351. background: url('{image:icon 1}') center no-repeat;
  352. height: 70px;
  353. width: 70px;
  354. border: 3px solid {color:border};
  355. background-size: cover;
  356. }
  357.  
  358. #navi1icon:hover #navia a {
  359. opacity: 1;
  360. }
  361.  
  362. #navi1icon:hover #navia {
  363. opacity: 1;
  364. animation-name: fadeInUp;
  365. animation-duration: .8s;
  366. visibility: visible;
  367. }
  368.  
  369.  
  370. #navia {
  371. margin-top: 30px;
  372. background: {color:links hover};
  373. height: 70px;
  374. width: 70px;
  375. background-size:cover;
  376. opacity: 0;
  377. margin-right: auto;
  378. margin-left: auto;
  379. margin-top: auto;
  380. margin-bottom: auto;
  381. text-align: center;
  382. position: absolute;
  383. z-index: 100;
  384. visibility: hidden;
  385. }
  386.  
  387. #navia a {
  388. opacity: 0;
  389. z-index: 100;
  390. height: auto;
  391. width: 50%;
  392. position: absolute;
  393. margin-top: 43%;
  394. padding-right: 5px;
  395. margin-left: -17px;
  396. animation-name: fadeInUp;
  397. animation-duration: .8s;
  398. font-family: 'silkscreen';
  399. font-size: 8px;
  400. }
  401.  
  402. #navia a:hover {
  403. color: {color:links hover};
  404. }
  405.  
  406. #navi2icon {
  407. background: url('{image:icon 2}') center no-repeat;
  408. height: 70px;
  409. width: 70px;
  410. border: 3px solid {color:border};
  411. background-size: cover;
  412. margin-left: 92px;
  413. margin-top: -76px;
  414. }
  415.  
  416. #navi2icon:hover #navia a {
  417. opacity: 1;
  418. }
  419.  
  420. #navi2icon:hover #navia {
  421. opacity: 1;
  422. animation-name: fadeInUp;
  423. animation-duration: .8s;
  424. visibility: visible;
  425. }
  426.  
  427.  
  428. #navi3icon {
  429. background: url('{image:icon 3}') center no-repeat;
  430. height: 70px;
  431. width: 70px;
  432. border: 3px solid {color:border};
  433. background-size: cover;
  434. margin-left: 182px;
  435. margin-top: -76px;
  436. }
  437.  
  438. #navi3icon:hover #navia a {
  439. opacity: 1;
  440. }
  441.  
  442. #navi3icon:hover #navia {
  443. opacity: 1;
  444. visibility: visible;
  445. animation-name: fadeInUp;
  446. animation-duration: .8s;
  447. }
  448.  
  449. /* PAGINATION */
  450.  
  451. #pagination {
  452. font-family:'silkscreen';
  453. margin-top: 20px;
  454. margin-left: auto;
  455. text-align: center;
  456. font-size: 8px;
  457. position: relative;
  458. text-transform: uppercase;
  459. {block:ifInfiniteScroll}
  460. visibility:hidden;{/block:ifInfiniteScroll}
  461. }
  462.  
  463. #pagination a {
  464. padding:0px;
  465. color: {color:links hover} !important;
  466. font-size: 10px;
  467. }
  468.  
  469. #pagination a:hover {
  470. color: {color:links} !important;
  471. }
  472.  
  473. /* POSTS */
  474.  
  475. #title {
  476. color:{color:links hover};
  477. font-size: 25px;
  478. font-family: 'bebas_neue', sans-serif;
  479. font-weight: normal;
  480. text-align: center;
  481. padding: 5px;
  482. letter-spacing: 1px;
  483. line-height: 20px;
  484. text-transform: uppercase;
  485. margin-top: 0px;
  486. width: auto;
  487. margin: 0px;
  488. padding: 5px;
  489. }
  490.  
  491.  
  492. #entries {
  493. position: absolute;
  494. {block:ifSmallPosts}width:250px;
  495. {/block:ifSmallPosts}
  496. {block:ifMediumPosts}width:400px;
  497. {/block:ifMediumPosts}
  498. {block:ifLargePosts}width:500px;
  499. {/block:ifLargePosts}
  500. margin-left:26%;
  501. margin-top: 120px;
  502. font-size: {text:text size}px;
  503. letter-spacing: .5;
  504. }
  505.  
  506. #posts {
  507. {block:ifSmallPosts}width:250px;{/block:ifSmallPosts}
  508. {block:ifMediumPosts}width:400px;{/block:ifMediumPosts}
  509. {block:ifLargePosts}width:500px;{/block:ifLargePosts}
  510. padding: 10px;
  511. background-color: {color:posts};
  512. border-left: 1px solid {color:border};
  513. border-right:1px solid {color:border};
  514. border-top:1px solid {color:border};;
  515. border-bottom: 1px solid {color:border};
  516. {block:ifPostShadow}border-right: 5px solid {color:border};
  517. border-bottom: 5px solid {color:border};{/block:ifPostShadow}
  518. margin-bottom: 35px;
  519. line-height: 13px;
  520. text-align: justify;
  521. word-wrap: break-word;
  522. text-transform: uppercase;
  523. border: 3px solid {color:background};
  524. outline: 1px solid {color:border};
  525. min-height: 70px;
  526. letter-spacing: .5px;
  527. }
  528.  
  529. #posts img, #posts li, blockquote img {
  530. {block:ifSmallPosts}max-width:250px;{/block:ifSmallPosts}
  531. {block:ifMediumPosts}max-width:400px;{/block:ifMediumPosts}
  532. {block:ifLargePosts}max-width: 500px;{/block:ifLargePosts}
  533. height: auto;
  534. {block:ifPhotoFade}opacity: .6;
  535. -moz-transition-duration:0.8s;
  536. -webkit-transition-duration:0.8s;
  537. -o-transition-duration:0.8s;{/block:ifPhotoFade}
  538. {block:ifGrayscalePosts} -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
  539. filter: grayscale(100%);
  540. transition: ease-in-out 1s;{/block:ifGrayscalePosts}
  541. }
  542.  
  543.  
  544. iframe.photoset {
  545. {block:ifSmallPosts}max-width: 250px;{/block:ifSmallPosts}
  546. {block:ifMediumPosts}max-width:400px;{/block:ifMediumPosts}
  547. {block:ifLargePosts}max-width: 500px;{/block:ifLargePosts}
  548. {block:ifPhotoFade}opacity: .6;
  549. -moz-transition-duration:1s;
  550. -webkit-transition-duration:1s;
  551. -o-transition-duration:1s;{/block:ifPhotoFade}
  552. {block:ifGrayscalePosts} -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
  553. filter: grayscale(100%);
  554. transition: ease-in-out 1s;{/block:ifGrayscalePosts}
  555. }
  556.  
  557. #posts img:hover, #posts li:hover, blockquote img:hover, iframe.photoset:hover {
  558. {block:ifPhotoFade}opacity: 1.0;
  559. -moz-transition-duration:1s;
  560. -webkit-transition-duration:1s;
  561. -o-transition-duration:1;{/block:ifPhotoFade}
  562. {block:ifGrayscalePosts} -webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */
  563. filter: grayscale(0%);
  564. transition: ease-in-out 1s;{/block:ifGrayscalePosts}
  565. }
  566.  
  567. /* PERMALINK */
  568.  
  569. #permalink {
  570. text-align: center;
  571. width: 90px;
  572. height: auto;
  573. margin-left: 98%;
  574. margin-top: -15px;
  575. position: absolute;
  576. }
  577.  
  578. #permalink a {padding-right:5px;
  579. color: {color:links hover};
  580. font-size: 30px;
  581. text-transform:uppercase;
  582. font-family: 'bebas_neue';
  583. margin-left: 15px;
  584. line-height: 30px;
  585. text-align: center;
  586. width: 90px;
  587. height: auto;
  588. margin-left: auto;
  589. margin-right: auto;
  590. display: block;
  591. margin-bottom: 5px;
  592. }
  593.  
  594. #permalink a:hover {
  595. color: {color:links};
  596. }
  597.  
  598. /* TAGS */
  599.  
  600. .tags {
  601. text-align: justify;
  602. position: relative;
  603. margin-top: -20px;
  604. width: 100%;
  605. {block:IndexPage}display: none;{/block:IndexPage}
  606. }
  607.  
  608.  
  609. .tags a {
  610. font-size: 8px; !important;
  611. margin-right: 2px;
  612. text-shadow: none;
  613. font-family: 'silkscreen';
  614. text-transform:uppercase;
  615. color: {color:text};
  616. display: inline;
  617. }
  618.  
  619. .tags a:hover {
  620. color:{color:text} !important;
  621. }
  622.  
  623. /* AUDIO */
  624.  
  625. .audio
  626. {padding: 0;}
  627.  
  628. .audio_container
  629. { overflow: hidden;
  630. position: relative;
  631. width: 100px;}
  632.  
  633. .soundcloud_audio_player
  634. {width: 100%;}
  635.  
  636. .tumblr_audio_player
  637. {width: 100%;
  638. opacity: .5;
  639. }
  640.  
  641. /* PAGE NOTES AND CAPTIONS */
  642.  
  643. .pagenotes {
  644. {block:IndexPage}
  645. display: none!important;
  646. {/block:IndexPage}
  647. {block:ifSmallPosts}width:250px;{/block:ifSmallPosts}
  648. {block:ifMediumPosts}width:400px;{/block:ifMediumPosts}
  649. {block:ifLargePosts}width:500px;{/block:ifLargePosts}
  650. text-align:left;
  651.  
  652. }
  653. .pagenotes img {
  654. display:none!important;}
  655.  
  656. .pagenotes li {
  657. list-style-type:none;
  658. padding:5px 0px;
  659. text-align:left;
  660. margin:0 0 0 -40px;
  661. }
  662.  
  663. #caption {
  664. width:100%;
  665. margin-top:15px;
  666. margin-bottom: -10px;
  667. }
  668.  
  669. /* ASKS */
  670.  
  671. .question {margin-bottom:10px;
  672. letter-spacing: .5px;
  673. background: {color:border};
  674. border: 3px solid {color:posts};
  675. outline: 1px solid {color:border};
  676. padding: 10px;
  677. min-height: 35px;
  678. }
  679. .asker {
  680. font-weight:bold;
  681. }
  682.  
  683. .a {
  684. margin-top:20px;
  685. }
  686.  
  687. /* QUOTES */
  688.  
  689. #quote{text-align:left;
  690. font-size:25px;
  691. line-height:21px;
  692. color: {color:bold};
  693. font-family: 'bebas neue';
  694. text-transform:uppercase;
  695. letter-spacing: 1px;
  696. }
  697.  
  698. #source {
  699. margin-top:15px;
  700. text-align: right;
  701. }
  702.  
  703. /* MUSIC CONTAINER BY GYAPO @ TUMBLR */
  704.  
  705. #music
  706. {position:fixed; top:20px; left:25px;
  707. padding-top:12px; padding-bottom:12px; text-align:center; height:10px; width:34px; overflow:hidden;
  708. border:3px solid #ddd;
  709. color:#888;
  710. -moz-border-radius: 17px 17px 17px 17px;
  711. border-radius:17px 17px 17px 17px;
  712. -webkit-transition: opacity 0.7s linear;
  713. -webkit-transition: all 0.7s ease-in-out;
  714. -moz-transition: all 0.7s ease-in-out;
  715. -o-transition: all 0.7s ease-in-out;
  716. background-color:#fff;
  717. z-index:999;}
  718.  
  719.  
  720. #musicplayer
  721. {padding-top:15px;}
  722.  
  723.  
  724. #music:hover
  725. {border:3px solid #bbb; padding:5px; height:45px; width:140px;}
  726.  
  727. </style>
  728.  
  729. </head>
  730.  
  731. {block:ifInfiniteScroll}
  732. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
  733. {/block:ifInfiniteScroll}
  734.  
  735. <body>
  736.  
  737. {block:ifMusicPlayer}{block:IndexPage}
  738. <div id="music"><center><img src="http://media.tumblr.com/tumblr_lm6prnRzP61qfoi4t.gif"/></center>
  739. <div id="musicplayer"><center>{text:music player code}</center></div>
  740. </div>
  741. {/block:IndexPage}{/block:ifMusicPlayer}
  742.  
  743. <div id="con">
  744.  
  745. <div id="ghost">
  746.  
  747. <div id="ibm">{text:blog title}</div>
  748.  
  749. <div id="ghosti"><div id="ghostiimg"></div></div>
  750.  
  751. <div id="desc"><div id="desct">{Description}</div></div>
  752.  
  753. <div id="ajin">
  754. {block:ifLink1}<a href="{text:link 1 url}" id="ajin a">{text:link 1 title}</a>{/block:ifLink1}
  755. {block:ifLink2}<a href="{text:link 2 url}" id="ajin a">{text:link 2 title}</a>{/block:ifLink2}
  756. {block:ifLink3}<a href="{text:link 3 url}" id="ajin a">{text:link 3 title}</a>{/block:ifLink3}
  757. {block:ifLink4}<a href="{text:link 4 url}" id="ajin a">{text:link 4 title}</a>{/block:ifLink4}
  758. <a href="http://www.saisei-themes.tumblr.com" id="ajin a">credit</a>
  759. </div>
  760.  
  761. <div id="navi"><div id="navi1icon"><div id="navia"><a href="/" id="navia a">HOME</a></div></div><div id="navi2icon"><div id="navia"><a href="/ask" id="navia a">ASK</a></div></div><div id="navi3icon"><div id="navia"><a href="/archive" id="navia a">ARCHIVE</a></div></div></div>
  762.  
  763. {block:ifNotinfinitescroll}
  764. <div id="pagination">
  765. {block:Pagination}
  766. {block:PreviousPage}
  767. <a href="{PreviousPage}">future</a>
  768. {/block:PreviousPage}
  769. {block:NextPage}
  770. <a href="{NextPage}">past</a>
  771. {/block:NextPage}
  772. {/block:Pagination}
  773. </div>
  774. {/block:ifNotInfinitescroll}
  775. </div>
  776.  
  777. <div id="entries">
  778. <div class="autopagerize_page_element">
  779. {block:Posts}
  780. <div id="posts">
  781.  
  782. {block:Date}
  783. <div id="permalink">
  784. <a href="{Permalink}">{MonthNumberWithZero}<br>{DayOfMonthWithZero}︎</a>
  785. {block:NoteCount}<a href="{Permalink}" title="{NoteCount}">{LikeButton size="15"}</a>{/block:NoteCount}
  786. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}"><img src="{ReblogParentPortraitURL-24}" style="-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px; border: 3px solid {color:posts}"></a>{block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}"><img src="{ReblogRootPortraitURL-24}" style="-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;border: 3px solid {color:posts};"></a>{/block:ContentSource}{/block:RebloggedFrom}
  787. </div>
  788. {/block:Date}
  789.  
  790. {block:Text}
  791. {block:Title}
  792. <div id="title">{Title}</div>{/block:Title}
  793. {Body}
  794. {/block:Text}
  795.  
  796. {block:Link}
  797. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  798. {/block:Link}
  799.  
  800. {block:Chat}
  801. {block:Title}<div class="title">{Title}</div>{/block:Title}
  802. <div class="chat">{block:Lines}<div class="line">{block:Label}<span class="label"><b>{Label}</b></span>{/block:Label}
  803. {Line}</div>{/block:Lines}</div>
  804. {/block:Chat}
  805.  
  806. {block:Answer}
  807. <div class="question">
  808. <div id="asker"><img src="{AskerPortraitURL-30}" style="float: left; margin-left:5px;margin-right:15px;-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px; border: 3px solid {color:border}"></div><div id="asker">{Asker} said: </div>{Question}</div>
  809. <div class="answer">{Answer}</div>
  810. {/block:Answer}
  811.  
  812.  
  813. {block:Quote}
  814. <div id="quote"><font color="{color:blockquote}">❝</font> {Quote} <font color="{color:blockquote}">❞</font></div>
  815. {block:Source}<div id="source"><font color="{color:blockquote}">— </font> {Source}</div>{/block:Source}
  816. {/block:Quote}
  817.  
  818. {block:Photo}
  819. {block:ifSmallPosts}{LinkOpenTag}<img src="{PhotoURL-250}" alt="{PhotoAlt}"/>{LinkCloseTag}{/block:ifSmallPosts}
  820. {block:ifMediumPosts}{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}{/block:ifMediumPosts}
  821. {block:ifLargePosts}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}{/block:ifLargePosts}
  822. {/block:Photo}
  823.  
  824.  
  825. {block:Photoset}
  826. {block:ifSmallPosts}{Photoset-250}{/block:ifSmallPosts}
  827. {block:ifMediumPosts}{Photoset-400}{/block:ifMediumPosts}
  828. {block:ifLargePosts}{Photoset-500}{/block:ifLargePosts}
  829. {/block:Photoset}
  830.  
  831.  
  832. {block:Video}
  833. {block:ifSmallPosts}{Video-250}{/block:ifSmallPosts}
  834. {block:ifMediumPosts}{Video-400}{/block:ifMediumPosts}
  835. {block:ifLargePosts}{Video-500}{/block:ifLargePosts}
  836. {/block:Video}
  837.  
  838. {block:Audio}
  839. <div class="audioContainer">
  840. {block:AudioEmbed}{AudioEmbed color="white"}{/block:AudioEmbed}
  841. </div>
  842. {/block:Audio}
  843.  
  844. {block:IfShowCaptions}
  845. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  846. {/block:IfShowCaptions}
  847.  
  848. </div>
  849.  
  850. <div id="tags">{block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}"># {Tag}</a>{/block:Tags}</div>{/block:HasTags}</div>
  851.  
  852. {/block:Posts}
  853.  
  854. {block:PostNotes}
  855. <div class="pagenotes">
  856. {PostNotes}
  857. </div>
  858. {/block:PostNotes}
  859. </div>
  860. </div>
  861.  
  862.  
  863. {block:ContentSource}
  864. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  865. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  866. {/block:SourceLogo}
  867. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  868. {/block:ContentSource}
  869. </body>
  870.  
  871. </html>
Advertisement
Add Comment
Please, Sign In to add comment