Advertisement
themesbygeorgia

Theme #53 - When Life Gives You Lemons

Sep 7th, 2015
394
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.13 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 #53 - When Life Gives You Lemons by wonderfullythemes-->
  6.  
  7. <title>{Title}</title>
  8. <link rel="shortcut icon" href="{Favicon}">
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  11.  
  12. <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Homemade+Apple" />
  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. <!--SCRIPT FOR TOOLTIPS-->
  18. <stsss>
  19. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  20. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  21. <script>
  22. (function($){
  23. $(document).ready(function(){
  24. $("a[title]").style_my_tooltips({
  25. tip_follows_cursor:true,
  26. tip_delay_time:200,
  27. tip_fade_speed:300,
  28. attribute:"title"
  29. });
  30. });
  31. })(jQuery);
  32. </script>
  33.  
  34. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  35. <script>
  36. $(document).ready(function(){
  37.  
  38. $(".envelope").click(function(){
  39. $(".faq").fadeIn("slow");
  40. $("#entries").fadeOut("slow");
  41. $(".about").fadeOut("slow");
  42. });
  43.  
  44. $(".cogs").click(function(){
  45. $(".about").fadeIn("slow");
  46. $("#entries").fadeOut("slow");
  47. $(".faq").fadeOut("slow");
  48. });
  49.  
  50. });
  51. </script>
  52.  
  53. <meta name="color:Background" content="#fff" />
  54. <meta name="color:Link" content="#1bcc5c" />
  55. <meta name="color:Hover" content="#444" />
  56. <meta name="color:Text" content="#444" />
  57. <meta name="color:Title" content="#000" />
  58. <meta name="color:Title Shadow" content="#fff" />
  59. <meta name="color:Border" content="#ddd" />
  60. <meta name="color:Header Background" content="#000" />
  61. <meta name="color:Nav Links" content="#fff" />
  62. <meta name="color:Nav Links Hover" content="#fff" />
  63. <meta name="color:Nav Links Shadow Hover" content="#fff" />
  64. <meta name="color:Description Text" content="#fff" />
  65. <meta name="color:Post Background" content="#fff" />
  66. <meta name="color:Question Background" content="#ddd" />
  67. <meta name="color:Question Text" content="#444" />
  68. <meta name="color:Answer Background" content="#fff" />
  69. <meta name="color:Answer Text" content="#444" />
  70. <meta name="color:Chat Bg Odd" content="#ddd" />
  71. <meta name="color:Chat Text Odd" content="#000" />
  72. <meta name="color:Chat Bg Even" content="#444" />
  73. <meta name="color:Chat Text Even" content="#000" />
  74. <meta name="color:Info Background" content="#ddd" />
  75. <meta name="color:Info Text" content="#444" />
  76. <meta name="color:Info Links" content="#444" />
  77. <meta name="color:Info Links Hover" content="#fff" />
  78. <meta name="color:Scrollbar" content="#000" />
  79. <meta name="color:Tooltip Background" content="#000" />
  80. <meta name="color:Tooltip Border" content="#000" />
  81. <meta name="color:Tooltip Shadow" content="#fff" />
  82. <meta name="color:Tooltip Text" content="#fff" />
  83.  
  84. <meta name="image:Background" content="" />
  85.  
  86. <meta name="if:ShowCaption" content="0" />
  87.  
  88. <meta name="text:FAQ Title" content="Frequently Asked Questions" />
  89. <meta name="text:FAQ" content="FAQ content here" />
  90.  
  91. <meta name="text:Link1" content="/" />
  92. <meta name="text:Link1 Text" content="Link 1" />
  93. <meta name="text:Link2" content="/" />
  94. <meta name="text:Link2 Text" content="Link 2" />
  95. <meta name="text:Link3" content="/" />
  96. <meta name="text:Link3 Text" content="Link 3" />
  97. <meta name="text:Link4" content="/" />
  98. <meta name="text:Link4 Text" content="Link 4" />
  99. <meta name="text:Link5" content="/" />
  100. <meta name="text:Link5 Text" content="Link 5" />
  101. <meta name="text:Link6" content="/" />
  102. <meta name="text:Link6 Text" content="Link 6" />
  103.  
  104.  
  105. <style type="text/css">
  106.  
  107. @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  108. @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  109. @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  110.  
  111.  
  112. .fade-in {
  113. opacity:0;
  114. -webkit-animation:fadeIn ease-in 1;
  115. -moz-animation:fadeIn ease-in 1;
  116. animation:fadeIn ease-in 1;
  117. -webkit-animation-fill-mode:forwards;
  118. -moz-animation-fill-mode:forwards;
  119. animation-fill-mode:forwards;
  120. -webkit-animation-duration:1.5s;
  121. -moz-animation-duration:1.5s; animation-duration:1.5s; }
  122.  
  123. .fade-in.one { -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; animation-delay: 0.5s; }
  124.  
  125. ::-webkit-scrollbar-thumb {
  126. height:auto;
  127. background-color:{color:Scrollbar};
  128. }
  129.  
  130. ::-webkit-scrollbar {
  131. height:4px;
  132. width:6px;
  133. padding-right:2px;
  134. background-color:transparent;
  135. }
  136.  
  137. #s-m-t-tooltip {
  138. font-family:'calibri';
  139. max-width:200px;
  140. font-size:11px;
  141. background-color:{color:Tooltip Background};
  142. color:{color:Tooltip Text};
  143. box-shadow:4px 4px 2px {color:Tooltip Shadow};
  144. line-height:9px;
  145. display:none;
  146. position:absolute;
  147. letter-spacing:1px;
  148. text-transform:uppercase;
  149. padding:7px;
  150. margin:15px 0px 0px 15px;
  151. z-index:99999999999999;
  152. }
  153.  
  154. body {
  155. background:{color:Background};
  156. color:{color:Text};
  157. font-family:'corbel';
  158. font-size:13px;
  159. text-decoration:none;
  160. text-transform:none;
  161. margin:0px;
  162. background-image:url('{image:Background}');
  163. background-attachment:fixed;
  164. background-size:cover;
  165. background-repeat:no-repeat;
  166. }
  167.  
  168. a {
  169. color:{color:Link};
  170. text-decoration:none;
  171. -moz-transition-duration:0.7s;
  172. -webkit-transition-duration:0.7s;
  173. -o-transition-duration:0.7s;
  174. }
  175.  
  176. a:hover {
  177. color:{color:Hover};
  178. -moz-transition-duration:0.7s;
  179. -webkit-transition-duration:0.7s;
  180. -o-transition-duration:0.7s;
  181. }
  182.  
  183. h2 {
  184. color:{color:Text};
  185. }
  186.  
  187. h2 a {
  188. color:{color:Link};
  189. }
  190.  
  191. li {
  192. list-style:square;
  193. }
  194.  
  195. blockquote {
  196. border-left:2px solid {color:Text};
  197. padding-left:5px;
  198. }
  199.  
  200. img, blockquote, li, h2 {
  201. max-width:100%;
  202. }
  203.  
  204. /*--TITLE--*/
  205. .maintitle {
  206. font-size:15px;
  207. position:fixed;
  208. width:50%;
  209. float:left;
  210. top:50%;
  211. margin-top:-30px;
  212. text-align:center;
  213. }
  214.  
  215. .maintext {
  216. background: rgba(225,225,225,0.5);
  217. text-align:center;
  218. margin-left:auto;
  219. margin-right:auto;
  220. padding:15px;
  221. width:70%;
  222. color:{color:Title};
  223. border:1px solid {color:Title Border};
  224. box-shadow:10px 10px 5px {color:Title Shadow};
  225. text-transform:uppercase;
  226. }
  227.  
  228. /*--CONTAINER--*/
  229. #container {
  230. margin-top:100px;
  231. width:50%;
  232. height:100%;
  233. }
  234.  
  235. /*--FAQ--*/
  236. .faq {
  237. width:50%;
  238. overflow-y:scroll;
  239. margin:auto;
  240. position:absolute;
  241. right:0;
  242. float:right;
  243. background:{color:Post Background};
  244. height:100%;
  245. margin-bottom:-100px;
  246. display:none;
  247. }
  248.  
  249. .faqcontent {
  250. margin-left:auto;
  251. margin-right:auto;
  252. width:250px;
  253. margin-top:20px;
  254. margin-bottom:100px;
  255. }
  256.  
  257. /*--ABOUT--*/
  258. .about {
  259. width:50%;
  260. overflow-y:scroll;
  261. margin:auto;
  262. position:absolute;
  263. right:0;
  264. float:right;
  265. background:{color:Post Background};
  266. height:100%;
  267. margin-bottom:-100px;
  268. display:none;
  269. }
  270.  
  271. .aboutcontent {
  272. margin-left:auto;
  273. margin-right:auto;
  274. width:250px;
  275. margin-top:100px;
  276. text-align:justify;
  277. }
  278.  
  279. .aboutcontent h3 {
  280. color:{color:Link};
  281. border-bottom:1px dotted {color:Link};
  282. }
  283.  
  284. .morelinks {
  285. width:100%;
  286. top:50%;
  287. font-size:10px;
  288. position:relative;
  289. text-align:center;
  290. letter-spacing:1px;
  291. text-transform:uppercase;
  292. }
  293.  
  294. .morelinks a {
  295. margin-bottom:5px;
  296. border:1px solid {color:Border};
  297. display:block;
  298. padding:3px;
  299. color:{color:Link};
  300. }
  301.  
  302. .morelinks a:hover {
  303. color:{color:Info Links};
  304. background:{color:Info Background};
  305. border:1px solid {color:Info Links};
  306. }
  307.  
  308. /*--ENTRIES--*/
  309. #entries {
  310. width:50%;
  311. margin:auto;
  312. position:absolute;
  313. right:0;
  314. float:right;
  315. background:{color:Post Background};
  316. }
  317.  
  318. #post {
  319. margin-left:auto;
  320. margin-right:auto;
  321. width:250px;
  322. margin-top:40px;
  323. margin-bottom:60px;
  324. }
  325.  
  326. #header {
  327. width:50%;
  328. position:fixed;
  329. top:0;
  330. right:0;
  331. height:100px;
  332. background:{color:Header Background};
  333. z-index:3000;
  334. }
  335.  
  336. #links {
  337. width:100%;
  338. text-align:center;
  339. font-size:20px;
  340. word-spacing:0.5em;
  341. z-index:9999;
  342. top:50%;
  343. margin-top:-17px;
  344. position:absolute;
  345. }
  346.  
  347. #links a {
  348. color:{color:Nav Links};
  349. -moz-transition-duration:0.7s;
  350. -webkit-transition-duration:0.7s;
  351. -o-transition-duration:0.7s;
  352. }
  353.  
  354. #links a:hover {
  355. color:{color:Nav Links Hover};
  356. text-shadow:3px 2px 2px{color:Nav Links Shadow Hover};
  357. -moz-transition-duration:0.7s;
  358. -webkit-transition-duration:0.7s;
  359. -o-transition-duration:0.7s;
  360. }
  361.  
  362. .envelope, .cogs:hover { cursor:help; }
  363.  
  364. #pagination {
  365. font-family:'calibri';
  366. position:fixed;
  367. height:50px;
  368. bottom:0;
  369. width:50%;
  370. font-size:11px;
  371. text-transform:uppercase;
  372. line-height:10px;
  373. background:{color:Header Background};
  374. }
  375.  
  376. #pagicontent {
  377. margin-top:20px;
  378. text-align:center;
  379. }
  380.  
  381. #pagination a {
  382. letter-spacing:1px;
  383. padding:5px 7px 5px 7px;
  384. color:{color:Nav Links};
  385. background-color:transparent;
  386. border:1px solid {color:Nav Links};
  387. }
  388.  
  389. #pagination a:hover {
  390. color:{color:Nav Links Hover};
  391. box-shadow:3px 3px 2px {color:Nav Links Shadow Hover};
  392. }
  393.  
  394. .current_page {
  395. padding:5px 7px 5px 7px;
  396. color:{color:Nav Links};
  397. }
  398.  
  399. .jump_page {
  400. color:{color:Nav Links};
  401. padding:5px 7px 5px 7px;
  402. }
  403.  
  404. /*--POST TYPES--*/
  405. .user {
  406. position:relative;
  407. font-size:10px;
  408. text-transform:uppercase;
  409. }
  410.  
  411. .user li {
  412. list-style:none;
  413. display:block;
  414. line-height:15px;
  415. }
  416.  
  417. .user img {
  418. border-radius:50%;
  419. padding:5px;
  420. border:1px solid {color:Border};
  421. }
  422.  
  423. .user a {
  424. color:{color:Link};
  425. }
  426.  
  427. .user a:hover {
  428. color:{color:Hover};
  429. }
  430.  
  431. .question {
  432. position:relative;
  433. max-width:100%;
  434. background-color:{color:Question Background};
  435. color:{color:Question Text};
  436. padding:10px;
  437. }
  438.  
  439. .arrow-down {
  440. width: 0;
  441. height: 0;
  442. border-left: 10px solid transparent;
  443. border-right: 10px solid transparent;
  444. margin-left:20px;
  445. margin-top:0px;
  446. border-bottom: 10px solid {color:Question Background};
  447. }
  448.  
  449. .answer {
  450. text-align:left;
  451. margin-top:20px;
  452. max-width:100%;
  453. padding-bottom:5px;
  454. }
  455.  
  456. .quote {
  457. font-size:18px;
  458. font-style:italic;
  459. }
  460.  
  461. .chat li {
  462. list-style:none;
  463. }
  464.  
  465. .label {
  466. text-transform:uppercase;
  467. font-family:'calibri';
  468. letter-spacing:1px;
  469. font-size:11px;
  470. font-weight:bold;
  471. }
  472.  
  473. .line_odd {
  474. background-color:{color:Chat Bg Odd};
  475. color:{color:Chat Text Odd};
  476. padding:5px;
  477. }
  478.  
  479. .line_even {
  480. background-color:{color:Chat Bg Even};
  481. color:{color:Chat Text Even};
  482. padding:5px;
  483. }
  484.  
  485. .playerbuttonbg {
  486. position: absolute;
  487. left: 20px;
  488. top: 20px;
  489. width: 19px;
  490. height: 19px;
  491. background-color: #fff;
  492. padding: 10px;
  493. opacity: .4;
  494. filter: alpha(opacity=40);
  495. -moz-opacity: 0.4;
  496. -khtml-opacity: 0.4;
  497. transition: opacity .7s ease-in-out;
  498. -moz-transition: opacity .7s ease-in-out;
  499. -webkit-transition: opacity .7s ease-in-out;
  500. }
  501.  
  502. .playerbuttonbg:hover {
  503. opacity: 1;
  504. filter: alpha(opacity=100);
  505. -moz-opacity: 1;
  506. -khtml-opacity: 1;
  507. }
  508.  
  509. .newplayerbutton {
  510. position: relative;
  511. width: 19px;
  512. height: 19px;
  513. overflow: hidden;
  514. }
  515.  
  516. .playerbuttonhug {
  517. position: absolute;
  518. top: -18px;
  519. left: -7px;
  520. }
  521.  
  522. .tumblr_audio_player {
  523. height: 90px;
  524. width: 270px;
  525. -moz-transform: scale(0.60, 0.60);
  526. -webkit-transform: scale(0.60, 0.60);
  527. -o-transform: scale(0.60, 0.60);
  528. -ms-transform: scale(0.60, 0.60);
  529. transform: scale(0.60, 0.60);
  530. -moz-transform-origin: top left;
  531. -webkit-transform-origin: top left;
  532. -o-transform-origin: top left;
  533. -ms-transform-origin: top left;
  534. transform-origin: top left;
  535. }
  536.  
  537. .audioimgwrapper {
  538. position: absolute;
  539. left: 0px;
  540. top: 0px;
  541. overflow: hidden;
  542. width: 79px;
  543. height: 79px;
  544. }
  545.  
  546. .audioimgwrapper img {
  547. width: 100%;
  548. height: auto;
  549. }
  550.  
  551. .trackdetails {
  552. width: auto;
  553. display:inline-block;
  554. margin-left: 90px;
  555. min-height: 85px;
  556. }
  557.  
  558. .audiowrapper {
  559. position: relative;
  560. display:inline-block;
  561. }
  562.  
  563. /*--INFO AND TAGS--*/
  564. #footer {
  565. font-family:'calibri';
  566. color:{color:Info Text};
  567. text-transform:uppercase;
  568. width:230px;
  569. text-align:left;
  570. font-size:11px;
  571. margin-top:10px;
  572. padding:10px;
  573. border-top:1px solid {color:Border};
  574. }
  575.  
  576. #footer a {
  577. color:{color:Info Links};
  578. }
  579.  
  580. #footer a:hover {
  581. color:{color:Info Links Hover};
  582. }
  583.  
  584. .tags {
  585. text-transform:none;
  586. }
  587.  
  588. #post:hover .viasrc {
  589. opacity:1;
  590. -moz-transition-duration:0.7s;
  591. -webkit-transition-duration:0.7s;
  592. -o-transition-duration:0.7s;
  593. }
  594.  
  595. .viasrc {
  596. opacity:0;
  597. margin-left:255px;
  598. border-left:1px solid {color:Border};
  599. padding-left:5px;
  600. list-style: none;
  601. position:absolute;
  602. z-index:1;
  603. -moz-transition-duration:0.7s;
  604. -webkit-transition-duration:0.7s;
  605. -o-transition-duration:0.7s;
  606. }
  607.  
  608. .viasrc a {
  609. font-size:10px;
  610. color:{color:Info Links};
  611. text-transform:uppercase;
  612. }
  613.  
  614. .viasrc a:hover {
  615. color:{color:Info Links Hover};
  616. }
  617.  
  618. .postnotes {
  619. height:220px;
  620. overflow-y:scroll;
  621. margin-top:20px;
  622. }
  623.  
  624. .postnotes li {
  625. list-style:decimal;
  626. }
  627.  
  628. /*--CREDIT--*/
  629. #spectrum {
  630. bottom:9px;
  631. left:7px;
  632. font-size:8px;
  633. font-family:'calibri';
  634. letter-spacing:1px;
  635. text-transform:uppercase;
  636. position:fixed;
  637. }
  638.  
  639. {CustomCSS}</style></head><body>
  640.  
  641. <div class="maintitle">
  642. <div class="maintext">{Title}</div>
  643. </div>
  644.  
  645. <div id="header">
  646.  
  647. <div id="links" class="box fade-in one">
  648. <a href="/" title="refresh"><i class="fa fa-refresh"></i></a>
  649. <a class="envelope" title="inquire"><i class="fa fa-font"></i></a>
  650. <a class="cogs" title="links"><i class="fa fa-user"></i></a>
  651. <a href="http://wonderfullythemes.tumblr.com" title="wonderfullythemes"><i class="fa fa-code"></i></a>
  652. </div>
  653.  
  654. </div>
  655.  
  656. <div id="container">
  657. <div id="entries">
  658.  
  659. {block:Posts}<div id="post" class="box fade-in one">
  660.  
  661. <div class="viasrc">
  662. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a><br>{/block:RebloggedFrom}
  663. {block:RebloggedFrom}<a href="{ReblogRootURL}" title="{ReblogRootName}">src</a><br>{/block:RebloggedFrom}
  664. <a href="{ReblogURL}" target="blank" title="reblog"><i class="fa fa-retweet"></i></a>
  665. </div>
  666.  
  667. {block:Text}
  668. {block:Title}<h2>{Title}</h2>{/block:Title}
  669. {Body}
  670. {/block:Text}
  671.  
  672. {block:Answer}
  673.  
  674. <div class="user"><li><img src="{AskerPortraitURL-40}" /></li><br><li>{Asker} asked:</li></div>
  675. <div class="arrow-down"></div>
  676. <div class="question">{Question}</div>
  677.  
  678.  
  679. <div class="answer">{Answer}</div>
  680. {/block:Answer}
  681.  
  682. {block:Quote}
  683. <span class="quote"><div style="font-size:20px;color:{color:Link};font-weight:bold;border-bottom:3px solid {color:Text};font-style:normal;text-align:center;float:center;width:100%;margin-bottom:10px">&#147;</div>
  684. {Quote}
  685. <div style="font-size:20px;color:{color:Link};font-weight:bold;border-top:3px solid {color:Text};font-style:normal;text-align:center;float:center;width:100%;margin-top:10px;padding-top:5px;line-height:30px;">&#148; </div></span>
  686. {block:Source}<div class="font-size:18px"> &mdash;{Source}</div>{/block:Source}
  687. {/block:Quote}
  688.  
  689. {block:Link}
  690. <h2><a href="{URL}">{Name}</a></h2>
  691. {block:Description}{Description}{/block:Description}
  692. {/block:Link}
  693.  
  694. {block:Chat}
  695. {block:Title}<h2>{Title}</h2>{/block:Title}
  696. {block:Lines}<span class="chat">
  697. <li class="line_{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li></span>
  698. {/block:Lines}
  699. {/block:Chat}
  700.  
  701. {block:Photo}
  702. {LinkOpenTag}<img src="{PhotoURL-250}" alt="{PhotoAlt}">{LinkCloseTag}
  703. {/block:Photo}
  704.  
  705. {block:Photoset}
  706. {Photoset-250}
  707. {/block:Photoset}
  708.  
  709. {block:Audio}
  710. {block:AudioPlayer}
  711. <div class="audiowrapper">
  712. {block:AlbumArt}
  713. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  714. {/block:AlbumArt}
  715.  
  716. <div class="playerbuttonbg">
  717. <div class="newplayerbutton">
  718. <div class="playerbuttonhug">
  719.  
  720. {AudioPlayerWhite}
  721.  
  722. </div>
  723. </div>
  724. </div>
  725.  
  726. <div class="trackdetails">
  727.  
  728. {block:TrackName}{TrackName}</a><br>{/block:TrackName}
  729. {block:Artist}Artist: {Artist}<br>{/block:Artist}
  730. {block:Album}Album: {Album}<br>{/block:Album}
  731. {PlayCountWithLabel}
  732.  
  733. </div>
  734. </div>
  735. {/block:AudioPlayer}
  736.  
  737. {/block:Audio}
  738.  
  739. {block:Video}
  740. {Video-250}
  741. {/block:Video}
  742.  
  743. {block:IndexPage}{block:ifShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifShowCaption}{/block:IndexPage}
  744. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  745.  
  746. <div id="footer">
  747. {block:Date}<i class="fa fa-pencil"></i> &nbsp;<a href="{Permalink}">{12Hour}:{Minutes}{CapitalAmPm}</a>&nbsp;|&nbsp;<a href="{Permalink}">{MonthNumberWithZero}.{DayOfMonthWithZero}.{ShortYear}</a> {block:NoteCount} | <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} {/block:Date}
  748. {block:HasTags} <br><div class="tags"> <i class="fa fa-tags"></i>&nbsp;{block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;&nbsp;&nbsp;{/block:Tags} </div>{/block:HasTags}
  749. </div>
  750.  
  751. {block:PostNotes}<div class="postnotes">{PostNotes}</div>{/block:PostNotes}
  752.  
  753. </div>
  754.  
  755. {/block:Posts}
  756.  
  757. <div id="pagination">
  758. <div id="pagicontent" class="box fade-in one">
  759.  
  760. {block:Pagination}{block:PreviousPage}
  761. <a href="{PreviousPage}">back</a>&nbsp;
  762. {/block:PreviousPage}{block:JumpPagination length="5"}{block:CurrentPage}
  763. <span class="current_page">{PageNumber}</span>
  764. {/block:CurrentPage}{block:JumpPage}
  765. <a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;
  766. {/block:JumpPage}{/block:JumpPagination}{block:NextPage}
  767. <a href="{NextPage}">Next</a>
  768. {/block:NextPage}{/block:Pagination}
  769.  
  770. </div></div>
  771. </div><!--end #entries-->
  772.  
  773. <div class="faq">
  774. <div class="faqcontent">
  775. <h2>{text:FAQ Title}</h2>
  776. {text:FAQ}
  777.  
  778. <!-- Put your FAQ here!<br>
  779. <div style="padding:1px;background:#bbe5b7;text:white; text-transform:uppercase;letter-spacing:1px;text-align:center">Titles</div>
  780. <ol>
  781. <li style="list-style:decimal">Question here</li>
  782. Answer here<br>
  783. <li style="list-style:decimal">Another question</li>
  784. Another answer
  785. </ol>
  786. Or you can just write long paragraph of information or whatever tickles your fancy. <b>bold</b> <i>italic</i> <s>strikethrough</s> <a href="">link</a>
  787. -->
  788.  
  789. <br><br>
  790.  
  791. <iframe frameborder="0" height="250" id="ask_form" scrolling="no" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" width="250"></iframe>
  792. </div>
  793. </div>
  794.  
  795. <div class="about">
  796. <div class="aboutcontent">
  797. <h3>Navigation</h3>
  798. <div class="morelinks">
  799. <a href="{text:Link1}">{text:Link1 Text}</a>
  800. <a href="{text:Link2}">{text:Link2 Text}</a>
  801. <a href="{text:Link3}">{text:Link3 Text}</a>
  802. <a href="{text:Link4}">{text:Link4 Text}</a>
  803. </div>
  804. <h3>About</h3>
  805. {Description}
  806.  
  807.  
  808. </div>
  809. </div>
  810.  
  811. <div id="spectrum">
  812. <a href="http://wonderfullythemes.tumblr.com" title="wonderfullythemes">theme</a>
  813. </div>
  814.  
  815.  
  816. </div>
  817.  
  818.  
  819.  
  820.  
  821. </body>
  822. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement