Perfect-Nicholas

Theme #24 - Finite

Dec 31st, 2013
2,212
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.37 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><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8. <!---- Theme #24 by llermans © tumblr.com --->
  9.  
  10. <meta name="color:Background" content="#ffffff"/>
  11. <meta name="color:Title" content="#323232"/>
  12. <meta name="color:Text" content="#323232"/>
  13. <meta name="color:Link" content="#6b6b6b"/>
  14. <meta name="color:Link Hover" content="#4f4f4f" />
  15. <meta name="color:Description" content="#f8f8f8" />
  16.  
  17. <meta name="if:small cursor" content="1"/>
  18. <meta name="if:400px posts" content="1">
  19. <meta name="text:ask title" content=""/>
  20.  
  21. <meta name="text:link 1" content="index"/>
  22. <meta name="text:link 1 url" content="/"/>
  23. <meta name="text:link 2" content="Link 2"/>
  24. <meta name="text:link 2 url" content="/"/>
  25. <meta name="text:link 3" content="Link 3"/>
  26. <meta name="text:link 3 url" content="/"/>
  27. <meta name="text:link 4" content="Link 4"/>
  28. <meta name="text:link 4 url" content="/"/>
  29.  
  30. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  31.  
  32. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  33.  
  34.  
  35. <script>
  36.  
  37. (function($){
  38.  
  39. $(document).ready(function(){
  40.  
  41. $("a[title]").style_my_tooltips({
  42.  
  43. tip_follows_cursor:true,
  44.  
  45. tip_delay_time:30,
  46.  
  47. tip_fade_speed:300,
  48.  
  49. attribute:"title"
  50.  
  51. });
  52.  
  53. });
  54.  
  55. })(jQuery);
  56.  
  57. </script>
  58.  
  59. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  60.  
  61. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  62.  
  63. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  64.  
  65. <script>
  66. $(document).ready(function(){
  67.  
  68. $(".slidingDiv").hide();
  69. $(".show_hide").show();
  70.  
  71. $('.show_hide').toggle(function(){
  72. $(".slidingDiv").slideDown(
  73. function(){
  74. $("#info").text("info")
  75. }
  76. );
  77. },function(){
  78. $(".slidingDiv").slideUp(
  79. function(){
  80. $("#info").text("info")
  81. }
  82. );
  83. });
  84. });
  85. </script>
  86.  
  87. <script type="text/javascript"
  88. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  89.  
  90. <script>
  91. $(document).ready(function() {
  92. //When you click on a link with class of poplight and the href starts with a #
  93. $('a.poplight[href^=#]').click(function() {
  94. var popID = $(this).attr('rel'); //Get Popup Name
  95. var popURL = $(this).attr('href'); //Get Popup href to define size
  96. //Pull Query & Variables from href URL
  97. var query= popURL.split('?');
  98. var dim= query[1].split('&');
  99. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  100. //Fade in the Popup and add close button
  101. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img class="btn_close"/></a>');
  102. //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
  103. var popMargTop = ($('#' + popID).height() + 80) / 2;
  104. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  105. //Apply Margin to Popup
  106. $('#' + popID).css({
  107. 'margin-top' : -popMargTop,
  108. 'margin-left' : -popMargLeft
  109. });
  110. //Fade in Background
  111. $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
  112. $('#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
  113. return false;
  114. });
  115. //Close Popups and Fade Layer
  116. $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
  117. $('#fade , .popup_block').fadeOut(function() {
  118. $('#fade, a.close').remove(); //fade them both out
  119. });
  120. return false;
  121. });
  122. });
  123. </script>
  124.  
  125. <style type="text/css">
  126.  
  127. #s-m-t-tooltip {
  128. color:{color:text};
  129. font-size:10px;
  130. font-style: italic;
  131. font-family: times;
  132. margin:12px 0px 0px 12px;
  133. padding:3px 5px;
  134. max-width:350px;
  135. background-color:{color:description};
  136. text-transform:lowercase;
  137. letter-spacing: 1px;
  138. z-index:999; }
  139.  
  140. body {
  141. background:{color:background};
  142. margin:0px;
  143. color:{color:text};
  144. font-family:Helvetica;
  145. font-size:11px;
  146. line-height:16px;
  147. {block:ifSmallCursor}
  148. cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;
  149. {/block:ifSmallCursor}
  150. }
  151.  
  152. a {
  153. text-decoration:none;
  154. outline:none;
  155. -moz-outline-style:none;
  156. color:{color:link};
  157. -moz-transition-duration:0.8s;
  158. -webkit-transition-duration:0.8s;
  159. -o-transition-duration:0.8s;
  160. }
  161.  
  162. a:hover {
  163. text-decoration:none;
  164. outline:none;
  165. -moz-outline-style:none;
  166. color:{color:link hover};
  167. }
  168.  
  169. .tumblr_blog {
  170. {block:text}
  171. display:block;
  172. {/block:text}
  173. {block:caption}
  174. display:none;
  175. {/block:caption}
  176. }
  177.  
  178. .tumblr_blog a {
  179. {block:text}
  180. color:{color:text};
  181. {/block:text}
  182. {block:caption}
  183. color:transparent!important;
  184. {/block:caption}
  185. }
  186.  
  187.  
  188. h3 {
  189. font-family: helvetica;
  190. text-align: center;
  191. font-size: 12px;
  192. text-transform: lowercase;
  193. font-weight: lighter !important;
  194. line-height: 130%;
  195. color: #ffffff;
  196. }
  197.  
  198. img {
  199. border:none;
  200. {block:ifNot400pxposts}
  201. max-width:500px!important;
  202. {/block:ifNot400pxposts}
  203. {block:if400pxposts}
  204. max-width:400px!important;
  205. {/block:if400pxposts}x
  206. }
  207.  
  208. blockquote {
  209. padding: 2px 0 2px 10px;
  210. border-left: 1px solid {color:description};
  211. text-align:justify;
  212. }
  213.  
  214. blockquote p {
  215. display:block!important;
  216. }
  217.  
  218. blockquote img {
  219. {block:ifNot400pxposts}
  220. max-width:320px!important;
  221. {/block:ifNot400pxposts}
  222. {block:if400pxposts}
  223. max-width:220px!important;
  224. {/block:if400pxposts}
  225. }
  226.  
  227. #post {
  228. {block:if400pxposts}
  229. width:400px;
  230. {/block:if400pxposts}
  231. {block:ifnot400pxposts}
  232. width:500px;
  233. {/block:ifnot400pxposts}
  234. {block:Indexpage}
  235. padding-bottom:150px;
  236. {/block:Indexpage}
  237. {block:Permalinkpage}
  238. padding-bottom:25px;
  239. {/block:Permalinkpage}
  240. }
  241.  
  242. #still {
  243. position:absolute;
  244. left: 50%;
  245. margin-left: -255px;
  246. {block:ifnot400posts}
  247. margin-left:-295px;
  248. {/block:ifnot400posts}
  249. }
  250.  
  251. #entries {
  252. margin:auto;
  253. position:absolute;
  254. {block:if400pxposts}
  255. width:400px;
  256. {/block:if400pxposts}
  257. {block:ifnot400pxposts}
  258. width:500px;
  259. {/block:ifnot400pxposts}
  260. font-family:cambria;
  261. font-size:11px;
  262. padding:55px;
  263. }
  264.  
  265. #topbar {
  266. {block:if400pxposts}
  267. width:400px;
  268. {/block:if400pxposts}
  269. {block:ifnot400pxposts}
  270. width:500px;
  271. {/block:ifnot400pxposts}
  272. text-align:center;
  273. top:5px;
  274. }
  275.  
  276. #title {
  277. font-size: 14px;
  278. padding-right: 15px;
  279. font-weight: bold;
  280. font-family: times;
  281. float:left;
  282. color: {color:title};
  283. }
  284.  
  285. #links {
  286. {block:Indexpage}
  287. padding-bottom:0px;
  288. {/block:Indexpage}
  289. {block:Permalinkpage}
  290. padding-bottom:0px;
  291. {/block:Permalinkpage}
  292. background:transparent;
  293. margin-top:117px;
  294. text-align:left;
  295. -webkit-transition: all 0.5s;
  296. -moz-transition: all 0.5s;
  297. -ms-transition: all 0.5s;
  298. -o-transition: all 0.5s;
  299. transition: all 0.5s;
  300. }
  301.  
  302. #links a {
  303. color:{color:links};
  304. width:60px;
  305. margin-right:15px;
  306. text-align:left;
  307. font-size: 12px;
  308. font-family:times;
  309. text-transform: lowercase;
  310. -webkit-transition: all 0.5s;
  311. -moz-transition: all 0.5s;
  312. -ms-transition: all 0.5s;
  313. -o-transition: all 0.5s;
  314. transition: all 0.5s;
  315. }
  316.  
  317. #links a:hover {
  318. font-weight:bold;
  319. text-decoration:none;
  320. text-align:center;
  321. text-transform:lowercase;
  322. font-family:times;
  323. -webkit-transition: all 0.5s;
  324. -moz-transition: all 0.5s;
  325. -ms-transition: all 0.5s;
  326. -o-transition: all 0.5s;
  327. transition: all 0.5s;
  328. }
  329.  
  330. #description {
  331. background:{color:description};
  332. padding: 16px;
  333. margin-top:10px;
  334. margin-bottom:100px;
  335. {block:if400pxposts}
  336. width:400px;
  337. margin-left:-15px;
  338. {/block:if400pxposts}
  339. {block:ifnot400pxposts}
  340. width:500px;
  341. margin-left:-15px;
  342. {/block:ifnot400pxposts}
  343. margin-right:auto;
  344. height: auto;
  345. overflow: auto;
  346. text-align: justify;
  347. }
  348.  
  349. .list {
  350. font-family: times;
  351. font-size: 12px;
  352. font-style:italic;
  353. word-spacing: 2px;
  354. line-height: 15px;
  355. color:{color:text};
  356. }
  357.  
  358. #pagination {
  359. font-family:helvetica;
  360. {block:ifNot400pxposts}
  361. width:500px;
  362. {/block:ifNot400pxposts}
  363. {block:if400pxposts}
  364. width:400px;
  365. {/block:if400pxposts}
  366. margin-left:-8px;
  367. font-size:11px;
  368. margin-top:-40px;
  369. margin-bottom:40px;
  370. padding-left:5px;
  371. text-transform:uppercase;
  372. word-spacing:15px;
  373. letter-spacing:1px;
  374. text-align:center;
  375.  
  376. }
  377.  
  378. #pagination a {
  379. color:{color:link};
  380. }
  381.  
  382.  
  383. #info {
  384. {block:ifNot400pxposts}
  385. width:500px;
  386. {/block:ifNot400pxposts}
  387. {block:if400pxposts}
  388. width:400px;
  389. {/block:if400pxposts}
  390. text-align:left;
  391. margin-top:-10px;
  392. font-size:9px;
  393. font-family:'times', arial, 'justus';
  394. }
  395.  
  396. .infos {
  397. background: {color:background};
  398. padding-right:8px;
  399. }
  400.  
  401. .border {
  402. border-top: 1px solid #e9e7e7;
  403. margin-top: 20px;
  404. }
  405.  
  406. .info {
  407. position:absolute;
  408. width: 125px;
  409. opacity:0;
  410. font-family:helvetica;
  411. font-size:9px;
  412. margin-top:0px;
  413. font-weight:lighter;
  414. {block:indexpage}
  415. {block:ifNot400pxposts}
  416. margin-left:530px;
  417. {/block:ifNot400pxposts}
  418. {block:if400pxposts}
  419. margin-left:430px;
  420. {/block:if400pxposts}
  421. {/block:indexpage}
  422. {block:permalinkpage}
  423. display:none;
  424. {/block:permalinkpage}
  425. -webkit-transition: all 0.5s ease-in-out;
  426. -moz-transition: all 0.5s ease-in-out;
  427. -o-transition: all 0.5s ease-in-out;
  428. -ms-transition: all 0.5s ease-in-out;
  429. transition: all 0.5s ease-in-out;
  430. }
  431.  
  432.  
  433. .info a {
  434. color:{color:text};
  435. }
  436.  
  437.  
  438. #post:hover .info {
  439.  
  440. opacity:1;
  441.  
  442. }
  443.  
  444. #permainfo {
  445. {block:ifNot400pxposts}
  446. width:500px;
  447. {/block:ifNot400pxposts}
  448. {block:if400pxposts}
  449. width:400px;
  450. {/block:if400pxposts}
  451. border-top:1px solid #eee;
  452. text-align:center;
  453. word-spacing:1px;
  454. margin-top:30px;
  455. margin-bottom:20px;
  456. }
  457.  
  458. .tags {
  459. line-height:20px;
  460. display:inline-block;
  461. margin-left:10px;
  462. {block:permalinkpage}
  463. margin-left:0px;
  464. {/block:permalinkpage}
  465. }
  466.  
  467. .tags a {
  468. padding-left:5px;
  469. padding-right:5px;
  470. padding-bottom:3px;
  471. padding-top:3px;
  472. margin-right:3px;
  473. background:{color:description};
  474. }
  475.  
  476. .tags a:hover {
  477. background:{color:description};
  478. }
  479.  
  480.  
  481. .quote {
  482. font-family:times;
  483. color:{color:title};
  484. font-size:15px;
  485. text-align:left;
  486. letter-spacing:0px;
  487. line-height:110%;
  488. padding:10px;
  489. margin-bottom:5px;
  490. }
  491.  
  492. #source {
  493. font-size:9px;
  494. text-align:right;
  495. padding:3px;
  496. }
  497.  
  498. #source a {
  499. color:{color:text};
  500. }
  501.  
  502. #chat {
  503. font-size:11px;
  504. line-height:150%;
  505. }
  506.  
  507. #caption {
  508. background:{color:description};
  509. padding:8px;
  510. font-size:11px;
  511. border-left: 0px solid white;
  512. font-style:normal;
  513. outline:2px solid {color:description};
  514. border:2px solid {color:background};
  515. }
  516.  
  517. #caption p {
  518. display:none;
  519. }
  520.  
  521. #captionvisible {
  522. background:{color:description};
  523. padding:8px;
  524. font-size:11px;
  525. border-left: 0px solid white;
  526. font-style:normal;
  527. outline:2px solid {color:description};
  528. border:2px solid {color:background};
  529. }
  530.  
  531. #captionvisible p {
  532. display:block;
  533. padding-left:25px;
  534. }
  535.  
  536. #cap {
  537. padding: 5px;
  538. margin-top: 5px;
  539. }
  540.  
  541. #ask {
  542. text-align:justify;
  543. background:#fafafa;
  544. padding:8px;
  545. line-height:120%;
  546. font-family:'Helvetica Neue', Arial, Helvetica, sans-serif;;
  547. font-size:11px;
  548. }
  549.  
  550. .newplayerbutton {
  551. position: relative;
  552. width: 28px;
  553. height: 27px;
  554. overflow: hidden;
  555. }
  556.  
  557. .playerbuttonhug {
  558. position: absolute;
  559. top: -11px;
  560. left: -12px;
  561. }
  562.  
  563.  
  564. .tumblr_audio_player {
  565. border: none;
  566. padding: 0px;
  567. margin: 0px;
  568. height: 40px;
  569. width: 207px;
  570. }
  571.  
  572. .playerbuttonbg {
  573. position: absolute;
  574. left: 20px;
  575. top: 20px;
  576. width: 28px;
  577. height: 28px;
  578. background-color: #ffffff;
  579. padding: 10px;
  580. -webkit-border-radius: 40px;
  581. -moz-border-radius: 40px;
  582. border-radius: 40px;
  583. opacity: .4;
  584. filter: alpha(opacity=40);
  585. -moz-opacity: 0.4;
  586. -khtml-opacity: 0.4;
  587. transition: opacity .7s ease-in-out;
  588. -moz-transition: opacity .7s ease-in-out;
  589. -webkit-transition: opacity .7s ease-in-out;
  590. }
  591.  
  592. .playerbuttonbg:hover {
  593. opacity: 1;
  594. filter: alpha(opacity=100);
  595. -moz-opacity: 1;
  596. -khtml-opacity: 1;
  597. }
  598.  
  599. .audioimgwrapper {
  600. position: absolute;
  601. left: 0px;
  602. top: 0px;
  603. -webkit-border-radius: 50px;
  604. -moz-border-radius: 50px;
  605. border-radius: 50px;
  606. overflow: hidden;
  607. width: 88px;
  608. height: 88px;
  609. }
  610.  
  611. .audioimgwrapper img {
  612. width: 100%;
  613. height: auto;
  614. -webkit-border-radius: 50px;
  615. -moz-border-radius: 50px;
  616. border-radius: 50px;
  617. }
  618.  
  619. .trackdetails {
  620. width: auto;
  621. display:inline-block;
  622. margin-left: 100px;
  623. min-height: 85px;
  624. }
  625.  
  626. .audiowrapper {
  627. position: relative;
  628. display:inline-block;
  629. }
  630.  
  631. .audiop{
  632. background:white;
  633. padding:10px;
  634. }
  635.  
  636. .audioplayer {
  637. position:absolute;
  638. margin-top:-73px;
  639. margin-left:100px;
  640. width:200px;
  641. font-size:12px;
  642. padding-bottom:3px;
  643. font-family:times;
  644. text-align:center;
  645. overflow:;
  646. }
  647.  
  648. .audiop img{
  649. {block:ifFadedImages}
  650. opacity:1;
  651. {/block:ifFadedImages}
  652. {block:ifInvertedImages}
  653. opacity:1;
  654. {/block:ifInvertedImages}
  655. }
  656.  
  657. .audiop img:hover{
  658. {block:ifFadedImages}
  659. opacity:1;
  660. {/block:ifFadedImages}
  661. {block:ifInvertedImages}
  662. opacity:1;
  663. {/block:ifInvertedImages}
  664. }
  665.  
  666. ol.notes {
  667. display:block;
  668. padding-bottom:2%;
  669. text-align:left;
  670. list-style-type:none;
  671. padding:25px 0;
  672. }
  673.  
  674. ol.notes li.note{
  675. padding:2%;
  676. }
  677.  
  678. ol.notes li.note img.avatar{
  679. width:0px;
  680. height:0px;
  681. }
  682.  
  683. .pagenotes {
  684. width:400px;
  685. text-align:left;
  686.  
  687. }
  688.  
  689. #credit {
  690. position:fixed;
  691. right:10px;
  692. bottom:10px;
  693. text-transform:uppercase;
  694. font:9px 'times';
  695. letter-spacing:1px;
  696. padding:5px;
  697. -webkit-transition: all 0.3s ease;
  698. -moz-transition: all 0.3s ease;
  699. -ms-transition: all 0.3s ease;
  700. -o-transition: all 0.3s ease;
  701. transition: all 0.3s ease;
  702.  
  703. }
  704.  
  705. #credit a:hover {
  706. position:fixed;
  707. right:10px;
  708. bottom:10px;
  709. opacity:1;
  710. text-transform:uppercase;
  711. font:9px 'times';
  712. letter-spacing:1px;
  713. padding:5px;
  714. -webkit-transition: all 0.3s ease;
  715. -moz-transition: all 0.3s ease;
  716. -ms-transition: all 0.3s ease;
  717. -o-transition: all 0.3s ease;
  718. transition: all 0.3s ease;
  719.  
  720. }
  721.  
  722. #fade {
  723. display: none;
  724. background: #000;
  725. position: fixed;
  726. left: 0;
  727. top: 0;
  728. width: 100%;
  729. height: 100%;
  730. opacity: .80;
  731. z-index: 9999;
  732. }
  733.  
  734. .popup_block{
  735. display: none;
  736. background:transparent;
  737. padding: 20px;
  738. float: left;
  739. position: fixed;
  740. top: 50%;
  741. left: 50%;
  742. z-index: 99999;
  743. }
  744.  
  745. *html #fade {
  746. position: absolute;
  747. }
  748.  
  749. *html .popup_block {
  750. position: absolute;
  751. }
  752.  
  753.  
  754. .showhide_element {
  755. display: none;
  756. }
  757.  
  758. {CustomCSS}</style></head><body>
  759.  
  760. <div id="still">
  761.  
  762. <div id="entries">
  763.  
  764. <div id="topbar">
  765.  
  766. <div id="title">{title}&nbsp;&nbsp;|&nbsp;</div>
  767.  
  768. <div id="links">
  769.  
  770. {block:iflink1}<a href="{text:link 1 url}">{text:link 1}</a>{/block:iflink1}
  771. {block:iflink2}<a href="{text:link 2 url}">{text:link 2}</a>{/block:iflink2}
  772. {block:iflink3}<a href="{text:link 3 url}">{text:link 3}</a>{/block:iflink3}
  773. {block:iflink4}<a href="{text:link 4 url}">{text:link 4}</a>{/block:iflink4}
  774. <a href="#?w=500" rel="askpop" class="poplight">askbox</a>
  775.  
  776. </div>
  777.  
  778. <div id="description"><font class="list">{description}</font></div>
  779.  
  780. </div>
  781.  
  782. {block:Posts}<div id="post">
  783.  
  784. {block:ContentSource}
  785. <!-- {SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  786. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  787. {/block:SourceLogo}
  788. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  789. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  790.  
  791. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1><div id="textpost">{Body}</div>{/block:Text}
  792.  
  793. {block:Photo}{block:ifNot400pxposts}<center>{LinkOpenTag}<img src="{PhotoURL-500}"/>{LinkCloseTag}</center>{/block:ifNot400pxposts}{block:if400pxposts}<center>{LinkOpenTag}<img src="{PhotoURL-400}"/>{LinkCloseTag}</center>{/block:if400pxposts}{block:Caption}{block:RebloggedFrom}<div id="cap"><div id="caption">{Caption}</div></div>{/block:RebloggedFrom}{block:NotReblog}<div id="cap"><div id="captionvisible">{Caption}</div></div>{/block:NotReblog}{/block:Caption} {/block:Photo}
  794.  
  795. {block:Photoset}{block:ifNot400pxposts}<center>{Photoset-500}</center>{/block:ifNot400pxposts}{block:if400pxposts}<center>{Photoset-400}</center>{/block:if400pxposts}{block:Caption}{block:RebloggedFrom}<div id="cap"><div id="caption">{Caption}</div></div>{/block:RebloggedFrom}{block:NotReblog}<div id="cap"><div id="captionvisible">{Caption}</div></div>{/block:NotReblog}{/block:Caption}{/block:Photoset}
  796.  
  797. {block:Quote}<div class="quote">{Quote}</div>{block:Source}
  798. <br><div id="source">&nbsp;&nbsp;{Source}&nbsp;&nbsp;</div>
  799. {/block:Source}{/block:Quote}
  800.  
  801. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  802.  
  803. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}<div id="chat">{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}</div>{/block:Chat}
  804.  
  805. {block:Audio}<section class="top audio"><div class="audiop">{block:AlbumArt}
  806. <img src="{AlbumArtURL}" width="70px;" style="position:absolute;margin:5px;z-index:1;">{/block:AlbumArt}
  807. <img src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg" width="70px;" style="position:relative;margin:5px;">
  808. {block:AudioPlayer}<div class="audioplayer">{AudioPlayerBlack}<br>{block:Artist}by
  809. {Artist} |
  810. {/block:Artist} {PlayCount} plays
  811. </div>{/block:AudioPlayer}
  812. </div>
  813. </section>
  814. {block:Caption}{block:RebloggedFrom}<div id="cap"><div id="caption">{Caption}</div></div>{/block:RebloggedFrom}{block:NotReblog}<div id="cap"><div id="captionvisible">{Caption}</div></div>{/block:NotReblog}{/block:Caption}
  815. {/block:Audio}
  816.  
  817. {block:Video}{block:ifNot400pxposts}{Video-500}{/block:ifNot400pxposts}{block:if400pxposts}{Video-400}{/block:if400pxposts}{block:Caption}{block:RebloggedFrom}<div id="cap"><div id="caption">{Caption}</div></div>{/block:RebloggedFrom}{block:NotReblog}<div id="cap"><div id="captionvisible">{Caption}</div></div>{/block:NotReblog}{/block:Caption}{/block:Video}
  818.  
  819. {block:Answer}<div id="ask"><div style="color:{color:text};"><b>{Asker}</b>: {Question}</div></div><br>{Answer}{/block:Answer}
  820.  
  821. <div class="border"></div>
  822. <div id="info"><span class="infos">
  823. {block:permalinkpage}{block:Date}{ShortMonth} {DayOfMonthWithZero} at {12HourWithZero}:{Minutes}{CapitalAmPm}{/block:Date}&nbsp;&nbsp;{/block:permalinkpage}<span style="font-size:12px; margin-top:-1px"><a href="{Permalink}">
  824. {NoteCount} notes</a></span>{block:permalinkpage}{block:RebloggedFrom}&nbsp;&nbsp; <a href="{ReblogParentURL}"title="{ReblogParentTitle}">Via</a> &nbsp;&nbsp; <a href="{ReblogRootURL}"title="{ReblogRoottitle}">Source</a>{/block:RebloggedFrom}{/block:permalinkpage}</span>
  825. {block:permalinkpage}<br/>{/block:permalinkpage}
  826. {block:HasTags}<div class="tags">{block:Tags} <a href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  827.  
  828. </div>
  829.  
  830. </div>
  831.  
  832. {block:PostNotes}<div class="pagenotes">{PostNotes}</div>{/block:PostNotes}
  833. {/block:Posts}
  834.  
  835. {block:Pagination}<div id="pagination">
  836. {block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage}
  837. {block:JumpPagination length="10"}
  838. {block:CurrentPage}<span class="current_page">{PageNumber}</span>
  839. {/block:CurrentPage}{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  840. {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}
  841. </div>
  842. {/block:Pagination}
  843.  
  844. </div>
  845.  
  846. <div id="credit">
  847. <a href="http://llermans.tumblr.com/">
  848. LLMNS
  849. </a> </div>
  850.  
  851. <div id="askpop" class="popup_block">
  852. <center><h3>{text:ask title}</h3>
  853. <iframe frameborder="0" border="0" scrolling="no" width="100%" height="190" allowtransparency="true" src="http://www.tumblr.com/ask_form/{name}.tumblr.com" style="background-color:transparent; overflow:hidden;"></iframe>
  854. </center>
  855. </div>
  856.  
  857. </body></html>
Add Comment
Please, Sign In to add comment