Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

Accendo Theme by Collisions

By: rafhuh on Jul 14th, 2012  |  syntax: None  |  size: 20.28 KB  |  hits: 11,651  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  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.  
  4. <html>
  5. <head>
  6. <title>{Title}</title>
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. <link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
  10. {block:Description}
  11.  
  12. <meta name="description" content="{MetaDescription}" />
  13. {/block:Description}
  14. <meta name="font:title" content="Georgia"/>
  15. <meta name="font:body" content="Arial"/>
  16. <meta name="font:post title" content="Georgia"/>
  17. <meta name="font:quote text" content="Georgia"/>
  18. <meta name="text:title size" content="13px"/>
  19. <meta name="text:post title size" content="13px"/>
  20. <meta name="text:font size" content="11px"/>
  21. <meta name="text:line height" content="14px"/>
  22. <meta name="text:description text" content="9px"/>
  23. <meta name="text:quote font size" content="11px"/>
  24. <meta name="text:perma size" content="9px"/>
  25. <meta name="text:link 1 text" content="Link 1" />
  26. <meta name="text:link 1" content="http://" />
  27. <meta name="text:link 2 text" content="Link 2" />
  28. <meta name="text:link 2" content="http://" />
  29. <meta name="color:background" content="#f8f8f8"/>
  30. <meta name="color:navigation background" content="#FFFFFF"/>
  31. <meta name="color:scrollbar color" content="#CACACA"/>
  32. <meta name="color:posts border" content="#eee"/>
  33. <meta name="color:title color" content="#222"/>
  34. <meta name="color:text" content="#222"/>
  35. <meta name="color:post title" content="#222"/>
  36. <meta name="color:links" content="#414141"/>
  37. <meta name="color:link hover" content="#7D7D7D"/>
  38. <meta name="color:post description text" content="#FFFFFF"/>
  39. <meta name="color:posts background" content="#FFFFFF"/>
  40. <meta name="color:question background" content="#F8F8F8"/>
  41. <meta name="if:bigger posts" content="0"/>
  42. <meta name="if:show post descriptions" content="1"/>
  43. <meta name="if:cursive title" content="1"/>
  44.  
  45. <style type="text/css">
  46.  
  47. /* Magnis theme provided by collisions.tumblr.com. Do NOT remove the credit. */
  48.  
  49. body {
  50.     background: {color:background};
  51.     margin:0px auto;
  52.     font-family:{font:body};
  53.     font-size:{text:font size};
  54.     line-height:{text:line height};
  55.     text-align:justify;
  56.     color:{color:text};
  57. }
  58.  
  59. .title {
  60.     font-size: {text:title size};
  61.     font-family: {block:ifcursivetitle}'Great Vibes', cursive{/block:ifcursivetitle}{block:ifNotcursivetitle}{font:title}{/block:ifNotcursivetitle};
  62.     color: {color:title color};
  63.     font-weight: normal;
  64.     margin-bottom: 6px;
  65. }
  66.  
  67. h3 {
  68.     font-size: {text:post title size};
  69.     font-family: {font:post title};
  70.     color: {color:post title};
  71.     font-weight: normal;
  72. }
  73.  
  74. .nav {
  75.     margin: 0px auto;
  76.     width: 350px;
  77.     padding: 20px;
  78.     margin-top: 20px;
  79.     max-height: 150px;
  80.     text-align: center;
  81.     letter-spacing: 1px;
  82.     border-right: 1px solid {color:posts border};
  83.     border-bottom: 1px solid {color:posts border};
  84.     background-color: {color:navigation background};
  85. }
  86.  
  87. .nav a {
  88.     border-bottom: 3px solid {color:navigation background};
  89. }
  90.  
  91. .nav a:hover {
  92.     border-bottom: 3px solid color: {color:link hover};
  93. }
  94.  
  95. .wrap {
  96.     margin:0px auto;
  97.     {block:indexpage}width:{block:ifNotbiggerposts}670px{/block:ifNotbiggerposts}{block:ifbiggerposts}870px{/block:ifbiggerposts};{/block:indexpage}
  98.     {block:permalinkpage}width:500px;{/block:permalinkpage}
  99.     margin-top:20px;
  100.     margin-bottom:50px;
  101. }
  102.  
  103. .posts {
  104.     {block:indexpage}width:{block:ifNotbiggerposts}670px{/block:ifNotbiggerposts}{block:ifbiggerposts}870px{/block:ifbiggerposts};{/block:indexpage}
  105.     {block:permalinkpage}width:500px;{/block:permalinkpage}
  106.     position:relative;
  107.     float:left;
  108.    
  109. }
  110.  
  111. .post {
  112.     float:left;
  113.     position:relative;
  114.     padding: 5px;
  115.     border-right: 1px solid {color:posts border};
  116.     border-bottom: 1px solid {color:posts border};
  117.     background-color: {color:posts background};
  118.     {block:indexpage}width:{block:ifNotbiggerposts}300px{/block:ifNotbiggerposts}{block:ifbiggerposts}400px{/block:ifbiggerposts}; margin:10px;{/block:indexpage}
  119.     {block:permalinkpage}width:500px;{/block:permalinkpage}
  120. }
  121.  
  122. .wrap img {
  123.     {block:indexpage}max-width:{block:ifNotbiggerposts}300px{/block:ifNotbiggerposts}{block:ifbiggerposts}400px{/block:ifbiggerposts};{/block:indexpage}
  124.     {block:permalinkpage}width:500px;{/block:permalinkpage}
  125. }
  126.  
  127. a {
  128.     color: {color:links};
  129.     text-decoration: none;
  130.     -moz-transition: 0.3s ease-in;
  131.     -webkit-transition: 0.3s ease-in;
  132.     -o-transition: 0.3s ease-in;
  133.     transition: 0.3s ease-in;
  134. }
  135.  
  136. a:hover {
  137.     color: {color:link hover};
  138.     text-decoration: none;
  139.     -moz-transition: 0.3s ease-in;
  140.     -webkit-transition: 0.3s ease-in;
  141.     -o-transition: 0.3s ease-in;
  142.     transition: 0.3s ease-in;
  143. }
  144.  
  145. .post:hover .imgpermalink {
  146.     opacity: .8;
  147.     -moz-transition: 0.5s ease-in;
  148.     -webkit-transition: 0.5s ease-in;
  149.     -o-transition: 0.5s ease-in;
  150.     transition: 0.5s ease-in;
  151.     padding-bottom: 8px;
  152.     }
  153.  
  154. .post .imgpermalink {
  155.     position:absolute;
  156.     bottom: 6px;
  157.     padding: 8px 0 0 8px;  
  158.     opacity: 0;
  159.     -moz-transition: 0.4s ease-in;
  160.     -webkit-transition: 0.4s ease-in;
  161.     -o-transition: 0.4s ease-in;
  162.     transition: 0.4s ease-in;
  163.     font-size: {text:description text};
  164.     color: {color:post description text};
  165. }
  166.  
  167. .imgpermalink a {
  168.     color: {color:post description text};
  169.     -moz-transition: 0.4s ease-in;
  170.     -webkit-transition: 0.4s ease-in;
  171.     -o-transition: 0.4s ease-in;
  172.     transition: 0.4s ease-in;
  173. }
  174.  
  175. #permalink {
  176.     padding-top: 5px;
  177.     margin-top: 5px;
  178.     opacity: .5;
  179.     text-align: left;
  180.     font-size: {text:perma size};
  181.     border-top: 1px dotted {color:posts border};
  182.     -moz-transition: 0.4s ease-in;
  183.     -webkit-transition: 0.4s ease-in;
  184.     -o-transition: 0.4s ease-in;
  185.     transition: 0.4s ease-in;
  186. }
  187.  
  188. .post:hover #permalink {
  189.     opacity: 1;
  190.     text-align: left;
  191.     border-top: 1px dotted {color:posts border};
  192.     -moz-transition: 0.4s ease-in;
  193.     -webkit-transition: 0.4s ease-in;
  194.     -o-transition: 0.4s ease-in;
  195.     transition: 0.4s ease-in;
  196. }
  197.  
  198. .postnotes {
  199.    
  200.     position:absolute;
  201.     top: 0px;
  202.     right: 0px;
  203.     padding: 6px;
  204.     opacity: 0;
  205.     background-color: {color:posts background};
  206.     -moz-transition: 0.4s ease-in;
  207.     -webkit-transition: 0.4s ease-in;
  208.     -o-transition: 0.4s ease-in;
  209.     transition: 0.4s ease-in;
  210. }
  211.  
  212. .post:hover .postnotes {
  213.     opacity: .8;
  214.     -moz-transition: 0.4s ease-in;
  215.     -webkit-transition: 0.4s ease-in;
  216.     -o-transition: 0.4s ease-in;
  217.     transition: 0.4s ease-in;
  218. }
  219.  
  220. .quotepost {
  221.     padding-top: 8px;
  222.     background-image: url('http://i.imgur.com/WgXVJ.png');
  223.     background-repeat:no-repeat;
  224.     background-position:left top;
  225.     font-family: {font: quote text};
  226.     font-size: {text: quote font size};
  227. }
  228.  
  229. .quotepost p {
  230.   text-indent: 25px;
  231.   margin-top: 0;
  232.  }
  233.  
  234. #quotesource {
  235.     text-align: right;
  236.     font-weight: bold;
  237. }
  238.  
  239. .notesbox {
  240.     max-height:200px;
  241.     width: 500px;
  242.     overflow:scroll;
  243. }
  244.  
  245. .my-like {
  246.     background-image:url(http://i.imgur.com/Hwh2v.png) !important;
  247.     width:15px;
  248.     height:13px;
  249.     display:inline-block;
  250. }
  251.  
  252. .my-liked, .my-like:hover {
  253.     background-image:url(http://i.imgur.com/AMAXI.png) !important;
  254.     width:15px;
  255.     height:13px;
  256.     cursor:pointer;
  257.     display:inline-block;
  258. }
  259.  
  260. #mylike {
  261.     position: absolute;
  262.     top:12px;
  263.     right: 12px;
  264.     opacity: 0;
  265.     -moz-transition: 0.4s ease-in;
  266.     -webkit-transition: 0.4s ease-in;
  267.     -o-transition: 0.4s ease-in;
  268.     transition: 0.4s ease-in;
  269. }
  270.  
  271. .post:hover #mylike{
  272.     opacity: 1;
  273.     -moz-transition: 0.4s ease-in;
  274.     -webkit-transition: 0.4s ease-in;
  275.     -o-transition: 0.4s ease-in;
  276.     transition: 0.4s ease-in;
  277. }
  278.  
  279. .asker {
  280. }
  281.  
  282. .question {
  283. padding: 6px;
  284. border-radius: 3px;
  285. -moz-border-radius: 3px;
  286. -ms-border-radius: 3px;
  287. -webkit-border-radius: 3px;
  288. -khtml-border-radius: 3px;
  289. margin-top: 6px;
  290. background-color: {color:question background};
  291. }
  292.  
  293. .answer {
  294. font-style: italic;
  295. }
  296.  
  297. .albumcover {
  298. width: 100%;
  299. }
  300.  
  301. .audioplayer {
  302. }
  303.  
  304. .player {
  305. width: 100%;
  306. background-color: #e4e4e4;
  307. }
  308.  
  309. ol.notes {
  310. padding: 0px;
  311. margin: 25px 0px;
  312. list-style-type: none;
  313. border-bottom: dotted 1px #ccc;
  314. }
  315.  
  316. ol.notes li.note {
  317. border-top: dotted 1px #ccc;
  318. padding: 5px;
  319. }
  320.  
  321. ol.notes li.note img.avatar {
  322. vertical-align: -4px;
  323. margin-right: 10px;
  324. width: 16px;
  325. height: 16px;
  326. }
  327.  
  328. ol.notes li.note span.action {
  329. font-weight: normal;
  330. }
  331.  
  332. ol.notes li.note .answer_content {
  333. font-weight: normal;
  334. }
  335. ol.notes li.note blockquote {
  336. border-color: #eee;
  337. padding: 4px 10px;
  338. margin: 10px 0px 0px 25px;
  339. }
  340.  
  341. ol.notes li.note blockquote a {
  342. text-decoration: none;
  343. }
  344.  
  345. ul{
  346. margin-left:-40px!important;
  347. list-style:none;
  348. }
  349.  
  350. ::-webkit-scrollbar{
  351.     width:7px;
  352.     height:7px;
  353. }
  354.  
  355. ::-webkit-scrollbar-button:start:decrement
  356. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  357. ::-webkit-scrollbar-track-piece{background-color:{color:background}; -webkit-border-radius:0;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;}
  358. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color: {color:scrollbar color};-webkit-border-radius:px;}
  359. ::-webkit-scrollbar-thumb:horizontal{width:7px; background-color: {color:scrollbar color}; -webkit-border-radius:px;}
  360.  
  361. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  362. #infscr-loading {display:none;}
  363. .navigation{display:none;}
  364.  
  365. {CustomCSS}
  366.  
  367. </style>
  368.  
  369. <script type='text/javascript' src='http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js'></script>
  370.  
  371. {block:IndexPage}
  372. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  373. <script src="http://static.tumblr.com/twte3d7/qNulm663d/infinite.js"></script>
  374.  
  375. <script type="text/javascript">
  376. $(window).load(function () {
  377. $('.posts').masonry(),
  378. $('.masonryWrap').infinitescroll({
  379. navSelector : "div.navigation",
  380. // selector for the paged navigation (it will be hidden)
  381. nextSelector : ".navigation a#next",
  382. // selector for the NEXT link (to page 2)
  383. itemSelector : ".post",
  384. // selector for all items you'll retrieve
  385. bufferPx : 10000,
  386. extraScrollPx: 10000,
  387. loadingImg : "http://www.freeiconsweb.com/Icons-show/loading/loading2.gif",
  388. loadingText : "<em></em>",
  389. },
  390. // call masonry as a callback.
  391. function() { $('.posts').masonry({ appendedContent: $(this) }); }
  392. );
  393. });
  394. </script>
  395.  
  396. <script>window.onload = function () {document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );document.addEventListener( 'click', function ( event ) {    var myLike = event.target;    if( myLike.className.indexOf( 'my-like' ) > -1 ) {        var frame = document.getElementById( 'my-like-frame' ),            liked = ( myLike.className == 'my-liked' ),            command = liked ? 'unlike' : 'like',            reblog = myLike.getAttribute( 'data-reblog' ),            id = myLike.getAttribute( 'data-id' ),            oauth = reblog.slice( -8 );        frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;        liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';    };}, false );};</script>
  397. {/block:IndexPage}
  398.  
  399. </head>
  400.  
  401. <body>
  402.  
  403. <div style="position:fixed; bottom:10px; right:10px;"><a href="http://collisions.tumblr.com" title="theme from collisions">theme</a></div>
  404.  
  405. <div class="nav">
  406. <div class="title">{title}</div>
  407. <a href="/">Home</a>&nbsp;&nbsp;<a href="/ask">Ask</a>&nbsp;&nbsp;<a href="/archive">Archive</a>&nbsp;&nbsp;<a href="{text:link 1}">{text:link 1 text}</a>&nbsp;&nbsp;<a href="{text:link 2}">{text:link 2 text}</a><P>
  408. {description}
  409. </div>
  410.  
  411. <div class="wrap">
  412.  
  413. <div class="navigation">
  414. {block:Pagination}{block:NextPage}<p id="page_nav"><a style="float:right" href="{NextPage}" id="next">older</a>{/block:NextPage}
  415. {block:PreviousPage}<a style="float:left" href="{PreviousPage}">newer</a></p>{/block:PreviousPage}{/block:Pagination}
  416. </div>
  417.  
  418. <div class="posts">
  419.  
  420.  
  421. {block:Posts}
  422.  
  423.  
  424. {block:Text}
  425. <div class="post">
  426. <div id="textpost">
  427. {block:Title}
  428. <h3>{Title}</h3>
  429. {/block:Title}
  430. {Body}
  431. {block:IndexPage}
  432. <div class="postnotes">
  433. <a href="{Permalink}">{block:NoteCount}{NoteCount}{/block:NoteCount}</a>
  434. </div>
  435. <div id="permalink">
  436. <div class="tags">
  437. {block:HasTags}<img src="http://i.imgur.com/NdoCs.png" alt="Tags" width="10px" height="10px"> {block:Tags}<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}{/block:HasTags}
  438. </div>
  439. <div class="timeago">
  440. <img src="http://i.imgur.com/hj1NS.png" alt="Time Ago" width="10px" height="10px"> <a href="{Permalink}">{TimeAgo}</a>
  441. </div>
  442. </div>
  443. {/block:IndexPage}
  444. {block:PermalinkPage}
  445. <strong>Posted on:</strong> {Month} {DayOfMonth}, {Year} with <strong>{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</strong>
  446. <div class="notesbox">
  447. {block:PostNotes}
  448. {PostNotes}
  449. {/block:PostNotes}
  450. </div>
  451. {/block:PermalinkPage}
  452. </div>
  453. </div>
  454. {/block:Text}
  455.  
  456.  
  457. {block:Photo}
  458. {block:IndexPage}
  459. <div class="post">
  460. <div id="imgpost">
  461. <div id="mylike">
  462. <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}"></div>
  463. </div>
  464. {block:ifshowpostdescriptions}
  465. <div class="imgpermalink">
  466. <div><a href="{Permalink}">{block:Caption}{Caption}{/block:Caption}</a></div>
  467. </div>
  468. {/block:ifshowpostdescriptions}
  469. {/block:IndexPage}
  470. <a href="{Permalink}">
  471. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  472. <img src="{block:IndexPage}{PhotoURL-500}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}" width="{block:Indexpage}{block:ifNotbiggerposts}300px{/block:ifNotbiggerposts}{block:ifbiggerposts}400px{/block:ifbiggerposts}{/block:Indexpage} {block:Permalinkpage}500px{/block:Permalinkpage}"/></a>
  473. {block:PermalinkPage}
  474. <div id="caption">
  475. {block:Caption}{Caption}{/block:Caption}
  476. </div>
  477. <div><strong>Posted on:</strong> {Month} {DayOfMonth}, {Year} with <strong>{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</strong></div>
  478. <div class="notesbox">
  479. {block:PostNotes}
  480. {PostNotes}
  481. {/block:PostNotes}
  482. </div>
  483. {/block:PermalinkPage}
  484. </div>
  485. </div>
  486. {/block:Photo}
  487.  
  488.  
  489. {block:Photoset}
  490. <div class="post">
  491. <div class="photoset">
  492. <center>{block:IndexPage}{block:ifNotbiggerposts}{Photoset-250}{/block:ifNotbiggerposts}{block:ifbiggerposts}{Photoset-400}{/block:ifbiggerposts}{/block:IndexPage}{block:permalinkpage}{Photoset-500}{/block:permalinkpage}</center>
  493. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  494. </div>
  495. {block:IndexPage}
  496. <div class="postnotes">
  497. <a href="{Permalink}">{block:NoteCount}{NoteCount}{/block:NoteCount}</a>
  498. </div>
  499. <div id="permalink">
  500. <div class="timeago">
  501. <img src="http://i.imgur.com/hj1NS.png" alt="Time Ago" width="10px" height="10px"> <a href="{Permalink}">{TimeAgo}</a>
  502. </div>
  503. </div>
  504. {/block:IndexPage}
  505. {block:PermalinkPage}
  506. <strong>Posted on:</strong> {Month} {DayOfMonth}, {Year} with <strong>{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</strong>
  507. <div class="notesbox">
  508. {block:PostNotes}
  509. {PostNotes}
  510. {/block:PostNotes}
  511. </div>
  512. {/block:PermalinkPage}
  513. </div>
  514. {/block:Photoset}
  515.  
  516.  
  517. {block:Quote}
  518. <div class="post">
  519. <div class="quotepost">
  520. <p><em>{Quote}</em></p>
  521. <div id="quotesource">
  522. {block:Source}{Source}{/block:Source}
  523. </div>
  524. </div>
  525. {block:IndexPage}
  526. <div class="postnotes">
  527. <a href="{Permalink}">{block:NoteCount}{NoteCount}{/block:NoteCount}</a>
  528. </div>
  529. <div id="permalink">
  530. <div class="timeago">
  531. <img src="http://i.imgur.com/hj1NS.png" alt="Time Ago" width="10px" height="10px"> <a href="{Permalink}">{TimeAgo}</a>
  532. </div>
  533. </div>
  534. {/block:IndexPage}
  535. {block:PermalinkPage}
  536. <strong>Posted on:</strong> {Month} {DayOfMonth}, {Year} with <strong>{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</strong>
  537. <div class="notesbox">
  538. {block:PostNotes}
  539. {PostNotes}
  540. {/block:PostNotes}
  541. </div>
  542. {/block:PermalinkPage}
  543. </div>
  544. {/block:Quote}
  545.  
  546.  
  547. {block:link}
  548. <div class="post">
  549. <div class="linkpost"><a href="{URL}" class="linkpost" {Target}><h3>{Name}</h3></a>{block:Description}<div class="description">{Description}</div>{/block:Description}</div>
  550. {block:IndexPage}
  551. <div class="postnotes">
  552. <a href="{Permalink}">{block:NoteCount}{NoteCount}{/block:NoteCount}</a>
  553. </div>
  554. <div id="permalink">
  555. <div class="timeago">
  556. <img src="http://i.imgur.com/hj1NS.png" alt="Time Ago" width="10px" height="10px"> <a href="{Permalink}">{TimeAgo}</a>
  557. </div>
  558. </div>
  559. {/block:IndexPage}
  560. {block:PermalinkPage}
  561. <strong>Posted on:</strong> {Month} {DayOfMonth}, {Year} with <strong>{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</strong>
  562. <div class="notesbox">
  563. {block:PostNotes}
  564. {PostNotes}
  565. {/block:PostNotes}
  566. </div>
  567. {/block:PermalinkPage}
  568. </div>
  569. {/block:link}
  570.  
  571.  
  572. {block:Chat}
  573. <div class="post">
  574. <div class="chattitle">{block:Title}<h3>{Title}</h3>{/block:Title}</div>
  575. {block:Lines}{block:Label}<b>{Label}</b> {Line}<br>{/block:Label}{/block:Lines}
  576. {block:IndexPage}
  577. <div class="postnotes">
  578. <a href="{Permalink}">{block:NoteCount}{NoteCount}{/block:NoteCount}</a>
  579. </div>
  580. <div id="permalink">
  581. <div class="timeago">
  582. <img src="http://i.imgur.com/hj1NS.png" alt="Time Ago" width="10px" height="10px"> <a href="{Permalink}">{TimeAgo}</a>
  583. </div>
  584. </div>
  585. {/block:IndexPage}
  586. {block:PermalinkPage}
  587. <strong>Posted on:</strong> {Month} {DayOfMonth}, {Year} with <strong>{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</strong>
  588. <div class="notesbox">
  589. {block:PostNotes}
  590. {PostNotes}
  591. {/block:PostNotes}
  592. </div>
  593. {/block:PermalinkPage}
  594. </div>
  595. {/block:Chat}
  596.  
  597.  
  598. {block:Video}
  599. <div class="post">
  600. <div class="video">
  601. <center>{block:IndexPage}{block:ifNotbiggerposts}{Video-250}{/block:ifNotbiggerposts}{block:ifbiggerposts}{Video-400}{/block:ifbiggerposts}{/block:IndexPage}{block:permalinkpage}{Video-500}{/block:permalinkpage}</center>
  602. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}</div>
  603. {block:IndexPage}
  604. <div class="postnotes">
  605. <a href="{Permalink}">{block:NoteCount}{NoteCount}{/block:NoteCount}</a>
  606. </div>
  607. <div id="permalink">
  608. <div class="timeago">
  609. <img src="http://i.imgur.com/hj1NS.png" alt="Time Ago" width="10px" height="10px"> <a href="{Permalink}">{TimeAgo}</a>
  610. </div>
  611. </div>
  612. {/block:IndexPage}
  613. {block:PermalinkPage}
  614. <strong>Posted on:</strong> {Month} {DayOfMonth}, {Year} with <strong>{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</strong>
  615. <div class="notesbox">
  616. {block:PostNotes}
  617. {PostNotes}
  618. {/block:PostNotes}
  619. </div>
  620. {/block:PermalinkPage}
  621. </div>
  622. {/block:Video}
  623.  
  624.  
  625. {block:Audio}
  626. <div class="post">
  627. <div class="albumcover">
  628. {block:AlbumArt}
  629. <img src="{AlbumArtURL}">
  630. {/block:AlbumArt}
  631. </div>
  632. <div class="audioplayer">
  633. <div class="audio">{AudioPlayerGrey}</div>
  634. </div>
  635. <div id="caption">
  636. <div>{PlayCountWithLabel}</div>
  637. {block:Caption}{Caption}{/block:Caption}
  638. </div>
  639. {block:IndexPage}
  640. <div class="postnotes">
  641. <a href="{Permalink}">{block:NoteCount}{NoteCount}{/block:NoteCount}</a>
  642. </div>
  643. <div id="permalink">
  644. <div class="timeago">
  645. <img src="http://i.imgur.com/hj1NS.png" alt="Time Ago" width="10px" height="10px"> <a href="{Permalink}">{TimeAgo}</a>
  646. </div>
  647. </div>
  648. {/block:IndexPage}
  649. {block:PermalinkPage}
  650. <strong>Posted on:</strong> {Month} {DayOfMonth}, {Year} with <strong>{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</strong>
  651. <div class="notesbox">
  652. {block:PostNotes}
  653. {PostNotes}
  654. {/block:PostNotes}
  655. </div>
  656. {/block:PermalinkPage}
  657. </div>
  658. {/block:Audio}
  659.  
  660.  
  661. {block:Answer}
  662. <div class="post">
  663. <div class="asker">
  664. <strong>{Asker}</strong> asked:
  665. </div>
  666. <div class="question">
  667. {Question}
  668. </div>
  669. <div class="answer">
  670. {Answer}
  671. </div>
  672. {block:IndexPage}
  673. <div class="postnotes">
  674. <a href="{Permalink}">{block:NoteCount}{NoteCount}{/block:NoteCount}</a>
  675. </div>
  676. <div id="permalink">
  677. <div class="timeago">
  678. <img src="http://i.imgur.com/hj1NS.png" alt="Time Ago" width="10px" height="10px"> <a href="{Permalink}">{TimeAgo}</a>
  679. </div>
  680. </div>
  681. {/block:IndexPage}
  682. {block:PermalinkPage}
  683. <strong>Posted on:</strong> {Month} {DayOfMonth}, {Year} with <strong>{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</strong>
  684. <div class="notesbox">
  685. {block:PostNotes}
  686. {PostNotes}
  687. {/block:PostNotes}
  688. </div>
  689. {/block:PermalinkPage}
  690. </div>
  691. {/block:Answer}
  692.  
  693.  
  694. {/block:Posts}
  695.  
  696.  
  697.  
  698. </div>
  699. </div>
  700. </body>
  701. </html>
create a new version of this paste RAW Paste Data