azurethemes

theme no. 04

Mar 29th, 2016
462
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.76 KB | None | 0 0
  1. <!----
  2.  
  3.  
  4.  
  5. ☾ ● Espeon Themes ● ☽
  6. Theme No. 04 - Umbreon
  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' , 'Open+Sans:400,700,600:latin' , 'Exo:400,700,600:latin','Roboto+Condensed:400,700:latin', 'Jaldi:400,700:latin', 'Mallanna::latin', 'NTR::latin', 'Share+Tech::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:asks" 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:sidebar" content=""/>
  100. <!-----texts---->
  101. <meta name="text:title" content="Theme 04: umbreon "/>
  102. <!-----sidebar links---->
  103. <meta name="text:link one" content="link one">
  104. <meta name="text:link two" content="link two">
  105. <meta name="text:link one url" content="/">
  106. <meta name="text:link two url" content="/">
  107.  
  108. <!-----custom css---->
  109. <style type="text/css">
  110. /*alternate tumblr controls made by espeon themes*/
  111. #alternatetumblrcontrols{
  112. width:1340px;
  113. height:30px;
  114. top:0px;
  115. opacity:1;
  116. padding:5px;
  117. position:fixed;
  118. font-family: 'calibri' , sans-serif;
  119. letter-spacing:6px;
  120. text-align:right;
  121. overflow:hidden;
  122. padding-right:50px;
  123. background-image:url('{image:background}');
  124. background-attachment: fixed;
  125. background-repeat: repeat;
  126. font-weight:700;
  127. background:{color:background};
  128. font-style:italic;
  129. color:{color:text};
  130. text-transform:uppercase;
  131. line-height:31px;
  132. font-size:12px;
  133. left:0px;
  134. z-index:9999999;
  135. }
  136. /*scrollbar*/
  137. ::-webkit-scrollbar-thumb{
  138. height:auto;
  139. background-color:{color:scrollbar};
  140. }
  141. ::-webkit-scrollbar{
  142. height:2px;
  143. width:5px;
  144. background-color:{color:scrollbar background};
  145. }
  146. /*tooltips*/
  147. #s-m-t-tooltip{
  148. margin:15px 18px 6px 18px;
  149. padding:6px;
  150. background-color:{color:accent};
  151. font-family: 'calibri', sans-serif;
  152. border-radius:2px 2px 2px 2px;
  153. font-weight:600;
  154. font-size:10px;
  155. text-transform:uppercase;
  156. letter-spacing:0px;
  157. color:{color:text};
  158. z-index:999999999999999999999999999999999999;
  159. }
  160. /*body basics*/
  161. body{
  162. background-color:{color:background};
  163. background-image:url('{image:background}');
  164. background-attachment: fixed;
  165. background-repeat: repeat;
  166. font-weight:none;
  167. font-family: 'calibri', sans-serif;
  168. font-size:10px;
  169. text-align:justify;
  170. color:{color:text};
  171. margin:0;
  172. }
  173. a{
  174. text-decoration:none;
  175. color:{color:links};
  176. transition-duration: 0.1s;
  177. -moz-transition-duration: 0.1s;
  178. -webkit-transition-duration: 0.1s;
  179. -o-transition-duration: 0.1s;
  180. }
  181. a:hover{
  182. text-decoration:none;
  183. color:{color:accent};
  184. transition-duration: 0.1s;
  185. -moz-transition-duration: 0.1s;
  186. -webkit-transition-duration: 0.1s;
  187. -o-transition-duration: 0.1s;
  188. }
  189. img {
  190.  
  191. }
  192. blockquote {
  193. font-size:10px;
  194. width:auto;
  195. border-left:3px solid #eee;
  196. text-align:left;
  197. padding:1px;
  198. font-weight:none;
  199. margin-top:15px;
  200. margin-left:12px;
  201. padding-top:0.5px;
  202. padding-bottom:0.5px;
  203. font-size:10px;
  204. font-family: 'calibri', sans-serif;
  205. margin-right:20px;
  206. padding-left:15px;
  207. color:{color:text};
  208. }
  209. pre{
  210. font-size:9px;
  211. text-align:center;
  212. text-transform:none;
  213. font-family: 'Bitter', serif;
  214. font-weight:bold;
  215. line-height:9px;
  216. border-left:1px solid #eee;
  217. border-bottom:1px solid #eee;
  218. letter-spacing:2px;
  219. background-color:{color:posts};
  220. color:{color:text};
  221. padding:6px;
  222. }
  223. small{
  224. font-size:9px;
  225. font-family: 'roboto', sans-serif;
  226. }
  227. big{
  228. font-size:12px;
  229. font-family: 'roboto', sans-serif;
  230. font-weight:700;
  231. }
  232. sub{
  233. font-size:8px;
  234. font-family: 'calibri', sans-serif;
  235. }
  236. h1 {
  237. font-size:11px;
  238. text-align:center;
  239. font-family: 'roboto', sans-serif;
  240. letter-spacing:0px;
  241. text-transform:uppercase;
  242. font-weight:700;
  243. line-height:17px;
  244. border-bottom:1px solid #eee;
  245. color:{color:text};
  246. padding:7px;
  247. }
  248. h1 a{
  249. color:{color:text};
  250. }
  251. h2{
  252. color:{color:text};
  253. text-transform:uppercase;
  254. font-family: 'Roboto', sans-serif;
  255. text-align:left;
  256. }
  257. b {
  258. font-weight:bold;
  259. padding:2px;
  260. font-family: 'Roboto', sans-serif;
  261. color:{color:text};
  262. }
  263. i {
  264. font-weight:italic;
  265. color:{color:text};
  266. }
  267. grouptitle {
  268. color:{color:text};
  269. text-transform:none;
  270. font-size:10px;
  271. font-family: 'calibri', sans-serif;
  272. }
  273. tit {
  274. color:{color:accent};
  275. font-size:10px;
  276. text-transform:uppercase;
  277. font-style:italic;
  278. font-family: 'roboto', sans-serif;
  279. letter-spacing:0px;
  280. font-weight:600;
  281. }
  282. am {
  283. color:{color:text};
  284. font-size:22px;
  285. padding:8px;
  286. padding-top:2px;
  287. text-transform:uppercase;
  288. font-family: 'roboto', sans-serif;
  289. letter-spacing:0px;
  290. font-weight:500;
  291. }
  292. n {
  293. font-weight:bold;
  294. letter-spacing:-1px;
  295. text-shadow: 1px 1px 1px #cccccc;
  296. font-size:12px;
  297. text-transform:uppercase;
  298. color:{color:text};
  299. }
  300. u {
  301. text-decoration:none;
  302. color:color:;{text};
  303. border-bottom:1px solid {color:text};
  304. }
  305. underline {
  306. text-decoration:none;
  307. color:color:;{text};
  308. border-bottom:1px solid {color:text};
  309. }
  310. /*icon image*/
  311. #icon {
  312. position:fixed;
  313. margin-top:190px;
  314. padding:10px;
  315. margin-left:180px;
  316. background-color:transparent;
  317. z-index:9999999999999999;
  318. }
  319. #iconimage {
  320. z-index:-99999;
  321. }
  322. #iconimage img {
  323. width:130px;
  324. height:130px;
  325. left:280px;
  326. top:130px;
  327. position:fixed;
  328. opacity:1;
  329. z-index:9999999;
  330. }
  331. /*sidebar description*/
  332. #description {
  333. overflow:hidden;
  334. position:fixed;
  335. text-align:left;
  336. top:270px;
  337. left:280px;
  338. word-wrap: break-word;
  339. font-family: 'Roboto Condensed', sans-serif;
  340. width:130px;
  341. height:40px;
  342. padding-top:6px;
  343. opacity:1;
  344. line-height:14px;
  345. font-weight:none;
  346. color:{color:text};
  347. letter-spacing:0px;
  348. font-size:11px;
  349. z-index:999999;
  350. }
  351. /*back to top button*/
  352. .back-to-top {
  353. position: fixed;
  354. color:{color:text};
  355. bottom:13px;
  356. text-transform:uppercase;
  357. background:{color:background};
  358. left:13px;
  359. font-family: 'calibri', sans-serif;
  360. font-size:8px;
  361. z-index:9999999999;
  362. font-weight:700;
  363. padding:10px;
  364. }
  365. /*jump pagination*/
  366. .pagination{
  367. font-family: 'roboto', sans-serif;
  368. margin-left:-190px;
  369. width:auto;
  370. padding-top:-10px;
  371. letter-spacing:2px;
  372. padding-bottom:20px;
  373. font-size:13px;
  374. text-align:center;
  375. }
  376. .pagination a{
  377. padding:5px;
  378. font-family: 'roboto', sans-serif;
  379. font-weight:600;
  380. bottom:10px;
  381. margin-left:5px;
  382. color:{color:text};
  383. }
  384. .pagination a:hover{
  385. color:{color:hover};
  386. -moz-transition-duration:0.5s;
  387. -webkit-transition-duration:0.5s;
  388. -o-transition-duration:0.5s;
  389. transition: all 0.3s ease-out;
  390. }
  391. /*post notes*/
  392. ol.notes {
  393. padding: 0px;
  394. margin: 25px 0px;
  395. font-family:'Roboto',sans-serif;
  396. list-style-type: none;
  397. margin-top:-31px;
  398. background:{color:posts};
  399. margin-left:16px;
  400. width:560px;
  401. border-bottom: solid 1px #eee;
  402. }
  403. ol.notes li.note {
  404. border-top: solid 1px #eee;
  405. padding: 10px;
  406. }
  407. ol.notes li.note img.avatar {
  408. vertical-align: -2px;
  409. border-radius:100px;
  410. margin-right: 0px;
  411. width: 16px;
  412. height: 16px;
  413. }
  414. ol.notes li.note span.action {
  415. font-weight: 300;
  416. }
  417. ol.notes li.note .answer_content {
  418. font-weight: normal;
  419. }
  420. ol.notes li.note blockquote {
  421. border-color: #eee;
  422. padding: 4px 10px;
  423. margin: 10px 0px 0px 25px;
  424. }
  425. ol.notes li.note blockquote a {
  426. text-decoration: none;
  427. }
  428. /*audio*/
  429. .audioartist {
  430. font-family:'roboto', sans-serif;
  431. font-size:10px;
  432. text-transform:lowercase;
  433. font-weight:600;
  434. }
  435. .audiotitle {
  436. font-family:'roboto', sans-serif;
  437. font-size:10px;
  438. text-transform:lowercase;
  439. font-weight:600;
  440. }
  441. .audioplayed {
  442. font-family:'roboto', sans-serif;
  443. font-size:10px;
  444. text-transform:lowercase;
  445. font-weight:600;
  446. }
  447. .audioplayr {
  448. width:400px;
  449. color:{color:text};
  450. background:{color:accent};
  451. }
  452. audioinfo {
  453. font-family:'roboto', sans-serif;
  454. font-size:10px;
  455. letter-spacing:2px;
  456. text-transform:lowercase;
  457. font-weight:300;
  458. }
  459. /*post styles*/
  460. .pcaption{
  461. font-family:'calibri', sans-serif;
  462. font-size:10px;
  463. margin-left:22px;
  464. letter-spacing:0px;
  465. text-transform:none;
  466. font-weight:300;
  467. }
  468. .psets{
  469. max-width:400px;
  470. margin-top:-13px;
  471. height:auto;
  472. }
  473. .vsets{
  474. max-width:400px;
  475. margin-top:-13px;
  476. height:auto;
  477. }
  478. /*posts*/
  479. #entries {
  480. margin-left:495px;
  481. margin-top:-65px;
  482. overflow:hidden;
  483. }
  484. #post {
  485. font-size:10px;
  486. width:400px;
  487. color:{color:post text};
  488. padding:20px;
  489. padding-top:20px;
  490. background-color:{color:posts};
  491. text-align:justify;
  492. padding-bottom:0px;
  493. margin:70px;
  494. overflow:hidden;
  495. }
  496. #post img{
  497. max-width:400px;
  498. margin-top:-12px;
  499. height:auto;
  500. }
  501. /*questions and answers*/
  502. #asking {
  503. margin-left:30px;
  504. padding:15px;
  505. margin-top:-26px;
  506. }
  507. #askingimage {
  508. }
  509. #askingimage img {
  510. margin-left:13px;
  511. width:25px;
  512. height:25px;
  513. margin-top:13px;
  514. }
  515. #question {
  516. padding:25.5px;
  517. padding-left:28px;
  518. margin-top:-34px;
  519. margin-left:76px;
  520. font-size:10px;
  521. width:260px;
  522. font-family: 'calibri', sans-serif;
  523. color:{color:text};
  524. background:{color:asks};
  525. }
  526. #asker{
  527. margin-top:10px;
  528. padding:1px;
  529. font-weight:600;
  530. font-size:10px;
  531. padding:7px;
  532. line-height:14px;
  533. height:50px;
  534. width:50px;
  535. background:{color:accent};
  536. z-index:9999999999;
  537. color:{color:text};
  538. opacity:1;
  539. margin-left:12px;
  540. letter-spacing:1px;
  541. font-family: 'calibri', sans-serif;
  542. text-transform:uppercase;
  543. }
  544. #askerurl{
  545. margin-top:-57px;
  546. padding:1px;
  547. font-weight:500;
  548. font-size:10px;
  549. padding:7px;
  550. line-height:14px;
  551. height:13px;
  552. width:465px;
  553. z-index:9999999999;
  554. color:{color:text};
  555. opacity:1;
  556. margin-left:97px;
  557. padding-bottom:7px;
  558. letter-spacing:0px;
  559. font-family: 'calibri', sans-serif;
  560. text-transform:uppercase;
  561. }
  562. /*post info*/
  563. #info {
  564. width:auto;
  565. height:42px;
  566. text-align:left;
  567. font-family: 'calibri', sans-serif;
  568. text-transform:uppercase;
  569. margin-left:0px;
  570. font-size:8px;
  571. padding-left:11px;
  572. margin-top:25px;
  573. opacity:1;
  574. overflow:hidden;
  575. font-weight:700;
  576. font-style:none;
  577. line-height:45px;
  578. border-top:1px solid #eee;
  579. letter-spacing:1px;
  580. z-index:9999999999999999;
  581. color:{color:info};
  582. }
  583. #info a {
  584. text-align:center;
  585. font-weight:700;
  586. padding:5px;
  587. letter-spacing:0px;
  588. font-family: 'calibri', sans-serif;
  589. line-height:5px;
  590. color:{color:info};
  591. }
  592. #info a:hover{
  593. color:{color:posts};
  594. }
  595. /*post tags*/
  596. #tags {
  597. text-align:left;
  598. opacity:1;
  599. font-size:8px;
  600. font-family: 'calibri', sans-serif;
  601. margin-top:-14px;
  602. margin-left:4px;
  603. color:{color:info};
  604. padding:5px;
  605. font-weight:400;
  606. padding-bottom:10px;
  607. width:auto;
  608. text-transform:uppercase;
  609. -webkit-transition: all 0.7s ease-in-out;
  610. -moz-transition: all 0.7s ease-in-out;
  611. -o-transition: all 0.7s ease-in-out;
  612. -ms-transition: all 0.7s ease-in-out;
  613. transition: all 0.7s ease-in-out;
  614. }
  615. #tags a {
  616. padding:8px;
  617. margin-top:-3px;
  618. color:{color:info};
  619. line-height:2px;
  620. letter-spacing:1px;
  621. font-weight:700;
  622. width:auto;
  623. text-align:left;
  624. font-size:8px;
  625. font-family: 'calibri', sans-serif;
  626. display:inline-block;
  627. }
  628. #tags a:hover {
  629. -moz-transition-duration:0.3s;
  630. -webkit-transition-duration:0.3s;
  631. -o-transition-duration:0.3s;
  632. color:{color:hover};
  633. }
  634. /*credit (u better leave this here u goof)*/
  635. #credit{
  636. position:fixed;
  637. font-size:8px;
  638. font-weight:700;
  639. padding-bottom:5px;
  640. padding-top:5px;
  641. height:20px;
  642. width:auto;
  643. opacity:1;
  644. padding-left:5px;
  645. padding-right:5px;
  646. background:transparent;
  647. right:13px;
  648. bottom:13px;
  649. letter-spacing:0px;
  650. line-height:22px;
  651. padding:3px;
  652. text-align:center;
  653. float:left;
  654. font-family: 'calibri', sans-serif;
  655. color:{color:text};
  656. text-transform:uppercase;
  657. }
  658. #credit:hover{
  659. background:{color:posts};
  660. }
  661. /*sidebar links*/
  662. .links {
  663. width:150px;
  664. height:230px;
  665. overflow:hidden;
  666. cursor:pointer;
  667. top:320px;
  668. opacity:1;
  669. z-index:999999;
  670. position:fixed;
  671. left:264px;
  672. text-align:left;
  673. }
  674. .links #all {
  675. margin-left:3px;
  676. margin-top:4px;
  677. padding:5px;
  678. height:28px;
  679. transition-duration: 0.3s;
  680. -moz-transition-duration: 0.3s;
  681. -webkit-transition-duration: 0.3s;
  682. -o-transition-duration: 0.3s;
  683. }
  684. .links #all a:hover {
  685. color:{color:hover};
  686. transition-duration: 0.3s;
  687. -moz-transition-duration: 0.3s;
  688. -webkit-transition-duration: 0.3s;
  689. -o-transition-duration: 0.3s;
  690. }
  691. .links a {
  692. width:127px;
  693. height:10px;
  694. margin-bottom:8px;
  695. text-align:left;
  696. border-bottom:1px solid #eee;
  697. text-transform:none;
  698. padding:5px;
  699. opacity:1;
  700. margin-left:4px;
  701. line-height:9px;
  702. color:{color:links};
  703. z-index:99999;
  704. font-weight:700;
  705. font-family: 'Roboto', sans-serif;
  706. letter-spacing:0px;
  707. font-size:10px;
  708. display:inline-block;
  709. -webkit-transition: all 0.3s ease-in-out;
  710. -moz-transition: all 0.3s ease-in-out;
  711. -o-transition: all 0.3s ease-in-out;
  712. -ms-transition: all 0.3s ease-in-out;
  713. transition: all 0.3s ease-in-out;
  714. }
  715. /*titles*/
  716. #sidebartitle{
  717. width:auto;
  718. height:20px;
  719. top:90px;
  720. border-bottom:1px solid #ddd;
  721. opacity:1;
  722. padding:5px;
  723. position:fixed;
  724. font-family: 'roboto' , sans-serif;
  725. letter-spacing:0px;
  726. text-align:left;
  727. overflow:hidden;
  728. font-weight:700;
  729. color:{color:text};
  730. text-transform:lowercase;
  731. line-height:31px;
  732. font-size:9px;
  733. left:280px;
  734. z-index:9999999;
  735. }
  736. {CustomCSS}</style>
  737. </head>
  738. <body>
  739. <!-----alternate tumblr controls made by espeon themes---->
  740. <div id="alternatetumblrcontrols">
  741. <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>
  742. <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>
  743. <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>
  744. <a href="http://tumblr.com/dashboard"title="dashboard"><i class="fa fa-home"style="color:{color:text};font-size:16px"></i></a>
  745. </a></div>
  746. <!-----basics---->
  747. <div id="sidebar">
  748. <div id="iconimage"><img src="{image:sidebar}"></a></div>
  749. <div id="tumblrcontrols">
  750. <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>
  751. <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>
  752. <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>
  753. <a href="http://tumblr.com/dashboard"title="dashboard"><i class="fa fa-home"style="color:{color:text};font-size:16px"></i></a>
  754. </a></div>
  755. <div id="description">{description}</a></div>
  756. <div id="sidebartitle">{text:title}</a></div>
  757. </div>
  758. </div>
  759. <!-----top bar links---->
  760. <div class="links">
  761. <div id="all">
  762. <a href="/">index</a>
  763. <a href="/ask">contact</a>
  764. <a href="{text:link one url}">{text:link one}</a>
  765. <a href="{text:link two url}">{text:link two}</a>
  766. </div>
  767. </div>
  768. <!-----posts and entries---->
  769. <div id="entries">
  770. {block:Posts}
  771. <div id="post"
  772. <div id="post">
  773. <!----texts---->
  774. {block:Text}
  775. {block:Title}<h1><center>{Title}</center></h1>{/block:Title}
  776. <center>{Body}</center>
  777. {/block:Text}
  778. <!-----question and answers---->
  779. {block:Answer}
  780. <div id="asker"><div id="askingimage"><img src="{AskerPortraitURL-128}"/></div></div>
  781. <div id="askerurl">{Asker} asked:</div>
  782. <div id="question">{Question}</div>
  783. {Answer}{/block:Answer}
  784. <!-----quotes---->
  785. {block:Quote}
  786. {block:Quote}
  787. <h2>{Quote}</h2>
  788. <div align="right">
  789. {block:Source}<h1>-{Source}</h1>{/block:Source}
  790. </div>
  791. {/block:Quote}
  792. <!-----links---->
  793. {block:Link}
  794. <h2><center><a href="{URL}">{Name}</center></a></h2>
  795. {block:Description}{Description}{/block:Description}
  796. {/block:Link}
  797. <!-----chats---->
  798. {block:Chat}
  799. {block:Title}<h2>{Title}</h2>{/block:Title}
  800. <ul class="convo">{block:Lines}<li class="line">{block:Label}<span class ="label">{Label}</span>{/block:Label}
  801. {Line}</li>{/block:Lines}</ul>
  802. {/block:Chat}
  803. <!-----photos---->
  804. {block:Photo}
  805. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}" width="auto">{LinkCloseTag}
  806. {block:Caption}<div class="pcaption">{Caption}</div>{/block:Caption}
  807. {/block:Photo}
  808. <!-----photosets---->
  809. {block:Photoset}
  810. <div class="psets">{Photoset-400}</div>
  811. {block:Caption}<div class="pcaption">{Caption}</div>{/block:Caption}
  812. {/block:Photoset}
  813. <!-----videos---->
  814. {block:Video}
  815. <div class="vsets">{Video-400}</div>
  816. {block:Caption}<div class="pcaption">{Caption}</div>{/block:Caption}
  817. {/block:Video}
  818. <!-----audios---->
  819. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px" />{/block:AlbumArt}
  820. {block:TrackName}<div class="audiotitle">Title: <audioinfo>{TrackName}</audioinfo><br/></div>{/block:TrackName}
  821. {block:Artist}<div class="audioartist">Artist: <audioinfo>{Artist}</audioinfo><br/></div>{/block:Artist}
  822. {/block:ExternalAudio}<div class="audioplayed">Played: <audioinfo>{PlayCount} times</audioinfo> </div>
  823. </br>
  824. <div class="audioplayr"style="background:{color:accent}">{AudioPlayer}</div>
  825. {/block:Audio}
  826. <!-----info---->
  827. <div id="borderbottom"></div>
  828. <div id="info">
  829. <div id="permalink">
  830. <top><a href="{Permalink}"title="{TimeAgo}">
  831. {DayOfMonth} {ShortMonth} {ShortYear}</top></a><top>{NoteCountWithLabel}</top>
  832. <font style="float:right;margin-right:13px">
  833. {block:RebloggedFrom}
  834. <a href="{ReblogURL}" title="reblog"target="_blank" class="details"><i class="fa fa-repeat"style="color:{color:text}"></i></a>
  835. {block:RebloggedFrom}
  836. {/block:RebloggedFrom}
  837. {block:ContentSource}
  838. <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>
  839. {/block:ContentSource}
  840. {/block:RebloggedFrom}
  841. </font style>
  842. </a></div></div>
  843. {/block:Date}
  844. {block:HasTags}<div id="tags"> {block:Tags} <a href="{TagURL}"> #{Tag} </a> {/block:Tags}
  845. </div>
  846. {/block:HasTags}
  847. </div>
  848. {block:PostNotes} {PostNotes} {/block:PostNotes}
  849.  
  850. {/block:Posts}
  851. {block:Pagination}
  852. <div class="pagination"style="{color:title text}">
  853. {block:PreviousPage}<a href="{PreviousPage}"title="previous page">BACK</a>{/block:PreviousPage}{block:JumpPagination length="4"}{block:CurrentPage}<span class="current_page"style="color:{color:accent};font-weight:600;padding:5px">{PageNumber}</span>{/block:CurrentPage}{block:JumpPage}<a class="jump_page"style="{color:text}" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}{block:NextPage}<a href="{NextPage}"title="next page">NEXT</a>{/block:NextPage}
  854. {/block:Pagination}</div>
  855. </div>
  856. <!-----credit (u better dont touch this here u goof)---->
  857. <div id="credit">
  858. <a href="http://adf.ly/1WydlU"title="espeon themes"style="color:{color:text}">© Espeon</a>
  859. </div>
  860. </html>
  861. </body>
  862. <!-----end html---->
Add Comment
Please, Sign In to add comment