verteau

unity

Aug 23rd, 2016
3,876
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 25.04 KB | None | 0 0
  1. <!DOCTYPE html>
  2.  
  3. <!---------------
  4. Unity by Verteau www.verteau.tumblr.com
  5. ---------------------->
  6.  
  7. <head>
  8.  
  9. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  10.  
  11.         <title>{block:SearchPage} ({lang:Search results for SearchQuery}) - {/block:SearchPage}{block:TagPage}#{Tag} - {/block:TagPage}{block:PermalinkPage}{block:PostSummary}{PostSummary} - {/block:PostSummary}{/block:PermalinkPage}{Title}</title>
  12.        
  13. <link rel="shortcut icon" href="{Favicon}" />
  14.  
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  16.  
  17. <link href="http://fonts.googleapis.com/css?family=Alice|Playfair+Display:900" rel="stylesheet" type="text/css" />
  18. <link href='https://fonts.googleapis.com/css?family=Karla' rel='stylesheet' type='text/css'>
  19.  
  20. <!-------------------------------META---------------------------------->
  21. <meta name="keywords" content="{block:Permalink}{block:Posts}{block:Tags}{Tag}, {/block:Tags}{/block:Posts}{/block:Permalink}" />
  22. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  23. <meta name="title" content="{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}" />
  24.  
  25. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  26.  
  27. <meta name="image:background" content="">
  28. <meta name="image:sidebar" content="">
  29.  
  30. <meta name="color:background" content="#f3f3f3">
  31. <meta name="color:scrollbar" content="#d2d2d2">
  32. <meta name="color:text" content="#777">
  33. <meta name="color:links" content="#9d84ad">
  34. <meta name="color:links hover" content="#777">
  35. <meta name="color:sidebar" content="#fff">
  36. <meta name="color:sidebar border" content="#eee">
  37. <meta name="color:title" content="#666">
  38. <meta name="color:description" content="#777">
  39. <meta name="color:main links" content="#9d84ad">
  40. <meta name="color:main links hover" content="#5f4d6b">
  41. <meta name="color:pagination" content="#777">
  42. <meta name="color:pagination hover" content="#888">
  43. <meta name="color:post background" content="#fff">
  44. <meta name="color:post border" content="#eee">
  45. <meta name="color:post lines" content="#eee">
  46. <meta name="color:post info" content="#d2d2d2">
  47. <meta name="color:post titles" content="#777">
  48. <meta name="color:tags" content="#777">
  49. <meta name="color:tags hover" content="#999">
  50. <meta name="color:blockquote line" content="#d2d2d2">
  51.  
  52.  
  53.  
  54. <meta name="color:lightbox bg" content="#fff" />
  55. <meta name="text:lightbox opacity" content="0.8" />
  56.  
  57.  
  58. <meta name="if:infinite scroll" content="1" />
  59. <meta name="if:manual load" content="1" />
  60. <meta name="if:hide captions" content="0" />
  61. <meta name="if:hide tags" content="0" />
  62. <meta name="if:custom scrollbar" content="1" />
  63. <meta name="if:post rounded border" content="1" />
  64. <meta name="if:sidebar rounded border" content="1" />
  65.  
  66.  
  67. <meta name="text:photoset spacing" content="0">
  68.  
  69. <meta name="select:post size" content="small-post" title="300px">
  70. <meta name="select:post size" content="medium-post" title="400px">
  71. <meta name="select:post size" content="large-post" title="500px">
  72.  
  73. <meta name="text:Link1 URL" content="/" />
  74. <meta name="text:Link1 Name" content="link 1" />
  75. <meta name="text:Link2 URL" content="/" />
  76. <meta name="text:Link2 Name" content="link 2" />
  77. <meta name="text:Link3 URL" content="/" />
  78. <meta name="text:Link3 Name" content="link 3" />
  79. <meta name="text:Link4 URL" content="/" />
  80. <meta name="text:Link4 Name" content="link 4" />
  81. <meta name="text:Link5 URL" content="/" />
  82. <meta name="text:Link5 Name" content="link 5" />
  83. <meta name="text:Link6 URL" content="/" />
  84. <meta name="text:Link6 Name" content="link 6" />
  85.  
  86. <style type="text/css">
  87.  
  88. /*--------------------------------RESET----------------------------------*/
  89.  
  90. html, body, div, span, applet, object, iframe,
  91. h1, h2, h3, h4, h5, h6, blockquote, pre,
  92. a, abbr, acronym, address, big, cite, code,
  93. del, dfn, em, img, ins, kbd, q, s, samp,
  94. small, strike, strong, sub, sup, tt, var,
  95. b, u, i, center,
  96. dl, dt, dd,
  97. fieldset, form, label, legend,
  98. table, caption, tbody, tfoot, thead, tr, th, td,
  99. article, aside, canvas, details, embed,
  100. figure, figcaption, footer, header, hgroup,
  101. menu, nav, output, ruby, section, summary,
  102. time, mark, audio, video {
  103.   margin: 0;
  104.   padding: 0;
  105.   border: 0;
  106.   font-size: 100%;
  107.   font: inherit;
  108.   vertical-align: baseline;
  109. }
  110.  
  111. article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{
  112.   display:block;
  113.   }
  114.  
  115. html, html a {
  116.     -webkit-font-smoothing: antialiased;
  117.     text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
  118. }
  119. /*-------------------------------SCROLL----------------------------------*/
  120. {block:ifcustomscrollbar}
  121. ::-webkit-scrollbar {
  122.     width: 12px;
  123.     background:{color:background};
  124. }
  125.  
  126.  
  127. ::-webkit-scrollbar-thumb {
  128.     border:4px solid {color:background};
  129.     border-radius: 5px;
  130.     background:{color:scrollbar};
  131. }
  132. {/block:ifcustomscrollbar}
  133.  
  134. * {
  135.      box-sizing: border-box;
  136.   -webkit-box-sizing: border-box;
  137.   -moz-box-sizing: border-box;
  138.   -webkit-transition: all 0.4s ease-out;
  139.   -moz-transition: all 0.4s ease-out;
  140.   -ms-transition: all 0.4s ease-out;
  141.   -o-transition: all 0.4s ease-out;
  142.   transition: all 0.4s ease-out;
  143. }
  144. /*-------------------------CONTROLS----------------------*/
  145. iframe.tmblr-iframe {
  146.     z-index:99999999999999!important;
  147.     top:10px!important;
  148.     right:15px!important;
  149.     opacity:0.4;
  150.         filter:invert(1);
  151.         -webkit-filter:invert(1);
  152.         -o-filter:invert(1);
  153.         -moz-filter:invert(1);
  154.         -ms-filter:invert(1);
  155.     transform:scale(0.6);
  156.     transform-origin:100% 0;
  157.     -webkit-transform:scale(0.6);
  158.     -webkit-transform-origin:100% 0;
  159.     -o-transform:scale(0.6);
  160.     -o-transform-origin:100% 0;
  161.     -moz-transform:scale(0.6);
  162.     -moz-transform-origin:100% 0;
  163.     -ms-transform:scale(0.6);
  164.     -ms-transform-origin:100% 0;}
  165.  
  166. iframe.tmblr-iframe:hover {
  167.     opacity:0.6!important;}
  168.  
  169. /*-------------------------BLOCKQUOTE----------------------*/
  170.  
  171.    
  172. blockquote {
  173.     padding-left:12px;
  174.     margin:6px 0;
  175.     border-left:1px solid {color:blockquote line};
  176.     }
  177.    
  178.    
  179. blockquote img {
  180.     padding: 0px;
  181.     max-width:100%;
  182.     height:auto;
  183.     }
  184.  
  185. /*---------------------------BODY-------------------------------------*/
  186.  
  187.  
  188. html {
  189.   height: 100%;
  190. }
  191.  
  192.  
  193. body {
  194.     background-color: {color:background};
  195.     {block:ifbackgroundimage}
  196.     background-image:url('{image:background}');
  197.     {/block:ifbackgroundimage}
  198.   background-attachment:fixed;
  199.   background-repeat:repeat;
  200.   height: 100%;
  201.   margin: 0;
  202.   padding: 0px;
  203.   font-family: cambria, serif;
  204.   font-size: 11px;
  205.   letter-spacing:0.04em;
  206.   word-wrap: break-word;
  207.   color: {color:text};
  208.   line-height:1.3;
  209. }
  210.  
  211. a,
  212. a:active,
  213. a:visited,
  214. a:hover {
  215.   color: {color:links};
  216.   text-decoration:none;
  217.   -webkit-transition: all 0.4s ease-out;
  218.   -moz-transition: all 0.4s ease-out;
  219.   -ms-transition: all 0.4s ease-out;
  220.   -o-transition: all 0.4s ease-out;
  221.   transition: all 0.4s ease-out;
  222. }
  223.  
  224.  
  225. a:hover {
  226.     color: {color:links hover};
  227. }
  228.  
  229. pre {
  230.     white-space: pre-wrap;
  231.     white-space: -moz-pre-wrap;
  232.     white-space: -pre-wrap;
  233.     white-space: -o-pre-wrap;
  234.     word-wrap: break-word;
  235. }
  236.  
  237. small{
  238.     font-size:10px;
  239. }
  240.  
  241. big {
  242.     font-size:13px;
  243. }
  244.  
  245. strong, b {
  246.     font-weight:bold;
  247. }
  248.  
  249. em, i, u {
  250.     font-style:italic;
  251. }
  252.  
  253. ul, ol {
  254.     list-style-type:square;
  255. }
  256.  
  257. h1, h2, h3, h4, h5, h6, h7, h7 {
  258.     width:100%;
  259.     text-align:left;
  260.     margin: 5px 0;
  261. }
  262.  
  263. h1 {
  264.     font-family:'Karla', sans-serif;
  265.     font-size: 16px;
  266.     margin: 0 0 20px 0;
  267.     line-height:1.5;
  268.     }
  269.  
  270. /*---------------------------MARKUP--------------------------------*/
  271. #wrapper {
  272.     margin:70px auto;
  273.     height:100%;
  274. }
  275.  
  276. #wrapper.small-post {
  277.     width:520px;
  278. }
  279. #wrapper.medium-post {
  280.     width:620px;
  281. }
  282. #wrapper.large-post {
  283.     width:720px;
  284. }
  285.  
  286. #sidebar {
  287.     width:120px;
  288.     background:{color:sidebar};
  289.   border:1px solid {color:sidebar border};
  290.     font-size:10px;
  291.     position:fixed;
  292.     margin-left:380px;
  293.     {block:ifsidebarroundedborder}
  294.     border-radius:0 10px 10px 0;
  295.     {/block:ifsidebarroundedborder}
  296. }
  297.  
  298. #sidebar.small-post {
  299.     margin-left:380px;
  300. }
  301. #sidebar.medium-post {
  302.     margin-left:480px;
  303. }
  304. #sidebar.large-post {
  305.     margin-left:580px;
  306. }
  307.  
  308.  
  309. #entries.small-post {
  310.   width:350px;
  311. }
  312. #entries.medium-post {
  313.   width:450px;
  314. }
  315. #entries.large-post {
  316.   width:550px;
  317. }
  318.  
  319. .verteau {
  320.     position:fixed;
  321.     bottom:20px;
  322.     right:20px;
  323.     text-align:center;
  324.     z-index:10000000;
  325. }
  326.  
  327. /*---------------------------SIDEBAR--------------------------------*/
  328. .side-wrapper {
  329.     padding:20px;
  330. }
  331.  
  332. .title {
  333.     font-family:'Karla', sans-serif;
  334.     font-size:14px;
  335. }
  336.  
  337. .title a {
  338.     color: {color:title};
  339. }
  340.  
  341. .desc {
  342.     margin:10px auto;
  343.     color: {color:description};
  344. }
  345.  
  346. .sideimage {
  347.     width:100%;
  348.     text-align:center;
  349. }
  350. .sideimage img {
  351.     width:100%;
  352.     height:100%;
  353.     {block:ifsidebarroundedborder}
  354.     border-radius:0 10px 0 0;
  355.     {/block:ifsidebarroundedborder}
  356. }
  357.  
  358. #nav {
  359.     background:transparent;
  360. }
  361.  
  362. #nav .linkslist {
  363.     list-style:none;
  364.     padding:0;
  365.     margin:0;
  366. }
  367.  
  368. #nav .linkslist li {
  369.     display:inline-block;
  370.     margin-right:8px;
  371.     font-size:10px;
  372. }
  373.  
  374. #nav .linkslist a {
  375.     color:{color:main links};
  376. }
  377.  
  378. #nav .linkslist a:hover {
  379.     color:{color:main links hover};
  380. }
  381.  
  382. .pagination {
  383.     width:100%;
  384.     margin-top:10px;
  385.     letter-spacing:0.1em;
  386.     {block:ifInfiniteScroll}
  387.     display:none;
  388.     {/block:ifInfiniteScroll}
  389. }
  390.  
  391. .pagination a {
  392.     color:{color:pagination};
  393. }
  394.  
  395. .pagination a:hover {
  396.     color:{color:pagination hover};
  397. }
  398.  
  399.  
  400. /*---Lightbox---*/
  401. .vignette {
  402.     opacity:0;
  403. }
  404.  
  405. .tmblr-lightbox {
  406.      background-color:rgba({RGBcolor:lightbox bg},{text:lightbox opacity})!important;
  407.  }
  408.  
  409. .tmblr-lightbox img {
  410.     box-shadow:none!important;
  411.     border-radius:0!important;
  412. }
  413.  
  414.  
  415. /*---------------------------------POST-----------------------------------*/
  416.  
  417. #entries .post {
  418.   background-color: {color:post background};
  419.   margin:0 0 50px 0;
  420.   height:auto;
  421.   overflow-y:hidden;
  422.   display:table;
  423.   table-layout:fixed;
  424.   position:relative;
  425.   min-height:40px;
  426.   {block:ifpostroundedborder}
  427.   border-radius:10px 0 0 10px;
  428.   {/block:ifpostroundedborder}
  429.   border:1px solid {color:post border};
  430. }
  431.  
  432. .post.small-post {
  433.     width:345px;
  434.     background:yellow;
  435. }
  436. .post.medium-post {
  437.     width:445px;
  438. }
  439. .post.large-post {
  440.     width:545px;
  441. }
  442.  
  443. .post .info,
  444. .post .post-content {
  445.     display:table-cell;
  446.     overflow:hidden;
  447.     vertical-align:top;
  448. }
  449.  
  450.  
  451. .post .post-content {
  452.     width:300px;
  453.     border-left:solid 1px {color:post lines};
  454. }
  455.  
  456. .post.small-post .post-content {
  457.     width:300px;
  458. }
  459. .post.medium-post .post-content {
  460.     width:400px;
  461. }
  462. .post.large-post .post-content {
  463.     width:500px;
  464. }
  465.  
  466. .post .post-content .post-inner {
  467.     padding:20px;
  468. }
  469.  
  470. .post.photo .post-content {
  471.     border:none;
  472. }
  473.  
  474. .post.photo .post-inner,
  475. .post.video .post-inner {
  476.     padding:0;
  477. }
  478.  
  479. .post.photo .post-content .post-caption {
  480.     border-left:solid 1px {color:post lines};
  481. }
  482.  
  483. .videoinner {
  484.   position: relative;
  485.   padding-bottom: 75%;
  486.   height: 0;
  487.   overflow: hidden;
  488. }
  489.  
  490. .videoinner iframe,
  491. .videoinner object,
  492. .videoinner embed {
  493.   position: absolute;
  494.   top: 0;
  495.   left: 0;
  496.   width: 100%;
  497.   height: 100%;
  498. }
  499.  
  500. .post .post-inner img,
  501. .photoset .post-inner img,
  502. .photoset .post-inner iframe {
  503.     width:100%;
  504.     height:auto;
  505.     display:block;
  506. }
  507.  
  508. #entries .post .info {
  509.   width: 45px;
  510.   top: 0;
  511.   height:100%;
  512.   bottom: auto;
  513. }
  514.  
  515. .info img {
  516.     border-radius:30px;
  517.     width:22px;
  518.     height:22px;
  519.     position:absolute;
  520.     top:12px;
  521.     left:12px;
  522.     opacity:0.5;
  523. }
  524.  
  525.  
  526. .like_and_reblog_buttons {
  527.     list-style: none;
  528.     margin: 0;
  529.     padding:0;
  530.     display:block;
  531.     position:absolute;
  532.     bottom:0px;
  533.     width:45px;
  534.     text-align:center;
  535.     cursor:pointer;
  536. }
  537.  
  538. .like_and_reblog_buttons li {
  539.     margin: 0;
  540.     padding:0;
  541.     height:30px;
  542. }
  543.  
  544.  
  545.  
  546. #entries .post-caption {
  547.   position:relative;
  548.   border-top:1px solid {color:post lines};
  549. }
  550.  
  551. .post-date {
  552.     font-family:'Karla', sans-serif;
  553.     letter-spacing:0.2em;
  554.     font-size:9px;
  555.     text-align:right;
  556.     padding:5px 10px;
  557.     margin-top:-20px;
  558. }
  559.  
  560.  
  561. .small-post .post-date {
  562.     width:350px;
  563. }
  564. .medium-post .post-date {
  565.     width:450px;
  566. }
  567. .large-post .post-date {
  568.     width:550px;
  569. }
  570.  
  571. .post-date a {
  572.      color:{color:post info};
  573.      display:inline-block;
  574. }
  575.  
  576. .post-date a:hover {
  577.      color:{color:post info hover};
  578. }
  579.  
  580. .post-date a.reblog_button {
  581.     display:inline-block!important;
  582.     width:10px!important;
  583.     height:10px!important;
  584.     vertical-align:bottom!important;
  585.     padding-bottom:1px;
  586. }
  587.  
  588.  .post .cap {
  589.      max-width:100%;
  590.   padding: 20px;  
  591.   {block:ifhidecaptions}
  592.   {block:indexpage}
  593.   display:none;
  594.   {/block:indexpage}
  595.   {/block:ifhidecaptions}
  596.  }
  597.  
  598. #entries .post .cap img {
  599.     width:auto;
  600. }
  601.  
  602. #entries .post .titulo {
  603.     color: {color:post titles};
  604.     width: 100%;
  605.     letter-spacing:0.1em;
  606.     margin-bottom:10px;
  607. }
  608.  
  609. #entries .post .tags {
  610.     position:relative;
  611.   padding: 15px;
  612.   width: 100%;
  613.     {block:ifhidetags}
  614.     {block:indexpage}
  615.     display:none;
  616.     {/block:indexpage}
  617.     {/block:ifhidetags}
  618. }
  619.  
  620. #entries .post.photo .tags {
  621.     border-top:1px solid {color:post lines};
  622. }
  623.  
  624.  
  625. #entries .post .tags a {
  626.     color:{color:tags};
  627.     letter-spacing:0.1em;
  628.     font-size:8px;
  629.     display:inline-block;
  630.     margin-right:5px;
  631. }
  632.  
  633. #entries .post .tags a:hover,
  634. #entries .post .tags a:active {
  635.     color:{color:tags hover};
  636. }
  637.      
  638. .load-wrapper {
  639.     margin:50px 0;
  640.     text-align:center;
  641.     text-transform:uppercase;
  642. }
  643.  
  644. .small-post .load-wrapper {
  645.     width:350px;
  646. }
  647. .medium-post .load-wrapper {
  648.     width:450px;
  649. }
  650. .large-post .load-wrapper {
  651.     width:550px;
  652. }
  653.  
  654.  
  655. .load-more {
  656.     font-family:'Karla', sans-serif;
  657.     letter-spacing:0.2em;
  658.     font-size:9px;
  659. }
  660.  
  661. #infscr-loading {
  662.     display:none!important;
  663. }
  664. /*-------------------------------AUDIO------------------------------*/
  665.  
  666.  
  667. .player {
  668.     display:block;
  669. }
  670.    
  671. .audioplayer {
  672.     display:block;
  673. }
  674.  
  675. .audioinfo {
  676.     font-size: 14px;
  677.     font-weight: bold;
  678.     text-transform: uppercase;
  679.     font-size:10px;
  680.     letter-spacing:0.1em;
  681.     margin-top:10px;
  682. }
  683.  
  684. /*------------------------------------CHAT-------------------------*/
  685.  
  686. .user .label {
  687.     display:block;
  688.     margin-bottom:5px;
  689.     font-weight:bold;
  690. }
  691.  
  692. ul.chat, .chat ol, .chat li {
  693.     list-style:none;
  694.     padding:0;
  695.     margin:15px 0;
  696. }
  697.  
  698. /*-----------------------------------ASK-------------------------*/  
  699. .answer .pregunta {
  700.     margin-bottom:20px;
  701. }
  702.  
  703. .answer .pregunta .asker-question {
  704.     font-style:italic;
  705.     margin-bottom:4px;
  706. }
  707.  
  708. .answer .pregunta .curioso {
  709.     font-weight:bold;
  710. }
  711.  
  712. .answer .pregunta .curioso a {
  713. }
  714.  
  715. .answer .replies,
  716. .answer .respuesta {
  717.     border-top:1px solid {color:post lines};
  718.     padding-top:10px;
  719. }
  720.  
  721.  
  722. /*----------------------LINK-------------------------*/
  723.  
  724. .linkinner {
  725.     padding:10px;
  726. }
  727.  
  728. .link h1 a {
  729.   color: {color:post titles};
  730. }
  731.  
  732.  
  733. /*-----------------------------------QUOTE----------------------*/
  734.  
  735. .quoteinner {
  736.     padding:20px;    
  737.     font-weight:bold;
  738.     font-style:italic;
  739.     letter-spacing:0.1em;
  740.     line-height:1.5;
  741.     font-size:13px;
  742. }
  743.  
  744. .quoteinner .quote-source {
  745.     font-size:9px;
  746.     margin:10px 0;
  747.     text-align:right;
  748. }
  749.  
  750. /*-----------------------------------NOTAS----------------------*/
  751.  
  752. .notas {
  753.     width: 100%;
  754.     list-style-type: none;
  755.     padding:20px;
  756.     border-top:1px solid {color:post lines};
  757.     border-left:1px solid {color:post lines};
  758. }
  759.    
  760. ol.notes {
  761.     padding: 0;
  762.     margin:0;
  763. }
  764.  
  765. ol.notes li.note {
  766.     display: block;
  767.     margin:10px auto;
  768.     padding:0;
  769. }
  770.  
  771. ol.notes li.note:before {
  772.     content:"+";
  773.     margin-right:5px;
  774.     display:inline-block;
  775. }
  776.  
  777. ol.notes li.note img.avatar {
  778.     display:none;
  779. }
  780.  
  781. ol.notes li.more_notes_link_container {
  782.     display: block;
  783.     margin-top: 10px;
  784. }
  785.  
  786. {CustomCSS}
  787.  
  788. </style>
  789.  
  790. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css">
  791. </head>
  792.  
  793. <body>
  794. <div id="wrapper" class="{select:post size}">
  795. <div id="sidebar" class="{select:post size}">
  796. {block:ifsidebarimage}
  797. <div class="sideimage">
  798.    <img src="{image:sidebar}">
  799.   </div>
  800.  
  801. {/block:ifsidebarimage}
  802.   <div class="side-wrapper">
  803.   <div class="title">
  804.     <a href="/">{Title}</a>
  805.   </div>
  806.   <div class="desc">
  807.    {Description}
  808.   </div>
  809.   <nav id="nav">
  810.     <ul class="linkslist">
  811.       {block:IfLink1Name}
  812.         <li>
  813.           <a href="{text:Link1 URL}"  >{text:Link1 Name}</a>
  814.         </li>
  815.       {/block:IfLink1Name}
  816.                
  817.       {block:IfLink2Name}
  818.         <li>
  819.           <a href="{text:Link2 URL}"  >{text:Link2 Name}</a>
  820.         </li>
  821.       {/block:IfLink2Name}
  822.                
  823.       {block:IfLink3Name}
  824.         <li>
  825.           <a href="{text:Link3 URL}"  >{text:Link3 Name}</a>
  826.         </li>
  827.       {/block:IfLink3Name}
  828.                
  829.       {block:IfLink4Name}
  830.         <li>
  831.           <a href="{text:Link4 URL}"  >{text:Link4 Name}</a>
  832.         </li>
  833.       {/block:IfLink4Name}
  834.              
  835.       {block:IfLink5Name}
  836.        <li>
  837.           <a href="{text:Link5 URL}"  >{text:Link5 Name}</a>
  838.        </li>
  839.       {/block:IfLink5Name}
  840.              
  841.       {block:IfLink6Name}
  842.        <li>
  843.          <a href="{text:Link6 URL}"  >{text:Link6 Name}</a>
  844.        </li>
  845.       {/block:IfLink6Name}
  846.     </ul>
  847.   </nav>
  848.      {block:Pagination}
  849.      <div class="pagination">
  850.      {block:NextPage}
  851.          <a href="{NextPage}">next &#8594;</a>
  852.        {/block:NextPage}
  853.        {block:PreviousPage}
  854.        <br>
  855.           <a href="{PreviousPage}">&#8592; prev</a>
  856.        {/block:PreviousPage}
  857.      </div>
  858.     {/block:Pagination}
  859.     </div>
  860. </div><!--/.sidebar-->
  861.  
  862. <div id="entries" class="{select:post size}">
  863.   {block:Posts}
  864.  
  865.        
  866.     <div class="post {PostType} {select:post size}" id="{PostId}">  
  867.     {block:Date}
  868.     <div class="post-date">
  869.    {block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
  870.      {Reblogbutton color="grey" size="10"}
  871.            <a title="{TimeAgo}" href="{Permalink}">{DayOfMonth}.{MonthNumberWithZero}.{ShortYear}
  872.            </a>
  873.       </div>
  874.       <div class="info">
  875.        {block:NotReblog}
  876.        <a href="{Permalink}"><img src="{PortraitURL-24}"></a>
  877.        {/block:NotReblog}
  878.              {block:RebloggedFrom}
  879.                <a href="{ReblogRootURL}"><img src="{ReblogRootPortraitURL-24}" alt="{ReblogParentName}"></a>
  880.              {/block:RebloggedFrom}
  881.        <ul class="like_and_reblog_buttons">
  882.               <li>{LikeButton color="grey" size="13"}</li>
  883.           </ul>
  884.        </div><!--/.info-->
  885.       {/block:Date}
  886.      
  887.      
  888.       <!--HIDESOURCE-->
  889.        <!-- {block:ContentSource}{SourceURL}{/block:ContentSource}{block:RebloggedFrom}{ReblogRootURL}{ReblogParentURL}{/block:RebloggedFrom} -->
  890. <div class="post-content">
  891.     <div class="post-inner">
  892.       {block:Text}
  893.         {block:Title}
  894.           <h1 class="titulo">
  895.             <a href="{Permalink}">{Title}</a>
  896.           </h1>
  897.         {/block:Title}
  898.           {Body}
  899.       {/block:Text}
  900.  
  901.       {block:Quote}
  902.        <div class="quoteinner">
  903.         <span>"</span>{Quote}<span>"</span>
  904.           {block:Source}
  905.             <div class="quote-source">
  906.               {Source}
  907.             </div>
  908.           {/block:Source}
  909.        </div>
  910.       {/block:Quote}
  911.  
  912.       {block:Link}
  913.        <div class="linkinner">
  914.           <a href="{URL}"><h1 class="titulo">{Name}</h1></a>
  915.           {block:Description}
  916.             <blockquote><p>{Description}</p></blockquote>
  917.           {/block:Description}
  918.        </div>
  919.       {/block:Link}
  920.          
  921.       {block:Photo}
  922.         <div>
  923.          {LinkOpenTag}
  924.             <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
  925.          {LinkCloseTag}
  926.         </div>
  927.       {/block:Photo}
  928.  
  929.       {block:Photoset}
  930.         <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  931.             {block:Photos}
  932.                 <div class="photo-data">
  933.                     <div class="pxu-photo">
  934.                         <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
  935.                     </div>
  936.                     <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  937.                 </div>
  938.         {/block:Photos}
  939.         </div>
  940.       {/block:Photoset}
  941.          
  942.       {block:Chat}
  943.         <ul class="chat">
  944.           {block:Lines}
  945.             <li class="user">
  946.               {block:Label}
  947.                 <span class="label">{Label}</span>
  948.               {/block:Label}
  949.               &nbsp;{Line}
  950.             </li>
  951.           {/block:Lines}
  952.         </ul>
  953.       {/block:Chat}
  954.  
  955.       {block:Video}
  956.         <div class="videoinner">
  957.           {Video-700}
  958.         </div>
  959.       {/block:Video}
  960.  
  961.       {block:Answer}
  962.         <div class="pregunta">
  963.           <div class="asker-question">
  964.             {Question}
  965.           </div>
  966.           <div class="curioso">
  967.             - {Asker}
  968.           </div>
  969.         </div>
  970.      
  971.         {block:Answerer}
  972.           <div class="respuesta">
  973.             <div class="answerer">
  974.               {Answerer}
  975.             </div>
  976.             <div class="answerer-answer">
  977.               <blockquote>{Answer}</blockquote>
  978.             </div>
  979.           </div>
  980.         {/block:Answerer}
  981.      
  982.         <div class="replies">
  983.           {Replies}
  984.         </div>
  985.       {/block:Answer}
  986.      
  987.       {block:Audio}
  988.         <div class="audio">
  989.           {block:AudioPlayer}
  990.                <div class="player">
  991.               <div class="audioplayer">
  992.                 {AudioPlayerwhite}
  993.               </div>
  994.             </div>
  995.             <div class="audioinfo">
  996.                <div class="cancion">
  997.                  {block:TrackName}{TrackName}{/block:TrackName}<br> {block:Artist}{Artist}{/block:Artist}
  998.                </div>
  999.                <div style="font-size:8px;">
  1000.                   Played: {FormattedPlayCount} times
  1001.                </div>
  1002.             </div>
  1003.           {block:AudioPlayer}
  1004.           {block:AudioEmbed}
  1005.             <div class="audioembed">
  1006.               {AudioEmbed}
  1007.             </div>
  1008.           {/block:AudioEmbed}
  1009.         </div>
  1010.       {/block:Audio}
  1011.      
  1012.         </div><!--post-inner-->
  1013.           <div class="post-caption">
  1014.           {block:Caption}
  1015.         <div class="cap">
  1016.           {Caption}
  1017.         </div>
  1018.       {/block:Caption}
  1019.       {block:HasTags}
  1020.         <div class="tags">
  1021.          {block:Tags}
  1022.          <a href="{TagUrl}">#{Tag}</a>
  1023.          {/block:Tags}
  1024.         </div>
  1025.       {/block:HasTags}
  1026.         </div>
  1027.       {block:PostNotes}
  1028.         <div class="notas">
  1029.          Notes:<br >
  1030.          {PostNotes}
  1031.         </div>
  1032.       {/block:PostNotes}
  1033.       </div><!--post-content-->
  1034.     </div><!---end post-->
  1035.   {/block:Posts}
  1036. </div>
  1037. {block:ifInfiniteScroll}
  1038. {block:ifmanualload}
  1039. {block:Pagination}
  1040. <div class="load-wrapper">
  1041.     <a href="#" class="load-more">load more</a>
  1042. </div>
  1043. {/block:Pagination}
  1044. {block:ifmanualload}
  1045. {/block:ifInfiniteScroll}
  1046.  
  1047. <div class="verteau">
  1048.   <a href="http://verteau.tumblr.com">verteau</a>
  1049. </div>
  1050. </div><!--wrapper-->
  1051.  
  1052. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1053.  
  1054. <script src="http://static.tumblr.com/d4tdea8/Mkhnw70y5/pxuphotoset.js"></script>
  1055. <script src="http://static.tumblr.com/d4tdea8/8rfo8l8ry/jquery.infinitescroll.min.js"></script>
  1056.  
  1057.  <script>
  1058. $(document).ready(function(){
  1059.    
  1060.       var photosetOptions = {
  1061.            lightoox: true,
  1062.         rounded: false,
  1063.         gutter: {text:photoset spacing},
  1064.         photoset: '.photo-slideshow',
  1065.         photoWrap: '.photo-data',
  1066.         photo: '.pxu-photo'
  1067.         };
  1068.        
  1069.     $('.photo-slideshow').pxuPhotoset(photosetOptions);
  1070.     {block:ifInfiniteScroll}
  1071.     $('#entries').infinitescroll({
  1072.          navSelector  : ".pagination",
  1073.          nextSelector : ".pagination a:first",
  1074.         itemSelector : "#entries .post",
  1075.        loadingImg: '',
  1076.        loadingText: '<em></em>',
  1077.        bufferPx: 2000,
  1078.         errorCallback: function(){
  1079.             $('.load-more').hide();
  1080.             },
  1081.         },
  1082.         function(newElements){                    
  1083.           $(newElements).find('.photo-slideshow').pxuPhotoset(photosetOptions);
  1084.         var $newElems = $(newElements);
  1085.         var $newElemsIDs = $newElems.map(function(){
  1086.             return this.id;
  1087.         }).get();
  1088.         console.log($newElems, $newElemsIDs);
  1089.         Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  1090.     });
  1091.        
  1092.        
  1093.                 {block:ifmanualload}
  1094.         $(window).unbind('.infscr');
  1095.         $('.load-more').click(function(){
  1096.            $('#entries').infinitescroll('retrieve');
  1097.            return false
  1098.         });
  1099.         {/block:ifmanualload}
  1100.     {/block:ifInfiniteScroll}
  1101. });
  1102. </script>
  1103. </body>
  1104. </html>
Advertisement
Add Comment
Please, Sign In to add comment