Advertisement
themesbygeorgia

Theme #59 - Pulse

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