API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jan 22nd, 2019
70
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 32.99 KB | None | 0 0
raw download clone embed print report
  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>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!