API tools faq
paste
Advertisement
hunterthemes

- Theme base #1

hunterthemes
Nov 23rd, 2016
840
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.97 KB | None | 0 0
raw download clone embed print report
  1. <html> <meta charset="utf-8">
  2. <meta name="viewport" content="width=device-width, initial-scale=1">
  3. <link rel="shortcut icon" href="{Favicon}">
  4. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  5.  
  6. <!----
  7.  
  8. Theme base #1 by hunterthemes
  9.  
  10. You are allowed to remove the credit unless you edit it to create a new theme.
  11.  
  12. ---->
  13.  
  14. <!-- GOOGLE FONTS -->
  15.  
  16. <link href='http://fonts.googleapis.com/css?family=Exo' rel='stylesheet' type='text/css'>
  17. <link href='http://fonts.googleapis.com/css?family=Nova+Slim' rel='stylesheet' type='text/css'>
  18. <link href="https://fonts.googleapis.com/css?family=Rozha+One" rel="stylesheet">
  19. <link href="https://fonts.googleapis.com/css?family=Almendra" rel="stylesheet">
  20. <link href='http://fonts.googleapis.com/css?family=Baumans' rel='stylesheet' type='text/css'>
  21.  
  22. <!-- DEFAULT VARIABLES -->
  23.  
  24. <meta name="image:Background" content=""/>
  25. <meta name="image:Sidebar background" content=""/>
  26. <meta name="image:Avatar" content="" />
  27.  
  28. <meta name="color:Background" content="#fff" />
  29. <meta name="color:Sidebar background" content="#fff"/>
  30. <meta name="color:Blog title" content="#222"/>
  31. <meta name="color:Description" content="#222"/>
  32. <meta name="color:Navigation icon" content="#222"/>
  33. <meta name="color:Navigation link" content="#222"/>
  34. <meta name="color:Entry background" content="#fff"/>
  35. <meta name="color:Text" content="#333"/>
  36. <meta name="color:Bold" content="#000"/>
  37. <meta name="color:Italic" content="#ddd"/>
  38. <meta name="color:Link" content="#222"/>
  39. <meta name="color:Hover" content="#ccc"/>
  40. <meta name="color:Borders" content="#ddd"/>
  41. <meta name="color:Chat 1" content="#f8f8f8"/>
  42. <meta name="color:Chat 2" content="#cfcfcf"/>
  43. <meta name="color:Reblog and like buttons" content="#222" />
  44. <meta name="color:Pagination" content="#222" />
  45. <meta name="color:Scrollbar" content="#000000" />
  46.  
  47. <meta name="select:Title font" content="Exo" title="Exo">
  48. <meta name="select:Title font" content="Nova Slim" title="Nova Slim">
  49. <meta name="select:Title font" content="Rozha One" title="Rozha One">
  50. <meta name="select:Title font" content="Almendra" title="Almendra">
  51. <meta name="select:Title font" content="Baumans" title="Baumans">
  52.  
  53. <meta name="font:Body font" content="Helvetica"/>
  54.  
  55. <meta name="if:250px Posts" content="0" />
  56. <meta name="if:Infinite Scrolling" content="0"/>
  57. <meta name="if:Show Captions" content="1" />
  58. <meta name="if:Show Tags" content="1" />
  59.  
  60. <meta name="if:Show Link One" content="1" />
  61. <meta name="if:Show Link Two" content="1" />
  62. <meta name="if:Show Link Three" content="1" />
  63. <meta name="if:Show Link Four" content="1" />
  64. <meta name="if:Show Link Five" content="1" />
  65.  
  66. <meta name="text:Link One Title" content="Link One" />
  67. <meta name="text:Link One Url" content="http://"/>
  68. <meta name="text:Link Two Title" content="Link Two"/>
  69. <meta name="text:Link Two Url" content="http://"/>
  70. <meta name="text:Link Three Title" content="Link Three" />
  71. <meta name="text:Link Three Url" content="http://" />
  72. <meta name="text:Link Four Title" content="Link Four" />
  73. <meta name="text:Link Four Url" content="http://" />
  74. <meta name="text:Link Five Title" content="Link Five" />
  75. <meta name="text:Link Five Url" content="http://" />
  76.  
  77. <meta name="text:Border radius" content="0px"/>
  78.  
  79. <!-- END DEFAULT VARIABLES -->
  80.  
  81. <head>
  82.  
  83. <style type="text/css">
  84.  
  85. /* CSS */
  86.  
  87. /*-- GENERAL --*/
  88.  
  89. body {
  90. margin:0;
  91. padding:0;
  92. width:100%;
  93. height:100%;
  94. word-wrap:break-word;
  95. color:{color:Text};
  96. font-family:{font:Body font};
  97. font-size:12px;
  98. line-height:15px;
  99. background-color:{color:Background};
  100. background-image:url({image:Background});
  101. background-attachment: fixed;
  102. background-repeat: repeat;
  103. }
  104.  
  105. /* Heading */
  106.  
  107. h1{
  108. margin:0;
  109. color:{color:Title};
  110. font-family:{select:Title font};
  111. font-size:20px;
  112. line-height:25px;
  113. font-weight:normal;
  114. }
  115.  
  116. /* Caption */
  117.  
  118. h2{
  119. font-family:{font:Body font};
  120. font-size:12px;
  121. line-height:20px;
  122. font-weight:normal;
  123. }
  124.  
  125. /* Links */
  126.  
  127. a {
  128. color:{color:Link};
  129. text-decoration:none;
  130. }
  131.  
  132. a:hover {
  133. text-decoration:none;
  134. color:{color:Link Hover};
  135. -webkit-transition: all 0.5s ease-in-out;
  136. -moz-transition: all 0.6s ease-in-out;
  137. -o-transition: all 0.5s ease-in-out;
  138. transition: all 0.6s ease-in-out;
  139. }
  140.  
  141. /* Bold and italic */
  142.  
  143. b, strong {color:{color:Bold};}
  144.  
  145. i, em {color:{color:Italic};}
  146.  
  147. /* Blockquote */
  148.  
  149. blockquote {
  150. padding:0px 0px 2px 5px;
  151. margin:0px 0px 2px 10px;
  152. border-left: 1px dotted #555555;
  153. }
  154.  
  155. /* Tumblr controls */
  156.  
  157. .iframe-controls--desktop {
  158. position: fixed !important;
  159. top:10px !important;
  160. right:35px !important;
  161. z-index:1000000 !important;
  162. opacity:.7 !important;
  163. filter: invert(1);
  164. -webkit-filter: invert(1);
  165. -moz-filter: invert(1);
  166. -o-filter: invert(1);
  167. -ms-filter: invert(1);
  168. }
  169.  
  170. .iframe-controls--desktop:hover {
  171. opacity: 1;
  172. color:{color:Hover};
  173. background:transparent;
  174. -webkit-transition: opacity 0.7s linear;
  175. -webkit-transition: all 0.5s ease-out;
  176. -moz-transition: all 0.5s ease-out;
  177. transition: all 0.5s ease-out;
  178. }
  179.  
  180. /* Webkit scrollbar */
  181.  
  182. ::-webkit-scrollbar {
  183. width: 9px;
  184. height: 0px;
  185. }
  186.  
  187. ::-webkit-scrollbar-button:start:decrement,
  188. ::-webkit-scrollbar-button:end:increment {
  189. height: 0px;
  190. display: block;
  191. background-color: {color:Background};
  192. }
  193.  
  194. ::-webkit-scrollbar-track-piece {
  195. background-color: {color:Background};
  196. }
  197.  
  198. ::-webkit-scrollbar-thumb:vertical {
  199. height: 0px;
  200. background-color: {color:Scrollbar};
  201. border:4px solid {color:Background};
  202. }
  203.  
  204. /* Tooltips */
  205.  
  206. #s-m-t-tooltip {
  207. max-width:300px;
  208. z-index:10000;
  209. margin-left:10px;
  210. margin-top:-10px;
  211. padding:2px;
  212. color:{color:Link};
  213. background: {color:Borders};
  214. font-size:12px;
  215. line-height:15px;
  216. }
  217.  
  218. /*-- S I D E B A R --*/
  219.  
  220. #sidebar{
  221. position:fixed;
  222. top:50px;
  223. left:50px;
  224. width:200px;
  225. height:auto;
  226. background:{color:Sidebar background};
  227. background-image:url({image:Sidebar background});
  228. border:1px solid {color:Borders};
  229. border-radius:{text:Border radius};
  230. z-index:100;
  231. }
  232.  
  233. /* Avatar */
  234.  
  235. #avatar {
  236. position:absolute;
  237. margin-top:10px;
  238. margin-left:10px;
  239. width:50px;
  240. height:50px;
  241. border-radius:50px;
  242. border:1px solid {color:Borders};
  243. z-index:10;
  244. }
  245.  
  246. #avatar img {
  247. width:100%;
  248. height:100%;
  249. border-radius:100%;
  250. }
  251.  
  252. /* Blog title */
  253.  
  254. #blogtitle{
  255. position:absolute;
  256. color:{color:Blog title};
  257. margin-left:80px;
  258. margin-top:30px;
  259. width:120px;
  260. font-family:{select:Title Font};
  261. font-size:20px;
  262. }
  263.  
  264. /* Description */
  265.  
  266. #description{
  267. margin-top:70px;
  268. margin-left:10px;
  269. color:{color:Description};
  270. max-height:300px;
  271. width:180px;
  272. overflow-y:auto;
  273. font-size:12px;
  274. line-height:15px;
  275. text-align:justify;
  276. }
  277.  
  278. /* Navigation icons */
  279.  
  280. #navigaionicons{
  281. margin-top:10px;
  282. margin-left:10px;
  283. width:180px;
  284. text-align:center;
  285. border-top:1px solid {color:Borders};
  286. border-bottom:1px solid {color:Borders};
  287. }
  288.  
  289. #navigaionicons i{
  290. display:inline-block;
  291. margin:5px;
  292. color:{color:Navigation icon};
  293. padding:5px;
  294. font-size:15px;
  295. line-height:15px;
  296. }
  297.  
  298. #navigaionicons i:hover{
  299. color: {color:Hover};
  300. -webkit-transition: all .7s ease;
  301. -moz-transition: all .7s ease;
  302. -o-transition: all .7s ease;
  303. transition: all .7s ease;
  304. }
  305.  
  306. /* Navigation links*/
  307.  
  308. #navigation{
  309. margin-top:5px;
  310. margin-left:10px;
  311. width:180px;
  312. padding-bottom:10px;
  313. z-index:100;
  314. background:{color:Navigation background};
  315. text-align:center;
  316. }
  317.  
  318. #navigation a{
  319. display:inline-block;
  320. margin-top:5px;
  321. font-size:12px;
  322. color:{color:Navigation link};
  323. padding:2px;
  324. }
  325.  
  326. #navigation a:hover{
  327. box-shadow: inset 180px 0 0 0 {color:Navigation link};
  328. color:{color:Hover};
  329. -webkit-transition: all .7s ease-in-out;
  330. -moz-transition: all .7s ease-in-out;
  331. -o-transition: all .7s ease-in-out;
  332. transition: all .7s ease-in-out;
  333. }
  334.  
  335. /*-- P O S T S --*/
  336.  
  337. #posts {
  338. display:block;
  339. margin-top:30px;
  340. margin-left:300px;
  341. min-height:500px;
  342. width:572px;
  343. overflow:hidden;
  344. {block:if250pxPosts}
  345. width:635px;
  346. {/block:if250pxPosts}
  347. {block:PermalinkPage}
  348. width:572px;
  349. {/block:PermalinkPage}
  350. }
  351.  
  352. .entry {
  353. float:left;
  354. display: block;
  355. margin:20px;
  356. width:500px;
  357. padding:10px;
  358. padding-bottom:0px;
  359. background:{color:Entry background};
  360. border: 1px solid {color:Borders};
  361. border-radius:{text:Border radius};
  362. z-index:100;
  363. {block:If250pxPosts}
  364. width:250px;
  365. {/block:If250pxPosts}
  366. {block:PermalinkPage}
  367. width:500px;
  368. {/block:PermalinkPage}
  369. }
  370.  
  371. .entry img{ max-width: 100%;}
  372.  
  373.  
  374. /* -- P O S T I N F O -- */
  375.  
  376. .postinfo {
  377. margin-top:10px;
  378. margin-left:0px;
  379. margin-bottom:0px;
  380. width:500px;
  381. height:auto;
  382. font-family:{font:Body font};
  383. font-size:12px;
  384. line-height:25px;
  385. color:{color:Link};
  386. border-top:1px solid {color:Borders};
  387. {block:if250pxPosts}
  388. width:250px;
  389. {/block:if250pxPosts}
  390. {block:PermalinkPage}
  391. width:500px;
  392. {/block:PermalinkPage}
  393. }
  394.  
  395. .postinfo a {
  396. font-size:12px;
  397. }
  398.  
  399. .postinfo a:hover{
  400. color:{color:Hover};
  401. }
  402.  
  403. /*-- REBLOG AND LIKE BUTTONS --*/
  404.  
  405. .rlbuttons {
  406. margin-top:-25px;
  407. margin-left:430px;
  408. width:30px;
  409. height:20px;
  410. padding-top:5px;
  411. text-align:right;
  412. {block:if250pxPosts}
  413. margin-left:180px;
  414. {/block:if250pxPosts}
  415. z-index:100;
  416. list-style: none;
  417. {block:PermalinkPage}
  418. margin-left:430px;
  419. {/block:PermalinkPage}
  420. }
  421.  
  422. .reblog-button{
  423. position:absolute;
  424. margin-top:-2px;
  425. margin-left:-10px;
  426. }
  427.  
  428. .reblog-button i{
  429. font-size:15px;
  430. color:{color:Reblog and like buttons};
  431. }
  432.  
  433. .like { /* Make a parent element */
  434. position: relative;
  435. }
  436.  
  437. .like svg path { /* Select your color of choice */
  438. fill: {color:Reblog and like buttons};
  439. }
  440.  
  441. .like .like_button { /* Position like button above your custom one */
  442. position: absolute;
  443. margin-top: -25px;
  444. margin-left:16px;
  445. opacity: 0;
  446. }
  447.  
  448. .like .like_button.liked { /* Keep the functionality active */
  449. opacity: 1;
  450. }
  451.  
  452. /* -- P O S T S T Y L E S -- */
  453.  
  454. /* Quote posts */
  455.  
  456. .quote{
  457. margin:5px;
  458. padding:10px;
  459. font-family:{select:Title font};
  460. font-size:20px;
  461. line-height:25px;
  462. color:{color:Italic};
  463. text-align:center;
  464. }
  465.  
  466. .source{
  467. margin-top:5px;
  468. margin-bottom:10px;
  469. font-family:{font:Body font};
  470. font-size:12px;
  471. text-align:right;
  472. overflow:hidden;
  473. }
  474.  
  475. .source i{
  476. float:left;
  477. margin-right:10px;
  478. color:{color:Link};
  479. padding:5px;
  480. padding-right:10px;
  481. font-size:15px;
  482. border-right:1px solid {color:Borders};
  483. }
  484.  
  485. /* Link posts */
  486.  
  487. #linktitle{
  488. font-family:{select:Title font};
  489. font-size:20px;
  490. line-height:25px;
  491. border:1px solid {color:Borders};
  492. padding:5px;
  493. width:490px;
  494. {block:If250pxPosts}
  495. width:240px;
  496. {/block:If250pxPosts}
  497. {block:PermalinkPage}
  498. width:490px;
  499. {/block:PermalinkPage}
  500. border-radius:{text:Border radius};
  501. }
  502.  
  503. #linktitle a{
  504. color:{color:Link};
  505. }
  506.  
  507. #linktitle i{
  508. color:{color:Icon};
  509. }
  510.  
  511. #linktitle:hover{
  512. color:{color:Hover};
  513. }
  514.  
  515. /* Chat posts */
  516.  
  517. .chat ul {
  518. display:block;
  519. list-style:none;
  520. margin-left:-40px;
  521. }
  522.  
  523. /* Chat lines style */
  524. .chat li {
  525. padding:3px;
  526. display:block;
  527. }
  528.  
  529. /* Odd lines style */
  530. .chat .odd {
  531. color:{color:Chat 1};
  532. }
  533.  
  534. /* Even lines style */
  535. .chat .even {
  536. color:{color:Chat 2};
  537. }
  538.  
  539. /* Audio posts */
  540.  
  541. .audio{
  542. width:500px;
  543. margin-top:0px;
  544. margin-left:0px;
  545. min-height:70px;
  546. z-index:10;
  547. overflow:hidden;
  548. background:{color:Borders};
  549. {block:if250pxPosts}
  550. width:250px;
  551. {/block:if250pxPosts}
  552. {block:PermalinkPage}
  553. width:500px;
  554. {/block:PermalinkPage}
  555. }
  556.  
  557. .album img{
  558. float:right;
  559. max-width:70px;
  560. min-height:70px;
  561. z-index:10;
  562. }
  563.  
  564. .ainfo{
  565. margin-top:10px;
  566. height:50px;
  567. max-width:410px;
  568. font-size:12px;
  569. line-height:25px;
  570. {block:if250pxPosts}
  571. max-width:170px;
  572. font-size:10px;
  573. {/block:if250pxPosts}
  574. {block:PermalinkPage}
  575. max-width:410px;
  576. {/block:PermalinkPage}
  577. }
  578.  
  579. .ainfo h1{
  580. font-size:20px;
  581. border-bottom:1px solid transparent;
  582. {block:if250pxPosts}
  583. font-size:15px;
  584. {/block:if250pxPosts}
  585. {block:PermalinkPage}
  586. font-size:20px;
  587. {/block:PermalinkPage}
  588. }
  589.  
  590. .play{
  591. float:left;
  592. margin-left:20px;
  593. margin-right:20px;
  594. margin-top:22px;
  595. max-width:27px;
  596. max-height:25px;
  597. overflow:hidden;
  598. {block:if250pxPosts}
  599. margin-left:10px;
  600. margin-right:10px;
  601. {/block:if250pxPosts}
  602. {block:PermalinkPage}
  603. margin-left:20px;
  604. margin-right:20px;
  605. width:410px;
  606. {/block:PermalinkPage}
  607. }
  608.  
  609. /* Ask posts */
  610.  
  611. .question{
  612. width:100%;
  613. height:auto;
  614. line-height:44px;
  615. border:1px solid {color:Borders};
  616. border-radius:{text:Border radius};
  617. }
  618.  
  619. .questionin{
  620. margin-top:0px;
  621. padding:5px;
  622. line-height:15px;
  623. }
  624.  
  625. .question img{
  626. float:left;
  627. margin:7px;
  628. width:28px;
  629. border:1px solid {color:Borders};
  630. border-radius:100%;
  631. }
  632.  
  633. .answer{
  634. margin-top:5px;
  635. width:490px;
  636. {block:if250pxPosts}
  637. width:240px;
  638. {/block:if250pxPosts}
  639. {block:PermalinkPage}
  640. width:490px;
  641. {/block:PermalinkPage}
  642. padding:5px;
  643. }
  644.  
  645. /*-- P E R M A L I N K P A G E --*/
  646.  
  647. .postnotes{
  648. margin-top:20px;
  649. }
  650.  
  651. ol.notes {
  652. padding: 0px;
  653. margin: 5px 0px;
  654. list-style-type: none;
  655. }
  656.  
  657. ol.notes li.note {
  658. padding: 5px;
  659. border-bottom:1px solid {color:Borders};
  660. }
  661.  
  662. ol.notes li.note img.avatar {
  663. vertical-align: -5px;
  664. margin-right: 10px;
  665. width: 15px;
  666. height: 15px;
  667. border-radius:100%;
  668. }
  669.  
  670. /*-- P A G I N A T I O N --*/
  671.  
  672. #pagicon{
  673. width:100%;
  674. margin-top:30px;
  675. margin-bottom:20px;
  676. margin-left:auto;
  677. margin-right:auto;
  678. }
  679.  
  680. #pagination{
  681. margin:auto;
  682. width:572px;
  683. height:30px;
  684. text-align:center;
  685. {block:ifInfiniteScrolling}
  686. display:none;
  687. {/block:ifInfiniteScrolling}
  688. }
  689.  
  690. .prev, .next{
  691. display:inline;
  692. }
  693.  
  694. .prev a, .next{
  695. font-size:12px;
  696. padding:5px;
  697. margin:5px;
  698. background:{color:Entry background};
  699. border:1px solid {color:Borders};
  700. border-radius:{text:Border radius};
  701. }
  702.  
  703. .prev a:hover, .next a:hover{
  704. color:{color:Bold};
  705. background:{color:Hover};
  706. }
  707.  
  708. .prev i, .next i{
  709. color:{color:Pagination};
  710. font-size:15px;
  711. margin:5px;
  712. text-decoration:none;
  713. }
  714.  
  715. .prev:hover i, .next:hover i{
  716. color:{color:Bold};
  717. }
  718.  
  719. /* -- I N F I N I T E S C R O L L I N G -- */
  720.  
  721. #infscr-loading {
  722. display:none!important;
  723. }
  724.  
  725. /*-- T H E M E C R E D I T --*/
  726.  
  727. #credit{
  728. position:fixed;
  729. top:8px;
  730. right:5px;
  731. width:30px;
  732. z-index:10000;
  733. {block:ifSidebarRight}
  734. left:5px;
  735. margin-right:auto;
  736. {/block:ifSidebarRight}
  737. }
  738.  
  739. {CustomCSS}
  740.  
  741. </style>
  742.  
  743. </head>
  744.  
  745. <!-- S C R I P S -->
  746.  
  747. <!-- Font awesome -->
  748.  
  749. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  750.  
  751. <!--Jquery-->
  752.  
  753. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
  754.  
  755. <!-- Style my tooltips -->
  756.  
  757. <script src="jquery.style-my-tooltips.js"></script>
  758.  
  759. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  760.  
  761. <script>
  762. (function($){
  763. $(document).ready(function(){
  764. $("[title]").style_my_tooltips({
  765. tip_follows_cursor:true,
  766. tip_delay_time:200,
  767. tip_fade_speed:300
  768. }
  769. );
  770. });
  771. })(jQuery);
  772. </script>
  773.  
  774. <!-- Masonry with infinite scroll (don't change or it might not work) -->
  775.  
  776. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  777.  
  778. {block:IndexPage}
  779.  
  780. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  781.  
  782. {block:ifInfiniteScrolling}
  783. <script src="http://static.tumblr.com/hczaopr/ZZYo7hmaw/jquery.infinitescroll.min.js"></script>
  784. {/block:ifInfiniteScrolling}
  785.  
  786. <script>
  787. $(document).ready(function(){
  788. var $container = $('#posts');
  789. {block:if250pxPosts}
  790. $container.imagesLoaded(function() {
  791. $container.masonry({
  792. itemSelector: '.entry'
  793. });
  794. });
  795. {/block:if250pxPosts}
  796. $container.infinitescroll({
  797. itemSelector: ".entry",
  798. navSelector: "#pagination",
  799. nextSelector: ".next",
  800. loadingImg: "",
  801. loadingText: "<em></em>",
  802. bufferPx: 10000,
  803. extraScrollPx: 12000,
  804. errorCallback: function() {
  805. $('.load-more').fadeOut();
  806. }
  807. }, function(newElements) {
  808. var $newElems = $(newElements).css({
  809. opacity: 0
  810. });
  811. $newElems.imagesLoaded(function() {
  812. $newElems.animate({
  813. opacity: 1
  814. });
  815. $container.masonry('appended', $newElems,
  816. true);
  817. });
  818. });
  819. });
  820.  
  821. </script>
  822.  
  823. {/block:IndexPage}
  824.  
  825. <title>{Title}
  826. {block:SearchPage} - {lang:Search results for SearchQuery}{/block:SearchPage}
  827. {block:TagPage} - {Tag} {/block:TagPage}
  828. {block:PostSummary}- {PostSummary} {/block:PostSummary}</title>
  829. {block:Description}<meta name="description" content="{MetaDescription}" />
  830. {/block:Description}
  831.  
  832. <!-- HTML -->
  833.  
  834. <body>
  835.  
  836. <div id="sidebar">
  837.  
  838. <div id="avatar"><img src="{image:Avatar}"></div>
  839.  
  840. <div id="blogtitle">{Title}</div>
  841.  
  842. <div id="description">{Description}</div>
  843.  
  844. <div id="navigaionicons">
  845. <a href="/"><i class="fa fa-home"></i></a>
  846. <a href="/ask"><i class="fa fa-envelope"></i></a>
  847. <a href="/submit"><i class="fa fa-pencil "></i></a>
  848. <a href="/archive"><i class="fa fa-clock-o"></i></a>
  849. </div>
  850. <!--End navigaionicons-->
  851.  
  852. <!--Navigation-->
  853. <div id="navigation">
  854. {block:IfShowLinkOne}
  855. <a href="{text:Link One Url}">{text:Link One Title}</a>
  856. {/block:IfShowLinkOne}
  857. {block:IfShowLinkTwo}
  858. <a href="{text:Link Two Url}">{text:Link Two Title}</a>
  859. {/block:IfShowLinkTwo}
  860. {block:IfShowLinkThree}
  861. <a href="{text:Link Three Url}">{text:Link Three Title}</a>
  862. {/block:IfShowLinkThree}
  863. {block:IfShowLinkFour}
  864. <a href="{text:Link Four Url}">{text:Link Four Title}</a>
  865. {/block:IfShowLinkFour}
  866. {block:IfShowLinkFive}
  867. <a href="{text:Link Five Url}">{text:Link Five Title}</a>
  868. {/block:IfShowLinkFive}
  869. </div>
  870. <!--End sidebar-->
  871.  
  872. </div>
  873. <!--End sidebar-->
  874.  
  875.  
  876. <!-- POSTS -->
  877.  
  878. <div id="posts">
  879.  
  880. {block:Posts}
  881.  
  882. <div class="entry">
  883.  
  884. <div class="content">
  885.  
  886. <!-- Text -->
  887. {block:Text}
  888. {block:Title}
  889. <a href="{Permalink}">
  890. <h1>{Title}</h1></a>
  891. {/block:Title}
  892. <h2>{Body}</h2>
  893. {/block:Text}
  894.  
  895. <!-- Photo -->
  896. {block:Photo}
  897. {block:IndexPage}
  898. {block:ifNot250pxPosts}
  899. {LinkOpenTag}
  900. <img src="{PhotoURL-500}" width="500" alt="{PhotoAlt}">
  901. {LinkCloseTag}
  902. {/block:ifNot250pxPosts}
  903. {block:if250pxPosts}
  904. {LinkOpenTag}
  905. <img src="{PhotoURL-250}" width="250" alt="{PhotoAlt}">
  906. {LinkCloseTag}
  907. {/block:if250pxPosts}
  908. {/block:IndexPage}
  909. {block:PermalinkPage}
  910. {LinkOpenTag}
  911. <img src="{PhotoURL-500}" width="500" alt="{PhotoAlt}">
  912. {LinkCloseTag}
  913. {/block:PermalinkPage}
  914. {/block:Photo}
  915.  
  916. <!-- Photoset -->
  917. {block:Photoset}
  918. {block:IndexPage}
  919. {block:ifNot250pxPosts}
  920. {Photoset-500}
  921. {/block:ifNot250pxPosts}
  922. {block:if250pxPosts}
  923. {Photoset-250}
  924. {/block:if250pxPosts}
  925. {/block:IndexPage}
  926. {block:PermalinkPage}
  927. {Photoset-500}
  928. {/block:PermalinkPage}
  929. {/block:Photoset}
  930.  
  931. <!-- Quote -->
  932. {block:Quote}
  933. <div class="quote">
  934. "{Quote}"
  935. <div class="source">
  936. {block:Source}
  937. {Source}
  938. {/block:Source}
  939. </div>
  940. <!--End source-->
  941. </div>
  942. <!--End quote-->
  943. {/block:Quote}
  944.  
  945. <!-- Link -->
  946. {block:Link}
  947. <div id="linktitle">
  948. <a href="{URL}"
  949. class="linkpost"
  950. target="_blank">
  951. {Name} &raquo; </a>
  952. </div>
  953. <!--End linktitle-->
  954. {block:Description}
  955. <h2>{Description}</h2>
  956. {/block:Description}
  957. {/block:Link}
  958.  
  959. <!-- Chat -->
  960. {block:Chat}
  961. <div class="chat">
  962. <ul>
  963. {block:Lines}
  964. <li class="{Alt}">
  965. {block:Label}<b>{Label}</b>{/block:Label}
  966. {Line}
  967. </li>
  968. {/block:Lines}
  969. </ul>
  970. </div>
  971. {/block:Chat}
  972.  
  973. <!-- Audio -->
  974. {block:Audio}
  975. <div class="audio">
  976. <div class="album">
  977. {block:AlbumArt}
  978. <img src="{AlbumArtURL}"></a>
  979. {block:AlbumArt}
  980. </div>
  981. <!--End album-->
  982. <div class="play">
  983. {AudioPlayerBlack}
  984. </div>
  985. <!--End play-->
  986. <div class="ainfo">
  987. {block:TrackName}<h1>{TrackName}</h1>{/block:TrackName}
  988. {block:Artist}{Artist}{/block:Artist}<br>
  989. </div>
  990. <!--End ainfo-->
  991. </div>
  992. <!--End audio-->
  993. {/block:Audio}
  994.  
  995. <!-- Video -->
  996. {block:Video}
  997. {block:IndexPage}
  998. {block:ifNot250pxPosts}
  999. {Video-500}
  1000. {/block:ifNot250pxPosts}
  1001. {block:if250pxPosts}
  1002. {Video-250}
  1003. {/block:if250pxPosts}
  1004. {/block:IndexPage}
  1005. {block:PermalinkPage}
  1006. {Video-500}
  1007. {/block:PermalinkPage}
  1008. {/block:Video}
  1009.  
  1010. <!-- Ask -->
  1011. {block:Answer}
  1012. <div class="question">
  1013. <img src="{AskerPortraitURL-48}"
  1014. align="left">{Asker}:
  1015. <div class="questionin">
  1016. {Question}</div>
  1017. </div>
  1018. <!--End question-->
  1019. <div class="answer">
  1020. {Answer}</div>
  1021. {/block:Answer}
  1022.  
  1023. <!-- Caption -->
  1024. {block:IndexPage}
  1025. {block:IfShowCaptions}
  1026. {block:Caption}
  1027. {Caption}
  1028. {/block:Caption}
  1029. {/block:IfShowCaptions}
  1030. {/block:IndexPage}
  1031. {block:PermalinkPage}
  1032. {block:Caption}
  1033. {Caption}
  1034. {/block:Caption}
  1035. {/block:PermalinkPage}
  1036.  
  1037. </div>
  1038. <!--End content-->
  1039.  
  1040. <!-- Date -->
  1041. {block:Date}
  1042.  
  1043. <div class="postinfo">
  1044.  
  1045. <a href="{Permalink}">
  1046. {shortmonth} {dayofmonth}</a>
  1047.  
  1048. {block:NoteCount}
  1049. / <a href="{Permalink}">
  1050. {NoteCountWithLabel}</a>
  1051. {/block:NoteCount}
  1052.  
  1053. {block:RebloggedFrom}
  1054. / <a href="{ReblogParentURL}">
  1055. via</a>{/block:RebloggedFrom}
  1056.  
  1057. {block:ContentSource}
  1058. / <a href="{SourceURL}"
  1059. target=blank> source</a>
  1060. {/block:ContentSource}
  1061.  
  1062. <!-- Reblog and like buttons -->
  1063. <ul class="rlbuttons">
  1064.  
  1065. <li class="reblog-button"><a href="{ReblogUrl}"><i class="fa fa-refresh" aria-hidden="true"></i></a></li>
  1066.  
  1067. <li class="like">
  1068. <svg width="15" height="15" viewBox="0 0 19 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000"><path d="M14.0425097,0.000920262799 C16.1435097,-0.0400797372 18.8835097,1.28192026 18.9635097,5.36992026 C19.0525097,9.95492026 15.1985097,13.3079203 9.48350967,16.2089203 C3.76650967,13.3079203 -0.0874903349,9.95492026 0.00150966509,5.36992026 C0.0815096651,1.28192026 2.82150967,-0.0400797372 4.92250967,0.000920262799 C7.02450967,0.0419202628 8.87050967,2.26592026 9.46950967,2.92792026 C10.0945097,2.26592026 11.9405097,0.0419202628 14.0425097,0.000920262799 Z"></path></svg>
  1069. {LikeButton size="15"}
  1070. </li>
  1071.  
  1072. </ul>
  1073. <!-- End rlbuttons -->
  1074.  
  1075. <!-- Tags -->
  1076. {block:IndexPage}
  1077. {block:IfShowTags}
  1078. {block:HasTags}
  1079. {block:Tags}
  1080. <a href="{TagURL}">#{Tag}</a>
  1081. {/block:Tags}
  1082. {/block:HasTags}
  1083. {/block:IfShowTags}
  1084. {/block:IndexPage}
  1085. {block:PermalinkPage}
  1086. {block:HasTags}
  1087. {block:Tags}
  1088. <a href="{TagURL}">#{Tag}</a>
  1089. {/block:Tags}
  1090. {/block:HasTags}
  1091. {/block:PermalinkPage}
  1092.  
  1093. </div>
  1094. <!--End postinfo-->
  1095. {/block:Date}
  1096.  
  1097. <!-- Permalink page -->
  1098. {block:PermalinkPage}
  1099. <!-- Post notes-->
  1100. {block:PostNotes}
  1101. <div class="postnotes">
  1102. {PostNotes}
  1103. </div>
  1104. {/block:PostNotes}
  1105. {/block:PermalinkPage}
  1106.  
  1107. <!-- Other -->
  1108. {block:ContentSource}
  1109. <!-- {SourceURL}
  1110. {block:SourceLogo}
  1111. <img src="{BlackLogoURL}"
  1112. width="{LogoWidth}"
  1113. height="{LogoHeight}"
  1114. alt="{SourceTitle}" />
  1115. {/block:SourceLogo}
  1116. {block:NoSourceLogo}
  1117. {SourceLink}
  1118. {/block:NoSourceLogo} -->
  1119. {/block:ContentSource}
  1120.  
  1121. </div>
  1122. <!--End entry-->
  1123.  
  1124. {/block:Posts}
  1125.  
  1126. </div>
  1127. <!-- End posts -->
  1128.  
  1129. {block:Pagination}
  1130.  
  1131. <div id="pagicon">
  1132.  
  1133. <div id="pagination">
  1134. {block:PreviousPage}
  1135. <span class="prev">
  1136. <a href="{PreviousPage}"><i class="fa fa-long-angle-double-left" aria-hidden="true"></i> NEWER </a>
  1137. </span>
  1138. {/block:PreviousPage}
  1139.  
  1140. {block:NextPage}
  1141. <a class="next" href="{NextPage}"> OLDER <i class="fa fa-angle-double-right" aria-hidden="true"></i></a>
  1142. </span>
  1143. {/block:NextPage}
  1144. </div>
  1145. <!--End pagination-->
  1146.  
  1147. </div>
  1148. <!--End pagicon-->
  1149.  
  1150. {/block:Pagination}
  1151.  
  1152. <!-- CREDIT -->
  1153. <div id="credit"><a href="http://www.hunterthemes.tumblr.com">
  1154. <img src="http://i60.tinypic.com/b5qp0o.png" title="theme by hunter themes"></a></div>
  1155.  
  1156.  
  1157. </body>
  1158. </html>
  1159.  
  1160. <!-- END HTML -->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!