API tools faq
paste
verteau

broken age

verteau
Mar 3rd, 2018 (edited)
12,033
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 32.73 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!---------------
  4. broken age 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: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="https://fonts.googleapis.com/css?family=Source+Sans+Pro" rel="stylesheet">
  18.  
  19. <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css
  20. " rel="stylesheet">
  21.  
  22.  
  23. <link href='https://fonts.googleapis.com/css?family=Karla' rel='stylesheet' type='text/css'>
  24.  
  25. <!-------------------------------META---------------------------------->
  26. <meta name="keywords" content="{block:Permalink}{block:Posts}{block:Tags}{Tag}, {/block:Tags}{/block:Posts}{/block:Permalink}" />
  27. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  28. <meta name="title" content="{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}" />
  29.  
  30. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  31.  
  32. <meta name="color:background" content="#fff">
  33. <meta name="color:scrollbar" content="#d2d2d2">
  34. <meta name="color:text" content="#777">
  35. <meta name="color:links" content="#000">
  36. <meta name="color:links hover" content="#777">
  37. <meta name="color:title" content="#666">
  38. <meta name="color:title line" content="#eee">
  39. <meta name="color:description" content="#666">
  40. <meta name="color:main links" content="#777">
  41. <meta name="color:main links border" content="#eee">
  42. <meta name="color:main links background" content="#fff">
  43. <meta name="color:main links hover" content="#777">
  44. <meta name="color:main links hover background" content="#eee">
  45. <meta name="color:tags" content="#555">
  46. <meta name="color:tags hover" content="#777">
  47. <meta name="color:photo accent" content="#f2c4ca">
  48. <meta name="color:text accent" content="#b8ede1">
  49. <meta name="color:answer accent" content="#d0c2e8">
  50. <meta name="color:quote accent" content="#f7f396">
  51. <meta name="color:link accent" content="#baffc4">
  52. <meta name="color:chat accent" content="#cbf49f">
  53. <meta name="color:audio accent" content="#ffadcb">
  54. <meta name="color:video accent" content="#adaeff">
  55. <meta name="color:post border" content="#eee">
  56. <meta name="color:post titles" content="#777">
  57. <meta name="color:lightbox bg" content="#fff" />
  58.  
  59. <meta name="color:like button" content="#ccc">
  60. <meta name="color:reblog button" content="#ccc" />
  61. <meta name="color:like button hover" content="#ff879b">
  62. <meta name="color:reblog button hover" content="#999" />
  63.  
  64. <meta name="text:lightbox opacity" content="0.8" />
  65.  
  66.  
  67. <meta name="if:sidebar layout" content="0" />
  68. <meta name="if:infinite scroll" content="1" />
  69. <meta name="if:infinite scroll" content="1" />
  70. <meta name="if:manual load" content="1" />
  71. <meta name="if:hide captions" content="0" />
  72. <meta name="if:hide tags" content="0" />
  73. <meta name="if:custom scrollbar" content="1" />
  74. <meta name="if:post rounded border" content="1" />
  75.  
  76.  
  77. <meta name="select:post size" name="350px" content="350px">
  78. <meta name="select:post size" name="400px" content="400px" content="1">
  79. <meta name="select:post size" name="450px" content="450px">
  80. <meta name="select:post size" name="540px" content="540px">
  81.  
  82. <meta name="text:photoset spacing" content="0">
  83.  
  84.  
  85. <meta name="text:Link1 URL" content="/" />
  86. <meta name="text:Link1 Name" content="link 1" />
  87. <meta name="text:Link2 URL" content="/" />
  88. <meta name="text:Link2 Name" content="link 2" />
  89. <meta name="text:Link3 URL" content="/" />
  90. <meta name="text:Link3 Name" content="link 3" />
  91. <meta name="text:Link4 URL" content="/" />
  92. <meta name="text:Link4 Name" content="link 4" />
  93. <meta name="text:Link5 URL" content="/" />
  94. <meta name="text:Link5 Name" content="link 5" />
  95. <meta name="text:Link6 URL" content="/" />
  96. <meta name="text:Link6 Name" content="link 6" />
  97.  
  98. <style type="text/css">
  99.  
  100. /*--------------------------------RESET----------------------------------*/
  101.  
  102. html, body, div, span, applet, object, iframe,
  103. h1, h2, h3, h4, h5, h6, blockquote, pre,
  104. a, abbr, acronym, address, big, cite, code,
  105. del, dfn, em, img, ins, kbd, q, s, samp,
  106. small, strike, strong, sub, sup, tt, var,
  107. b, u, i, center,
  108. dl, dt, dd,
  109. fieldset, form, label, legend,
  110. table, caption, tbody, tfoot, thead, tr, th, td,
  111. article, aside, canvas, details, embed,
  112. figure, figcaption, footer, header, hgroup,
  113. menu, nav, output, ruby, section, summary,
  114. time, mark, audio, video {
  115.   margin: 0;
  116.   padding: 0;
  117.   border: 0;
  118.   font-size: 100%;
  119.   font: inherit;
  120.   vertical-align: baseline;
  121. }
  122.  
  123. article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{
  124.   display:block;
  125.   }
  126.  
  127. html, html a {
  128.     -webkit-font-smoothing: antialiased;
  129.     text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
  130. }
  131. /*-------------------------------SCROLL----------------------------------*/
  132. {block:ifcustomscrollbar}
  133. ::-webkit-scrollbar {
  134.     width: 12px;
  135.     background:{color:background};
  136. }
  137.  
  138.  
  139. ::-webkit-scrollbar-thumb {
  140.     border:4px solid {color:background};
  141.     border-radius: 5px;
  142.     background:{color:scrollbar};
  143. }
  144. {/block:ifcustomscrollbar}
  145.  
  146. * {
  147.      box-sizing: border-box;
  148.   -webkit-box-sizing: border-box;
  149.   -moz-box-sizing: border-box;
  150.   -webkit-transition: all 0.5s ease-out;
  151.   -moz-transition: all 0.5s ease-out;
  152.   -ms-transition: all 0.5s ease-out;
  153.   -o-transition: all 0.5s ease-out;
  154.   transition: all 0.5s ease-out;
  155. }
  156. /*-------------------------CONTROLS----------------------*/
  157. iframe.tmblr-iframe {
  158.     z-index:99999999999999!important;
  159.     top:10px!important;
  160.     right:15px!important;
  161.     opacity:0.4;
  162.         filter:invert(1);
  163.         -webkit-filter:invert(1);
  164.         -o-filter:invert(1);
  165.         -moz-filter:invert(1);
  166.         -ms-filter:invert(1);
  167.     transform:scale(0.6);
  168.     transform-origin:100% 0;
  169.     -webkit-transform:scale(0.6);
  170.     -webkit-transform-origin:100% 0;
  171.     -o-transform:scale(0.6);
  172.     -o-transform-origin:100% 0;
  173.     -moz-transform:scale(0.6);
  174.     -moz-transform-origin:100% 0;
  175.     -ms-transform:scale(0.6);
  176.     -ms-transform-origin:100% 0;}
  177.  
  178. iframe.tmblr-iframe:hover {
  179.     opacity:0.6!important;}
  180.  
  181. /*-------------------------BLOCKQUOTE----------------------*/
  182.  
  183.    
  184. blockquote {
  185.     padding-left:12px;
  186.     margin:6px 0;
  187.     border-left:1px solid {color:post border};
  188.     }
  189.    
  190.    
  191. blockquote img {
  192.     padding: 0px;
  193.     max-width:100px!important;
  194.     height:auto;
  195.     }
  196.  
  197. /*---------------------------BODY-------------------------------------*/
  198.  
  199.  
  200. html {
  201.   height: 100%;
  202. }
  203.  
  204.  
  205. body {
  206.     background-color: {color:background};
  207.   background-attachment:fixed;
  208.   background-repeat:repeat;
  209.   height: 100%;
  210.   margin: 0;
  211.   padding: 0px;
  212.   font-family: 'Source Sans Pro', sans-serif;
  213.   font-size: 11px;
  214.   letter-spacing:0.04em;
  215.   word-wrap: break-word;
  216.   color: {color:text};
  217.   line-height:1.3;
  218. }
  219.  
  220. a,
  221. a:active,
  222. a:visited,
  223. a:hover {
  224.   color: {color:links};
  225.   text-decoration:none;
  226.   -webkit-transition: all 0.5s ease-out;
  227.   -moz-transition: all 0.5s ease-out;
  228.   -ms-transition: all 0.5s ease-out;
  229.   -o-transition: all 0.5s ease-out;
  230.   transition: all 0.5s ease-out;
  231. }
  232.  
  233.  
  234. a:hover {
  235.     color: {color:links hover};
  236. }
  237.  
  238. pre {
  239.     white-space: pre-wrap;
  240.     white-space: -moz-pre-wrap;
  241.     white-space: -pre-wrap;
  242.     white-space: -o-pre-wrap;
  243.     word-wrap: break-word;
  244. }
  245.  
  246. small{
  247.     font-size:10px;
  248. }
  249.  
  250. big {
  251.     font-size:13px;
  252. }
  253.  
  254. strong, b {
  255.     font-weight:bold;
  256. }
  257.  
  258. em, i, u {
  259.     font-style:italic;
  260. }
  261.  
  262. ul, ol {
  263.     list-style-type:circle;
  264. }
  265.  
  266. h1, h2, h3, h4, h5, h6, h7, h7 {
  267.     width:100%;
  268.     text-align:left;
  269.     margin: 5px 0;
  270. }
  271.  
  272. h1 {
  273.     font-family:'Karla', sans-serif;
  274.     font-size: 16px;
  275.     margin: 0 0 20px 0;
  276.     line-height:1.5;
  277.     }
  278.  
  279. /*---------------------------MARKUP--------------------------------*/
  280.  
  281. header {
  282.     width:100%;
  283.     max-width:{select:post size};
  284.     margin:60px auto 30px auto;
  285. }
  286.  
  287.  
  288.  
  289. #wrapper {
  290.     margin:0px auto;
  291.   max-width:{select:post size};
  292.   width:100%;
  293. }
  294.  
  295.  
  296.  
  297.  
  298.  
  299. #entries {
  300.   width:100%;
  301.   margin:0 auto;
  302.   position:relative;
  303.   padding:10px;
  304. }
  305.  
  306.  
  307.  
  308.  
  309. .verteau {
  310.     position:fixed;
  311.     bottom:20px;
  312.     right:20px;
  313.     text-align:center;
  314.     z-index:10000000;
  315. }
  316.  
  317.  
  318.  
  319. /*---------------------------Header--------------------------------*/
  320.  
  321. .header-content {
  322.     text-align:center;
  323.     margin-top:20px;
  324. }
  325.  
  326. .header-content .main-title {
  327.     width:100%;
  328.     position:relative;
  329. }
  330.  
  331. .header-content .main-title .line {
  332.   height:1px;
  333.   background-color:{color:title line};
  334.   width:100%;
  335.   position:absolute;
  336.   top:9px;
  337.   z-index:-1;
  338. }
  339.  
  340. .header-content .main-title a {
  341.     font-family:'Karla', sans-serif;
  342.     font-size:14px;
  343.     display:block;
  344.     background:{color:background};
  345.     font-weight:bold;
  346.     text-transform:uppercase;
  347.     letter-spacing:0.2em;
  348.     margin:0px auto 0 auto;
  349.     max-width:200px;
  350.     width:100%;
  351.     color:{color:title};
  352. }
  353.  
  354. .header-content .desc {
  355.     color:{color:description};
  356.     display:block;
  357.     background:{color:background};
  358.     max-width:250px;
  359.     margin:10px auto;
  360. }
  361.  
  362.  
  363.  
  364. /*---------------------------nav--------------------------------*/
  365.  
  366.  
  367. #nav {
  368.     margin-top:30px;
  369. }
  370.  
  371. #nav .linkslist {
  372.     list-style:none;
  373.     padding:0;
  374.     margin:0;
  375.     text-align:center;
  376. }
  377.  
  378. #nav .linkslist li {
  379.     display:inline-block;
  380.     margin:0 0 20px 8px;
  381.     font-size:10px;    
  382. }
  383.  
  384. #nav .linkslist a {
  385.     color:{color:main links};
  386.     border-radius:5px;
  387.     font-family:'Karla', sans-serif;
  388.     text-align:right;
  389.     padding:5px 10px;
  390.     border:1px solid {color:main links border};
  391.     text-transform:uppercase;
  392.     background: {color:main links background};
  393. }
  394.  
  395. #nav .linkslist a:hover {
  396.     color:{color:main links hover};
  397.     background:{color:main links hover background};
  398. }
  399.  
  400.  
  401. /*---Lightbox---*/
  402. .vignette {
  403.     opacity:0;
  404. }
  405.  
  406. .tmblr-lightbox {
  407.      background-color:rgba({RGBcolor:lightbox bg},{text:lightbox opacity})!important;
  408.  }
  409.  
  410. .tmblr-lightbox img {
  411.     box-shadow:none!important;
  412.     border-radius:0!important;
  413. }
  414.  
  415.  
  416. /*-----------------Sidebar layout-----------------------------------*/
  417.  
  418. {block:ifsidebarlayout}
  419.  
  420. @media (min-width:800px) {
  421.     header {
  422.           max-width: 250px;
  423.           float:left;
  424.           margin-top:-15px;
  425.           position:fixed;
  426.     }
  427.  
  428.     #wrapper {
  429.       max-width: 100%;
  430.       max-width: calc({select:post size} + 300px);
  431.     }
  432.    
  433.     #entries {
  434.       max-width:{select:post size};
  435.       margin:100px 0 0 280px;
  436.     }
  437.    
  438.     .header-content {
  439.         text-align:left;
  440.     }
  441.    
  442.     .header-content .main-title a {
  443.         margin:0;
  444.         max-width:150px;
  445.     }
  446.    
  447.     #nav .linkslist li {
  448.         display:block;
  449.         text-align:left;
  450.     }
  451.     .numbered-pagination,
  452.     .load-wrapper {
  453.         max-width:{select:post size};
  454.         margin-left: 280px;
  455.     }
  456.  
  457. }
  458.  
  459.  
  460. {/block:ifsidebarlayout}
  461.        
  462.        
  463.  
  464.  
  465. /*---------------------------------POST-----------------------------------*/
  466.  
  467. #entries .post {
  468.   margin:0 auto 50px auto;
  469.   position:relative;
  470.   min-height:40px;
  471.   {block:ifpostroundedborder}
  472.   border-radius:10px;
  473.   {/block:ifpostroundedborder}
  474.   padding:15px;
  475.   border:1px solid {color:post border};
  476.   width:100%;
  477. }
  478.  
  479. .post-inner {
  480.     position:relative;
  481.     overflow:hidden;
  482.     padding:0 5px;
  483. }
  484.  
  485. .photo.post .post-inner,
  486. .audio.post .post-inner {
  487.     padding:0;
  488. }
  489.  
  490. .reblog-source {
  491.     font-family:'Karla', sans-serif;
  492.     font-size:9px;
  493.     text-align:right;
  494.     padding:4px 9px;
  495.     display:inline-block;
  496.     color:{color:background};
  497.     border-radius:5px;
  498.     margin-bottom:10px;
  499.     border:1px solid transparent;
  500. }
  501.  
  502. .reblog-source.photo {
  503.     background:{color:photo accent};
  504. }
  505.  
  506. .reblog-source.photo:hover {
  507.     color:{color:photo accent};
  508.     border:1px solid {color:photo accent};
  509. }
  510.  
  511. .reblog-source.answer {
  512.     background:{color:answer accent};
  513. }
  514.  
  515. .reblog-source.answer:hover {
  516.     color:{color:answer accent};
  517.     border:1px solid {color:answer accent};
  518. }
  519.  
  520. .reblog-source.text {
  521.     background:{color:text accent};
  522. }
  523.  
  524. .reblog-source.text:hover {
  525.     color:{color:text accent};
  526.     border:1px solid {color:text accent};
  527. }
  528.  
  529. .reblog-source.quote {
  530.     background:{color:quote accent};
  531. }
  532.  
  533. .reblog-source.quote:hover {
  534.     color:{color:quote accent};
  535.     border:1px solid {color:quote accent};
  536. }
  537.  
  538. .reblog-source.link {
  539.     background:{color:link accent};
  540. }
  541.  
  542. .reblog-source.link:hover {
  543.     color:{color:link accent};
  544.     border:1px solid {color:link accent};
  545. }
  546.  
  547. .reblog-source.chat {
  548.     background:{color:chat accent};
  549. }
  550.  
  551. .reblog-source.chat:hover {
  552.     color:{color:chat accent};
  553.     border:1px solid {color:chat accent};
  554. }
  555.  
  556. .reblog-source.audio {
  557.     background:{color:audio accent};
  558. }
  559.  
  560. .reblog-source.audio:hover {
  561.     color:{color:audio accent};
  562.     border:1px solid {color:audio accent};
  563. }
  564.  
  565. .reblog-source.video {
  566.     background:{color:video accent};
  567. }
  568.  
  569. .reblog-source.video:hover {
  570.     color:{color:video accent};
  571.     border:1px solid {color:video accent};
  572. }
  573.  
  574. .reblog-source:hover {
  575.     background:transparent;
  576. }
  577.  
  578.  
  579. .note-tag {
  580.    font-family:'Karla', sans-serif;
  581.     font-size:9px;
  582.     text-align:center;
  583.     padding:5px 10px;
  584.     border:1px solid {color:main links border};
  585.     display:inline-block;
  586.     color:{color:main links};
  587.     border-radius:5px;
  588.     margin-bottom:10px;
  589.     margin-left:10px;
  590.     background:{color:main links background};
  591. }
  592.  
  593.  
  594. .note-tag:hover {
  595.     color:{color:main links hover};
  596.     background:{color:main links hover background};
  597. }
  598.  
  599.  
  600. .date-tag {
  601.    font-family:'Karla', sans-serif;
  602.     font-size:9px;
  603.     text-align:center;
  604.     margin:-20px 0 0 0;
  605.     position:absolute;
  606.     width:30%;
  607.     background:{color:background};
  608.     text-transform:uppercase;
  609. }
  610.  
  611. .date-tag a {
  612.     color:{color:text};
  613. }
  614.  
  615. .permalink-tag {
  616.     font-size:18px;
  617.     text-align:center;
  618.     margin:-20px 30px 0 0;
  619.     position:absolute;
  620.     right:0;
  621.     width:20px;
  622.     border:1px solid transparent;
  623. }
  624.  
  625. .permalink-tag.photo a {
  626.     color:{color:photo accent};
  627. }
  628.  
  629. .permalink-tag.answer a {
  630.     color:{color:answer accent};
  631. }
  632.  
  633. .permalink-tag.text a {
  634.     color:{color:text accent};
  635. }
  636.  
  637. .permalink-tag.quote a {
  638.     color:{color:quote accent};
  639. }
  640.  
  641. .permalink-tag.link a {
  642.     color:{color:link accent};
  643. }
  644.  
  645. .permalink-tag.chat a {
  646.     color:{color:chat accent};
  647. }
  648.  
  649. .permalink-tag.audio a {
  650.     color:{color:audio accent};
  651. }
  652.  
  653. .permalink-tag.video a {
  654.     color:{color:video accent};
  655. }
  656.  
  657.  
  658.  
  659. .like-and-reblog {
  660.     font-size:16px;
  661.     text-align:center;
  662.     position:absolute;
  663.     bottom:7px;
  664.     right:10px;
  665.     display:none;
  666.     z-index:10;
  667. }
  668.  
  669. @media (min-width: 1024px) {
  670. .post.photo .like-and-reblog {
  671.     display:block;
  672. }
  673.  
  674. .post.photo .like-and-reblog-alt {
  675.     display:none;
  676. }
  677.  
  678. }
  679.  
  680. .like-and-reblog .post-like,
  681. .like-and-reblog .post-reblog {
  682.     margin:0;
  683.     padding:0;
  684.     display:block;
  685.     height:25px;
  686.     width:25px;
  687.     background:{color:background};
  688.     border-radius:3px;
  689.     text-align:center;
  690.     cursor:pointer;
  691.     opacity:0;
  692. }
  693.  
  694. .like-and-reblog .post-like {
  695.     padding:2px 0 0 0;
  696.     transform:translateX(40px);
  697. }
  698.  
  699.  
  700.  
  701. .like-and-reblog .post-reblog {
  702.     transform:translateX(80px);
  703.     transition-delay: 0.2s;
  704.     margin-bottom:5px;
  705. }
  706.  
  707. .post:hover .like-and-reblog .post-like,
  708. .post:hover .like-and-reblog .post-reblog {
  709.     transform:translateX(0px);
  710.     opacity:1;
  711. }
  712.  
  713.  
  714. /* Like button*/
  715. .post-like {
  716.   position: relative;
  717.   cursor: pointer;
  718. }
  719.  
  720. /* class for the Tumblr Like Button iframe */
  721. .like_button {
  722.   position: absolute;
  723.   top: 0;
  724.   left: 0;
  725.   right: 0;
  726.   bottom: 0;
  727.   width: 100%;
  728.   height: 100%;
  729.   opacity: 0;
  730.   z-index: 10;
  731. }
  732. /* Force iframe to fill button */
  733. .like-button iframe {
  734.   width: 100% !important;
  735.   height: 100% !important;
  736. }
  737. /* class for Our Like Button */
  738. .custom-like {
  739.   position: absolute;
  740.   top: 0;
  741.   left: 0;
  742.   right: 0;
  743.   bottom: 0;
  744.   width: 100%;
  745.   height: 100%;
  746.   z-index: 1;
  747. }
  748.  
  749. .custom-like i {
  750.     font-size:10px;
  751.     color:{color:like button};
  752.     width:100%;
  753. }
  754.  
  755. /* Hover State */
  756. .like_button:hover + .custom-like i {
  757.   color: {color:like button hover};
  758. }
  759.  
  760. /* Liked State */
  761. .like_button.liked + .custom-like i {
  762.   color: {color:like button hover};
  763. }
  764.  
  765. .post-reblog i {
  766.   font-size:10px;
  767.     color:{color:reblog button};
  768. }
  769.  
  770. .post-reblog:hover i {
  771.   font-size:10px;
  772.     color:{color:reblog button hover};
  773. }
  774.  
  775.  
  776. .like-and-reblog-alt {
  777.     position:absolute;
  778.     right:0;
  779.     bottom:-22px;
  780.     background:{color:background};
  781.     width:80px;
  782.     text-align:center;
  783. }
  784.  
  785. .like-and-reblog-alt .post-like,
  786. .like-and-reblog-alt .post-reblog {
  787.     margin:0;
  788.     padding:0;
  789.     display:inline-block;
  790.     height:10px;
  791.     width:20px;
  792.     text-align:center;
  793.     cursor:pointer;
  794. }
  795.  
  796. .like-and-reblog-alt .post-like {
  797.  top:0px;
  798. }
  799.  
  800.  
  801. .videoinner {
  802.   position: relative;
  803.   padding-bottom: 75%;
  804.   height: 0;
  805.   overflow: hidden;
  806. }
  807.  
  808. .videoinner iframe,
  809. .videoinner object,
  810. .videoinner embed {
  811.   position: absolute;
  812.   top: 0;
  813.   left: 0;
  814.   width: 100%;
  815.   height: 100%;
  816. }
  817.  
  818. .post .post-inner img,
  819. .photoset .post-inner img,
  820. .photoset .post-inner iframe {
  821.     width:100%;
  822.     height:auto;
  823.     display:block;
  824. }
  825.  
  826.  
  827. #entries .post-caption {
  828.   position:relative;
  829. }
  830.  
  831.  
  832.  
  833.  
  834.  
  835.  .post .cap {
  836.      max-width:100%;
  837.   padding: 20px;  
  838.   {block:ifhidecaptions}
  839.   {block:indexpage}
  840.   display:none;
  841.   {/block:indexpage}
  842.   {/block:ifhidecaptions}
  843.  }
  844.  
  845. #entries .post .cap img {
  846.     width:auto;
  847. }
  848.  
  849. #entries .post .titulo,
  850. #entries .post .titulo a {
  851.     color: {color:post titles};
  852.     width: 100%;
  853.     letter-spacing:0.02em;
  854.     margin-bottom:10px;
  855. }
  856.  
  857. #entries .post .tags {
  858.     position:relative;
  859.   padding: 10px;
  860.   width: 100%;
  861.     {block:ifhidetags}
  862.     {block:indexpage}
  863.     display:none;
  864.     {/block:indexpage}
  865.     {/block:ifhidetags}
  866. }
  867.  
  868.  
  869.  
  870. #entries .post .tags a {
  871.     color:{color:tags};
  872.     letter-spacing:0.1em;
  873.     font-size:8px;
  874.     display:inline-block;
  875.     margin-right:5px;
  876.     text-transform:uppercase;
  877. }
  878.  
  879. #entries .post .tags a:hover,
  880. #entries .post .tags a:active {
  881.     color:{color:tags hover};
  882. }
  883.      
  884. .load-wrapper {
  885.     width:100%;    
  886.     margin-bottom:40px;
  887.     text-transform:uppercase;
  888.     width:100%;
  889.     text-align:center;
  890. }
  891.  
  892.  
  893. .load-more {
  894.    font-family:'Karla', sans-serif;
  895.     font-size:10px;
  896.     padding:5px 10px;
  897.     border:1px solid {color:main links border};
  898.     display:inline-block;
  899.     color:{color:main links};
  900.     background:{color:main links background};
  901.     border-radius:5px;
  902. }
  903.  
  904.  
  905. .load-more:hover {
  906.     color:{color:main links hover};
  907.     background:{color:main links hover background};
  908. }
  909.  
  910.  
  911. #infscr-loading {
  912.     display:none!important;
  913. }
  914.  
  915. .numbered-pagination {
  916.     width:100%;    
  917.     margin-bottom:40px;
  918.     text-align:center;
  919. {block:ifInfiniteScroll}    
  920. display:none;
  921. {/block:ifInfiniteScroll}
  922. }
  923.  
  924. .numbered-pagination a,
  925. .numbered-pagination .current-page {
  926.     display:inline-block;
  927.     font-family:'Karla', sans-serif;
  928.     font-size:10px;
  929.     padding:5px 10px;
  930.     border:1px solid {color:main links border};
  931.     color:{color:main links};
  932.     background:{color:main links background};
  933.     border-radius:5px;
  934.     margin-bottom:10px;
  935.     margin-left:10px;
  936. }
  937.  
  938. .numbered-pagination a:hover,
  939. .numbered-pagination .current-page {
  940.     background:{color:main links hover background};
  941.     color:{color:main links hover};
  942. }
  943.  
  944.  
  945. /*-------------------------------AUDIO------------------------------*/
  946. .album-art {
  947.     width:100px;
  948.     height:auto;
  949.     float:left;
  950. }
  951.  
  952. .player {
  953.     display:block;
  954.     margin-left:120px;
  955.     padding-top:20px;
  956. }
  957.    
  958. .audioplayer {
  959.     display:block;
  960.     overflow:hidden;
  961.     border:1px solid {color:post border};
  962.     width:35px;
  963.     height:30px;
  964.     border-radius:5px;
  965. }
  966.  
  967. .audioinfo {
  968.     font-size:10px;
  969.     margin-left:110px;
  970.     padding:10px;
  971.     letter-spacing:0.05em;
  972.     text-transform:uppercase;
  973.    
  974. }
  975.  
  976. /*------------------------------------CHAT-------------------------*/
  977.  
  978. .user .label {
  979.     font-weight:bold;
  980. }
  981.  
  982. ul.chat, .chat ol, .chat li {
  983.     list-style:none;
  984.     padding:0;
  985.     margin:10px 0;
  986. }
  987.  
  988. /*-----------------------------------ASK-------------------------*/  
  989.  
  990. .answer .pregunta {
  991.     padding:5px;
  992. }
  993.  
  994. .answer .pregunta .asker-question {
  995.     font-weight:bold;
  996.     margin-bottom:4px;
  997. }
  998.  
  999. .answer .pregunta .curioso {
  1000.     margin-bottom:5px;
  1001. }
  1002.  
  1003. .answer .pregunta .curioso a {
  1004.     text-transform:uppercase;
  1005. }
  1006.  
  1007. .answer .replies,
  1008. .answer .respuesta {
  1009.     padding:5px;
  1010. }
  1011.  
  1012.  
  1013. /*----------------------LINK-------------------------*/
  1014.  
  1015. .linkinner {
  1016.     padding:10px;
  1017. }
  1018.  
  1019. .link h1 a {
  1020.   color: {color:post titles};
  1021. }
  1022.  
  1023.  
  1024. /*-----------------------------------QUOTE----------------------*/
  1025.  
  1026. .quoteinner {
  1027.     padding:20px;    
  1028.     letter-spacing:0.06em;
  1029.     line-height:1.5;
  1030.     font-size:14px;
  1031.     text-align:center;
  1032. }
  1033.  
  1034. .quoteinner .quote-source {
  1035.     font-size:12px;
  1036.     margin:10px 0;
  1037.     text-align:center;
  1038. }
  1039.  
  1040. /*-----------------------------------NOTAS----------------------*/
  1041.  
  1042. .notas {
  1043.     width: 100%;
  1044.     list-style-type: none;
  1045.   {block:ifpostroundedborder}
  1046.   border-radius:10px;
  1047.   {/block:ifpostroundedborder}
  1048.   padding:15px;
  1049.   border:1px solid {color:post border};
  1050.   margin-bottom:50px;
  1051. }
  1052.    
  1053. ol.notes {
  1054.     padding: 0;
  1055.     margin:0;
  1056. }
  1057.  
  1058. ol.notes li.note {
  1059.     display: block;
  1060.     margin:10px auto;
  1061.     padding:0;
  1062. }
  1063.  
  1064. ol.notes li.note:before {
  1065.     content:"○";
  1066.     margin-right:5px;
  1067.     display:inline-block;
  1068. }
  1069.  
  1070. ol.notes li.note img.avatar {
  1071.     display:none;
  1072. }
  1073.  
  1074. ol.notes li.more_notes_link_container {
  1075.     display: block;
  1076.     margin-top: 10px;
  1077. }
  1078.  
  1079. {CustomCSS}
  1080.  
  1081. </style>
  1082.  
  1083. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css">
  1084. </head>
  1085.  
  1086. <body>
  1087. <div id="wrapper" class="{select:post size}">
  1088. <header>
  1089.  
  1090. <div class="header-content">
  1091.  <div class="main-title">
  1092.  <div class="line"></div>
  1093.     <a href="/">{Title}</a>
  1094.  </div>
  1095. <div class="desc">
  1096.    {Description}
  1097.   </div>
  1098.  <nav id="nav">
  1099.     <ul class="linkslist">
  1100.       {block:IfLink1Name}
  1101.         <li>
  1102.           <a href="{text:Link1 URL}"  >{text:Link1 Name}</a>
  1103.         </li>
  1104.       {/block:IfLink1Name}
  1105.                
  1106.       {block:IfLink2Name}
  1107.         <li>
  1108.           <a href="{text:Link2 URL}"  >{text:Link2 Name}</a>
  1109.         </li>
  1110.       {/block:IfLink2Name}
  1111.                
  1112.       {block:IfLink3Name}
  1113.         <li>
  1114.           <a href="{text:Link3 URL}"  >{text:Link3 Name}</a>
  1115.         </li>
  1116.       {/block:IfLink3Name}
  1117.                
  1118.       {block:IfLink4Name}
  1119.         <li>
  1120.           <a href="{text:Link4 URL}"  >{text:Link4 Name}</a>
  1121.         </li>
  1122.       {/block:IfLink4Name}
  1123.              
  1124.       {block:IfLink5Name}
  1125.        <li>
  1126.           <a href="{text:Link5 URL}"  >{text:Link5 Name}</a>
  1127.        </li>
  1128.       {/block:IfLink5Name}
  1129.              
  1130.       {block:IfLink6Name}
  1131.        <li>
  1132.          <a href="{text:Link6 URL}"  >{text:Link6 Name}</a>
  1133.        </li>
  1134.       {/block:IfLink6Name}
  1135.     </ul>
  1136.   </nav>
  1137. </div>
  1138. </header>
  1139.  
  1140.  
  1141.  
  1142. <div id="entries" class="{select:post size}">
  1143.   {block:Posts}
  1144.  
  1145.        
  1146.     <div class="post {PostType} {select:post size}" id="{PostId}">  
  1147.     {block:Date}
  1148.       <div class="date-tag">
  1149.    <a href="{Permalink}">{Month} {DayOfMonthWithZero}</a>
  1150.            </a>
  1151.       </div>
  1152.       {block:indexpage}
  1153.       <div class="permalink-tag {PostType}">
  1154.    <a href="{Permalink}"><i class="fa fa-bookmark" aria-hidden="true"></i></a>
  1155.            </a>
  1156.       </div>
  1157.        {/block:indexpage}
  1158.      
  1159.       {block:RebloggedFrom}
  1160.       <a href="{ReblogRootURL}">
  1161.         <div class="reblog-source {PostType}">
  1162.    {PostType} by {ReblogRootName}
  1163.       </div>
  1164.        </a>
  1165.        {/block:RebloggedFrom}
  1166.        
  1167.         {block:NotReblog}
  1168.       <a href="{Permalink}">
  1169.         <div class="reblog-source {PostType}">
  1170.    {PostType} by me
  1171.       </div>
  1172.        </a>
  1173.        {/block:NotReblog}
  1174.        
  1175.        
  1176.        
  1177.       {block:NoteCount} <a href="{Permalink}">
  1178.       <div class="note-tag">
  1179. {NoteCount}
  1180.       </div>
  1181.            </a>
  1182.        {/block:NoteCount}
  1183.       {/block:Date}
  1184.      
  1185.      
  1186.       <!--HIDESOURCE-->
  1187.        <!-- {block:ContentSource}{SourceURL}{/block:ContentSource}{block:RebloggedFrom}{ReblogRootURL}{ReblogParentURL}{/block:RebloggedFrom} -->
  1188.     <div class="post-inner">
  1189.       {block:Text}
  1190.         {block:Title}
  1191.           <h1 class="titulo">
  1192.             <a href="{Permalink}">{Title}</a>
  1193.           </h1>
  1194.         {/block:Title}
  1195.           {Body}
  1196.       {/block:Text}
  1197.  
  1198.       {block:Quote}
  1199.        <div class="quoteinner">
  1200.         <span>"</span>{Quote}<span>"</span>
  1201.           {block:Source}
  1202.             <div class="quote-source">
  1203.               {Source}
  1204.             </div>
  1205.           {/block:Source}
  1206.        </div>
  1207.       {/block:Quote}
  1208.  
  1209.       {block:Link}
  1210.        <div class="linkinner">
  1211.           <a href="{URL}"><h1 class="titulo">{Name}</h1></a>
  1212.           {block:Description}
  1213.             <blockquote><p>{Description}</p></blockquote>
  1214.           {/block:Description}
  1215.        </div>
  1216.       {/block:Link}
  1217.          
  1218.       {block:Photo}
  1219.         <div>
  1220.          {LinkOpenTag}
  1221.             <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
  1222.          {LinkCloseTag}
  1223.         </div>
  1224.       {/block:Photo}
  1225.  
  1226.       {block:Photoset}
  1227.         <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  1228.             {block:Photos}
  1229.                 <div class="photo-data">
  1230.                     <div class="pxu-photo">
  1231.                         <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
  1232.                     </div>
  1233.                     <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  1234.                 </div>
  1235.         {/block:Photos}
  1236.         </div>
  1237.       {/block:Photoset}
  1238.          
  1239.       {block:Chat}
  1240.         <ul class="chat">
  1241.           {block:Lines}
  1242.             <li class="user">
  1243.               {block:Label}
  1244.                 <span class="label">{Label}</span>
  1245.               {/block:Label}
  1246.               &nbsp;{Line}
  1247.             </li>
  1248.           {/block:Lines}
  1249.         </ul>
  1250.       {/block:Chat}
  1251.  
  1252.       {block:Video}
  1253.         <div class="videoinner">
  1254.           {Video-700}
  1255.         </div>
  1256.       {/block:Video}
  1257.  
  1258.       {block:Answer}
  1259.         <div class="pregunta">
  1260.           <div class="curioso">
  1261.             {Asker} said:
  1262.           </div>
  1263.           <div class="asker-question">
  1264.             {Question}
  1265.           </div>
  1266.         </div>
  1267.      
  1268.         {block:Answerer}
  1269.           <div class="respuesta">
  1270.             <div class="answerer">
  1271.               {Answerer}
  1272.             </div>
  1273.             <div class="answerer-answer">
  1274.               <blockquote>{Answer}</blockquote>
  1275.             </div>
  1276.           </div>
  1277.         {/block:Answerer}
  1278.      
  1279.         <div class="replies">
  1280.           {Replies}
  1281.         </div>
  1282.       {/block:Answer}
  1283.      
  1284.       {block:Audio}
  1285.         <div class="audio">
  1286.           {block:AudioPlayer}
  1287.           <div class="album-art">
  1288.           {block:AlbumArt}
  1289. <img src="{AlbumArtURL}">
  1290. {/block:AlbumArt}</div>
  1291.                <div class="player">
  1292.               <div class="audioplayer">
  1293.                 {AudioPlayer}
  1294.               </div>
  1295.             </div>
  1296.             <div class="audioinfo">
  1297.                <div class="cancion">
  1298.                {block:TrackName}{TrackName}{/block:TrackName}
  1299.                {block:Artist}<br>{Artist}{/block:Artist}
  1300.                </div>
  1301.             </div>
  1302.           {block:AudioPlayer}
  1303.          
  1304.           {block:AudioEmbed}
  1305.             <div class="audioembed">
  1306.               {AudioEmbed}
  1307.             </div>
  1308.           {/block:AudioEmbed}
  1309.         </div>
  1310.       {/block:Audio}
  1311.      
  1312.       {block:Date}
  1313.       <div class="like-and-reblog">
  1314.               <div class="post-reblog"><a href="{ReblogURL}"><i class="fa fa-refresh" aria-hidden="true"></i></a></div>
  1315.               <div class="post-like">
  1316.               {LikeButton}
  1317.               <span class="custom-like">
  1318.               <i class="fa fa-heart-o" aria-hidden="true"></i>
  1319.               </span>
  1320.               </div>
  1321.       </div>
  1322.       {/block:Date}
  1323.      
  1324.         </div><!--post-inner-->
  1325.          <div class="post-caption">
  1326.           {block:Caption}
  1327.         <div class="cap">
  1328.           {Caption}
  1329.         </div>
  1330.       {/block:Caption}
  1331.       {block:HasTags}
  1332.         <div class="tags">
  1333.          {block:Tags}
  1334.          <a href="{TagUrl}">#{Tag}</a>
  1335.          {/block:Tags}
  1336.         </div>
  1337.       {/block:HasTags}
  1338.      
  1339.       {block:Date}
  1340.       <div class="like-and-reblog-alt">
  1341.               <div class="post-reblog"><a href="{ReblogURL}"><i class="fa fa-refresh" aria-hidden="true"></i></a></div>
  1342.               <div class="post-like">
  1343.               {LikeButton}
  1344.               <span class="custom-like">
  1345.               <i class="fa fa-heart-o" aria-hidden="true"></i>
  1346.               </span>
  1347.               </div>
  1348.       </div>
  1349.       {/block:Date}
  1350.      
  1351.         </div><!--post-caption-->
  1352.        
  1353.         </div><!---end post-->
  1354.      {block:PostNotes}
  1355.         <div class="notas">
  1356.          Notes:<br >
  1357.          {PostNotes}
  1358.         </div>
  1359.       {/block:PostNotes}
  1360.      
  1361.   {/block:Posts}
  1362. </div>
  1363.  
  1364.  
  1365.  
  1366. {block:Pagination}
  1367.           <div class="numbered-pagination">
  1368.                 {block:PreviousPage}<a href="{PreviousPage}">PREV</a>{/block:PreviousPage}
  1369.                 {block:JumpPagination length="5"}
  1370.                 {block:CurrentPage}<span class="current-page">{PageNumber}</span>{/block:CurrentPage}
  1371.                 {block:JumpPage}<a href="{URL}">{PageNumber}</a> {/block:JumpPage}
  1372.                 {/block:JumpPagination}
  1373.                 {block:NextPage}<a href="{NextPage}">NEXT</a>{/block:NextPage}
  1374.           </div>
  1375.         {/block:Pagination}
  1376.  
  1377.        
  1378. {block:ifInfiniteScroll}
  1379. {block:ifmanualload}
  1380. {block:Pagination}
  1381. <div class="load-wrapper">
  1382.     <a href="#" class="load-more">load more</a>
  1383. </div>
  1384. {/block:Pagination}
  1385. {block:ifmanualload}
  1386. {/block:ifInfiniteScroll}
  1387.  
  1388.  
  1389.  
  1390.  
  1391. <div class="verteau">
  1392.   <a href="http://verteau.tumblr.com">verteau</a>
  1393. </div>
  1394. </div><!--wrapper-->
  1395.  
  1396. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1397.  
  1398. <script src="http://static.tumblr.com/d4tdea8/Mkhnw70y5/pxuphotoset.js"></script>
  1399. <script src="http://static.tumblr.com/d4tdea8/8rfo8l8ry/jquery.infinitescroll.min.js"></script>
  1400.  
  1401.  <script>
  1402. $(document).ready(function(){
  1403.    
  1404.      //Audio Color
  1405.     $('iframe.tumblr_audio_player').load( function() {
  1406.          $('iframe.tumblr_audio_player').contents().find("head")
  1407.             .append($("<style type='text/css'> .audio-player{background:{color:post background}!important;}.play-pause{color:{color:text}!important;}.progress {display:none !important;}  </style>"));
  1408.       });
  1409.    
  1410.       var photosetOptions = {
  1411.            lightoox: true,
  1412.         rounded: false,
  1413.         gutter: {text:photoset spacing},
  1414.         photoset: '.photo-slideshow',
  1415.         photoWrap: '.photo-data',
  1416.         photo: '.pxu-photo'
  1417.         };
  1418.        
  1419.     $('.photo-slideshow').pxuPhotoset(photosetOptions);
  1420.     {block:ifInfiniteScroll}
  1421.     $('#entries').infinitescroll({
  1422.          navSelector  : ".numbered-pagination",
  1423.          nextSelector : ".numbered-pagination a:first",
  1424.         itemSelector : "#entries .post",
  1425.        loadingImg: '',
  1426.        loadingText: '<em></em>',
  1427.        bufferPx: 2000,
  1428.         errorCallback: function(){
  1429.             $('.load-more').hide();
  1430.             },
  1431.         },
  1432.         function(newElements){                    
  1433.           $(newElements).find('.photo-slideshow').pxuPhotoset(photosetOptions);
  1434.         var $newElems = $(newElements);
  1435.         var $newElemsIDs = $newElems.map(function(){
  1436.             return this.id;
  1437.         }).get();
  1438.         console.log($newElems, $newElemsIDs);
  1439.         Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  1440.         //Audio Color
  1441.     $('iframe.tumblr_audio_player').load( function() {
  1442.          $('iframe.tumblr_audio_player').contents().find("head")
  1443.             .append($("<style type='text/css'> .audio-player{background:{color:post background}!important;}.play-pause{color:{color:text}!important;}.progress {display:none !important;}  </style>"));
  1444.       });
  1445.     });
  1446.        
  1447.        
  1448.                 {block:ifmanualload}
  1449.         $(window).unbind('.infscr');
  1450.         $('.load-more').click(function(){
  1451.            $('#entries').infinitescroll('retrieve');
  1452.            return false
  1453.         });
  1454.         {/block:ifmanualload}
  1455.     {/block:ifInfiniteScroll}
  1456.    
  1457. });
  1458. </script>
  1459. </body>
  1460. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!