Advertisement
heykevinn

Fidelius Theme

Jan 2nd, 2013
1,602
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.17 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">
  3. <head>
  4.  
  5. <!-- ----------------------------------------------
  6.  
  7. #10 Fidelius THEME BY EXCOLO
  8. acrisolar.tumblr.com [main blog]
  9. excolo.tumblr.com [tumblr themes]
  10.  
  11. ---------------------------------------------- -->
  12.  
  13. <title>{Title}</title>
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  16. <meta name="viewport" content="width=820" />
  17. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  18.  
  19. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  20.  
  21. <meta name="color:Background" content="#ffffff"/>
  22. <meta name="color:Text" content="#585858"/>
  23. <meta name="color:Links" content="#80b369"/>
  24. <meta name="color:Links Hover" content="#585858"/>
  25. <meta name="color:Posts Background" content="#ffffff"/>
  26. <meta name="color:Posts Title Underline" content="#dadada"/>
  27. <meta name="color:Posts Title Text" content="#ffffff"/>
  28. <meta name="color:Posts Title Background" content="#6b6b6b"/>
  29. <meta name="color:Posts Border" content="#dadada"/>
  30. <meta name="color:Posts Padding" content="#f4f4f4"/>
  31. <meta name="color:Back To Top Button" content="#dadada"/>
  32. <meta name="color:Blockquote" content="#c0c0c0"/>
  33. <meta name="color:Custom Scrollbar" content="#585858"/>
  34. <meta name="color:Meta BG" content="#a8a8a8"/>
  35. <meta name="color:Meta Text" content="#ffffff"/>
  36. <meta name="color:Meta BG Hover" content="#e25a5a"/>
  37. <meta name="color:Meta Text Hover" content="#ffffff"/>
  38. <meta name="color:Plus BG" content="#f4f4f4"/>
  39. <meta name="color:Plus Symbol" content="#585858"/>
  40.  
  41. <meta name="if:Hide Captions" content="1"/>
  42. <meta name="if:Full Sized Background" content="0"/>
  43. <meta name="if:Back To Top Button" content="1"/>
  44. <meta name="if:Custom Scrollbar" content="1"/>
  45. <meta name="if:Infinite Scroll" content="0"/>
  46.  
  47. <meta name="text:Google Analytics ID" content="" />
  48. <meta name="text:link 1 url" content="" />
  49. <meta name="text:link 1 title" content="" />
  50. <meta name="text:link 2 url" content="" />
  51. <meta name="text:link 2 title" content="" />
  52. <meta name="text:link 3 url" content="" />
  53. <meta name="text:link 3 title" content="" />
  54.  
  55. <meta name="image:Background" content=""/>
  56. <meta name="image:Icon" content="http://static.tumblr.com/sjl0ztp/EHEmfz52k/iconn.jpg"/>
  57.  
  58.  
  59. <style type="text/css">
  60. @import url(http://fonts.googleapis.com/css?family=Monoton);
  61.  
  62. body {
  63. font: normal 11px/14px calibri, arial, sans-serif;
  64. color:{color:Text};
  65. margin:0px;
  66. padding:0px;
  67. background:{color:Background} url({image:Background});
  68. {block:IfFullSizedBackground}background-size:100%;{/block:IfFullSizedBackground}
  69. background-attachment:fixed;
  70. }
  71.  
  72. iframe#tumblr_controls {
  73. position:fixed !important;
  74. top:5px !important;
  75. right:10px !important;
  76. }
  77.  
  78. a {
  79. color:{color:Links};
  80. text-decoration:none;
  81. -webkit-transition: all 0.4s linear;
  82. -moz-transition: all 0.4s linear;
  83. transition: all 0.4s linear;
  84. }
  85.  
  86. a:hover {
  87. color:{color:Links Hover};
  88. }
  89.  
  90. {block:IfCustomScrollBar}
  91. ::-webkit-scrollbar {
  92. width:10px;
  93. height:10px;
  94. }
  95.  
  96. ::-webkit-scrollbar-track {
  97. background-color:{color:Background};
  98. }
  99.  
  100. ::-webkit-scrollbar-thumb {
  101. background-color:{color:Custom Scrollbar};
  102. }
  103. {/block:IfCustomScrollBar}
  104.  
  105. blockquote {
  106. margin:20px;
  107. padding-left:10px;
  108. border-left:5px solid {color:Blockquote};
  109. }
  110.  
  111. #quince /* container */ {
  112. margin:50px auto;
  113. width:465px;
  114. }
  115.  
  116. .pagnition {
  117. position:fixed;
  118. margin-left:480px;
  119. }
  120.  
  121. .pagnition a {
  122. color:{color:Meta BG};
  123. font: normal 50px/30px Consolas, courier new, arial, sans-serif;
  124. display:block;
  125. margin-bottom:2px;
  126. }
  127.  
  128. .pagnition a:hover {
  129. opacity:0.5;
  130. }
  131.  
  132. #snug /* sidebar */ {
  133. width:460px;
  134. margin-bottom:5px;
  135. }
  136.  
  137. .desc {
  138. position:absolute;
  139. background:{color:Meta BG};
  140. color:{color:Meta Text};
  141. margin-left:85px;
  142. width:360px;
  143. height:60px;
  144. padding:10px;
  145. }
  146.  
  147. .desc span {
  148. }
  149.  
  150. .elinks {
  151. position:absolute;
  152. font-size:70px;
  153. line-height:70px;
  154. width:80px;
  155. height:80px;
  156. text-align:center;
  157. background:{color:Plus BG};
  158. color:{color:Plus Symbol};
  159. opacity:0;
  160. -webkit-transition: all 0.4s linear;
  161. -moz-transition: all 0.4s linear;
  162. transition: all 0.4s linear;
  163. }
  164.  
  165. .elinks a {
  166. color:{color:Plus Symbol};
  167. }
  168.  
  169. #snug:hover .elinks {
  170. opacity:0.85;
  171. }
  172.  
  173. #flute /* posts container */ {
  174. width:465px;
  175. }
  176.  
  177. #border {
  178. margin:0 0 5px 0;
  179. float:left;
  180. width:400px;
  181. position:relative;
  182. -webkit-transition: all 0.7s ease;
  183. -moz-transition: all 0.7s ease;
  184. transition: all 0.7s ease;
  185. }
  186.  
  187. #puck /* individual post */ {
  188. width: 300px;
  189. background:{color:Posts Background};
  190. padding:10px;
  191. overflow:hidden;
  192. margin-left:85px;
  193. border:30px solid {color:Posts Padding};
  194. }
  195.  
  196. #puck .caption {
  197. {block:IndexPage}{block:IfHideCaptions}display:none;{/block:IfHideCaptions}{/block:IndexPage}
  198. }
  199.  
  200. #puck .quote {
  201. margin:5px 0px 10px 15px;
  202. font-size:20px;
  203. line-height:20px;
  204. }
  205.  
  206. #puck .mark {
  207. font-size:70px;
  208. font-family:georgia;
  209. opacity:0.2;
  210. margin-top:20px;
  211. position:absolute;
  212. }
  213.  
  214. #puck .source {
  215. text-align:right;
  216. }
  217.  
  218. #puck .perminfo {
  219. font: normal 10px/12px Consolas, courier new, arial, sans-serif;
  220. }
  221.  
  222. #puck .title {
  223. font-size:15px;
  224. margin:0;
  225. border-bottom:1px solid {color:Posts Title Underline};
  226. padding:0 0 5px 0;
  227. }
  228.  
  229. #puck .title a, #puck .linktitle, #puck .meta a {
  230. color:{color:Posts Title Text};
  231. font-size:13px;
  232. text-transform:uppercase;
  233. padding:2px 5px;
  234. line-height:20px;
  235. font-style:italic;
  236. background:{color:Posts Title Background};
  237. }
  238.  
  239. #puck .title a:Hover, #puck .linktitle:Hover, #puck .meta a:hover {
  240. color:{color:Posts Title Text};
  241. }
  242.  
  243. #puck .trackinfo {
  244. margin-top:10px;
  245. }
  246.  
  247. #puck .trackinfo span {
  248. font-size:11px;
  249. padding:2px 5px;
  250. line-height:20px;
  251. font-style:italic;
  252. background:{color:Posts Title Background};
  253. color:{color:Posts Title Text};
  254. }
  255.  
  256. #puck .linktitle {
  257.  
  258. }
  259.  
  260. #puck .linktitle:after {
  261. content:' →';
  262. }
  263.  
  264. table#answer {
  265. border-bottom:1px solid {color:Posts Border};
  266. width:300px;
  267. padding-bottom:10px;
  268. }
  269.  
  270. .tags {
  271. {block:IfNotShowTags}display:none;{/block:IfNotShowTags}
  272. }
  273.  
  274. .reblogged {
  275. margin-top:10px;
  276. }
  277.  
  278. .reblogged img {
  279. border:3px solid {color:Meta BG Hover};
  280. width:20px;height:20px;
  281. }
  282.  
  283. #quince .photo img {
  284. display:block;
  285. width:300px;
  286. }
  287.  
  288. #perma {
  289. position:absolute;
  290. width:80px;
  291. height:100%;
  292. background:{color:Meta BG};
  293. text-transform:uppercase;
  294. color:{color:Meta Text};
  295. }
  296.  
  297. #perma span {
  298. display:block;
  299. }
  300.  
  301. #border:hover #perma .inner {
  302. border-top:23px solid {color:Meta BG Hover};
  303. -webkit-transition: all 0.7s ease;
  304. -moz-transition: all 0.7s ease;
  305. transition: all 0.7s ease;
  306. }
  307.  
  308. #perma a {
  309. color:{color:Meta Text};
  310. }
  311.  
  312. #perma .inner {
  313. padding:10px 10px 10px 10px;
  314. border-top:0px solid {color:Meta BG Hover};
  315. -webkit-transition: all 0.3s ease;
  316. -moz-transition: all 0.3s ease;
  317. transition: all 0.3s ease;
  318. font-style:italic;
  319. }
  320.  
  321. #buttons {
  322. position:absolute;
  323. font-style:none;
  324. width:80px;
  325. text-align:center;
  326. padding-top:4px;
  327. margin-top:-15px;
  328. opacity:0;
  329. -webkit-transition: all 0.3s ease;
  330. -moz-transition: all 0.3s ease;
  331. transition: all 0.3s ease;
  332. }
  333.  
  334. #border:hover #buttons {
  335. opacity:1;
  336. margin-top:0px;
  337. -webkit-transition: all 1s ease;
  338. -moz-transition: all 1s ease;
  339. transition: all 1s ease;
  340. }
  341.  
  342. .my-like {
  343. cursor:pointer;
  344. display:inline-block;
  345. vertical-align:top;
  346. }
  347.  
  348. .my-liked {
  349. color: #d91f1f;
  350. cursor:pointer;
  351. display:inline-block;
  352. vertical-align:top;
  353. }
  354.  
  355. #chat td {
  356. padding:5px 0 5px 10px;
  357. vertical-align:top;
  358. }
  359.  
  360. #chat tr.lines {
  361. border-bottom:1px solid {color:Posts Border};
  362. display:block;
  363. }
  364.  
  365. #chat tr:last-child { border:none; }
  366.  
  367. #chat .label {
  368. font-weight:bold;
  369. color:{color:Blockquote};
  370. width:80px;
  371. text-align:right;
  372. border-right:1px solid {color:Posts Border};
  373. padding:5px 10px 5px 0px;
  374. margin:0 10px 0 0;
  375. }
  376.  
  377. .nocaption {
  378. display:none;
  379. }
  380.  
  381. #postnotes ol {
  382. list-style-type:none;
  383. margin:0px;
  384. padding:0px;
  385. }
  386.  
  387. #postnotes {
  388. line-height: 20px;
  389. margin-top:20px;
  390. }
  391.  
  392. #top-link{ display:none; position:fixed; right:15px; top:37px;width: 0; height: 0; border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 15px solid {color:Back To Top Button};opacity:1;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;transition: all 0.2s linear;}
  393. #top-link:hover { opacity:0.5; }
  394.  
  395. #infscr-loading {
  396. text-align: center;
  397. z-index: 100;
  398. position: fixed;
  399. bottom:20px;
  400. left:740px;
  401. background:#fff;
  402. padding:3px;
  403. -webkit-border-radius: 5px;
  404. -moz-border-radius: 5px;
  405. border-radius: 5px;
  406. font-size:0px;
  407. }
  408.  
  409. .hide { display:none; }
  410.  
  411. .morelinks a {
  412. display:block;
  413. text-align:center;
  414. background:#eee;
  415. color:#585858;
  416. opacity:1;
  417. margin-bottom:2px;
  418. }
  419.  
  420. .morelinks a:hover {
  421. color:#585858;
  422. opacity:0.5;
  423. }
  424.  
  425. {CustomCSS}
  426.  
  427. #excolo {
  428. background:#fff;
  429. width:150px;
  430. padding:5px 0 5px 10px;
  431. position:fixed;
  432. bottom:0px;
  433. right:-128px;
  434. -webkit-transition: all 0.7s ease;
  435. -moz-transition: all 0.7s ease;
  436. transition: all 0.7s ease;
  437. }
  438.  
  439. #excolo:hover {
  440. right:0px;
  441. }
  442.  
  443. #excolo a {
  444. color:#585858;
  445. }
  446.  
  447. #excolo span {
  448. font:20px times new roman, serif;
  449. padding-right:10px;
  450. }
  451.  
  452. #top-link{ display:none; position:fixed; right:15px; top:37px;width: 0; height: 0; border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 15px solid {color:Back To Top Button};opacity:1;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;transition: all 0.2s linear;}
  453. #top-link:hover { opacity:0.5; }
  454.  
  455. #fade {
  456. display: none;
  457. background: #000;
  458. position: fixed;
  459. left: 0;
  460. top: 0;
  461. width: 100%;
  462. height: 100%;
  463. opacity: .80;
  464. z-index: 9999;
  465. }
  466.  
  467. .popup_block {
  468. display: none;
  469. background: {color:Posts Background};
  470. padding: 20px;
  471. float: left;
  472. position: fixed;
  473. top: 50%;
  474. left: 50%;
  475. z-index: 99999;
  476. }
  477.  
  478. .navs a {
  479. text-transform:uppercase;
  480. color:{color:Text};
  481. font-size:15px;
  482. line-height:18px;
  483. }
  484.  
  485. .navs a:after {
  486. content:'※';
  487. padding:0 5px;
  488. color:{color:links};
  489. opacity:0.5;
  490. }
  491.  
  492. .navs a:last-child:after {
  493. content:'';
  494. }
  495.  
  496. img.btn_close {
  497. float: right;
  498. margin: -55px -55px 0 0;
  499. background:#fff;
  500. }
  501.  
  502. *html #fade {
  503. position: absolute;
  504. }
  505.  
  506. *html .popup_block {
  507. position: absolute;
  508. }
  509.  
  510. </style>
  511.  
  512. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js">
  513. </script>
  514.  
  515. <script>
  516. window.onload = function () {
  517. document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
  518. document.addEventListener( 'click', function ( event ) {
  519. var myLike = event.target;
  520. if( myLike.className.indexOf( 'my-like' ) > -1 ) {
  521. var frame = document.getElementById( 'my-like-frame' ),
  522. liked = ( myLike.className == 'my-liked' ),
  523. command = liked ? 'unlike' : 'like',
  524. reblog = myLike.getAttribute( 'data-reblog' ),
  525. id = myLike.getAttribute( 'data-id' ),
  526. oauth = reblog.slice( -8 );
  527. frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
  528. liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
  529. };
  530. }, false );
  531. };
  532. </script>
  533.  
  534. <script type="text/javascript" src="http://static.tumblr.com/sjl0ztp/07tm8j6sa/jquery.scrollto-1.4.0-min.js"></script>
  535. <script type="text/javascript">
  536. jQuery.fn.topLink = function(settings) {
  537. settings = jQuery.extend({
  538. min: 1,
  539. fadeSpeed: 200,
  540. ieOffset: 50
  541. }, settings);
  542. return this.each(function() {
  543. //listen for scroll
  544. var el = $(this);
  545. el.css('display','none'); //in case the user forgot
  546. $(window).scroll(function() {
  547. if(!jQuery.support.hrefNormalized) {
  548. el.css({
  549. 'position': 'absolute',
  550. 'top': $(window).scrollTop() + $(window).height() - settings.ieOffset
  551. });
  552. }
  553. if($(window).scrollTop() >= settings.min)
  554. {
  555. el.fadeIn(settings.fadeSpeed);
  556. }
  557. else
  558. {
  559. el.fadeOut(settings.fadeSpeed);
  560. }
  561. });
  562. });
  563. };
  564.  
  565. $(document).ready(function() {
  566. $('#top-link').topLink({
  567. min: 400,
  568. fadeSpeed: 500
  569. });
  570. //smoothscroll
  571. $('#top-link').click(function(e) {
  572. e.preventDefault();
  573. $.scrollTo(0,300);
  574. });
  575. });
  576.  
  577.  
  578. </script>
  579.  
  580. {block:ifinfinitescroll}
  581. {block:indexpage}
  582. <script src="http://static.tumblr.com/ihdmiub/Noam2kdyo/jquery.infinitescroll.min.js"></script>
  583. <script type="text/javascript" src="http://static.tumblr.com/sjl0ztp/Ee9mb6v77/infinitescrollavis.js"></script>
  584. <nav id="page-nav">
  585. {block:NextPage}<a href="{NextPage}"></a>{/block:NextPage}</nav>
  586. {/block:indexpage}
  587. {/block:ifinfinitescroll}
  588.  
  589. <!--
  590. <script>
  591. $(document).ready(function(){
  592. $('body').click(function(e){
  593. e.preventDefault();
  594. });
  595. });
  596. </script>
  597. -->
  598.  
  599. <script>
  600. $(document).ready(function() {
  601.  
  602. //
  603. //When you click on a link with class of poplight and the href starts with a #
  604. $('a.poplight[href^=#]').click(function() {
  605. var popID = $(this).attr('rel'); //Get Popup Name
  606. var popURL = $(this).attr('href'); //Get Popup href to define size
  607. //Pull Query & Variables from href URL
  608. var query= popURL.split('?');
  609. var dim= query[1].split('&');
  610. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  611.  
  612. //Fade in the Popup and add close button
  613.  
  614. $('#' + 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>');
  615.  
  616. //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
  617.  
  618. var popMargTop = ($('#' + popID).height() + 80) / 2;
  619. var popMargLeft = ($('#' + popID).width() + 80) / 2
  620. //Apply Margin to Popup
  621. $('#' + popID).css({
  622. 'margin-top' : -popMargTop,
  623. 'margin-left' : -popMargLeft
  624. });
  625. //Fade in Background
  626. $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
  627. $('#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
  628. return false;
  629. });
  630. //Close Popups and Fade Layer
  631. $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
  632. $('#fade , .popup_block').fadeOut(function() {
  633. $('#fade, a.close').remove(); //fade them both out
  634. });
  635. return false;
  636. });
  637. });
  638. </script>
  639.  
  640. <script src="http://static.tumblr.com/sjl0ztp/hRQmfvnm1/typeface-0.15.js"></script>
  641. <script src="http://static.tumblr.com/sjl0ztp/5BPmfvnnd/web_symbols_liga_regular.typeface.js"></script>
  642.  
  643. </head>
  644. <body>
  645.  
  646. <div id="excolo"><a href="http://excolo.tumblr.com" title=""><span>E</span> THEME BY EXCOLO</a></div>
  647.  
  648. {block:IfBackToTopButton}
  649. <div id="top"></div>
  650. <a style="border:none;" href="#top"><div id="top-link"></div></a>
  651. {/block:IfBackToTopButton}
  652.  
  653. <!-- start content -->
  654. <div id="quince">
  655.  
  656. {block:IfnotInfiniteScroll}
  657. <div class="pagnition">
  658. {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
  659. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  660. </div>
  661. {/block:IfnotInfiniteScroll}
  662.  
  663. <!-- start sidebar -->
  664. <div id="snug">
  665. <div class="desc"><span>{Description}</span></div>
  666. <a href="#?w=250" rel="extras" class="poplight" title="navigations"><div class="elinks">+</div></a>
  667. <img src="{block:Ificonimage}{image:Icon}{/block:Ificonimage}{block:Ifnoticonimage}<img src="{PortraitURL-96}">{/block:Ifnoticonimage}" width="80" height="80" style="display:block;">
  668. </div>
  669.  
  670. <div id="flute">
  671. {block:Posts}
  672. <!-- start each post -->
  673. <div id="border">
  674.  
  675. <div id="perma">
  676. {block:Date}
  677. <div id="buttons">
  678. <div class="typeface-js" style="font-family: Web Symbols;">
  679. <a href="{Permalink}">K</a> &nbsp;<a href="{ReblogURL}">J</a> &nbsp;<div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like">N</div>
  680. </div></div>
  681.  
  682. <div class="inner">
  683. <a href="{Permalink}">{DayOfMonthWithZero}{DayOfMonthSuffix}<br />{Month}<br />{Year}</a><br />
  684. <span>+ {NoteCount}</span>
  685. {/block:Date}
  686.  
  687. {block:RebloggedFrom}<div class="reblogged"><a href="{ReblogParentURL}" title="Via: {ReblogParentName}"><img src="{ReblogParentPortraitURL-24}" /></a>&nbsp;&nbsp;
  688. <a href="{ReblogRootURL}" title="Source: {ReblogRootName}"><img src="{ReblogRootPortraitURL-24}" /></a></div>
  689. {/block:RebloggedFrom}
  690.  
  691. </div>
  692. </div>
  693.  
  694. <div id="puck">
  695. {block:Text}
  696. {block:Title}
  697. <div class="title"><a href="{Permalink}">{Title}</a></div>
  698. {/block:Title}
  699. {Body}
  700. {/block:Text}
  701.  
  702. {block:Photo}
  703. <div class="photo">{LinkOpenTag}<img {block:IndexPage}src="{PhotoURL-400}"{/block:IndexPage} {block:PermalinkPage}src="{PhotoURL-400}"{/block:PermalinkPage} alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  704. {block:Caption}
  705. <div class="caption">{Caption}</div>
  706. {/block:Caption}
  707. {/block:Photo}
  708.  
  709. {block:Photoset}
  710. {block:Photos}
  711. <img src="{PhotoURL-400}" width="300" />
  712. {/block:Photos}
  713. {block:Caption}
  714. <div class="caption">{Caption}</div>
  715. {/block:Caption}
  716. {/block:Photoset}
  717.  
  718. {block:Quote}
  719. <div class="mark">“</div>
  720. <div class="quote">{Quote}</div>
  721.  
  722. {block:Source}
  723. <div class="source">{Source}</div>
  724. {/block:Source}
  725. {/block:Quote}
  726.  
  727. {block:Link}
  728. <a href="{URL}" class="linktitle"><span>{Name}</span></a>
  729.  
  730. {block:Description}
  731. <div class="description">{Description}</div>
  732. {/block:Description}
  733. {/block:Link}
  734.  
  735. {block:Chat}
  736. {block:Title}
  737. <div class="title"><a href="{Permalink}">{Title}</a></div>
  738. {/block:Title}
  739.  
  740. <table id="chat">
  741. {block:Lines}
  742. <tr class="lines">
  743. {block:Label}<td class="label">
  744. {Label}</td>
  745. {/block:Label}
  746. <td>{Line}</td>
  747. </tr>
  748. {/block:Lines}
  749. </table>
  750. {/block:Chat}
  751.  
  752. {block:Video}
  753. {Video-400}
  754. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  755. {/block:Video}
  756.  
  757. {block:Answer}
  758. <table cellspacing="0" cellpadding="0" id="answer"><tr><td style="vertical-align:top;"><img src="{AskerPortraitURL-96}" width="40" height="40" style="padding-right:10px;"></td>
  759. <td style="vertical-align:top;"><b>{Asker} said:</b> {Question}</td>
  760. </td></table>
  761. {Answer}
  762. {/block:Answer}
  763.  
  764. {block:Audio}
  765. {block:AudioPlayer}
  766. <table cellspacing="0" cellpadding="0"><tr><td style="vertical-align:top;">
  767. {block:AlbumArt}
  768. <a href="{Permalink}"><img src="{AlbumArtURL}" alt="Album art" width="110"/></a>
  769. {/block:AlbumArt}
  770. </td>
  771. <td style="vertical-align:top;padding-left:10px;">
  772. <div style="width:140px;height:24px;background:#e4e4e4;overflow:hidden;padding:9px 20px;"><div style="width:24px;height:24px;overflow:hidden;margin:0px auto;">{AudioPlayerGrey}</div></div>
  773.  
  774. <div class="trackinfo">
  775. {block:TrackName}<span>SONG</span> {TrackName}{/block:TrackName}<br />
  776. {block:Artist}<span>ARTIST</span> {Artist}{/block:Artist}<br />
  777. {block:Album}<span>ALBUM</span> {Album}{/block:Album}
  778. </div>
  779. </td></tr></table>
  780. {/block:AudioPlayer}
  781. {block:AudioEmbed}{AudioEmbed-450}{/block:AudioEmbed}
  782. <div class="caption">{Caption}</div>
  783. {/block:Audio}
  784.  
  785. {block:PermalinkPage}
  786. <div class="perminfo">
  787. {block:HasTags}Tagged with {block:Tags}<a href="{TagURL}">#{Tag}</a> &nbsp;{/block:Tags}<br />{/block:HasTags}
  788. {block:ContentSource}Sourced from <a href="{SourceURL}">{SourceTitle}</a><br />{/block:ContentSource}
  789. {block:Date}Short URL: {ShortURL}{/block:Date}
  790. </div>
  791. <div id="postnotes">
  792. {PostNotes}
  793. </div>
  794. {/block:PermalinkPage}
  795.  
  796. </div>
  797. </div>
  798.  
  799. {/block:Posts}
  800. </div>
  801.  
  802. </div>
  803.  
  804. {block:IfGoogleAnalyticsID}
  805. <script>
  806. var _gaq=[['_setAccount','{text:Google Analytics ID}'],['_trackPageview']];
  807. (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
  808. g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
  809. s.parentNode.insertBefore(g,s)}(document,'script'));
  810. </script>
  811. {/block:IfGoogleAnalyticsID}
  812.  
  813. </body>
  814.  
  815. <div id="extras" class="popup_block">
  816. <div class="navs">
  817. <a href="/">index</a>
  818. {block:askenabled}<a href="/ask">message</a>{/block:askenabled}
  819. <a href="/archive">history</a>
  820. {block:submissionsenabled}<a href="/submit">submit</a>{/block:submissionsenabled}
  821. {block:HasPages}{block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
  822. {block:iflink1title}<a href="{text:link 1 url}">{text:link 1 title}</a>{/block:iflink1title}
  823. {block:iflink2title}<a href="{text:link 2 url}">{text:link 2 title}</a>{/block:iflink2title}
  824. {block:iflink3title}<a href="{text:link 3 url}">{text:link 3 title}</a>{/block:iflink3title}
  825. <a href="http://excolo.tumblr.com">theme</a>
  826. </div>
  827. </div>
  828.  
  829. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement