daily pastebin goal
20%
SHARE
TWEET

broken age

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