API tools faq
paste
Advertisement
themesbygeorgia

Theme #60 - Jaded

themesbygeorgia
Jun 11th, 2016
3,120
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.10 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4.  
  5. <!--- Theme #60 - Jaded by wonderfullythemes
  6.  
  7. **Updated as of July 05, 2016 :D
  8.  
  9. dont remove the credit pls and thanks
  10. --->
  11.  
  12. <title>{Title}</title>
  13. <link rel="shortcut icon" href="{Favicon}">
  14. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  15. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  16.  
  17. <link rel="stylesheet" href="styles.css" />
  18. <link href='https://fonts.googleapis.com/css?family=Playfair+Display:400,700' rel='stylesheet' type='text/css'>
  19. <link href='https://fonts.googleapis.com/css?family=Dosis:200' rel='stylesheet' type='text/css'>
  20.  
  21. <link href='https://fonts.googleapis.com/css?family=Roboto:100,300,400' rel='stylesheet' type='text/css'>
  22. <link href="css/hover.css" rel="stylesheet">
  23. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  24. <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
  25.  
  26. <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
  27.  
  28. <!--BACK TO TOP-->
  29. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  30. <script type="text/javascript">
  31.  
  32. $(document).ready(function(){
  33.  
  34. var amountScrolled = 100;
  35.  
  36. $(window).scroll(function() {
  37. if ( $(window).scrollTop() > amountScrolled ) {
  38. $('a.back-to-top').show("");
  39. } else {
  40. $('a.back-to-top').hide("");
  41. }
  42. });
  43.  
  44. $('a.back-to-top').click(function() {
  45. $('html, body').animate({ scrollTop: 0}, 760);
  46. return false;
  47. });
  48.  
  49. });
  50.  
  51. </script>
  52.  
  53. <!--POP UP ASK-->
  54. <script type="text/javascript"
  55. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  56. <script>
  57. $(document).ready(function() {
  58. //
  59. $('a.poplight[href^=#]').click(function() {
  60. var popID = $(this).attr('rel'); //Get Popup Name
  61. var popURL = $(this).attr('href'); //Get Popup href to define size
  62. var query= popURL.split('?');
  63. var dim= query[1].split('&');
  64. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  65. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  66. var popMargTop = ($('#' + popID).height() + 0) / 2;
  67. var popMargLeft = ($('#' + popID).width() + 0) / 2;
  68. //Apply Margin to Popup
  69. $('#' + popID).css({
  70. 'margin-top' : -popMargTop,
  71. 'margin-left' : -popMargLeft
  72. });
  73. $('body').append('<div id="fade"></div>');
  74. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  75. return false;
  76. });
  77. $('a.close, #fade').live('click', function() {
  78. $('#fade , .popup_block').fadeOut(function() {
  79. $('#fade, a.close').remove(); //fade them both out
  80. });
  81. return false;
  82. });
  83. });
  84. </script>
  85.  
  86. <!--MASONRY -->
  87. <!---------------DO NOT REMOVE THESE SCRIPTS--------------->
  88. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  89. <stsss><script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  90. <script>
  91. (function($){
  92. $(document).ready(function(){
  93. $("a[title]").style_my_tooltips({
  94. tip_follows_cursor:true,
  95. tip_delay_time:150,
  96. tip_fade_speed:250,
  97. attribute:"title"
  98. });
  99. });
  100. })(jQuery);
  101. </script>
  102.  
  103.  
  104.  
  105. {block:IndexPage}
  106. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  107. {block:ifInfiniteScroll}<script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>{/block:ifInfiniteScroll}
  108.  
  109. <script type="text/javascript">
  110. $(window).load(function(){
  111. var $wall = $('#entries');
  112. $wall.imagesLoaded(function(){
  113. $wall.masonry({
  114. itemSelector: '#post, #post_photo',
  115. isAnimated : false
  116. });
  117. });
  118.  
  119. $wall.infinitescroll({
  120. navSelector : '#pagination',
  121. nextSelector : '#pagination a',
  122. itemSelector : '#post, #post_photo',
  123. bufferPx : 2000,
  124. debug : false,
  125. errorCallback: function() {
  126. $('#scroll').fadeOut('normal');
  127. {block:ifManualLoad} $('.load-more').hide();{/block:ifManualLoad}
  128. }},
  129.  
  130. function( newElements ) {
  131. var $newElems = $( newElements );
  132. $newElems.hide();
  133. $newElems.imagesLoaded(function(){
  134. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  135. });
  136. }); $('#entries').show(400);
  137.  
  138. {block:ifManualLoad}
  139. //thanks @ neothms!
  140. $(window).unbind('.infscr'); //where ‘window’ is what scrolls; if your theme is contained, replace ‘window’ by the “binder” of your infinite scroll script.
  141.  
  142. $('a.load-more').click(function(){ //where “load more link” is the name, id or class of the link you’re using to retrieve the content
  143. $('#entries').infinitescroll('retrieve'); //the name, id, or class of your articles’ container
  144. //if the footer disappears in the process: $('FOOTER NAME/ID/CLASS').show();
  145. //if the load more button stays in place while the content is appended under it (this goes in your infinitescroll’s callback): $('YOUR POSTS NAME/CLASS').last().after($('LOAD MORE LINK'));
  146. return false; //blocks any other behaviour the link could have
  147. });
  148. {/block:ifManualLoad}
  149.  
  150. });
  151.  
  152. </script>
  153. {/block:IndexPage}
  154.  
  155.  
  156.  
  157.  
  158. <meta name="color:Background" content="#fff" />
  159. <meta name="color:Link" content="#1bcc5c" />
  160. <meta name="color:Hover" content="#444" />
  161. <meta name="color:Text" content="#444" />
  162. <meta name="color:Title" content="#000" />
  163. <meta name="color:NavLinks" content="#fff" />
  164. <meta name="color:NavLinks BG" content="#fff" />
  165. <meta name="color:NavLinks BG Hover" content="#fff" />
  166. <meta name="color:NavLinks Hover" content="#fff" />
  167. <meta name="color:pre Background" content="#ddd" />
  168. <meta name="color:Question Background" content="#ddd" />
  169. <meta name="color:Question Text" content="#444" />
  170. <meta name="color:Chat Text Odd" content="#000" />
  171. <meta name="color:Chat Text Even" content="#000" />
  172. <meta name="color:Info Links" content="#444" />
  173. <meta name="color:Info Links BG" content="#ddd" />
  174. <meta name="color:Info Links BG Hover" content="#000" />
  175. <meta name="color:Info Links Hover" content="#fff" />
  176. <meta name="color:Perma Text" content="#444" />
  177. <meta name="color:Perma Links" content="#ccc" />
  178. <meta name="color:Perma Links Hover" content="#444" />
  179. <meta name="color:Load More Link" content="#444" />
  180. <meta name="color:Load More BG" content="#ddd" />
  181. <meta name="color:Load More BG Hover" content="#000" />
  182. <meta name="color:Load More Hover" content="#fff" />
  183. <meta name="color:Pagi Link" content="#444" />
  184. <meta name="color:Pagi BG" content="#ddd" />
  185. <meta name="color:Pagi BG Hover" content="#000" />
  186. <meta name="color:Pagi Link Hover" content="#fff" />
  187. <meta name="color:Scrollbar" content="#000" />
  188. <meta name="color:Tooltip Background" content="#000" />
  189. <meta name="color:Tooltip Text" content="#fff" />
  190.  
  191. <meta name="image:Background" content="" />
  192. <meta name="image:Header" content="" />
  193.  
  194. <meta name="text:Link1" content="/" />
  195. <meta name="text:Link1 Text" content="Link 1" />
  196. <meta name="text:Link2" content="/" />
  197. <meta name="text:Link2 Text" content="Link 2" />
  198. <meta name="text:Link3" content="/" />
  199. <meta name="text:Link3 Text" content="Link 3" />
  200. <meta name="text:Link4" content="/" />
  201. <meta name="text:Link4 Text" content="Link 4" />
  202.  
  203. <meta name="if:ShowCaption" content="1" />
  204. <meta name="if:InfiniteScroll" content="1" />
  205. <meta name="if:ManualLoad" content="0" />
  206.  
  207. <style type="text/css">
  208.  
  209. @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  210. @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  211. @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  212.  
  213.  
  214. .fade-in {
  215. opacity:0;
  216. -webkit-animation:fadeIn ease-in 1;
  217. -moz-animation:fadeIn ease-in 1;
  218. animation:fadeIn ease-in 1;
  219. -webkit-animation-fill-mode:forwards;
  220. -moz-animation-fill-mode:forwards;
  221. animation-fill-mode:forwards;
  222. -webkit-animation-duration:1.5s;
  223. -moz-animation-duration:1.5s; animation-duration:1.5s; }
  224.  
  225. ::-webkit-scrollbar-thumb {
  226. height:auto;
  227. background-color:{color:Scrollbar};
  228. }
  229.  
  230. ::-webkit-scrollbar {
  231. height:8px;
  232. width:10px;
  233. padding-right:2px;
  234. background-color:transparent;
  235. }
  236.  
  237. #s-m-t-tooltip {
  238. font-family:'calibri';
  239. max-width:200px;
  240. font-size:10px;
  241. background-color:{color:Tooltip Background};
  242. color:{color:Tooltip Text};
  243. line-height:10px;
  244. display:none;
  245. position:absolute;
  246. letter-spacing:2px;
  247. text-transform:uppercase;
  248. padding:6px;
  249. margin:15px 0px 0px 15px;
  250. z-index:99999999999999;
  251. }
  252.  
  253. html, body { cursor:url('https://55.media.tumblr.com/bd9c6c2981a0ee5b01b300b500639778/tumblr_inline_n103i71bcS1sr8w60.png'), auto; }
  254.  
  255. body {
  256. overflow-x:hidden;
  257. background:{color:Background};
  258. color:{color:Text};
  259. font-family:'calibri';
  260. font-size:10px;
  261. letter-spacing:1px;
  262. text-transform:uppercase;
  263. text-decoration:none;
  264. margin:0px;
  265. background-image:url('{image:Background}');
  266. background-attachment:fixed;
  267. background-repeat:repeat;
  268. }
  269.  
  270. a {
  271. color:{color:Link};
  272. text-decoration:none;
  273. -moz-transition-duration:0.3s;
  274. -webkit-transition-duration:0.3s;
  275. -o-transition-duration:0.3s;
  276. }
  277.  
  278. a:hover {
  279. cursor: url('https://55.media.tumblr.com/70444f630963e5ba6759d7e5f89b4120/tumblr_inline_n10aai56SU1sr8w60.png'), auto;
  280. color:{color:Hover};
  281. -moz-transition-duration:0.3s;
  282. -webkit-transition-duration:0.3s;
  283. -o-transition-duration:0.3s;
  284. }
  285.  
  286. h1 {
  287. font-family: 'Playfair Display', serif;
  288. font-weight:700;
  289. margin-top:5px;
  290. color:{color:Text};
  291. }
  292.  
  293. h1 a {
  294. margin-top:5px;
  295. color:{color:Link};
  296. }
  297.  
  298. pre {
  299. background-color:{color:pre Background};
  300. padding:9px;
  301. white-space: pre-wrap;
  302. white-space: -moz-pre-wrap;
  303. white-space: -pre-wrap;
  304. white-space: -o-pre-wrap;
  305. word-wrap: break-word;
  306. }
  307.  
  308. blockquote {
  309. border-left:1px solid {color:Link};
  310. padding-left:10px;
  311. margin-left:5px;
  312. }
  313.  
  314. blockquote blockquote {
  315. padding:0 0 0 5px;
  316. margin:0 0 0 12px;
  317. }
  318.  
  319. img, blockquote, li, h2 {
  320. max-width:100%;
  321. }
  322.  
  323. /* Push */
  324. @-webkit-keyframes push {
  325. 50% {
  326. -webkit-transform: scale(0.8);
  327. transform: scale(0.8);
  328. }
  329.  
  330. 100% {
  331. -webkit-transform: scale(1);
  332. transform: scale(1);
  333. }
  334. }
  335.  
  336. @keyframes push {
  337. 50% {
  338. -webkit-transform: scale(0.8);
  339. transform: scale(0.8);
  340. }
  341.  
  342. 100% {
  343. -webkit-transform: scale(1);
  344. transform: scale(1);
  345. }
  346. }
  347.  
  348. .push {
  349. display: inline-block;
  350. -webkit-transform: translateZ(0);
  351. transform: translateZ(0);
  352. box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  353. }
  354. .push:hover, .push:focus, .push:active {
  355. -webkit-animation-name: push;
  356. animation-name: push;
  357. -webkit-animation-duration: 0.3s;
  358. animation-duration: 0.3s;
  359. -webkit-animation-timing-function: linear;
  360. animation-timing-function: linear;
  361. -webkit-animation-iteration-count: 1;
  362. animation-iteration-count: 1;
  363. }
  364.  
  365. /*-----------------CUSTOM LINK THINGYS----------------------*/
  366. {block:IndexPage}.tmblr-iframe{display:none!important;}{/block:IndexPage}
  367.  
  368. .custom { position:fixed; top:160px; margin-left:-30px; z-index:2; }
  369. .custom a { line-height:17px; font-size:11.5px; }
  370.  
  371. /*-------------------SIDEBAR----------------------------*/
  372. .sidebar {
  373. top:0px;
  374. position:relative;
  375. margin:auto;
  376. width:400px;
  377. padding:160px 0 0 0;
  378. height:auto;
  379. background:transparent;
  380. z-index:300;
  381. text-align:left;
  382. }
  383.  
  384. .sidebarpic img {
  385. width:100px;
  386. height:100px;
  387. border-radius:10px;
  388. position:absolute;
  389. }
  390.  
  391. .sidebar h1 {
  392. font-family:'Dosis', sans-serif;
  393. font-weight:100;
  394. margin:0px 0 10px 120px;
  395. letter-spacing:1.5px;
  396. text-transform:uppercase;
  397. color:{color:Text};
  398. padding:0;
  399. }
  400.  
  401. .sidebar h1 a {
  402. color:{color:Text};
  403. }
  404.  
  405. .sidebarlinks {
  406. margin:10px 0 10px 120px;
  407. font-family:'calibri';
  408. font-size:10px;
  409. letter-spacing:2px;
  410. font-style:none;
  411. text-transform:uppercase;
  412. }
  413.  
  414. .sidebarlinks a {
  415. margin-bottom:3px;
  416. color:{color:NavLinks};
  417. background:{color:NavLinks BG};
  418. padding:3px 6px 3px 6px;
  419. }
  420.  
  421. .sidebarlinks a:hover {
  422. color:{color:NavLinks Hover};
  423. background:{color:NavLinks BG Hover};
  424. }
  425.  
  426. /*--------------------POSTS------------------------*/
  427. .content {
  428. width:400px;
  429. position:relative;
  430. margin:auto;
  431. }
  432.  
  433. #entries {
  434. top:160px;
  435. position:relative;
  436. margin:auto;
  437. width:400px;
  438. }
  439.  
  440. #post {
  441. background-color:transparent;
  442. height:auto;
  443. width:400px;
  444. margin-bottom:200px;
  445. -moz-transition-duration:0.3s;
  446. -webkit-transition-duration:0.3s;
  447. -o-transition-duration:0.3s;
  448. }
  449.  
  450. #post img {
  451. max-width:100%;
  452. }
  453.  
  454. /*--POST TYPES--*/
  455. #user {
  456. text-transform:uppercase;
  457. margin-bottom:10px;
  458. font-size:20px;
  459. font-family:'Dosis',sans-serif;
  460. }
  461.  
  462. .question {
  463. max-width:100%;
  464. padding-bottom:10px;
  465. background:{color:Question Background};
  466. color:{color:Question Text};
  467. padding:20px;
  468. }
  469.  
  470. .answer {
  471. text-align:left;
  472. margin-top:10px;
  473. max-width:100%;
  474. }
  475.  
  476. .quote {
  477. padding-bottom:10px;
  478. position:relative;
  479. }
  480.  
  481. .mark {
  482. text-align:left;
  483. font-family:georgia;
  484. font-size:50px;
  485. color:{color:Link};
  486. }
  487.  
  488. .words {
  489. font-family:'Playfair Display', serif;
  490. margin-left:25px;
  491. margin-top:-35px;
  492. text-transform:none;
  493. font-style:italic;
  494. width:360px;
  495. }
  496.  
  497. .mark2 {
  498. text-align:right;
  499. font-family:georgia;
  500. font-size:50px;
  501. color:{color:Link};
  502. margin-top:-15px;
  503. }
  504.  
  505. .quotesource {
  506. margin-top:-20px;
  507. }
  508.  
  509. .contentsrc {
  510. display:none;
  511. }
  512.  
  513. .tumblr_audio_player {
  514. background:#ddd;
  515. height: 100px;
  516. width: 480px;
  517. -moz-transform: scale(0.60, 0.60);
  518. -webkit-transform: scale(0.60, 0.60);
  519. -o-transform: scale(0.60, 0.60);
  520. -ms-transform: scale(0.60, 0.60);
  521. transform: scale(0.60, 0.60);
  522. -moz-transform-origin: top left;
  523. -webkit-transform-origin: top left;
  524. -o-transform-origin: top left;
  525. -ms-transform-origin: top left;
  526. transform-origin: top left;
  527. }
  528.  
  529. .audioimgwrapper {
  530. position: absolute;
  531. left: 0px;
  532. top: 0px;
  533. overflow: hidden;
  534. width: 100px;
  535. height: 100px;
  536. }
  537.  
  538. .audioimgwrapper img {
  539. width: 100%;
  540. height: auto;
  541. border-radius:5px;
  542. }
  543.  
  544. .trackdetails {
  545. width: auto;
  546. display:inline-block;
  547. margin-left: 110px;
  548. height: 100px;
  549. }
  550.  
  551. .audiowrapper {
  552. position: relative;
  553. display:inline-block;
  554. }
  555.  
  556. .chat li { list-style:none; }
  557. .line_odd, .line_even { text-transform:uppercase; letter-spacing:1px; font-size:11px; }
  558. .line_odd { color:{color:Chat Text Odd}; }
  559. .line_even { color:{color:Chat Text Even}; }
  560.  
  561. /*--------------------INFO AND TAGS---------------------------*/
  562. .postinfo {
  563. font-family:'Dosis', sans-serif;
  564. text-transform:uppercase;
  565. letter-spacing:3px;
  566. font-size:9px;
  567. margin-top:10px;
  568. }
  569.  
  570. .postinfo a {
  571. padding:4px 6px 4px 6px;
  572. color:{color:Info Links};
  573. background:{color:Info Links BG};
  574. }
  575.  
  576. .postinfo a:hover {
  577. color:{color:Info Links Hover};
  578. background:{color:Info Links BG Hover};
  579. }
  580.  
  581. #post:hover .tags {
  582. margin-left:0px;
  583. opacity:1;
  584. -moz-transition-duration:0.5s;
  585. -webkit-transition-duration:0.5s;
  586. -o-transition-duration:0.5s;
  587. }
  588.  
  589. .tags {
  590. font-size:8px;
  591. margin-top:5px;
  592. margin-left:-40px;
  593. opacity:0;
  594. -moz-transition-duration:0.5s;
  595. -webkit-transition-duration:0.5s;
  596. -o-transition-duration:0.5s;
  597. }
  598.  
  599. .permapage {
  600. position:absolute;
  601. width:400px;
  602. margin-top:60px;
  603. margin-bottom:40px;
  604. }
  605.  
  606. .perma {
  607. line-height:20px;
  608. color:{color:Perma Text};
  609. text-transform:uppercase;
  610. font-family:'Dosis', sans-serif;
  611. }
  612.  
  613. .perma a {
  614. color:{color:Perma Links};
  615. }
  616.  
  617. .perma a:hover {
  618. color:{color:Perma Links Hover};
  619. }
  620.  
  621. .postnotes {
  622. width:400px;
  623. line-height:20px;
  624. margin-top:60px;
  625. margin-bottom:60px;
  626. height:200px;
  627. overflow-y:scroll;
  628. }
  629. .postnotes li { list-style:none; margin-left:-40px;}
  630. .postnotes img { display:none; }
  631.  
  632. #scroll{
  633. bottom:-20px;
  634. position: absolute;
  635. left: 50%;
  636. width:10px;
  637. height:5px;
  638. overflow:hidden;
  639. margin-bottom:80px;}
  640.  
  641. .back-to-top { display:none; }
  642.  
  643. /*---PAGINATION----*/
  644. #pagination {
  645. width:100%;
  646. position:relative;
  647. font-family:'calibri';
  648. text-transform:uppercase;
  649. {block:ifInfiniteScroll}opacity:0;{/block:ifInfiniteScroll}
  650. }
  651.  
  652. #pagination a { font-family:'calibri'; text-transform:uppercase; padding:6px; color:{color:Pagi Link}; background:{color:Pagi BG}; position:relative; text-align:center; z-index:9999999999; }
  653.  
  654. #pagination a:hover { color:{color:Pagi Link Hover}; background:{color:Pagi BG Hover}; }
  655.  
  656. /*---LOAD MORE BUTTON----*/
  657. a.load-more { font-family:'calibri'; text-transform:uppercase; padding:6px; color:{color:Load More Link}; background:{color:Load More BG}; position:relative; text-align:center; z-index:9999999999; }
  658.  
  659. a:hover.load-more { color:{color:Load More Hover}; background:{color:Load More BG Hover}; }
  660.  
  661. /*--POP UP BOXES--*/
  662. .popup_block{
  663. display:none;
  664. background:#fff;
  665. float:left;
  666. width:400px;
  667. position:fixed;
  668. top:50%;left:50%;
  669. z-index: 99999;
  670. }
  671.  
  672. *html #fade {position: absolute;}
  673. *html .popup_block {position: absolute;}
  674. #fade {
  675. display:none;
  676. position:fixed;
  677. left:0px;
  678. top:0px;
  679. width:100%;
  680. height:100%;
  681. z-index:9999;
  682. background:#fff; /* change to #fff for solid white */
  683. opacity:1;
  684. }
  685.  
  686. .poplight:hover { cursor: url('https://55.media.tumblr.com/70444f630963e5ba6759d7e5f89b4120/tumblr_inline_n10aai56SU1sr8w60.png'), auto; }
  687.  
  688. /*--CREDIT--*/
  689. #spectrum {
  690. bottom:9px;
  691. right:7px;
  692. font-size:10px;
  693. font-family:'calibri';
  694. letter-spacing:1px;
  695. text-transform:uppercase;
  696. position:fixed;
  697. text-align:right;
  698. }
  699.  
  700. {CustomCSS}</style>
  701. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  702. </head><body>
  703.  
  704. <div id="wrap" class="box fade-in one">
  705.  
  706. <div id="spectrum">
  707. <a href="http://wonderfullythemes.tumblr.com" title="wonderfullythemes">theme</a>
  708. </div>
  709.  
  710. <div class="content">
  711.  
  712. <div class="custom"><a href="http://tumblr.com/dashboard" title="dashboard"><i class="fa fa-home"></i></a><br><a href="http://tumblr.com/follow/{name}" title="follow"><i class="fa fa-plus"></i></a><br><a href="https://www.tumblr.com/dashboard?conversation={name}" title="message"><i class="fa fa-comment"></i></a><br><a href="http://wonderfullythemes.tumblr.com" title="wonderfullythemes"><i class="fa fa-code"></i></a><br><a href="#" class="back-to-top" title="top"><i class="fa fa-arrow-up"></i></a></div> <!--end .custom-->
  713.  
  714. <div class="sidebar">
  715. <div class="sidebarpic"><a href="/" class="pulse"><img src="{image:Header}" /></a></div>
  716.  
  717. <h1><a href="/" title="refresh" class="pulse">{Title}</a></h1>
  718.  
  719. <div class="sidebarlinks">
  720. <a href="/" class="push">index</a>
  721. <a href="/ask" class="push">contact</a>
  722. <a href="/archive" class="push">history</a>
  723. <span class="push"><a href="#?w=400" rel="box1" class="poplight">navigation</a></span>
  724. </div>
  725.  
  726. </div>
  727.  
  728. <div id="entries">{block:Posts}
  729. {block:ContentSource}
  730. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  731. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  732. {/block:SourceLogo}
  733. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  734. {/block:ContentSource}
  735.  
  736. <div id="post">
  737.  
  738. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}
  739.  
  740. {/block:Text}
  741.  
  742. {block:Photo}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{/block:Photo}
  743.  
  744. {block:Photoset}{Photoset-400}{/block:Photoset}
  745.  
  746. {block:Quote}
  747.  
  748. <div class="quote">
  749. <div class="mark">&#147;</div>
  750. <div class="words">{Quote}</div>
  751. <div class="mark2">”</div>
  752. <div class="quotesource">-{Source}</div>
  753. </div>
  754. {block:ContentSource}<div class="contentsrc"><a href="{SourceURL}">{SourceTitle}</a></div>{/block:ContentSource}
  755.  
  756. {/block:Quote}
  757.  
  758. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}
  759. {/block:Link}
  760.  
  761. {block:Chat}
  762. {block:Title}<h1>{Title}</h1>{/block:Title}
  763. {block:Lines}<div class="chat"><li><span class="line_{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}</span> {Line}</li></div>
  764. {/block:Lines}
  765.  
  766. {block:ContentSource}<div class="contentsrc"><a href="{SourceURL}">{SourceTitle}</a></div>{/block:ContentSource}
  767.  
  768. {/block:Chat}
  769.  
  770. {block:Audio}
  771. {block:AudioPlayer}
  772. <div class="audiowrapper">
  773. {block:AlbumArt}
  774. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  775. {/block:AlbumArt}
  776.  
  777. <div class="trackdetails">
  778.  
  779. {AudioPlayerGrey}
  780.  
  781. </div>
  782. </div>
  783. {/block:AudioPlayer}
  784. {/block:Audio}
  785.  
  786. {block:Video}{Video-400}{/block:Video}
  787.  
  788. {block:Answer}
  789. <div id="user"><span class="push">{Asker}</span> asked:</div>
  790. <div class="question">{Question}</div>
  791.  
  792. <div class="answer">{Answer}</div>
  793. {/block:Answer}
  794.  
  795. {block:ifShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifShowCaption}
  796.  
  797. {block:IndexPage}
  798. <div class="postinfo">{block:Date}<a href="{Permalink}" class="push" title="{Month} {DayofMonth}{DayOfMonthSuffix}">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</a>{block:NoteCount} <a href="{Permalink}" class="push">{NoteCount} N</a>{/block:NoteCount}&nbsp;<a href="{ReblogURL}" class="push">reblog</a>{/block:Date}</div>
  799.  
  800. {block:HasTags}<div class="tags">{block:Tags}# <a href="{TagURL}" class="push">{Tag}</a>&nbsp;&nbsp;&nbsp;{/block:Tags}</div>{/block:HasTags}
  801. {/block:IndexPage}
  802.  
  803. {block:PermalinkPage}
  804. <div class="permapage">
  805. <div class="perma">
  806. {block:Date}Posted <a href="{Permalink}">{Month} {DayOfMonthWithZero} {Year}</a>{/block:Date}{block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a> {/block:NoteCount}
  807. {block:RebloggedFrom}<br>reblogged from: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  808. {block:RebloggedFrom}<br>original post: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
  809.  
  810. <br><br>
  811.  
  812. {block:HasTags}{block:Tags}<i class="fa fa-tag"></i>&nbsp;<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;&nbsp;{/block:Tags}{/block:HasTags}
  813.  
  814.  
  815. </div>
  816.  
  817. {block:PostNotes}<div class="postnotes">{PostNotes}</div>{/block:PostNotes}
  818.  
  819. </div><!--end .onecol_permapage-->
  820. {/block:PermalinkPage}
  821.  
  822. </div><!--end #post-->
  823.  
  824. {/block:Posts}
  825.  
  826. </div><!--end #entries-->
  827.  
  828. {block:IndexPage}{block:ifManualLoad}<br><br><br><br><br><br><br><span class="push"><a href="#" class="load-more">load more</a></span><br><br><br><br><br><br><br><br><br><br><br><br><br>{/block:ifManualLoad}{/block:IndexPage}
  829.  
  830. {block:ifNotInfiniteScroll}
  831. {block:Pagination}
  832. <div id="pagination">
  833. <br><br><br><br><br><br><br>{block:PreviousPage}<span class="push"><a href="{PreviousPage}">newer</a></span>&nbsp;&nbsp;&nbsp;{/block:PreviousPage}{block:NextPage}<span class="push"><a href="{NextPage}">older</a></span>{/block:NextPage}<br><br><br><br><br><br><br><br><br><br><br><br><br>
  834. </div>
  835. {/block:Pagination}
  836. {/block:ifNotInfiniteScroll}
  837.  
  838. </div><!--end .content-->
  839.  
  840. </div><!--end #wrap-->
  841.  
  842. {block:IndexPage}
  843. {block:Pagination}
  844. <div id="pagination">
  845. {block:NextPage}
  846. <a id="nextPage" href="{NextPage}"></a>
  847. {/block:NextPage}
  848. {block:PreviousPage}
  849. <a href="{PreviousPage}"></a>
  850. {/block:PreviousPage}
  851. </div>
  852. {/block:Pagination}
  853. {/block:IndexPage}
  854. </body>
  855.  
  856.  
  857. <!--YOUR FAQ-->
  858. <div id="box1" class="popup_block">
  859.  
  860. {Description}<br><br>
  861. <a href="{text:Link1}">{text:Link1 Text}</a> / <a href="{text:Link2}">{text:Link2 Text}</a> / <a href="{text:Link3}">{text:Link3 Text}</a> / <a href="{text:Link4}">{text:Link4 Text}</a>
  862.  
  863. </div></div></div></div></div></div></div></div></div></div></div> <!--end #box1 .popup_block-->
  864.  
  865. </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!