SHARE
TWEET

Untitled

a guest Jan 22nd, 2019 54 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2.  
  3.  
  4.  
  5. <html>
  6. <head>
  7.     <meta charset="UTF-8" />
  8.     {block:IfGoogleFont}<link href='https://fonts.googleapis.com/css?family={text:Google Font}:400,400italic,700,700italic' rel='stylesheet' type='text/css'>{/block:IfGoogleFont}
  9.     <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  10.     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
  11.     <title>
  12.         {block:PostSummary}{PostSummary} - {/block:PostSummary}
  13.         {block:DayPage}{DayOfMonth} {ShortMonth} - {/block:DayPage}
  14.         {block:TagPage}#{Tag} - {/block:TagPage}
  15.         {block:SearchPage}{SearchQuery} - {/block:SearchPage}
  16.         {Title}
  17.     </title>
  18.     <link rel="shortcut icon" href="{Favicon}" />
  19.     <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  20.     {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  21.     <meta name="viewport" content="width=device-width, initial-scale=1" />
  22.  
  23. <meta name="image:Background Image" content="https://static.tumblr.com/ouqpclx/PuOnlk60u/cubes.png" />
  24. <meta name="image:Header Image" content="https://i.imgur.com/UWP5wz2.jpg" />
  25.  
  26. <meta name="color:Title" content="#ffffff" />
  27. <meta name="color:Background" content="#eeeeee" />
  28. <meta name="color:Navigation Background" content="#ffffff" />
  29. <meta name="color:Navigation Links" content="#444444" />
  30. <meta name="color:Posts Background" content="#ffffff" />
  31. <meta name="color:Text" content="#444444" />
  32. <meta name="color:Links Hover" content="#777777" />
  33. <meta name="color:Ruled Lines" content="#ccc" />
  34. <meta name="color:Tags" content="#999999" />
  35. <meta name="color:Pagination" content="#444" />
  36.  
  37. <meta name="font:Font" content="Gibson" />
  38.  
  39. <meta name="if:Sticky Navigation" content="1" />
  40. <meta name="if:Icon Navigation" content="0" />
  41. <meta name="if:Show Random" content="1" />
  42. <meta name="if:Show RSS" content="1" />
  43. <meta name="if:Left Sidebar" content="0" />
  44. <meta name="if:Uppercase Tags" content="0" />
  45. <meta name="if:White Like and Reblog Buttons" content="0" />
  46. <meta name="if:Show Search" content="1" />
  47. <meta name="if:Show Copyright" content="1" />
  48.  
  49. <meta name="text:Google Font" content="" />
  50. <meta name="text:Font Size" content="100%" />
  51. <meta name="text:Header Overlay Opacity" content="0.1" />
  52. <meta name="text:Header Height" content="30vh" />
  53. <meta name="text:Ask Label" content="Ask" />
  54. <meta name="text:Google Analytics ID" content="" />
  55. <meta name='text:Disqus Shortname' content="" />
  56.  
  57.  
  58. <style type="text/css">
  59.  
  60. body {
  61.     background:{color:Background} url('{image:Background Image}') fixed;
  62.     color:{color:Text};
  63.     font-family:{block:IfGoogleFont}{text:Google Font},{/block:IfGoogleFont} {font:Font}, sans-serif;
  64.     font-size:{text:Font Size};
  65.     line-height:1.5;
  66.     margin:0;
  67.     word-wrap:break-word;
  68. }
  69. a {
  70.     color:{AccentColor};
  71.     text-decoration:none;
  72.     transition:0.2s;
  73. }
  74. a:hover {
  75.     color:{color:Links Hover};
  76. }
  77. a img {
  78.     border:none;
  79. }
  80. h1, h2, h3, h4, h5, h6 {
  81.     font-weight:normal;
  82.     margin:0;
  83.     padding:0;
  84. }
  85. blockquote {
  86.     border-left:1px solid {color:Ruled Lines};
  87.     margin:0;
  88.     padding:0 0 0 5%;
  89. }
  90. pre {
  91.     background:#e4e4e4;
  92.     color:#444;
  93.     padding:5%;
  94.     white-space:pre-wrap;
  95. }
  96. hr {
  97.     border:none;
  98.     height:1px;
  99.     width:80%;
  100.     margin:5% auto;
  101.     background:{color:Ruled Lines};
  102.     background-image:-webkit-linear-gradient(left, {color:Posts Background}, {color:Ruled Lines}, {color:Posts Background});
  103.     background-image:-moz-linear-gradient(left, {color:Posts Background}, {color:Ruled Lines}, {color:Posts Background});
  104.     background-image:-o-linear-gradient(left, {color:Posts Background}, {color:Ruled Lines}, {color:Posts Background});
  105.     background-image:linear-gradient(left, {color:Posts Background}, {color:Ruled Lines}, {color:Posts Background});
  106. }
  107.  
  108. img {
  109.     max-width:100%;
  110.     height:auto;
  111. }
  112. blockquote iframe {
  113.     max-width:100%;
  114. }
  115. .post iframe#youtube_iframe {
  116.     max-width:100%;
  117. }
  118.  
  119. /* HEADER */
  120. .header {
  121.     padding:3em 0; /* calc fallback */
  122.     padding:calc(({text:Header Height} - 5.8em) / 2 + 1px) 0;
  123.     text-align:center;
  124.     width:100%;
  125.     background:url('{image:Header Image}') center;
  126.     background:-webkit-linear-gradient(rgba(0, 0, 0, {text:Header Overlay Opacity}),rgba(0, 0, 0, {text:Header Overlay Opacity})), url('{image:Header Image}') center;
  127.     background:-moz-linear-gradient(rgba(0, 0, 0, {text:Header Overlay Opacity}),rgba(0, 0, 0, {text:Header Overlay Opacity})), url('{image:Header Image}') center;
  128.     background:-o-linear-gradient(rgba(0, 0, 0, {text:Header Overlay Opacity}),rgba(0, 0, 0, {text:Header Overlay Opacity})), url('{image:Header Image}') center;
  129.     background:linear-gradient(rgba(0, 0, 0, {text:Header Overlay Opacity}),rgba(0, 0, 0, {text:Header Overlay Opacity})), url('{image:Header Image}') center;
  130.     -webkit-background-size:cover;
  131.     -moz-background-size:cover;
  132.     -o-background-size:cover;
  133.     background-size:cover;
  134. }
  135. .header h1 {
  136.     border:.2em solid {color:Title};
  137.     display:inline-block;
  138.     font-family:{TitleFont};
  139.     font-weight:{TitleFontWeight};
  140.     margin:0 5%;
  141.     padding:.5em 1em;
  142.     text-transform:uppercase;
  143. }
  144. .header a {
  145.     color:{color:Title};
  146. }
  147.  
  148.  
  149. /* NAVIGATION BAR */
  150. nav {
  151.     background:{color:Navigation Background};
  152.     margin:0;
  153.     padding:0;
  154.     position:relative;
  155.     text-align:center;
  156.     width:100%;
  157.     z-index:999;
  158. }
  159. nav a, nav a:hover {
  160.     color:{color:Navigation Links}
  161. }
  162. nav ul {
  163.     font-size:0;
  164.     font-weight:bold;
  165.     list-style:none;
  166.     margin:0 auto;
  167.     padding:0;
  168.     text-transform:uppercase;
  169. }
  170. nav li {
  171.     border-bottom:3px solid {color:Navigation Background};
  172.     display:inline-block;
  173.     font-size:16px;
  174.     margin:0 auto;
  175.     padding:1em 1.5em;
  176.     transition:0.2s;
  177. }
  178. nav li:hover {
  179.     border-bottom:3px solid {color:Navigation Links};
  180. }
  181.  
  182. .navigate {
  183.     color:{color:Navigation Links};
  184.     font-weight:bold;
  185.     text-transform:uppercase;
  186.     font-size:{text:Font Size};
  187.     padding:1em 0;
  188.     transition:.2s;
  189.     cursor:pointer;
  190. }
  191. .rotate {
  192.     -moz-transition:all .4s ease-out;
  193.     -webkit-transition:all .4s ease-out;
  194.     transition:all .4s ease-out;
  195. }
  196. .rotate.down {
  197.     -moz-transform:rotate(-180deg);
  198.     -webkit-transform:rotate(-180deg);
  199.     transform:rotate(-180deg);
  200. }
  201.  
  202. /* MEDIA QUERIES FOR RESPONSIVE LAYOUT */
  203. @media (min-width:1020px) { /* shows sidebar */
  204.     .wrapper { width:990px; }
  205.     {block:IfLeftSidebar}
  206.         .sidebar { margin:0; width:260px; }
  207.         .content { width:675px; float:right; }
  208.     {/block:IfLeftSidebar}
  209.     {block:IfNotLeftSidebar}
  210.         .sidebar { margin:0 0 0 730px; width:260px; }
  211.         .content { float:left; width:675px; }
  212.     {/block:IfNotLeftSidebar}
  213.     .sbsec { margin:0 0 10% 0; padding:15%; }
  214. }
  215.  
  216. @media (min-width:750px) and (max-width:1019px) { /* one column */
  217.     .wrapper { width:675px; }
  218.     .sidebar { clear:both; }
  219.     .sbsec { margin:5% 0; padding:10%; }
  220. }
  221.  
  222. @media (max-width:749px) { /* one column */
  223.     .wrapper { width:90%; }
  224.     .sidebar { clear:both; }
  225.     .sbsec { margin:5% 0; padding:10%; }
  226. }
  227.  
  228. @media (min-width:481px) { /* not mobile */
  229.     .navigate { display:none; }
  230.     .photopost, .audioembed, .videopost { margin:0 0 5% 0; }
  231.     nav ul { display:block !important; }
  232. }
  233.  
  234. @media (max-width:480px) { /* mobile */
  235.     .photopost, .audioembed, .videopost { margin:0 -12% 5%; margin:0 calc(-10% / .81) 5%; }
  236.     {block:IfNotIconNavigation}
  237.         nav ul { display:none; }
  238.     {/block:IfNotIconNavigation}
  239. }
  240.  
  241. @media (max-width:400px) { /* mobile */
  242.     {block:IfIconNavigation}
  243.         nav li { padding:1em 0; width:16%; text-align:center; display:inline-block; }
  244.     {/block:IfIconNavigation}  
  245. }
  246.  
  247. .wrapper { margin:0 auto; padding:5% 0 0 0; }
  248.  
  249. /* SIDEBAR (shows as footer when viewport <1020px) */
  250. .sidebar {
  251.     text-align:center;
  252. }
  253. .sbsec {
  254.     background:{color:Posts Background};
  255.     border-radius:3px;
  256. }
  257. img.sbimage {
  258.     display:inline-block;
  259.     margin:0 auto .5em;
  260. }
  261. .square {
  262.     border-radius:3px;
  263. }
  264. .circle {
  265.     border-radius:96px; /* border-radius percentage fallback */
  266.     border-radius:100%;
  267. }
  268. .sbsec h2 {
  269.     border-bottom:1px solid {color:Ruled Lines};
  270.     margin:0 0 .8em 0;
  271.     padding:0 0 .5em 0;
  272. }
  273. .desc {
  274.     text-align:left;
  275. }
  276.  
  277. ul.links, div.links {
  278.     border:1px solid {color:Ruled Lines};
  279.     list-style:none;
  280.     margin:1.5em 0 0 0;
  281.     padding:0 1.5em 1.5em;
  282.     text-transform:uppercase;
  283. }
  284. .linktitle {
  285.     background:{color:Posts Background};
  286.     display:inline-block;
  287.     padding:0 1em;
  288.     position:relative;
  289.     top:-.7em;
  290. }
  291. ul.links li {
  292.     margin:0;
  293.     padding:.5em 0;
  294. }
  295.  
  296. .searchbar {
  297.     margin:1.5em auto 0;
  298.     text-align:center;
  299. }
  300. input#search {
  301.     background:{color:Posts Background};
  302.     border:1px solid {color:Ruled Lines};
  303.     color:{color:Ruled Lines};
  304.     font-family:{block:IfGoogleFont}{text:Google Font},{/block:IfGoogleFont} {font:Font}, sans-serif;
  305.     margin:0;
  306.     padding:1em;
  307.     -webkit-box-sizing:border-box;
  308.     -moz-box-sizing:border-box;
  309.     -o-box-sizing:border-box;
  310.     box-sizing:border-box;
  311.     width:100%;
  312. }
  313. input#search:hover, input#search:focus, input#search:active {
  314.     color:{color:Text};
  315.     outline:none;
  316. }
  317.  
  318. .credits {
  319.     font-size:.9em;
  320.     margin:0 0 10% 0;
  321.     color:{color:Pagination};
  322.     text-transform:uppercase;
  323. }
  324. .credits a {
  325.     color:{color:Pagination};
  326.     text-decoration:underline;
  327. }
  328.  
  329.  
  330. /* POSTS */
  331. .pagesort { /* day/search/tag pages */
  332.     color:{color:Pagination};
  333.     font-weight:700;
  334.     margin:0 0 5% 0;
  335.     text-align:center;
  336.     text-transform:uppercase;
  337. }
  338. .post {
  339.     background:{color:Posts Background};
  340.     margin:0 0 10% 0;
  341.     padding:10%;
  342.     border-radius:3px;
  343. }
  344. .posthead {
  345.     border-top:1px solid {color:Ruled Lines};
  346.     margin:5% 0;
  347.     text-align:center;
  348.     text-transform:uppercase;
  349. }
  350. .date {
  351.     background:{color:Posts Background};
  352.     display:inline-block;
  353.     padding:0 1em;
  354.     position:relative;
  355.     top:-.8em;
  356. }
  357.  
  358. /* PHOTO POSTS */
  359. .photopost {
  360.     text-align:center;
  361. }
  362. .photopost:hover .highres {
  363.     opacity:1;
  364. }
  365. .highres {
  366.     background:rgba(0,0,0,0.7);
  367.     border-radius:3px;
  368.     color:#fff;
  369.     font-size:1.5em;
  370.     margin:1em 0 0 1em;
  371.     padding:.5em .8em;
  372.     opacity:0;
  373.     position:absolute;
  374.     text-align:center;
  375.     transition:.2s ease-in;
  376.     z-index:99;
  377. }
  378. .highres:hover {
  379.     background:rgba(0,0,0,.9);
  380. }
  381. img.nothighres {
  382.     display:none;
  383. }
  384. .photopost iframe { /* responsive photoset on mobile/tablet */
  385.     width:1px;
  386.     min-width:100%;
  387.     *width:100%;
  388. }
  389.  
  390. /* QUOTE POSTS*/
  391. h3.quotepost {
  392.     margin:0 0 5% 0;
  393. }
  394.  
  395. /* CHAT POSTS */
  396. ul.chat {
  397.     list-style:none;
  398.     margin:0px;
  399.     padding:0px;
  400. }
  401. ul.chat li {
  402.     border-bottom:1px solid {color:Ruled Lines};
  403.     padding:3%;
  404. }
  405. ul.chat li:last-child {
  406.     border-bottom:none;
  407. }
  408.  
  409. /* AUDIO POSTS */
  410. .audioembed iframe {
  411.     width:1px;
  412.     min-width:100%;
  413.     *width:100%;
  414. }
  415. iframe.spotify_audio_player {
  416.     height:80px;
  417. }
  418.  
  419. /* VIDEO POSTS */
  420. .videopost {
  421.     text-align:center;
  422. }
  423.  
  424. /* LINK/ANSWER POSTS */
  425. .answerpost {
  426.     text-align:center;
  427. }
  428. .question {
  429.     border:1px solid {color:Ruled Lines};
  430.     padding:5%;
  431.     text-align:left;
  432. }
  433. .aby {
  434.     background:{color:Posts Background};
  435.     display:inline-block;
  436.     font-size:.9em;
  437.     padding:0 1em;
  438.     position:relative;
  439.     text-align:center;
  440.     text-transform:uppercase;
  441. }
  442. .askedby {
  443.     top:-.9em;
  444. }
  445. .answeredby { /* reblogged answers*/
  446.     bottom:-.8em;
  447. }
  448.  
  449.  
  450. /* POST INFO: NOTES, VIA/OP/SRC, REBLOG/LIKE, TAGS */
  451. .postfoot {
  452.     border-top:1px solid {color:Ruled Lines};
  453.     font-size:.9em;
  454.     margin:10% 0 0 0;
  455.     text-align:center;
  456.     {block:IfUppercaseTags}text-transform:uppercase;{/block:IfUppercaseTags}
  457. }
  458.  
  459. ul.rb { /* via/op icons, reblog/like buttons on index pages */
  460.     background:{color:Posts Background};
  461.     display:inline-block;
  462.     list-style:none;
  463.     margin:0;
  464.     padding:0 1em;
  465.     position:relative;
  466.     text-align:center; top:-11px;
  467. }
  468. ul.rb li {
  469.     display:inline-block;
  470.     margin:0 .3em;
  471. }
  472. img.postvia { /* submitter/via/op icons */
  473.     border-radius:20px; /* border-radius percentage fallback */
  474.     border-radius:100%;
  475.     width:20px;
  476. }
  477. a.dsq-comment-count {
  478.     text-transform:lowercase;
  479. }
  480. .rebloginfo { /* submission/via/op/src info on permalink pages */
  481.     padding:5% 0 0 0;
  482. }
  483. ul.tags {
  484.     list-style:none;
  485.     margin:0;
  486.     padding:0;
  487. }
  488. ul.tags li {
  489.     display:inline;
  490.     margin:0 1em 0 0;
  491.     padding:0;
  492. }
  493. ul.tags li:last-child {
  494.     margin:0;
  495. }
  496. ul.tags a.tag {
  497.     color:{color:Tags};
  498. }
  499. ul.tags a.tag:hover {
  500.     color:{color:Links Hover};
  501. }
  502.  
  503. /* POST NOTES */
  504. .postnotes {
  505.     {block:IfNotDisqusShortname}border-top:1px solid {color:Ruled Lines};{/block:IfNotDisqusShortname}
  506.     {block:IfDisqusShortname}display:none;{/block:IfDisqusShortname} /* only show postnotes onclick if disqus enabled*/
  507.     margin:5% 0 0 0;
  508. }
  509. ol.notes {
  510.     list-style:none;
  511.     margin:0;
  512.     padding:0;
  513.     text-align:left;
  514. }
  515. ol.notes li.note {
  516.     border-bottom:1px solid {color:Ruled Lines};
  517.     padding:3%;
  518. }
  519. ol.notes li.note:last-child {
  520.     border-bottom:none; padding:3% 3% 0 3%;
  521. }
  522. ol.notes li.note img.avatar {
  523.     border-radius:16px; /* border-radius percentage fallback */
  524.     border-radius:100%;
  525.     margin:0 1em 0 0;
  526.     vertical-align:middle;
  527. }
  528. ol.notes blockquote {
  529.     margin:3% 0 0 0;
  530. }
  531. ol.notes blockquote a {
  532.     color:{color:Text};
  533. }
  534. .expandnotes {
  535.     border-top:1px solid {color:Ruled Lines};
  536.     color:{AccentColor};
  537.     cursor:pointer;
  538.     margin:5% 0 -2% 0;
  539.     padding:3% 0 0 0;
  540.     text-align:center;
  541. }
  542.  
  543.  
  544. /* PAGINATION */
  545. .pagination {
  546.     color:{color:Pagination};
  547.     font-size:.9em;
  548.     margin:10% 0;
  549.     text-align:center;
  550.     text-transform:uppercase;
  551. }
  552. .pagination ol {
  553.     list-style:none;
  554.     margin:0;
  555.     padding:0 0 1em 0;
  556. }
  557. .pagination li {
  558.     border-bottom:3px solid {color:Pagination};
  559.     display:inline-block;
  560.     margin: 0px 1px;
  561.     padding:1em;
  562.     transition-duration:0.2s;
  563. }
  564. .pagination li:hover {
  565.     border-bottom:3px solid {AccentColor};
  566. }
  567. .pagination a {
  568.     color:{color:Pagination};
  569. }
  570. .pagination li#current {
  571.     border-bottom:3px solid {AccentColor};
  572.     font-weight:700;
  573. }
  574.  
  575. /* DAY/POST NAVIGATION */
  576. .pagination ul {
  577.     list-style:none;
  578.     margin:0;
  579.     padding:0 0 10% 0;
  580.     text-align:right;
  581.     width:100%;
  582. }
  583. .pagination li.prevday {
  584.     float:right;
  585. }  
  586. .pagination li.nextday {
  587.     float:left;
  588. }
  589.  
  590. {CustomCSS}
  591. .links.mm img {width: 40px; height: 40px; margin: 1.5px; filter: saturate(.5); opacity: .8; } .links.mm img:hover { filter: saturate(1); width: 50px; height: 50px; margin: -3.5px; box-shadow: 2px 2px 5px #0009; opacity: 1; } .links.mm { padding: 0 0 3px }
  592.  
  593. .staff { border: 3px solid #FFF; box-shadow: 0 0 0 1px #CCC; margin: 1px 10px 10px; } .staff div { font: bold 12px/13px arial; color: #FFF; letter-spacing: 2px; background: #0009; padding: 10px 0; opacity: 0; transition: .5s; } .staff div a { color: #FFF; } .staff div span { font-size: 10px; } .staff:hover div { opacity: 1; }
  594. </style>
  595.  
  596. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <!-- jQuery -->
  597. <script src="https://static.tumblr.com/ouqpclx/heNnjoj2d/jquery.fitvids.js"></script> <!-- FitVids https://fitvidsjs.com/ -->
  598.  
  599. </head>
  600.  
  601.  
  602. <body>
  603.  
  604. {block:ShowHeaderImage}
  605. <div class="header">
  606.     <a href="/"><h1>{Title}</h1></a>
  607. </div>
  608. {/block:ShowHeaderImage}
  609.  
  610. <nav>
  611.     {block:IfNotIconNavigation}<div class="navigate">{lang:Navigate} <span class="desc-arrow"><i class="fa fa-chevron-down rotate"></i></span></div>{/block:IfNotIconNavigation}
  612.     <ul>
  613.         {block:IfIconNavigation}
  614.             <a href="/" title="{lang:Home}"><li><i class="fa fa-home fa-lg"></i></li></a>
  615.             {block:AskEnabled}<a href="/ask" title="{AskLabel}"><li><i class="fa fa-envelope"></i></li></a>{/block:AskEnabled}
  616.             <a href="/archive" title="{lang:Archive}"><li><i class="fa fa-history"></i></li></a>
  617.             {block:IfShowRandom}<a href="/random" title="{lang:Random post}"><li><i class="fa fa-random"></i></li></a>{/block:IfShowRandom}
  618.             {block:SubmissionsEnabled}<a href="/submit" title="{SubmitLabel}"><li><i class="fa fa-upload"></i></li></a>{/block:SubmissionsEnabled}
  619.             {block:IfShowRSS}<a href="{RSS}" title="{lang:RSS}"><li><i class="fa fa-rss"></i></li></a>{/block:IfShowRSS}
  620.         {/block:IfIconNavigation}
  621.        
  622.         {block:IfNotIconNavigation}
  623.             <a href="/"><li>{lang:Home}</li></a>
  624.             {block:AskEnabled}<a href="/ask"><li>{text:Ask Label}</li></a>{/block:AskEnabled}
  625.             <a href="/archive"><li>{lang:Archive}</li></a>
  626.             {block:IfShowRandom}<a href="/random"><li>{lang:Random}</li></a>{/block:IfShowRandom}
  627.             {block:SubmissionsEnabled}<a href="/submit"><li>{SubmitLabel}</li></a>{/block:SubmissionsEnabled}
  628.             {block:IfShowRSS}<a href="{RSS}"><li>{lang:RSS}</li></a>{/block:IfShowRSS}
  629.         {/block:IfNotIconNavigation}
  630.     </ul>
  631. </nav>
  632.  
  633.  
  634. <div class="wrapper">
  635. <div class="content">
  636.  
  637. {block:DayPage}
  638.     <div class="pagesort">
  639.         {DayOfMonth} {ShortMonth} {Year}
  640.     </div>
  641. {/block:DayPage}
  642.  
  643. {block:TagPage}
  644.     <div class="pagesort">
  645.         {lang:Showing posts tagged Tag 2}
  646.     </div>
  647. {/block:TagPage}
  648.  
  649. {block:SearchPage}
  650.     <div class="pagesort">
  651.         {lang:Showing SearchResultCount results for SearchQuery 2}
  652.         {block:NoSearchResults}
  653.             {lang:No results for SearchQuery 2}
  654.         {/block:NoSearchResults}
  655.     </div>
  656. {/block:SearchPage}
  657.  
  658.  
  659. {block:Posts}
  660.  
  661. <div class="post">
  662.  
  663. {block:Date}
  664.     <div class="posthead">
  665.         <div class="date"><a href="{Permalink}">{DayOfMonth} {ShortMonth} {Year}</a></div>
  666.     </div>
  667. {/block:Date}
  668.  
  669. {block:Text}
  670.     {block:Title}<h1>{Title}</h1>{/block:Title}
  671.     {Body}
  672. {/block:Text}
  673.  
  674. {block:Photo}
  675.     <div class="photopost">
  676.         {block:LinkURL}{LinkOpenTag}{/block:LinkURL}
  677.             <img src="{PhotoURL-500}" alt="{PhotoAlt}" {block:HighRes} class="nothighres" {/block:HighRes} />
  678.         {block:LinkURL}{LinkCloseTag}{/block:LinkURL}
  679.         {block:HighRes}
  680.             <a href="/image/{PostID}" title="{lang:View high resolution}"><div class="highres"><i class="fa fa-search"></i></div></a>
  681.             {block:LinkURL}{LinkOpenTag}{/block:LinkURL}
  682.                 <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" class="highresphoto" />
  683.             {block:LinkURL}{LinkCloseTag}{/block:LinkURL}
  684.         {/block:HighRes}
  685.     </div>
  686.     {block:Caption}{Caption}{/block:Caption}
  687. {/block:Photo}
  688.  
  689. {block:Panorama}
  690.     <div class="photopost">
  691.         {LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" />{LinkCloseTag}
  692.     </div>
  693.     {block:Caption}{Caption}{/block:Caption}
  694. {/block:Panorama}
  695.  
  696. {block:Photoset}
  697.     <div class="photopost">
  698.         {Photoset}
  699.     </div>
  700.     {block:Caption}{Caption}{/block:Caption}
  701. {/block:Photoset}
  702.  
  703. {block:Quote}
  704.     <h3 class="quotepost">{Quote}</h3>
  705.     {block:Source}&#0151; {Source}{/block:Source}
  706. {/block:Quote}
  707.  
  708. {block:Link}
  709.     <div class="answerpost">
  710.         <div class="question"><a href="{URL}" target="{Target}">{Name} <i class="fa fa-external-link"></i></a></div>
  711.         {block:Host}<div class="aby askedby">{Host}</div>{/block:Host}
  712.     </div>
  713.     {block:Description}{Description}{/block:Description}
  714. {/block:Link}
  715.  
  716. {block:Chat}
  717.     {block:Title}<h1>{Title}</h1>{/block:Title}
  718.     <ul class="chat">
  719.         {block:Lines}
  720.             <li>{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</li>
  721.         {/block:Lines}
  722.     </ul>
  723. {/block:Chat}
  724.  
  725. {block:Audio}
  726.     {block:AudioEmbed}
  727.         <div class="audioembed">{AudioEmbed}</div>
  728.     {/block:AudioEmbed}
  729.     {block:Caption}{Caption}{/block:Caption}
  730. {/block:Audio}
  731.  
  732. {block:Video}
  733.     <div class="videopost">
  734.         {VideoEmbed-700}
  735.     </div>
  736.     {block:Caption}{Caption}{/block:Caption}
  737. {/block:Video}
  738.  
  739. {block:Answer}
  740.     <div class="answerpost">
  741.         <div class="question">{Question}</div>
  742.         <div class="aby askedby">{lang:Asked by Asker 2}</div>
  743.     </div>
  744.     {block:Answerer}
  745.         <div class="answerpost">
  746.             <div class="aby answeredby">{Answerer}</div>
  747.             <div class="question">{Answer}</div>
  748.         </div>
  749.         {Replies}
  750.     {/block:Answerer}
  751.     {block:NotReblog}{Answer}{/block:NotReblog}
  752. {/block:Answer}
  753.  
  754. {block:Date}
  755. <div class="postfoot">
  756.     {block:IndexPage}
  757.         <ul class="rb">
  758.             {block:Submission}
  759.                 <li><a href="{SubmitterURL}" title="Submitted by {Submitter}"><img src="{SubmitterPortraitURL-24}" class="postvia" /></a></li>
  760.             {/block:Submission}
  761.             {block:RebloggedFrom}
  762.                 <li><a href="{ReblogParentURL}" title="{lang:Reblogged from ReblogParentName}"><img src="{ReblogParentPortraitURL-24}" class="postvia" /></a></li>
  763.                 <li><a href="{ReblogRootURL}" title="{lang:Originally from ReblogRootName}"><img src="{ReblogRootPortraitURL-24}" class="postvia" /></a></li>
  764.             {/block:RebloggedFrom}
  765.             {block:IfNotWhiteLikeandReblogButtons}
  766.                 <li>{ReblogButton color="black" size="18" alt="reblog"}</li>
  767.                 <li>{LikeButton color="black" size="18" alt="like"}</li>
  768.             {/block:IfNotWhiteLikeandReblogButtons}
  769.             {block:IfWhiteLikeandReblogButtons}
  770.                 <li>{ReblogButton color="white" size="18" alt="reblog"}</li>
  771.                 <li>{LikeButton color="white" size="18" alt="like"}</li>
  772.             {/block:IfWhiteLikeandReblogButtons}
  773.         </ul>
  774.     {/block:IndexPage}
  775.  
  776.     {block:PermalinkPage}
  777.     <div class="rebloginfo">
  778.         {block:Submission}
  779.             Submitted by <a href="{SubmitterURL}">{Submitter}</a>
  780.         {/block:Submission}
  781.         {block:RebloggedFrom}
  782.             {lang:Reblogged from ReblogParentName 2} | {lang:Originally from ReblogRootName 2}
  783.         {/block:RebloggedFrom}
  784.         {block:ContentSource}
  785.             {block:RebloggedFrom} | {/block:RebloggedFrom}{lang:Source}: <a href="{SourceURL}">{SourceTitle}</a>
  786.         {/block:ContentSource}
  787.     </div>
  788.     {/block:PermalinkPage}
  789.    
  790.     <ul class="tags">
  791.         {block:NoteCount}
  792.             <li><a href="{Permalink}" class="notes">{NoteCountWithLabel}</a></li>
  793.         {/block:NoteCount}
  794.        
  795.         {block:IfDisqusShortname}{block:IndexPage}
  796.             <li><a class="dsq-comment-count" href="{Permalink}#disqus_thread">Comments</a></li>
  797.             <script type="text/javascript">
  798.                 var disqus_shortname = '{text:Disqus Shortname}';
  799.  
  800.                 (function () {
  801.                     var s = document.createElement('script'); s.async = true;
  802.                     s.type = 'text/javascript';
  803.                     s.src = '//' + disqus_shortname + '.disqus.com/count.js';
  804.                     (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
  805.                 }());
  806.             </script>
  807.         {/block:IndexPage}{/block:IfDisqusShortname}
  808.        
  809.         {block:HasTags}
  810.             {block:Tags}<li><a href="{TagURL}" class="tag">#{Tag}</a></li>{/block:Tags}
  811.         {/block:HasTags}
  812.     </ul>
  813. </div>
  814. {/block:Date}
  815.  
  816. {block:PermalinkPage}
  817.     {block:Date}
  818.         {block:PostNotes}
  819.             {block:IfDisqusShortname}
  820.                 <div class="expandnotes">{lang:View notes for this post}</div>
  821.             {/block:IfDisqusShortname}
  822.             <div class="postnotes">{PostNotes}</div>
  823.         {/block:PostNotes}
  824.     {/block:Date}
  825. {/block:PermalinkPage}
  826.  
  827.  
  828. </div><!-- post -->
  829.  
  830. {block:Date}
  831. {block:PermalinkPage}
  832.     {block:IfDisqusShortname}
  833.         <div id="disqus_thread"></div>
  834.         <script type="text/javascript">
  835.             /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
  836.             var disqus_shortname = '{text:Disqus Shortname}'; // Required - Enter shortname in Tumblr Theme Options
  837.             var disqus_url = '{Permalink}';
  838.  
  839.             /* * * DON'T EDIT BELOW THIS LINE * * */
  840.             (function() {
  841.                 var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
  842.                 dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
  843.                 (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  844.             })();
  845.         </script>
  846.         <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
  847.         <a href="https://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>
  848.     {/block:IfDisqusShortname}
  849. {/block:PermalinkPage}
  850. {/block:Date}
  851.  
  852. {/block:Posts}
  853.  
  854.  
  855. {block:DayPagination}
  856.     <div class="pagination">
  857.         <ul>
  858.             {block:NextDayPage}<a href="{NextDayPage}"><li class="nextday"><i class="fa fa-angle-left"></i> {DayOfMonth} {Month} {Year}</li></a>{/block:NextDayPage}
  859.             {block:PreviousDayPage}<a href="{PreviousDayPage}"><li class="prevday">{DayOfMonth} {Month} {Year} <i class="fa fa-angle-right"></i></li></a>{/block:PreviousDayPage}
  860.         </ul>
  861.     </div>
  862. {/block:DayPagination}
  863.  
  864. {block:PermalinkPagination}
  865.     <div class="pagination">
  866.         <ul>
  867.             {block:NextPost}<a href="{NextPost}"><li class="nextday"><i class="fa fa-angle-left"></i> {lang:Next post}</li></a>{/block:NextPost}
  868.             {block:PreviousPost}<a href="{PreviousPost}"><li class="prevday">{lang:Previous post} <i class="fa fa-angle-right"></i></li></a>{/block:PreviousPost}
  869.         </ul>
  870.     </div>
  871. {/block:PermalinkPagination}
  872.  
  873. {block:Pagination}
  874.     <div class="pagination">
  875.         <ol>
  876.             {block:PreviousPage}<a href="{PreviousPage}"><li><i class="fa fa-angle-left"></i></li></a>{/block:PreviousPage}
  877.             {block:JumpPagination length="5"}
  878.                 {block:CurrentPage}<li id="current">{CurrentPage}</li>{/block:CurrentPage}
  879.                 {block:JumpPage}<a href="{URL}"><li>{PageNumber}</li></a>{/block:JumpPage}
  880.             {/block:JumpPagination}
  881.             {block:NextPage}<a href="{NextPage}"><li><i class="fa fa-angle-right"></i></li></a>{/block:NextPage}
  882.         </ol>
  883.         {lang:Page CurrentPage of TotalPages}
  884.     </div>
  885. {/block:Pagination}
  886.  
  887. </div><!-- content -->
  888.  
  889.  
  890. <div class="sidebar">
  891.     <div class="sbsec">
  892.         {block:ShowAvatar}<a href="/"><img src="{PortraitURL-96}" class="sbimage {AvatarShape}" /></a>{/block:ShowAvatar}
  893.         {block:HideHeaderImage}<h2>{Title}</h2>{/block:HideHeaderImage}
  894.         <div class="desc">{Description}</div>
  895.         {block:HasPages}
  896.             <ul class="links">
  897.                 <div class="linktitle"><i class="fa fa-bars"></i></div>
  898.                 {block:Pages}<li><a href="{URL}">{Label}</a></li>{/block:Pages}
  899.             </ul>
  900.         {/block:HasPages}
  901.        
  902.         </********STAFF***********/>
  903.         <div class="links mm">
  904.  
  905. <a href="URL" title="Staff" class="linktitle" style="color: #777;"><i class="fas fa-star"></i></a><br>
  906.  
  907. <div class="staff" style="background: url(https://66.media.tumblr.com/avatar_21773c1623b9_96.pnj)"><div><a href="/URL">NOMBRE 001</a> <br> <span>cargo</span></div></div>
  908.  
  909. <div class="staff" style="background: url(https://66.media.tumblr.com/avatar_21773c1623b9_96.pnj)"><div><a href="/URL">NOMBRE 002</a> <br> <span>cargo</span></div></div>
  910.  
  911. <div class="staff" style="background: url(https://66.media.tumblr.com/avatar_21773c1623b9_96.pnj)"><div><a href="/URL">NOMBRE 003</a> <br> <span>cargo</span></div></div>
  912.  
  913. </div>
  914.  
  915. </********AFILIADOS***********/>
  916.         <div class="links mm">
  917.  
  918. <a href="URL" title="Afiliados" class="linktitle" style="color: #777;"><i class="fas fa-user-friends"></i></a><br>
  919.  
  920. <a href="URL" title="Nombre Página"><img src="https://66.media.tumblr.com/avatar_21773c1623b9_96.pnj"></a>
  921. <a href="URL" title="Nombre Página"><img src="https://66.media.tumblr.com/avatar_21773c1623b9_96.pnj"></a>
  922. <a href="URL" title="Nombre Página"><img src="https://66.media.tumblr.com/avatar_21773c1623b9_96.pnj"></a>
  923. <a href="URL" title="Nombre Página"><img src="https://66.media.tumblr.com/avatar_21773c1623b9_96.pnj"></a>
  924. <a href="URL" title="Nombre Página"><img src="https://66.media.tumblr.com/avatar_21773c1623b9_96.pnj"></a> <a href="URL" title="Nombre Página"><img src="https://66.media.tumblr.com/avatar_21773c1623b9_96.pnj"></a>
  925. <a href="URL" title="Nombre Página"><img src="https://66.media.tumblr.com/avatar_21773c1623b9_96.pnj"></a>
  926. <a href="URL" title="Nombre Página"><img src="https://66.media.tumblr.com/avatar_21773c1623b9_96.pnj"></a>
  927.     <a href="URL" title="Nombre Página"><img src="https://66.media.tumblr.com/avatar_21773c1623b9_96.pnj"></a>
  928. </div>
  929.         {block:IfShowSearch}
  930.         <div class="searchbar">
  931.             <form action="/search" method="get">
  932.                 <input type="text" id="search" name="q" placeholder="{lang:Search}" />
  933.             </form>
  934.         </div>
  935.         {/block:IfShowSearch}
  936.     </div>
  937.     <div class="credits">
  938.         {block:IfShowCopyright}&#0169; {CopyrightYears} {Name}<br />{/block:IfShowCopyright}
  939.         Theme by <a href="https://anhchors.tumblr.com" target="_blank">anhchors</a> <a href="https://emmescodes.tumblr.com/" target="_blank">emmes´code</a>
  940.         <br />{lang:Powered by Tumblr 2}
  941.     </div>
  942. </div>
  943.  
  944.  
  945. </div><!-- wrapper -->
  946.  
  947. <script>
  948.     $(document).ready(function() {
  949.         $('.navigate').click(function() {
  950.                 $('nav ul').slideToggle("medium");
  951.                 $('.rotate').toggleClass("down");
  952.         });
  953.         {block:IfDisqusShortname}
  954.         $('.expandnotes').click(function() {
  955.                 $('.postnotes').slideToggle("long");
  956.         });
  957.         {/block:IfDisqusShortname}
  958.     });
  959. </script>
  960.  
  961. <script src="path/to/jquery.fitvids.js"></script>
  962. <script>
  963.       $(document).ready(function(){
  964.         // Target your .container, .wrapper, .post, etc.
  965.         $(".videopost").fitVids();
  966.       });
  967.      
  968.     // vine responsive https://codepen.io/chrisdrogaris/pen/KIBvJ
  969.      
  970.       //Use fitvids.js to make it responsive
  971.     $('body').fitVids({
  972.       customSelector: "iframe[src*='vine']"
  973.     });
  974.  
  975.     //Keep track of of window resizing
  976.     var h = $(window).height(), w = $(window).width();
  977.  
  978.     //Check when window is resizing
  979.     $( window ).resize(function() {
  980.       var window_growing = false;
  981.       var nh = $(window).height(), nw = $(window).width();
  982.      
  983.       //Check if window is growing when resized
  984.       if(nw > w){
  985.         window_growing = true;
  986.       }
  987.       h = nh; w = nw; // update h and w;
  988.      
  989.       //If window grows then reload iframe
  990.       if(window_growing){
  991.         $( '.vine-embed' ).attr( 'src', function ( i, val ) { return val;});
  992.       }
  993.  
  994.     });
  995.  
  996.     // for native tumblr video https://stackoverflow.com/questions/24084703/responsive-tumblr-videos-not-working
  997.     $('.videopost').fitVids({ customSelector: "iframe[src*='tumblr.com'], iframe[src='about:blank']" });
  998. </script>
  999.  
  1000. {block:IfStickyNavigation}
  1001. <script>
  1002.         // Create a clone of the menu, right next to original.
  1003.         // https://codepen.io/senff/pen/ayGvD
  1004.     $('nav').addClass('original').clone().insertAfter('nav').addClass('cloned').css('position','fixed').css('top','0').css('width','100%').css('background','{color:Navigation Background}');
  1005.     $('.cloned').removeClass('original');
  1006.  
  1007.     stickMenu();
  1008.  
  1009.     jQuery( window ).scroll(function() {
  1010.         stickMenu();
  1011.     });
  1012.  
  1013.  
  1014.     function stickMenu() {
  1015.      
  1016.         var menu = document.querySelector('nav');
  1017.         var menupos = menu.offsetTop;
  1018.  
  1019.        if (jQuery(window).scrollTop() >= menupos) {
  1020.          // scrolled past the menu; only show the cloned, sticky menu.
  1021.          jQuery('.cloned').show();
  1022.          jQuery('.original').css('visibility','hidden');
  1023.        } else {
  1024.          // not scrolled past the menu; only show the original menu.
  1025.          jQuery('.cloned').hide();
  1026.          jQuery('.original').css('visibility','visible');
  1027.        }
  1028.     }
  1029. </script>
  1030. {/block:IfStickyNavigation}
  1031.  
  1032. {block:IfGoogleAnalyticsID}
  1033. <script>
  1034.     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  1035.     (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  1036.     m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  1037.     })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  1038.  
  1039.     ga('create', '{text:Google Analytics ID}', 'auto');
  1040.     ga('send', 'pageview');
  1041. </script>
  1042. {/block:IfGoogleAnalyticsID}
  1043.  
  1044. </body>
  1045. </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