API tools faq
paste
Advertisement
valkyriethemes

A Choice With No Regrets

valkyriethemes
Apr 11th, 2014
3,271
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.73 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.  
  3. <!---
  4. [ #03 ] - A Choice With No Regrets
  5. + THEME BY VALHALLASGODDESS/VALKYRIETHEMES +
  6.  
  7. - DO NOT remove credit
  8. - DO NOT redistribute to make your own theme.
  9. - DO NOT use this as a base code.
  10. - Credit me if taking any part of my coding.
  11.  
  12.  
  13. ------->
  14.  
  15.  
  16. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  17. <head>
  18.  
  19. <title>{Title}</title>
  20. <link rel="shortcut icon" href="{Favicon}">
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  23.  
  24. <!--- STICKY BAR --->
  25. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>
  26. <script src="js/jquery-scrolltofixed-min.js" type="text/javascript"></script>
  27.  
  28. <script type="text/javascript">
  29. $(document).ready(function() {
  30. // grab the initial top offset of the navigation
  31. var stickyNavTop = $('#frozenincrystal').offset().top;
  32.  
  33. // our function that decides weather the navigation bar should have "fixed" css position or not.
  34. var stickyNav = function(){
  35. var scrollTop = $(window).scrollTop(); // our current vertical position from the top
  36.  
  37. // if we've scrolled more than the navigation, change its position to fixed to stick to top,
  38. // otherwise change it back to relative
  39. if (scrollTop > stickyNavTop) {
  40. $('#frozenincrystal').addClass('sticky');
  41. } else {
  42. $('#frozenincrystal').removeClass('sticky');
  43. }
  44. };
  45.  
  46. stickyNav();
  47. // and run it again every time you scroll
  48. $(window).scroll(function() {
  49. stickyNav();
  50. });
  51. });
  52. </script>
  53. <script type="text/javascript"
  54. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  55.  
  56. <script>
  57.  
  58.  
  59.  
  60. $(document).ready(function() {
  61.  
  62. //
  63.  
  64.  
  65.  
  66. //When you click on a link with class of poplight and the href starts with a #
  67.  
  68. $('a.poplight[href^=#]').click(function() {
  69.  
  70. var popID = $(this).attr('rel'); //Get Popup Name
  71.  
  72. var popURL = $(this).attr('href'); //Get Popup href to define size
  73.  
  74.  
  75.  
  76. //Pull Query & Variables from href URL
  77.  
  78. var query= popURL.split('?');
  79.  
  80. var dim= query[1].split('&');
  81.  
  82. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  83.  
  84.  
  85.  
  86. //Fade in the Popup and add close button
  87.  
  88. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://tiny.cc/closeimg" class="btn_close" title="Close Window" alt="Close" /></a>');
  89.  
  90.  
  91. //Define margin for center alignment (vertical horizontal) - we add 80px to the height/width to accomodate for the padding and border width defined in the css
  92.  
  93. var popMargTop = ($('#' + popID).height() + 80) / 2;
  94.  
  95. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  96.  
  97.  
  98.  
  99. //Apply Margin to Popup
  100.  
  101. $('#' + popID).css({
  102.  
  103. 'margin-top' : -popMargTop,
  104.  
  105. 'margin-left' : -popMargLeft
  106.  
  107. });
  108.  
  109.  
  110.  
  111. //Fade in Background
  112.  
  113. $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
  114.  
  115. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies
  116.  
  117.  
  118.  
  119. return false;
  120.  
  121. });
  122.  
  123.  
  124.  
  125. //Close Popups and Fade Layer
  126.  
  127. $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
  128.  
  129. $('#fade , .popup_block').fadeOut(function() {
  130.  
  131. $('#fade, a.close').remove(); //fade them both out
  132.  
  133. });
  134.  
  135. return false;
  136.  
  137. });
  138.  
  139.  
  140.  
  141.  
  142.  
  143. });
  144.  
  145. </script>
  146.  
  147. <!--- TOOP TIPS --->
  148. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  149. <script src="http://static.tumblr.com/3lcgguq/DCPn25qvq/jquery.style-my-tooltips.js"></script>
  150. <script src="http://static.tumblr.com/3lcgguq/Eifn25qw3/style-my-tooltips.css"></script>
  151. <script>
  152. (function($){
  153. $(document).ready(function(){
  154. $("[title]").style_my_tooltips({
  155. tip_follows_cursor:true,
  156. tip_delay_time:200,
  157. tip_fade_speed:300,
  158. attribute:"title"
  159. });
  160. });
  161. })(jQuery);
  162. </script>
  163.  
  164.  
  165.  
  166. <meta name="image:Sidebar" content="" />
  167. <meta name="image:Background" content="" />
  168. <meta name="image:Header" content="" />
  169.  
  170. <meta name="if:Monochrome" content="0" >
  171. <meta name="if:Show Tags" content="1" >
  172.  
  173. <meta name="text:Your Tumblr Name Here" content="" >
  174.  
  175. <meta name="text:Link 1 URL" content="" >
  176. <meta name="text:Link 1" content="" >
  177. <meta name="text:Link 2 URL" content="" >
  178. <meta name="text:Link 2" content="" >
  179. <meta name="text:Link 3 URL" content="" >
  180. <meta name="text:Link 3" content="" >
  181. <meta name="text:Link 4 URL" content="" >
  182. <meta name="text:Link 4" content="" >
  183. <meta name="text:Link 5 URL" content="" >
  184. <meta name="text:Link 5" content="" >
  185. <meta name="text:Link 6 URL" content="" >
  186. <meta name="text:Link 6" content="" >
  187.  
  188. <meta name="color:Ask" content="#302c2c" >
  189. <meta name="color:Background" content="#252525" >
  190. <meta name="color:Bold" content="#2C6700" >
  191. <meta name="color:Blockquote" content="#fff" >
  192. <meta name="color:Odd Chat Background" content="##202020" >
  193. <meta name="color:Even Chat Background" content="#750701" >
  194. <meta name="color:Italics" content="#A55D35" >
  195. <meta name="color:Link" content="#a0a0a0">
  196. <meta name="color:Link Hover" content="##32864e" >
  197. <meta name="color:Hashtags for Tags" content="#fff" >
  198. <meta name="color:Tags" content="#fff" >
  199. <meta name="color:Navigation" content="#fff">
  200. <meta name="color:Navigation Background" content="#252525" >
  201. <meta name="color:Post Column" content="#302c2c" >
  202. <meta name="color:Posts" content="#252525" >
  203. <meta name="color:Pop Up Ask" content="#302c2c" >
  204. <meta name="color:Sidebar Background" content="#302c2c" >
  205. <meta name="color:Scrollbar Background" content="#302c2c">
  206. <meta name="color:Scrollbar" content="#fff">
  207. <meta name="color:Text" content="#fff">
  208. <meta name="color:Top Bar" content="#302c2c">
  209.  
  210.  
  211. <!---- POP UP SCRIPT ----->
  212. <style type="text/css">
  213.  
  214. #fade {
  215. display: none;
  216. background: #000;
  217. position: fixed;
  218. left: 0;
  219. top: 0;
  220. width: 100%;
  221. height: 100%;
  222. opacity: .80;
  223. z-index: 9999;}
  224.  
  225. .popup_block{
  226. display: none;
  227. background-color: {color:Pop Up Ask};
  228. padding: 20px;
  229. float: left;
  230. position: fixed;
  231. top: 50%;
  232. left: 50%;
  233. z-index: 99999;}
  234.  
  235. img.btn_close {
  236. float: right;
  237. border-radius: 50%;
  238. background-color: {color:Pop Up Ask};
  239. margin: -55px -55px 0 0;}
  240.  
  241. *html #fade {
  242. position: absolute;}
  243.  
  244. *html .popup_block {
  245. position: absolute;}
  246.  
  247. /** POP UP MENU **/
  248.  
  249. .sticky {
  250. position: fixed;
  251. width: 100%;
  252. left: 0;
  253. top: 0;
  254. z-index: 100;
  255. border-top: 0;}
  256.  
  257. /** SCROLLBAR **/
  258.  
  259. ::-webkit-scrollbar-thumb:vertical {
  260. background-color: {color:Scrollbar Background};
  261. height: 50px;}
  262.  
  263. ::-webkit-scrollbar {
  264. height: 5px;
  265. width: 5px;
  266. background-color: {color:Scrollbar};}
  267.  
  268.  
  269. /** FONTS **/
  270.  
  271. @font-face { font-family: "alienleague"; src: url('http://static.tumblr.com/3lcgguq/SIdn1bh78/alienleague.ttf'); }
  272.  
  273. @font-face {
  274. font-family: "tinytots"; src: url('http://static.tumblr.com/3lcgguq/UXPn25o2c/tinytots.ttf'); }
  275.  
  276.  
  277. @font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/1kdckk4/9yjlolf0w/slkscr.ttf');}
  278.  
  279. #s-m-t-tooltip{
  280. max-width:300px;
  281. z-index:10;
  282. margin:24px 14px 7px 12px;
  283. padding:5px;
  284. padding-bottom:7px;
  285. background:#232323;
  286. -moz-border-radius:0px;
  287. -webkit-border-radius:0px;
  288. border-radius:0px;
  289. -moz-box-shadow:0px 0px 3px #232323;
  290. -webkit-box-shadow:0px 0px 3px #232323;
  291. box-shadow:0px 0px 3px #232323;
  292. font-family: "tinytots";
  293. text-transform: uppercase;
  294. font-size:8px;
  295. color:#ffffff;}
  296.  
  297. {block:ifMonochrome}
  298. #photo{
  299. filter: url(“data:image/svg+xml;utf8,<svg xmlns=’http://www.w3.org/2000/svg’><filter id=’grayscale’><feColorMatrix type=’matrix’ values=’0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0’/></filter></svg>#grayscale”); /* Firefox 3.5+ */
  300. filter: gray; /* IE6-9 */
  301. -webkit-filter: grayscale(1);
  302. -webkit-transition: all 0.5s ease-in-out;
  303. -moz-transition: all 0.5s ease-in-out;
  304. -o-transition: all 0.5s ease-in-out;
  305. -ms-transition: all 0.5s ease-in-out;
  306. transition: all 0.5s ease-in-out;}
  307.  
  308. #photo:hover{
  309. filter: none;
  310. -webkit-filter: grayscale(0);
  311. -webkit-transition: all 0.7s ease-in-out;
  312. -moz-transition: all 0.7s ease-in-out;
  313. -o-transition: all 0.7s ease-in-out;}
  314. {/block:ifMonochrome}
  315.  
  316. #kupo a {
  317. opacity: 0.3;
  318. font-family: "tinytots";
  319. text-transform: uppercase;
  320. font-size: 8px;
  321. position:fixed;
  322. bottom:2px;
  323. right:3px;}
  324.  
  325. #kupo a:hover {
  326. opacity: 1.0;
  327. -webkit-transition: all 0.5s ease-in-out;
  328. -moz-transition: all 0.5s ease-in-out;
  329. -o-transition: all 0.5s ease-in-out;
  330. -ms-transition: all 0.5s ease-in-out;
  331. transition: all 0.5s ease-in-out;}
  332.  
  333. body {
  334. background-color: {color:Background};
  335. background-image: url('{image:Background}');
  336. background-repeat: no-repeat;
  337. background-attachment: fixed;
  338. margin:0px;
  339. overflow-x: hidden;
  340. color: {color:Text};
  341. font-family: calibri;
  342. font-size:13px;
  343. line-height:100%;}
  344.  
  345. b {
  346. color: {color:Bold};
  347. font-weight: normal;}
  348.  
  349. i {
  350. color: {color:Italics};}
  351.  
  352. a {
  353. color: {color:Link};
  354. text-decoration: none;
  355. -moz-transition-duration: 0.5s;
  356. -o-transition-duration: 0.5s;
  357. -webkit-transition-duration: 0.5s;
  358. transition-duration: 0.5s;}
  359.  
  360. a:hover {
  361. color: {color:Link Hover};
  362. -moz-transition-duration: 0.5s;
  363. -o-transition-duration: 0.5s;
  364. -webkit-transition-duration: 0.5s;
  365. transition-duration: 0.5s;}
  366.  
  367. img {
  368. border:none;}
  369.  
  370. h1 {
  371. font-family: "alienleague";
  372. font-size:12px;}
  373.  
  374. h2 {
  375. text-align: center;
  376. font-size: 25px;
  377. text-transform: lowercase;
  378. font-family: "alienleague";}
  379.  
  380. #pagination, #pagination a{
  381. font-family: "alienleague";
  382. font-size: 20px;
  383. text-align: center;
  384. letter-spacing:1px;
  385. background-color: #302c2c;
  386. bottom: 19px;
  387. left:985px;
  388. position:fixed;
  389. display: inline-block;
  390. padding: 10px;
  391. height: 20px;
  392. width: 170px;
  393. margin: -10px;
  394. color: {color:Text};
  395. line-height: 25px;
  396. }
  397.  
  398. #retreat {
  399. font-family: "alienleague";
  400. font-size: 20px;
  401. text-align: center;
  402. letter-spacing:1px;
  403. background-color: #302c2c;
  404. bottom: 20px;
  405. left:277px;
  406. display: block;
  407. position:fixed;
  408. padding: 10px;
  409. height: 20px;
  410. width: 100px;
  411. margin: -10px;
  412. color: #fff;
  413. padding:10px}
  414.  
  415. #timeandmemory {
  416. width: 100%;
  417. height: 215px;
  418. background-color: #252525;
  419. background-image: url('{image:Header}');
  420. background-repeat: no-repeat;
  421. background-attachment: fixed;
  422. z-index: 10;
  423. top: 0px;
  424. left: 0px;}
  425.  
  426. #frozenincrystal {
  427. width: 100%;
  428. height: 78px;
  429. background-color: {color:Top Bar};
  430. position: fixed;
  431. z-index: 10;}
  432.  
  433. #cerberus {
  434. text-align: center;}
  435.  
  436. #cerberus a {
  437. width:153px;
  438. height:55px;
  439. padding:4px;
  440. margin: 8px 2px;
  441. color: {color:Navigation};
  442. display: inline-block;
  443. font-family: "silkscreen";
  444. font-size:9px;
  445. text-transform: lowercase;
  446. line-height:55px;
  447. background-color: {color:Navigation Background};
  448. letter-spacing: 2px;}
  449.  
  450. #cerberus a:hover {
  451. letter-spacing: 7px;}
  452.  
  453. #postcol {
  454. width:555px;
  455. bottom: 50px;
  456. left:410px;
  457. padding:10px;
  458. margin: auto;
  459. margin-top: 117px;
  460. margin-bottom: 10px;
  461. background-color: {color:Post Column};
  462. overflow-x: hidden;}
  463.  
  464. #posts {
  465. width:500px;
  466. padding-bottom:20px;
  467. padding:20px;
  468. margin-left: -10px;
  469. margin: 10px;
  470. margin-top:2px;
  471. color: {color:Text};
  472. background-color: {color:Posts};
  473. overflow-x: hidden;}
  474.  
  475. #posts h2 {
  476. text-align: center;
  477. font-family: "alienleague";
  478. font-size: 20px;
  479. text-transform: lowercase;
  480. color: {color:Text};
  481. font-weight: normal;
  482. margin: 0px;}
  483.  
  484. #posts li {list-style: square;}
  485.  
  486. #posts blockquote {
  487. border-left: 1px solid {color:blockquote};
  488. padding-left: 5px;}
  489.  
  490. #posts blockquote blockquote {
  491. border-left: 1px solid {color:blockquote};
  492. padding-left: 7px;}
  493.  
  494. #posts img, #posts li, #posts blockquote {max-width: 100%;}
  495.  
  496. #quote {
  497. font-family: "alienleague";
  498. text-align: center;
  499. color: {color:Text};
  500. text-transform: lowercase;
  501. width: 80%; margin: auto;}
  502.  
  503. #quotetext_short {
  504. text-align: center;
  505. color: {color:Text};
  506. text-transform: lowercase;
  507. font-family: "alienleague";
  508. font-size: 20px;}
  509.  
  510. #quotetext_medium {
  511. text-align: center;
  512. color: {color:Text};
  513. text-transform: lowercase;
  514. font-family: "alienleague";
  515. font-size: 16px;}
  516.  
  517. #quotetext_long {
  518. text-align: center;
  519. color: {color:Text};
  520. text-transform: lowercase;
  521. font-family: "alienleague";
  522. font-size: 13px;}
  523.  
  524. .chat ol {
  525. color: {color:Text};
  526. line-height:170%;
  527. list-style:none;
  528. width:500px;
  529. margin-left:-40px;}
  530.  
  531. .line.odd {
  532. color: {color:Text};
  533. background-color: {Odd Chat Background};
  534. margin-bottom:0px;
  535. padding:4px;}
  536.  
  537. .line.even {
  538. color: {color:Text};
  539. background-color: {Even Chat Background};
  540. margin-bottom:0px;
  541. padding:4px;}
  542.  
  543. #stats {
  544. text-align: center;
  545. margin-top:8px;
  546. word-spacing: 3px;
  547. font-family: silkscreen;
  548. text-transform: lowercase;
  549. font-size:9px;
  550. font-style:none;}
  551.  
  552. .player {
  553. width: 27px;
  554. height: 30px;
  555. overflow: hidden;
  556. position: relative;
  557. z-index: 10;
  558. top: 8px;
  559. right: 63px;
  560. margin: 15px 24px 13px 16px;}
  561.  
  562. #sidebar, #description {
  563. width: 170px;
  564. height: 90px;
  565. background-color: {color:Sidebar Background};
  566. text-align: justify;
  567. font-size: 10px;
  568. font-family: calibri;
  569. left: 180px;
  570. position: fixed;
  571. overflow-y: auto;
  572. bottom: 0px;
  573. padding: 10px;
  574. margin: 10px;}
  575.  
  576. #sidebarimage img {
  577. width: 170px;
  578. height: 160px;
  579. background-color: {color:Sidebar Background};
  580. bottom: 120px;
  581. position: fixed;
  582. padding: 10px;
  583. margin: 10px;
  584. left: 180px;}
  585.  
  586. #asker {
  587. font-family: calibri;
  588. font-size: 13px;
  589. color: {color:Text};
  590. text-transform: uppercase;}
  591.  
  592. #speechbubble {
  593. color: {color:Ask};
  594. position: absolute;
  595. left: 525px;
  596. margin-top: -16px;
  597. font-size: 20px;
  598. padding: 3px;}
  599.  
  600. #askbox {
  601. background-color: {color:Ask};
  602. color: #fff;
  603. width: 150px;
  604. height: 70px;
  605. position: absolute;
  606. font-size: 8px;
  607. padding: 7px;
  608. text-align:justify;
  609. text-transform: uppercase;
  610. font-family: "tinytots";
  611. width: 388px;
  612. left: 422px;
  613. margin: -85px 0px 0px 120px;}
  614.  
  615. #asktext {
  616. text-transform: uppercase;
  617. font-family: "tinytots";
  618. margin-top: 10px;}
  619.  
  620. #questionimg img{
  621. background-color: #000;
  622. border: 10px solid {color:Ask};}
  623.  
  624. #tags {
  625. font-family: "tinytots";
  626. letter-spacing:0px;
  627. text-transform:uppercase;
  628. font-size:8px;
  629. margin-top:2px;
  630. color: {color:Hashtags for Tags};
  631. text-align: center;}
  632.  
  633. #tags a {
  634. display:inline-block;
  635. padding:-3px;
  636. color: {color:Tags};}
  637.  
  638.  
  639.  
  640.  
  641. {CustomCSS}</style></head><body>
  642.  
  643.  
  644. <div id="timeandmemory">
  645. <img src="{image:Header}"></div>
  646.  
  647. <div id="popup_name" class="popup_block">
  648. <iframe frameborder="0"
  649. height="195"
  650. id="ask_form"
  651. scrolling="no"
  652. src="http://www.tumblr.com/ask_form/{text:Your Tumblr Name Here}.tumblr.com"
  653. width="100%">
  654. </iframe>
  655. </div>
  656. <div id="frozenincrystal">
  657. <div id="cerberus">
  658. <a href="/">home</a>
  659. <a href="#?w=500" rel="popup_name" class="poplight">
  660. Message
  661. </a>
  662.  
  663. {block:IfLink1}
  664. <a href="{text:Link 1 URL}">{text:Link 1}</a>
  665. {/block:IfLink1}
  666. {block:IfLink2}
  667. <a href="{text:Link 2 URL}">{text:Link 2}</a>
  668. {/block:IfLink2}
  669. {block:IfLink3}
  670. <a href="{text:Link 3 URL}">{text:Link 3}</a>
  671. {/block:IfLink3}
  672. {block:IfLink4}
  673. <a href="{text:Link 4 URL}">{text:Link 4}</a>
  674. {/block:IfLink4}
  675. {block:IfLink5}
  676. <a href="{text:Link 5 URL}">{text:Link 5}</a>
  677. {/block:IfLink5}
  678. {block:IfLink6}
  679. <a href="{text:Link 6 URL}">{text:Link 6}</a>
  680. {/block:IfLink6}
  681. </div>
  682. </div>
  683.  
  684. <div id="sidebar">
  685. <div id="sidebarimage"><img src="{image:Sidebar}"></div>
  686. {description}</div>
  687.  
  688.  
  689. {block:Pagination}
  690. <div id="pagination">
  691. {block:PreviousPage}<a href="{PreviousPage}">Retreat</a>{/block:PreviousPage}
  692. {block:NextPage}<a href="{NextPage}">Onwards</a>{/block:NextPage}
  693. {/block:Pagination}
  694.  
  695. </div>
  696.  
  697. <div id="postcol">{block:Posts}<div id="posts">
  698. {block:ContentSource}
  699. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  700. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  701. {/block:SourceLogo}
  702. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  703. {/block:ContentSource}
  704.  
  705.  
  706. <!---------------------------------------------------
  707. TEXT POSTS
  708. ---------------------------------------------------->
  709. {block:Text}
  710. {block:Title}<h2>{Title}</h2>{/block:Title}
  711. {Body}
  712. {/block:Text}
  713.  
  714. <!---------------------------------------------------
  715. PHOTO POSTS
  716. ---------------------------------------------------->
  717. {block:Photo}
  718. {LinkOpenTag}<div id="photo"><img src="{PhotoURL-500}"alt="{PhotoAlt}" width="500px"></div>{LinkCloseTag}
  719. {block:Caption}{Caption}{/block:Caption}
  720. {/block:Photo}
  721.  
  722. <!---------------------------------------------------
  723. LINK POSTS
  724. ---------------------------------------------------->
  725. {block:Link}
  726. <h2><a href="{URL}">{Name}</a></h2>
  727. {block:Description}{Description}{/block:Description}
  728. {/block:Link}
  729.  
  730. <!---------------------------------------------------
  731. PHOTOSET POSTS
  732. ---------------------------------------------------->
  733. {block:Photoset}
  734. <div id="photo">{Photoset-500}</div>
  735. {block:Caption}{Caption}{/block:Caption}
  736. {/block:Photoset}
  737.  
  738.  
  739. <!---------------------------------------------------
  740. QUOTE POSTS
  741. ---------------------------------------------------->
  742. {block:Quote}
  743. <div id="quote">
  744. <div id="quotetext_{Length}">"{Quote}"</div></div> <!--- End of Quote-->
  745. {/block:Quote}
  746.  
  747. <!----- AUDIO PLAYERS -------->
  748.  
  749. {block:Audio}
  750. <left>{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio"><div class="player">{AudioPlayerblack}</div></left></span>
  751. <div style="margin-top: -65px">
  752. <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  753. <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist} </div>
  754. {/block:ExternalAudio}
  755. {/block:Audio}
  756.  
  757. <!----- VIDEOS -------->
  758.  
  759. {block:Video}{Video-500}
  760. {block:Caption}{Caption}
  761. {/block:Caption}{/block:Video}
  762.  
  763. <!----- CHAT -------->
  764.  
  765. {block:Chat}{block:Title}<h2>{Title}</h2>{/block:Title}<div class="chat"><ol> {block:Lines}<li class="line {Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ol></div> <!-- End of Chat->
  766. {/block:Chat}
  767.  
  768. <!----- QUESTION/ANSWER RELATED -------->
  769.  
  770. {block:Answer}
  771.  
  772. <div id="questionimg">
  773. <img src="{AskerPortraitURL-64}"></div>
  774. <div id="speechbubble">◀</div>
  775. <div id="askbox">
  776. <div id="asker">{Asker} asked: </div><div id="asktext"> {Question}</div></div>
  777. <br>{Answer}
  778. {/block:Answer}
  779.  
  780. <!----- STATISTIC AND INFO -------->
  781.  
  782. <div id="stats">
  783. posted <a href="{Permalink}">{TimeAgo}</a> with <a href="{Permalink}">{NoteCountWithLabel}</a></div>
  784. {block:IfShowTags}
  785. {block:HasTags}<div id="tags">{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags} <!-- End of Tags -->
  786. {/block:IfShowtags}
  787. </div>
  788. {/block:Posts}
  789. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  790. {/block:Posts}</div></div></div>
  791.  
  792. <div id="kupo"><a href="http://valkyriethemes.tumblr.com" title="valkyriethemes"><img src="http://static.tumblr.com/3lcgguq/gysn28pfm/ffiii_-_moogle.gif"></a></div>
  793.  
  794. </body></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!