Advertisement
themesbygeorgia

Theme #61 - Aurantium

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