API tools faq
paste
azurethemes

theme no. 03

azurethemes
Mar 24th, 2016
425
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.88 KB | None | 0 0
raw download clone embed print report
  1. <!----
  2.  
  3.  
  4.  
  5. ☾ ● Espeon Themes ● ☽
  6. Theme No. 03 - Vaporeon
  7. This theme and coding was created by espeon themes.
  8. Any distribution without permission is violating against the copyright.
  9. This theme was published for public use, but can not be claimed as own!
  10. © Espeon themes, 2016. All rights reserved.
  11.  
  12.  
  13. --->
  14. <!-----start html---->
  15. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  16. <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  17. <!-----custom google fonts---->
  18. <script type="text/javascript">
  19. WebFontConfig = {
  20. google: { families: [ 'Roboto:400,500,700:latin' , 'Roboto::latin' , 'Khand:400,600:latin' , 'Montserrat:400,700:latin' , 'Lato:300,700:latin', 'Raleway:400,700:latin', 'Oxygen:400,700:latin' , 'Hind:400,700:latin' , 'Karla:400,700:latin' , 'Open+Sans:400,700,600:latin' , 'Exo:400,700,600:latin','Roboto+Condensed:400,700:latin', 'Titillium+Web:400,600,700:latin', 'PT+Sans:400,700:latin', 'Droid+Sans::latin','Kanit:400,500,500italic,400italic,600,600italic,700,700italic:latin', 'Work+Sans:400,500,700,600:latin', 'Timmana::latin' ] }
  21. };
  22. (function() {
  23. var wf = document.createElement('script');
  24. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  25. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  26. wf.type = 'text/javascript';
  27. wf.async = 'true';
  28. var s = document.getElementsByTagName('script')[0];
  29. s.parentNode.insertBefore(wf, s);
  30. })(); </script>
  31. <!-----tooltips---->
  32. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  33. <script>
  34. (function($){
  35. $(document).ready(function(){
  36. $("a[title]").style_my_tooltips({
  37. tip_follows_cursor:true,
  38. tip_delay_time:100,
  39. tip_fade_speed:500,
  40. attribute:"title"
  41. });
  42. });
  43. })(jQuery);
  44. </script>
  45. <!-----back to top button---->
  46. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
  47. <script>
  48. $(document).ready(function(){
  49.  
  50. // Der Button wird mit JavaScript erzeugt und vor dem Ende des body eingebunden.
  51. var back_to_top_button = ['<a href="#top" class="back-to-top">back to top</a>'].join("");
  52. $("body").append(back_to_top_button)
  53.  
  54. // Der Button wird ausgeblendet
  55. $(".back-to-top").hide();
  56.  
  57. // Funktion für das Scroll-Verhalten
  58. $(function () {
  59. $(window).scroll(function () {
  60. if ($(this).scrollTop() > 100) { // Wenn 100 Pixel gescrolled wurde
  61. $('.back-to-top').fadeIn();
  62. } else {
  63. $('.back-to-top').fadeOut();
  64. }
  65. });
  66.  
  67. $('.back-to-top').click(function () { // Klick auf den Button
  68. $('body,html').animate({
  69. scrollTop: 0
  70. }, 800);
  71. return false;
  72. });
  73. });
  74.  
  75. });
  76. </script>
  77. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
  78. <script type="text/javascript"
  79. src="http://codysherman.com/tools/infinite-scrolling/code" ></script>
  80. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  81. <head>
  82. <title>{Title}</title>
  83. <link rel="shortcut icon" href="{Favicon}">
  84. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  85. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  86. <!-----all colors---->
  87. <meta name="color:background" content="#f5f5f5"/>
  88. <meta name="color:text" content="#000000"/>
  89. <meta name="color:links" content="#000000"/>
  90. <meta name="color:info" content="#000000"/>
  91. <meta name="color:title" content="#000000"/>
  92. <meta name="color:posts" content="#ffffff">
  93. <meta name="color:scrollbar" content="#000000">
  94. <meta name="color:scrollbar background" content="#ffffff">
  95. <meta name="color:hover" content="#97c5e0">
  96. <meta name="color:accent" content="#97c5e0">
  97. <!-----images---->
  98. <meta name="image:background" content=""/>
  99. <meta name="image:icon" content=""/>
  100. <meta name="image:left image" content=""/>
  101. <!-----texts---->
  102. <meta name="text:title" content="Theme 03: Vaporeon "/>
  103. <!-----sidebar links---->
  104. <meta name="text:link one" content="link one">
  105. <meta name="text:link two" content="link two">
  106. <meta name="text:link one url" content="/">
  107. <meta name="text:link two url" content="/">
  108.  
  109. <!-----custom css---->
  110. <style type="text/css">
  111. /*tumblr controls*/
  112. .tumblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop {
  113. top: 0px !important;
  114. right:0px !important;
  115. opacity:0.5;
  116. z-index:9999999999999999999999999999999999999999999999999999999999;
  117. position: fixed !important;
  118. }
  119. /*scrollbar*/
  120. ::-webkit-scrollbar-thumb{
  121. height:auto;
  122. background-color:{color:scrollbar};
  123. }
  124. ::-webkit-scrollbar{
  125. height:2px;
  126. width:5px;
  127. background-color:{color:scrollbar background};
  128. }
  129. /*tooltips*/
  130. #s-m-t-tooltip{
  131. margin:15px 18px 6px 18px;
  132. padding:6px;
  133. background-color:{color:accent};
  134. font-family: 'calibri', sans-serif;
  135. border-radius:2px 2px 2px 2px;
  136. font-weight:600;
  137. font-size:10px;
  138. text-transform:uppercase;
  139. letter-spacing:0px;
  140. color:{color:text};
  141. z-index:999999999999999999999999999999999999;
  142. }
  143. /*body basics*/
  144. body{
  145. background-color:{color:background};
  146. background-image:url('{image:background}');
  147. background-attachment: fixed;
  148. background-repeat: repeat;
  149. font-weight:none;
  150. font-family: 'calibri', sans-serif;
  151. font-size:10px;
  152. text-align:justify;
  153. color:{color:text};
  154. margin:0;
  155. }
  156. a{
  157. text-decoration:none;
  158. color:{color:links};
  159. transition-duration: 0.1s;
  160. -moz-transition-duration: 0.1s;
  161. -webkit-transition-duration: 0.1s;
  162. -o-transition-duration: 0.1s;
  163. }
  164. a:hover{
  165. text-decoration:none;
  166. color:{color:accent};
  167. transition-duration: 0.1s;
  168. -moz-transition-duration: 0.1s;
  169. -webkit-transition-duration: 0.1s;
  170. -o-transition-duration: 0.1s;
  171. }
  172. img {
  173.  
  174. }
  175. blockquote {
  176. font-size:10px;
  177. max-width:545px;
  178. border-left:3px solid #eee;
  179. text-align:left;
  180. padding:1px;
  181. font-weight:none;
  182. margin-left:0px;
  183. padding-top:0.5px;
  184. padding-bottom:0.5px;
  185. font-size:10px;
  186. font-family: 'calibri', sans-serif;
  187. margin-right:30px;
  188. padding-left:15px;
  189. color:{color:text};
  190. }
  191. pre{
  192. font-size:9px;
  193. text-align:center;
  194. text-transform:none;
  195. font-family: 'Bitter', serif;
  196. font-weight:bold;
  197. line-height:9px;
  198. border-left:1px solid #eee;
  199. border-bottom:1px solid #eee;
  200. letter-spacing:2px;
  201. background-color:{color:posts};
  202. color:{color:text};
  203. padding:6px;
  204. }
  205. small{
  206. font-size:9px;
  207. font-family: 'roboto', sans-serif;
  208. }
  209. big{
  210. font-size:12px;
  211. font-family: 'roboto', sans-serif;
  212. font-weight:700;
  213. }
  214. sub{
  215. font-size:8px;
  216. font-family: 'calibri', sans-serif;
  217. }
  218. h1 {
  219. font-size:11px;
  220. text-align:center;
  221. font-family: 'roboto', sans-serif;
  222. letter-spacing:0px;
  223. text-transform:uppercase;
  224. font-weight:700;
  225. line-height:17px;
  226. border-bottom:1px solid #eee;
  227. color:{color:text};
  228. padding:7px;
  229. }
  230. h1 a{
  231. color:{color:text};
  232. }
  233. h2{
  234. color:{color:text};
  235. text-transform:uppercase;
  236. font-family: 'Roboto', sans-serif;
  237. text-align:left;
  238. }
  239. b {
  240. font-weight:bold;
  241. padding:2px;
  242. font-family: 'Roboto', sans-serif;
  243. color:{color:text};
  244. }
  245. i {
  246. font-weight:italic;
  247. color:{color:text};
  248. }
  249. grouptitle {
  250. color:{color:text};
  251. text-transform:none;
  252. font-size:10px;
  253. font-family: 'calibri', sans-serif;
  254. }
  255. tit {
  256. color:{color:accent};
  257. font-size:10px;
  258. text-transform:uppercase;
  259. font-style:italic;
  260. font-family: 'roboto', sans-serif;
  261. letter-spacing:0px;
  262. font-weight:600;
  263. }
  264. am {
  265. color:{color:text};
  266. font-size:22px;
  267. padding:8px;
  268. padding-top:2px;
  269. text-transform:uppercase;
  270. font-family: 'roboto', sans-serif;
  271. letter-spacing:0px;
  272. font-weight:500;
  273. }
  274. n {
  275. font-weight:bold;
  276. letter-spacing:-1px;
  277. text-shadow: 1px 1px 1px #cccccc;
  278. font-size:12px;
  279. text-transform:uppercase;
  280. color:{color:text};
  281. }
  282. u {
  283. text-decoration:none;
  284. color:color:;{text};
  285. border-bottom:1px solid {color:text};
  286. }
  287. underline {
  288. text-decoration:none;
  289. color:color:;{text};
  290. border-bottom:1px solid {color:text};
  291. }
  292. /*icon image*/
  293. #icon {
  294. position:fixed;
  295. width:70px;
  296. margin-top:190px;
  297. padding:10px;
  298. height:70px;
  299. border-radius:5px 5px 5px 5px;
  300. margin-left:180px;
  301. background-color:transparent;
  302. z-index:9999999999999999;
  303. }
  304. #iconimage {
  305. width 70px;
  306. border-radius:5px 5px 5px 5px;
  307. z-index:-99999;
  308. }
  309. #iconimage img {
  310. width:70px;
  311. height:70px;
  312. border-radius:6px 6px 6px 6px;
  313. left:280px;
  314. top:200px;
  315. position:fixed;
  316. opacity:1;
  317. z-index:9999999;
  318. }
  319. /*left image*/
  320. #lefty {
  321. position:fixed;
  322. width:70px;
  323. margin-top:190px;
  324. padding:10px;
  325. height:70px;
  326. margin-left:180px;
  327. background-color:transparent;
  328. z-index:9999999999999999;
  329. }
  330. #leftyimage {
  331. width 70px;
  332. z-index:-99999;
  333. }
  334. #leftyimage img {
  335. width:130px;
  336. height:688px;
  337. border-right:3px solid {color:accent};
  338. left:0px;
  339. top:0px;
  340. position:fixed;
  341. opacity:1;
  342. z-index:9999999999;
  343. }
  344. /*sidebar description*/
  345. #description {
  346. overflow:auto;
  347. position:fixed;
  348. text-align:left;
  349. top:200px;
  350. left:360px;
  351. word-wrap: break-word;
  352. border-left:3px solid {color:accent};
  353. font-family: 'calibri', sans-serif;
  354. width:130px;
  355. height:40px;
  356. padding-top:6px;
  357. opacity:1;
  358. line-height:13px;
  359. font-weight:500;
  360. color:{color:text};
  361. padding-left:10px;
  362. letter-spacing:0px;
  363. font-size:10px;
  364. z-index:999999;
  365. }
  366. #description::-webkit-scrollbar{
  367. width: 0px;
  368. }
  369. #description::-webkit-scrollbar-thumb{
  370. background:transparent;
  371. }
  372. #description::-webkit-scrollbar-track{
  373. background-color:transparent;
  374. }
  375. /*back to top button*/
  376. .back-to-top {
  377. position: fixed;
  378. color:{color:text};
  379. bottom:13px;
  380. text-transform:uppercase;
  381. background:{color:background};
  382. left:13px;
  383. font-family: 'calibri', sans-serif;
  384. font-size:8px;
  385. z-index:9999999999;
  386. font-weight:700;
  387. padding:10px;
  388. }
  389. /*jump pagination*/
  390. .pagination{
  391. font-family: 'calibri', sans-serif;
  392. margin-left:280px;
  393. top:287px;
  394. width:auto;
  395. padding:4px;
  396. border-top:3px solid {color:accent};
  397. position:fixed;
  398. font-size:10px;
  399. text-align:left;
  400. }
  401. .pagination a{
  402. padding:3px;
  403. padding-top:5px;
  404. font-family: 'calibri', sans-serif;
  405. font-weight:500;
  406. margin-left:13px;
  407. margin-top:155px;
  408. color:{color:text};
  409. }
  410. .pagination a:hover{
  411. color:{color:hover};
  412. -moz-transition-duration:0.5s;
  413. -webkit-transition-duration:0.5s;
  414. -o-transition-duration:0.5s;
  415. transition: all 0.3s ease-out;
  416. }
  417. /*post notes*/
  418. ol.notes {
  419. padding: 0px;
  420. margin: 25px 0px;
  421. font-family:'Roboto',sans-serif;
  422. list-style-type: none;
  423. margin-top:-31px;
  424. background:{color:posts};
  425. margin-left:16px;
  426. width:560px;
  427. border-bottom: solid 1px #eee;
  428. }
  429. ol.notes li.note {
  430. border-top: solid 1px #eee;
  431. padding: 10px;
  432. }
  433. ol.notes li.note img.avatar {
  434. vertical-align: -2px;
  435. border-radius:100px;
  436. margin-right: 0px;
  437. width: 16px;
  438. height: 16px;
  439. }
  440. ol.notes li.note span.action {
  441. font-weight: 300;
  442. }
  443. ol.notes li.note .answer_content {
  444. font-weight: normal;
  445. }
  446. ol.notes li.note blockquote {
  447. border-color: #eee;
  448. padding: 4px 10px;
  449. margin: 10px 0px 0px 25px;
  450. }
  451. ol.notes li.note blockquote a {
  452. text-decoration: none;
  453. }
  454. /*audio*/
  455. .audioartist {
  456. font-family:'roboto', sans-serif;
  457. font-size:10px;
  458. text-transform:lowercase;
  459. font-weight:600;
  460. }
  461. .audiotitle {
  462. font-family:'roboto', sans-serif;
  463. font-size:10px;
  464. text-transform:lowercase;
  465. font-weight:600;
  466. }
  467. .audioplayed {
  468. font-family:'roboto', sans-serif;
  469. font-size:10px;
  470. text-transform:lowercase;
  471. font-weight:600;
  472. }
  473. .audioplayr {
  474. width:400px;
  475. color:{color:text};
  476. background:{color:accent};
  477. }
  478. audioinfo {
  479. font-family:'roboto', sans-serif;
  480. font-size:10px;
  481. letter-spacing:2px;
  482. text-transform:lowercase;
  483. font-weight:300;
  484. }
  485. /*post styles*/
  486. .pcaption{
  487. font-family:'calibri', sans-serif;
  488. font-size:10px;
  489. margin-left:12px;
  490. letter-spacing:0px;
  491. text-transform:none;
  492. font-weight:300;
  493. }
  494. .psets{
  495. max-width:400px;
  496. margin-top:-13px;
  497. border-radius:5px 5px 0px 0px;
  498. height:auto;
  499. }
  500. .vsets{
  501. max-width:400px;
  502. margin-top:-13px;
  503. border-radius:5px 5px 0px 0px;
  504. height:auto;
  505. }
  506. /*posts*/
  507. #entries {
  508. margin-left:645px;
  509. margin-top:-15px;
  510. overflow:hidden;
  511. }
  512. #post {
  513. font-size:10px;
  514. width:400px;
  515. color:{color:post text};
  516. border-radius:5px 5px 5px 5px;
  517. background-color:{color:posts};
  518. text-align:justify;
  519. padding-bottom:0px;
  520. margin:70px;
  521. overflow:hidden;
  522. }
  523. #post img{
  524. max-width:400px;
  525. margin-top:-12px;
  526. border-radius:5px 5px 0px 0px;
  527. height:auto;
  528. }
  529. /*questions and answers*/
  530. #asking {
  531. margin-left:20px;
  532. margin-top:-23px;
  533. }
  534. #question {
  535. padding:20px;
  536. padding-left:14px;
  537. margin-top:-28px;
  538. margin-left:-1px;
  539. font-size:9px;
  540. width:367px;
  541. color:{color:text};
  542. background:#eee;
  543. }
  544. #asker{
  545. margin-top:18px;
  546. padding:1px;
  547. font-weight:600;
  548. font-size:9px;
  549. z-index:9999999999;
  550. color:{color:text};
  551. font-style:italic;
  552. opacity:1;
  553. margin-left:12px;
  554. letter-spacing:0px;
  555. font-family: 'roboto', sans-serif;
  556. text-transform:lowercase;
  557. }
  558. /*post info*/
  559. #info {
  560. width:auto;
  561. height:42px;
  562. text-align:left;
  563. font-family: 'calibri', sans-serif;
  564. text-transform:uppercase;
  565. margin-left:0px;
  566. font-size:8px;
  567. padding-left:11px;
  568. margin-top:-5px;
  569. opacity:1;
  570. overflow:hidden;
  571. font-weight:700;
  572. font-style:none;
  573. line-height:45px;
  574. background:{color:accent};
  575. letter-spacing:1px;
  576. z-index:9999999999999999;
  577. color:{color:info};
  578. }
  579. #info a {
  580. text-align:center;
  581. font-weight:700;
  582. padding:5px;
  583. letter-spacing:1px;
  584. font-family: 'calibri', sans-serif;
  585. line-height:10px;
  586. color:{color:info};
  587. }
  588. #info a:hover{
  589. color:{color:posts};
  590. }
  591. /*credit (u better leave this here u goof)*/
  592. #credit{
  593. position:fixed;
  594. font-size:8px;
  595. font-weight:700;
  596. padding-bottom:5px;
  597. padding-top:5px;
  598. height:20px;
  599. width:auto;
  600. opacity:1;
  601. padding-left:5px;
  602. padding-right:5px;
  603. background:transparent;
  604. right:13px;
  605. bottom:13px;
  606. letter-spacing:0px;
  607. line-height:22px;
  608. padding:3px;
  609. text-align:center;
  610. float:left;
  611. font-family: 'calibri', sans-serif;
  612. color:{color:text};
  613. text-transform:uppercase;
  614. }
  615. #credit:hover{
  616. background:{color:posts};
  617. }
  618. /*sidebar links*/
  619. .links {
  620. width:320px;
  621. height:30px;
  622. overflow:hidden;
  623. cursor:pointer;
  624. top:240px;
  625. opacity:1;
  626. border-left:3px solid {color:accent};
  627. z-index:999999;
  628. position:fixed;
  629. left:360px;
  630. text-align:left;
  631. }
  632. .links #all {
  633. margin-left:3px;
  634. margin-top:4px;
  635. padding:5px;
  636. height:28px;
  637. transition-duration: 0.3s;
  638. -moz-transition-duration: 0.3s;
  639. -webkit-transition-duration: 0.3s;
  640. -o-transition-duration: 0.3s;
  641. }
  642. .links #all a:hover {
  643. color:{color:hover};
  644. transition-duration: 0.3s;
  645. -moz-transition-duration: 0.3s;
  646. -webkit-transition-duration: 0.3s;
  647. -o-transition-duration: 0.3s;
  648. }
  649. .links a {
  650. width:auto;
  651. height:8px;
  652. margin-bottom:5px;
  653. text-align:center;
  654. text-transform:uppercase;
  655. padding:5px;
  656. opacity:1;
  657. margin-left:4px;
  658. line-height:9px;
  659. color:{color:text};
  660. z-index:99999;
  661. font-weight:600;
  662. font-family: 'calibri', sans-serif;
  663. letter-spacing:0px;
  664. font-size:8px;
  665. display:inline-block;
  666. -webkit-transition: all 0.3s ease-in-out;
  667. -moz-transition: all 0.3s ease-in-out;
  668. -o-transition: all 0.3s ease-in-out;
  669. -ms-transition: all 0.3s ease-in-out;
  670. transition: all 0.3s ease-in-out;
  671. }
  672. /*titles*/
  673. #tumblrcontrols{
  674. width:1340px;
  675. height:30px;
  676. top:0px;
  677. opacity:1;
  678. padding:5px;
  679. position:fixed;
  680. font-family: 'calibri' , sans-serif;
  681. letter-spacing:6px;
  682. text-align:right;
  683. overflow:hidden;
  684. padding-right:50px;
  685. font-weight:700;
  686. background:{color:background};
  687. font-style:italic;
  688. color:{color:text};
  689. text-transform:uppercase;
  690. line-height:31px;
  691. font-size:12px;
  692. left:10px;
  693. z-index:9999999;
  694. }
  695. #sidebartitle{
  696. width:auto;
  697. height:20px;
  698. top:150px;
  699. border-bottom:3px solid {color:accent};
  700. opacity:1;
  701. padding:5px;
  702. position:fixed;
  703. font-family: 'roboto' , sans-serif;
  704. letter-spacing:2px;
  705. text-align:left;
  706. overflow:hidden;
  707. font-weight:700;
  708. background:{color:background};
  709. font-style:italic;
  710. color:{color:text};
  711. text-transform:uppercase;
  712. line-height:31px;
  713. font-size:9px;
  714. left:280px;
  715. z-index:9999999;
  716. }
  717. {CustomCSS}</style>
  718. </head>
  719. <body>
  720. <!-----basics---->
  721. <div id="sidebar">
  722. <div id="iconimage"><img src="{image:icon}"></a></div>
  723. <div id="leftyimage"><img src="{image:left image}"></a></div>
  724. <div id="tumblrcontrols">
  725. <a href="https://www.tumblr.com/customize/{Name}?redirect_to=/settings/blog/{Name}"title="Edit theme"><i class="fa fa-cog"style="color:{color:text};font-size:16px"></i></a>
  726. <a href="http://tumblr.com/follow/{Name}"title="Follow {Name}"><i class="fa fa-user-plus"style="color:{color:text};font-size:16px"></i></a>
  727. <a href="https://www.tumblr.com/dashboard?conversation={Name}"title="Start chatting"><i class="fa fa-comments"style="color:{color:text};font-size:16px"></i></a>
  728. <a href="http://tumblr.com/dashboard"title="dashboard"><i class="fa fa-home"style="color:{color:text};font-size:16px"></i></a>
  729. </a></div>
  730. <div id="description">{description}</a></div>
  731. <div id="sidebartitle">{text:title}</a></div>
  732. </div>
  733. </div>
  734. <!-----top bar links---->
  735. <div class="links">
  736. <div id="all">
  737. <a href="/">index</a>
  738. <a href="/ask">contact</a>
  739. <a href="{text:link one url}">{text:link one}</a>
  740. <a href="{text:link two url}">{text:link two}</a>
  741. </div>
  742. </div>
  743. {block:Pagination}
  744. <div class="pagination"style="{color:text}">
  745. {block:PreviousPage}<a href="{PreviousPage}"title="previous page">BACK</a>{/block:PreviousPage}{block:JumpPagination length="4"}{block:CurrentPage}<span class="current_page"style="font-size:10px;color:{color:text};font-style:italic;font-weight:700;padding:1px">{PageNumber}</span>{/block:CurrentPage}{block:JumpPage}<a class="jump_page"style="{color:title text}" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}{block:NextPage}<a href="{NextPage}"title="next page">NEXT</a>{/block:NextPage}
  746. {/block:Pagination}</div>
  747. </div>
  748.  
  749. </div>
  750. <!-----posts and entries---->
  751. <div id="entries">
  752. {block:Posts}
  753. <div id="post"
  754. <div id="post">
  755. <!----texts---->
  756. {block:Text}
  757. {block:Title}<h1><center>{Title}</center></h1>{/block:Title}
  758. <center>{Body}</center>
  759. {/block:Text}
  760. <!-----question and answers---->
  761. {block:Answer}
  762. <div id="asker">{Asker} asked:</div>
  763. <div id="question">{Question}</div>
  764. {Answer}{/block:Answer}
  765. <!-----quotes---->
  766. {block:Quote}
  767. {block:Quote}
  768. <h2>{Quote}</h2>
  769. <div align="right">
  770. {block:Source}<h1>-{Source}</h1>{/block:Source}
  771. </div>
  772. {/block:Quote}
  773. <!-----links---->
  774. {block:Link}
  775. <h2><center><a href="{URL}">{Name}</center></a></h2>
  776. {block:Description}{Description}{/block:Description}
  777. {/block:Link}
  778. <!-----chats---->
  779. {block:Chat}
  780. {block:Title}<h2>{Title}</h2>{/block:Title}
  781. <ul class="convo">{block:Lines}<li class="line">{block:Label}<span class ="label">{Label}</span>{/block:Label}
  782. {Line}</li>{/block:Lines}</ul>
  783. {/block:Chat}
  784. <!-----photos---->
  785. {block:Photo}
  786. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}" width="auto">{LinkCloseTag}
  787. {block:Caption}<div class="pcaption">{Caption}</div>{/block:Caption}
  788. {/block:Photo}
  789. <!-----photosets---->
  790. {block:Photoset}
  791. <div class="psets">{Photoset-400}</div>
  792. {block:Caption}<div class="pcaption">{Caption}</div>{/block:Caption}
  793. {/block:Photoset}
  794. <!-----videos---->
  795. {block:Video}
  796. <div class="vsets">{Video-400}</div>
  797. {block:Caption}<div class="pcaption">{Caption}</div>{/block:Caption}
  798. {/block:Video}
  799. <!-----audios---->
  800. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px" />{/block:AlbumArt}
  801. {block:TrackName}<div class="audiotitle">Title: <audioinfo>{TrackName}</audioinfo><br/></div>{/block:TrackName}
  802. {block:Artist}<div class="audioartist">Artist: <audioinfo>{Artist}</audioinfo><br/></div>{/block:Artist}
  803. {/block:ExternalAudio}<div class="audioplayed">Played: <audioinfo>{PlayCount} times</audioinfo> </div>
  804. </br>
  805. <div class="audioplayr"style="background:{color:accent}">{AudioPlayer}</div>
  806. {/block:Audio}
  807. <!-----info---->
  808. <div id="borderbottom"></div>
  809. <div id="info">
  810. <div id="permalink">
  811. <top><a href="{Permalink}"title="{TimeAgo}">
  812. {DayOfMonth} {ShortMonth} {ShortYear}</top></a><top>{NoteCountWithLabel}</top>
  813. <font style="float:right;margin-right:13px">
  814. {block:RebloggedFrom}
  815. <a href="{ReblogURL}" title="reblog"target="_blank" class="details"><i class="fa fa-repeat"style="color:{color:text}"></i></a>
  816. {block:RebloggedFrom}
  817. {/block:RebloggedFrom}
  818. {block:ContentSource}
  819. <a href="{ReblogParentURL}" title="{ReblogParentName}"><i class="fa fa-history"style="color:{color:text}"></i></a> <a href="{SourceURL}"title="Source"><i class="fa fa-copyright"style="color:{color:text}"></i></a>
  820. {/block:ContentSource}
  821. {/block:RebloggedFrom}
  822. </font style>
  823. </a></div></div>
  824. {/block:Date}
  825. </div>
  826. {block:PostNotes} {PostNotes} {/block:PostNotes}
  827.  
  828. {/block:Posts}
  829. </div>
  830. <!-----credit (u better dont touch this here u goof)---->
  831. <div id="credit">
  832. <a href="http://adf.ly/1WydlU"title="espeon themes"style="color:{color:text}">© Espeon</a>
  833. </div>
  834. </html>
  835. </body>
  836. <!-----end html---->
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!