API tools faq
paste
Advertisement
themesbygeorgia

Theme #51 - Poseidon

themesbygeorgia
Jan 11th, 2015
1,084
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.54 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 #51 - Poseidon by euphour, prev. wonderfullythemes
  6. please refer to my post for rules-->
  7.  
  8. <title>{Title}</title>
  9. <link rel="shortcut icon" href="{Favicon}">
  10. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  11. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  12.  
  13. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  14. <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
  15.  
  16. <!--SCRIPT FOR TOOLTIPS-->
  17. <stsss>
  18. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  19. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  20. <script>
  21. (function($){
  22. $(document).ready(function(){
  23. $("a[title]").style_my_tooltips({
  24. tip_follows_cursor:true,
  25. tip_delay_time:100,
  26. tip_fade_speed:200,
  27. attribute:"title"
  28. });
  29. });
  30. })(jQuery);
  31. </script>
  32.  
  33. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  34. <script>
  35. $(document).ready(function(){
  36. $(".svg-wrapper").click(function(){
  37. $(".svg-wrapper").toggleClass("left");
  38. });
  39.  
  40. $(".svg-wrapper").click(function(){
  41. $(".headerlinks").toggle("slow");
  42. });
  43.  
  44. });
  45.  
  46. </script>
  47.  
  48. <!--POP UP ASK-->
  49. <script type="text/javascript"
  50. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  51. <script>
  52. $(document).ready(function() {
  53. //
  54. $('a.poplight[href^=#]').click(function() {
  55. var popID = $(this).attr('rel'); //Get Popup Name
  56. var popURL = $(this).attr('href'); //Get Popup href to define size
  57. var query= popURL.split('?');
  58. var dim= query[1].split('&');
  59. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  60. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  61. var popMargTop = ($('#' + popID).height() + 80) / 2;
  62. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  63. //Apply Margin to Popup
  64. $('#' + popID).css({
  65. 'margin-top' : -popMargTop,
  66. 'margin-left' : -popMargLeft
  67. });
  68. $('body').append('<div id="fade"></div>');
  69. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  70. return false;
  71. });
  72. $('a.close, #fade').live('click', function() {
  73. $('#fade , .popup_block').fadeOut(function() {
  74. $('#fade, a.close').remove(); //fade them both out
  75. });
  76. return false;
  77. });
  78. });
  79. </script>
  80.  
  81. <!--SIDEBAR ON SCROLL-->
  82. <script type="text/javascript">
  83. $(document).scroll(function () {
  84. var y = $(this).scrollTop();
  85. if (y > 100) {
  86. $('#sidebar').fadeIn();
  87. } if (y < 100) {
  88. $('#sidebar').fadeOut();
  89. }
  90. });
  91. </script>
  92.  
  93. <script type="text/javascript">
  94. $(document).scroll(function () {
  95. var y = $(this).scrollTop();
  96. if (y > 100) {
  97. $('.links').fadeIn();
  98. } if (y < 100) {
  99. $('.links').fadeOut();
  100. }
  101. });
  102. </script>
  103. <script type="text/javascript">
  104. $(document).scroll(function () {
  105. var y = $(this).scrollTop();
  106. if (y > 100) {
  107. $('.desc').fadeIn();
  108. } if (y < 100) {
  109. $('.desc').fadeOut();
  110. }
  111. });
  112. </script>
  113.  
  114. <meta name="color:Background" content="#fff" />
  115. <meta name="color:Link" content="#1bcc5c" />
  116. <meta name="color:Hover" content="#444" />
  117. <meta name="color:Text" content="#444" />
  118. <meta name="color:pre Background" content="#ddd" />
  119. <meta name="color:Header Background" content="#000" />
  120. <meta name="color:Header Text" content="#fff" />
  121. <meta name="color:NavLinks" content="#fff" />
  122. <meta name="color:NavLinks Hover" content="#000" />
  123. <meta name="color:Question Link" content="#ddd" />
  124. <meta name="color:Chat Bg Odd" content="#ddd" />
  125. <meta name="color:Chat Bg Even" content="#444" />
  126. <meta name="color:Info Background" content="#ddd" />
  127. <meta name="color:Info Text" content="#444" />
  128. <meta name="color:Info Links" content="#444" />
  129. <meta name="color:Info Links Hover" content="#fff" />
  130. <meta name="color:Question Background" content="#ddd" />
  131. <meta name="color:Question Text" content="#444" />
  132. <meta name="color:Tooltip Background" content="#000" />
  133. <meta name="color:Tooltip Text" content="#fff" />
  134.  
  135. <meta name="image:Sidebar" content="" />
  136.  
  137. <meta name="if:ShowLink1" content="1" />
  138. <meta name="if:ShowLink2" content="1" />
  139. <meta name="if:ShowLink3" content="1" />
  140. <meta name="if:ShowLink4" content="1" />
  141. <meta name="if:ShowLink5" content="1" />
  142. <meta name="if:ShowLink6" content="1" />
  143. <meta name="if:ShowLink7" content="1" />
  144.  
  145. <meta name="text:Link1" content="/" />
  146. <meta name="text:Link1 Text" content="Link 1" />
  147. <meta name="text:Link2" content="/" />
  148. <meta name="text:Link2 Text" content="Link 2" />
  149. <meta name="text:Link3" content="/" />
  150. <meta name="text:Link3 Text" content="Link 3" />
  151. <meta name="text:Link4" content="/" />
  152. <meta name="text:Link4 Text" content="Link 4" />
  153. <meta name="text:Link5" content="/" />
  154. <meta name="text:Link5 Text" content="Link 5" />
  155. <meta name="text:Link6" content="/" />
  156. <meta name="text:Link6 Text" content="Link 6" />
  157. <meta name="text:Link7" content="/" />
  158. <meta name="text:Link7 Text" content="Link 7" />
  159.  
  160.  
  161. <style type="text/css">
  162.  
  163. ::-webkit-scrollbar-thumb {
  164. height:auto;
  165. background-color:{color:Text};
  166. }
  167.  
  168. ::-webkit-scrollbar {
  169. height:4px;
  170. width:8px;
  171. padding-right:2px;
  172. background-color:white;
  173. }
  174.  
  175. #s-m-t-tooltip {
  176. max-width:130px;
  177. font-size:11px;
  178. background-color:{color:Tooltip Background};
  179. color:{color:Tooltip Text};
  180. line-height:14px;
  181. display:none;
  182. position:absolute;
  183. letter-spacing:1px;
  184. text-transform:uppercase;
  185. padding:10px;
  186. margin:15px 0px 0px 15px;
  187. z-index:99999999999999;
  188. }
  189.  
  190. body {
  191. background:{color:Background};
  192. color:{color:Text};
  193. font-family:'calibri';
  194. font-size:13px;
  195. text-decoration:none;
  196. text-transform:none;
  197. margin:0px;
  198. cursor: url(http://media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png), auto;
  199. }
  200.  
  201. a {
  202. color:{color:Link};
  203. text-decoration:none;
  204. -moz-transition-duration:0.7s;
  205. -webkit-transition-duration:0.7s;
  206. -o-transition-duration:0.7s;
  207. }
  208.  
  209. a:hover {
  210. text-decoration:line-through;
  211. cursor: url(http://media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif), auto;
  212. color:{color:Hover};
  213. -moz-transition-duration:0.7s;
  214. -webkit-transition-duration:0.7s;
  215. -o-transition-duration:0.7s;
  216. }
  217.  
  218. h2 a {
  219. color:{color:Link};
  220. }
  221.  
  222. li {
  223. list-style:square;
  224. }
  225.  
  226. pre {
  227. letter-spacing:2px;
  228. font-size:12px;
  229. text-transform:uppercase;
  230. background-color:{color:pre Background};
  231. padding:10px;
  232. white-space: pre-wrap;
  233. white-space: -moz-pre-wrap;
  234. white-space: -pre-wrap;
  235. white-space: -o-pre-wrap;
  236. word-wrap: break-word;
  237. }
  238.  
  239. blockquote {
  240. border-left:2px solid {color:Text};
  241. padding-left:5px;
  242. }
  243.  
  244. img, blockquote, li, h2 {
  245. max-width:100%;
  246. }
  247.  
  248. /*--HEADER--*/
  249. #header {
  250. font-size:14px;
  251. width:100%;
  252. height:100px;
  253. background-color:{color:Header Background};
  254. color:{color:Header Text};
  255. position:static;
  256. }
  257.  
  258. .svg-wrapper {
  259. padding-top:30px;
  260. position: relative;
  261. top: 50%;
  262. transform:translateY(-50%);
  263. margin: 0 auto;
  264. width: 320px;
  265. -moz-transition-duration:1s;
  266. -webkit-transition-duration:1s;
  267. -o-transition-duration:1s;
  268. }
  269. .shape {
  270. stroke-dasharray: 140 540;
  271. stroke-dashoffset: -472;
  272. stroke-width: 8px;
  273. fill: transparent;
  274. stroke: {color:NavLinks};
  275. border-bottom: 5px solid black;
  276. transition: stroke-width 1s, stroke-dashoffset 1s, stroke-dasharray 1s;
  277. }
  278.  
  279. .text {
  280. text-transform:uppercase;
  281. text-align:center;
  282. font-size: 17px;
  283. line-height: 32px;
  284. letter-spacing:4px;
  285. color: #fff;
  286. top: -48px;
  287. position: relative;
  288. }
  289.  
  290. .svg-wrapper:hover {
  291. cursor:help;
  292. }
  293.  
  294. .svg-wrapper:hover .shape {
  295. stroke-width: 2px;
  296. stroke-dashoffset: 0;
  297. stroke-dasharray: 760;
  298. }
  299.  
  300. .left {
  301. transform:translate(-65%,-50%);
  302. -moz-transition-duration:1s;
  303. -webkit-transition-duration:1s;
  304. -o-transition-duration:1s;
  305. }
  306.  
  307. /* Effect 1: Brackets */
  308. .cl-effect-1 a::before,
  309. .cl-effect-1 a::after {
  310. display: inline-block;
  311. opacity: 0;
  312. -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
  313. -moz-transition: -moz-transform 0.3s, opacity 0.2s;
  314. transition: transform 0.3s, opacity 0.2s;
  315. }
  316.  
  317. .cl-effect-1 a::before {
  318. margin-right: 10px;
  319. content: '{';
  320. -webkit-transform: translateX(20px);
  321. -moz-transform: translateX(20px);
  322. transform: translateX(20px);
  323. }
  324.  
  325. .cl-effect-1 a::after {
  326. margin-left: 10px;
  327. content: '}';
  328. -webkit-transform: translateX(-20px);
  329. -moz-transform: translateX(-20px);
  330. transform: translateX(-20px);
  331. }
  332.  
  333. .cl-effect-1 a:hover::before,
  334. .cl-effect-1 a:hover::after,
  335. .cl-effect-1 a:focus::before,
  336. .cl-effect-1 a:focus::after {
  337. opacity: 1;
  338. -webkit-transform: translateX(0px);
  339. -moz-transform: translateX(0px);
  340. transform: translateX(0px);
  341. text-decoration:none;
  342. }
  343.  
  344. .headerlinks {
  345. display:none;
  346. padding-right:20%;
  347. margin-top:-6%;
  348. text-align:right;
  349. font-size:11px;
  350. text-transform:uppercase;
  351. letter-spacing:2px;
  352. }
  353.  
  354. .headerlinks a {
  355. color:{color:NavLinks};
  356. }
  357.  
  358. .headerlinks a:hover {
  359. color:{color:NavLinks Hover};
  360. text-decoration:none;
  361. }
  362.  
  363. /*--SIDEBAR--*/
  364. #sidebar {
  365. top:0;
  366. left:170px;
  367. color:{color:text};
  368. padding:30px;
  369. width:140px;
  370. height:100%;
  371. background-color:{color:pre Background};
  372. text-align:left;
  373. position:fixed;
  374. z-index:300;
  375. display:none;
  376. }
  377.  
  378. #stuff {
  379. width:140px;
  380. top:50%;
  381. margin-top:-170px;
  382. position:absolute;
  383. }
  384.  
  385. .sidebarpic {
  386. text-align:center;
  387. }
  388.  
  389. .sidebarpic img {
  390. width:100px;
  391. height:100px;
  392. border-radius:50%;
  393. }
  394.  
  395. /*--Effect: Brackets V2--*/
  396. /* Effect 1: Brackets */
  397. .cl-effect-2 a::before,
  398. .cl-effect-2 a::after {
  399. display: inline-block;
  400. opacity: 0;
  401. -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
  402. -moz-transition: -moz-transform 0.3s, opacity 0.2s;
  403. transition: transform 0.3s, opacity 0.2s;
  404. }
  405.  
  406. .cl-effect-2 a::before {
  407. margin-right: 5px;
  408. content: '{';
  409. -webkit-transform: translateX(20px);
  410. -moz-transform: translateX(20px);
  411. transform: translateX(20px);
  412. }
  413.  
  414. .cl-effect-2 a::after {
  415. margin-left: 5px;
  416. content: '}';
  417. -webkit-transform: translateX(-20px);
  418. -moz-transform: translateX(-20px);
  419. transform: translateX(-20px);
  420. }
  421.  
  422. .cl-effect-2 a:hover::before,
  423. .cl-effect-2 a:hover::after,
  424. .cl-effect-2 a:focus::before,
  425. .cl-effect-2 a:focus::after {
  426. opacity: 1;
  427. -webkit-transform: translateX(0px);
  428. -moz-transform: translateX(0px);
  429. transform: translateX(0px);
  430. text-decoration:none;
  431. }
  432.  
  433. .links {
  434. margin-top:10px;
  435. text-align:center;
  436. font-size:11px;
  437. }
  438.  
  439. .links a {
  440. color:{color:NavLinks};
  441. }
  442.  
  443. .links a:hover{
  444. color:{color:Text};
  445. text-decoration:none;
  446. }
  447.  
  448. .desc {
  449. text-transform:uppercase;
  450. text-align:justify;
  451. margin-top:10px;
  452. font-size:10px;
  453. }
  454.  
  455. #pagination {
  456. margin-top:10px;
  457. font-size:10px;
  458. text-align:center;
  459. text-transform:uppercase;
  460. }
  461.  
  462. #pagination a {
  463. color:{color:NavLinks};
  464. }
  465.  
  466. #pagination a:hover {
  467. color:{color:Text};
  468. text-decoration:line-through;
  469. }
  470.  
  471. /*--POSTS--*/
  472. #entries {
  473. width:400px;
  474. margin:auto;
  475. position:relative;
  476. top:70px;
  477. float:center;
  478. }
  479.  
  480. #post {
  481. width:400px;
  482. margin-bottom:200px;
  483. }
  484.  
  485. /*--POST TYPES--*/
  486. .user {
  487. font-style:italic;
  488. font-size:13px;
  489. position:relative;
  490. margin-bottom:10px;
  491. }
  492.  
  493. .user a {
  494. color:{color:Question Link};
  495. }
  496.  
  497. .user a:hover {
  498. color:{color:Hover};
  499. box-shadow:none;
  500. }
  501.  
  502. .question {
  503. position:relative;
  504. max-width:100%;
  505. background-color:{color:Question Background};
  506. color:{color:Question Text};
  507. padding:20px;
  508. }
  509.  
  510. .arrow-down {
  511. width: 0;
  512. height: 0;
  513. border-left: 15px solid transparent;
  514. border-right: 15px solid transparent;
  515. margin-left:30px;
  516. margin-top:0px;
  517. border-top: 15px solid {color:Question Background};
  518. }
  519.  
  520. .answer {
  521. text-align:left;
  522. margin-top:20px;
  523. max-width:100%;
  524. padding-bottom:5px;
  525. }
  526.  
  527. .mark {
  528. text-align:center;
  529. font-family:georgia;
  530. font-size:100px;
  531. color:{color:Link};
  532. border-bottom:1px solid {color:Text};
  533. padding-bottom:5px;
  534. }
  535.  
  536. .quote {
  537. padding-top:10px;
  538. font-size:15px;
  539. font-style:italic;
  540. }
  541.  
  542. .chat li {
  543. list-style:none;
  544. }
  545.  
  546. .line_odd {
  547. color:{color:Chat Bg Odd};
  548. }
  549.  
  550. .line_even {
  551. color:{color:Chat Bg Even};
  552. }
  553.  
  554. /*--INFO AND TAGS--*/
  555. #footer {
  556. letter-spacing:1px;
  557. color:{color:Info Text};
  558. text-transform:uppercase;
  559. width:380px;
  560. text-align:left;
  561. font-size:11px;
  562. margin-top:20px;
  563. padding:10px;
  564. background-color:{color:Info Background};
  565. }
  566.  
  567. #footer a {
  568. letter-spacing:0px;
  569. color:{color:Info Links};
  570. }
  571.  
  572. #footer a:hover {
  573. text-decoration:line-through;
  574. color:{color:Info Links Hover};
  575. }
  576.  
  577. .like_and_reblog_buttons {
  578. list-style: none;
  579. }
  580.  
  581. .like_and_reblog_buttons li {
  582. list-style:none;
  583. float: left;
  584. margin: 0;
  585. padding: 7px 7px;
  586. }
  587.  
  588. .like_and_reblog_buttons li:first-child {
  589. height:10px;
  590. }
  591.  
  592. /*--POP UP BOXES--*/
  593. .popup_block{
  594. display:none;
  595. background:#fff;
  596. padding:20px;
  597. border:1px solid #eee; /* if you want a solid white pop-up, delete this */
  598. float:left;
  599. position:fixed;
  600. top:50%;left:50%;
  601. z-index: 99999;
  602. -webkit-box-shadow: 0px 0px 20px #000; /* delete for solid white */
  603. -moz-box-shadow: 0px 0px 20px #000; /* delete for solid white */
  604. box-shadow: 0px 0px 20px #000; /* delete for solid white */
  605. }
  606.  
  607. *html #fade {position: absolute;}
  608. *html .popup_block {position: absolute;}
  609. #fade {
  610. display:none;
  611. position:fixed;
  612. left:0px;
  613. top:0px;
  614. width:100%;
  615. height:100%;
  616. z-index:9999;
  617. background:#000; /* change to #fff for solid white */
  618. opacity:0.5; /* change to opacity:1; */
  619. }
  620.  
  621. .poplight:hover {
  622. cursor:crosshair;
  623. }
  624.  
  625. /*--ASKBOX--*/
  626.  
  627. .faq {
  628. padding-right:5px;
  629. height:200px;
  630. overflow-y:scroll;
  631. font-size:11px;
  632. text-transform:uppercase;
  633. }
  634.  
  635. .faqtitle {
  636. font-size:12px;
  637. text-align:center;
  638. text-transform:uppercase;
  639. letter-spacing:2px;
  640. }
  641.  
  642. .faq a:hover {
  643. text-decoration:line-through;
  644. }
  645.  
  646. .faq pre {
  647. padding:5px;
  648. background-color:{color:pre Background};
  649. }
  650.  
  651. /*--MORE LINKS--*/
  652. .more {
  653. text-align:center;
  654. }
  655.  
  656. .more li {
  657. display:inline-block;
  658. list-style:none;
  659. text-align:center;
  660. padding-left:4px;
  661. padding-right:4px;
  662. }
  663.  
  664. .more a {
  665. font-size:10px;
  666. letter-spacing:1px;
  667. padding-top:3px;
  668. padding-left:5px;
  669. padding-right:5px;
  670. padding-bottom:3px;
  671. text-transform:uppercase;
  672. background-color:{color:NavLinks Bg};
  673. color:{color:NavLinks};
  674. }
  675.  
  676. .more a:hover {
  677. text-decoration:none;
  678. color:{color:NavLinks Hover};
  679. background-color:{color:NavLinks Bg Hover};
  680. }
  681.  
  682. /*--UPDATES--*/
  683. .updates {
  684. font-size:11px;
  685. text-transform:uppercase;
  686. }
  687.  
  688. .updates pre {
  689. font-size:11px;
  690. text-transform:uppercase;
  691. padding:10px;
  692. letter-spacing:2px;
  693. background-color:{color:pre Background};
  694. }
  695.  
  696. .updates a:hover {
  697. text-decoration:line-through;
  698. }
  699.  
  700. .updatestitle {
  701. font-size:12px;
  702. text-align:center;
  703. text-transform:uppercase;
  704. letter-spacing:2px;
  705. }
  706.  
  707. /*--CREDIT--*/
  708. #spectrum {
  709. bottom:9px;
  710. right:7px;
  711. font-size:10px;
  712. font-family:'calibri';
  713. letter-spacing:1px;
  714. text-transform:uppercase;
  715. position:fixed;
  716. text-align:right;
  717. z-index:200;
  718. }
  719.  
  720. #spectrum a {
  721. padding:3px;
  722. }
  723.  
  724. #spectrum a:hover {
  725. text-decoration:line-through;
  726. }
  727.  
  728. {CustomCSS}</style></head><body>
  729.  
  730. <div id="header">
  731.  
  732. <div class="svg-wrapper">
  733. <svg height="60" width="320" xmlns="http://www.w3.org/2000/svg">
  734. <rect class="shape" height="60" width="320" />
  735. <div class="text">{Title}</div>
  736. </svg>
  737. </div>
  738.  
  739. <div class="headerlinks">
  740. <nav class="cl-effect-1">
  741. <a href="/">refresh</a>
  742. <a href="#?w=400" rel="box1" class="poplight">Inquire</a>
  743. <a href="#?w=400" rel="box2" class="poplight">navi</a>
  744. <a href="#?w=400" rel="box3" class="poplight">updates</a>
  745. <a href="/archive">archive</a>
  746. </nav>
  747. </div>
  748.  
  749. </div>
  750.  
  751. <div id="sidebar">
  752. <div id="stuff">
  753. <div class="sidebarpic"><img src="{image:Sidebar}"/></div>
  754.  
  755. <div class="links">
  756. <nav class="cl-effect-2">
  757. <a href="/" title="refresh">I</a>
  758. <a href="#?w=400" rel="box1" class="poplight" title="inquire">II</a>
  759. <a href="#?w=400" rel="box2" class="poplight" title="navi" target="blank">III</a>
  760. <a href="#?w=400" rel="box3" class="poplight" title="updates">IV</a>
  761. <a href="/archive" title="archive">V</a>
  762. </nav>
  763. </div>
  764.  
  765. <div class="desc">{Description}</div>
  766.  
  767. <div id="pagination">
  768. {block:Pagination}
  769. {block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage} &nbsp;-&nbsp;
  770. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  771. {/block:Pagination}
  772. </div>
  773. </div>
  774.  
  775. </div>
  776.  
  777. <div id="entries">{block:Posts}<div id="post">
  778.  
  779. <section class="link-border">
  780.  
  781. {block:Text}
  782. {block:Title}<h2>{Title}</h2>{/block:Title}
  783. {Body}
  784. {/block:Text}
  785.  
  786. {block:Answer}
  787. <div class="question">
  788. <div class="user">{Asker} asked:</div>
  789. {Question}</div>
  790. <div class="arrow-down"></div>
  791.  
  792. <div class="answer">{Answer}</div>
  793. {/block:Answer}
  794.  
  795. {block:Quote}
  796. <div style="margin-top:-100px;">
  797. <div class="mark">&#132;</div>
  798. <div class="quote">{Quote}</div>
  799. {block:Source}<br><br> —{Source} {/block:Source}
  800.  
  801. </div>
  802. {/block:Quote}
  803.  
  804. {block:Link}
  805. <h2><a href="{URL}">{Name}</a></h2>
  806. {block:Description}{Description}{/block:Description}
  807. {/block:Link}
  808.  
  809. {block:Chat}
  810. {block:Title} {Title} {/block:Title}
  811. {block:Lines}<span class="chat">
  812. <li><span class="line_{Alt}">{block:Label}<span class="label">{Label}</span></span>{/block:Label}</span> {Line}</li>
  813. {/block:Lines}
  814.  
  815.  
  816. {/block:Chat}
  817.  
  818. {block:Photo}
  819. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}">{LinkCloseTag}
  820. {block:Caption}{Caption}{/block:Caption}
  821. {/block:Photo}
  822.  
  823. {block:Photoset}
  824. {Photoset-400}
  825. {block:Caption}{Caption}{/block:Caption}
  826. {/block:Photoset}
  827.  
  828. {block:Audio}
  829. {AudioPlayerWhite}
  830. {block:TrackName}{TrackName}{/block:Trackname}
  831. {AudioPlayerBack}
  832. {block:Caption}{Caption}{/block:Caption}
  833. {/block:Audio}
  834.  
  835. {block:Video}
  836. {Video-400}
  837. {block:Caption}{Caption}{/block:Caption}
  838. {/block:Video}
  839.  
  840. </section>
  841.  
  842. <div id="footer">
  843. {block:Date}<a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero} {Year}</a> at <a href="{Permalink}">{12Hour}:{Minutes}{CapitalAmPm}</a> {block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} {/block:Date}
  844.  
  845. <div style="float:right">
  846. {block:RebloggedFrom} + <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> {/block:RebloggedFrom}
  847. {block:RebloggedFrom} | <a href="{ReblogRootURL}" title="{ReblogRootName}">src</a>{/block:RebloggedFrom}
  848. </div>
  849. <div style="text-transform:none;letter-spacing:0px;">
  850. {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;&nbsp;&nbsp;{/block:Tags}{/block:HasTags}</div>
  851.  
  852. </div>
  853. <div class="like_and_reblog_buttons">
  854. <li>{ReblogButton size="15"}</li>
  855. <li>{LikeButton size="15"}</li>
  856. </div>
  857.  
  858.  
  859. </div>{/block:Posts}
  860.  
  861. {block:PostNotes}
  862. <div style="margin-top:-150px;height:220px;overflow-y:scroll;margin-bottom:50px">{PostNotes}</div>{/block:PostNotes}
  863.  
  864. </div>
  865.  
  866. <div id="spectrum">
  867. <a href="http://wonderfullythemes.tumblr.com" title="wonderfullythemes" target="blank">theme</a>
  868.  
  869. </div>
  870.  
  871.  
  872.  
  873.  
  874. </body>
  875.  
  876.  
  877. <!--YOUR FAQ-->
  878. <div id="box1" class="popup_block">
  879. <div class="faq">
  880. <div class="faqtitle">Inquire</div><br> <!--title here-->
  881.  
  882. <!--your faq questions here-->
  883.  
  884. <pre>subtitle</pre>
  885.  
  886. <ul>
  887. <li>Question?</li>
  888. Answer
  889. <li>What about another?</li>
  890. Answer again
  891. <li>How do you style text?</li>
  892. <b>bold</b> <i>italic</i> <s>strikethrough</s> <u>underline</u> <a href="">link</a>
  893. </ul>
  894. </div><!--end .faq-->
  895.  
  896. <br>
  897. <iframe frameborder="0" height="150" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" width="100%"></iframe>
  898.  
  899. </div></div></div></div></div></div></div></div></div></div></div> <!--end #box1 .popup_block-->
  900.  
  901. <!--YOUR NAVI-->
  902. <div id="box2" class="popup_block">
  903. <div class="more">
  904. {block:ifShowLink1}<li><a href="{text:Link1}">{text:Link1 Text}</a></li>{/block:ifShowLink1}
  905. {block:ifShowLink2}<li><a href="{text:Link2}">{text:Link2 Text}</a></li>{/block:ifShowLink2}
  906. {block:ifShowLink3}<li><a href="{text:Link3}">{text:Link3 Text}</a></li>{/block:ifShowLink3}
  907. {block:ifShowLink4}<li><a href="{text:Link4}">{text:Link4 Text}</a></li>{/block:ifShowLink4}
  908. {block:ifShowLink5}<li><a href="{text:Link5}">{text:Link5 Text}</a></li>{/block:ifShowLink5}
  909. {block:ifShowLink6}<li><a href="{text:Link6}">{text:Link6 Text}</a></li>{/block:ifShowLink6}
  910. {block:ifShowLink7}<li><a href="{text:Link7}">{text:Link7 Text}</a></li>{/block:ifShowLink7}
  911. </div><!--end .more-->
  912. </div></div></div></div></div></div></div></div></div></div></div> <!--end #box2 .popup_block-->
  913.  
  914. <!--YOUR UPDATES-->
  915. <div id="box3" class="popup_block">
  916. <div class="updates">
  917. <div class="updatestitle">Updates</div><!--title here-->
  918.  
  919. <br>
  920.  
  921. Put your updates here! Follow the setup in the code for:<br>
  922. new lines<p>
  923. new paragraphs<p>
  924. <b>bold</b> <i>italic</i> <u>underlines</u> <s>strikethrough</s> <a href="">link</a>
  925.  
  926. <ul>
  927. <li>bullet points</li>
  928. </ul>
  929. vs
  930. <ul>
  931. text indents
  932. </ul>
  933. </div>
  934.  
  935. </div></div></div></div></div></div></div></div></div></div>
  936.  
  937. </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!