API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Sep 23rd, 2017
66
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.58 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!-- octomoosey @ tumblr -->
  4.  
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6. <head><title>{Title}</title>
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  10.  
  11. <meta name="viewport" content="width=device-width, initial-scale=1">
  12. <meta name="color:background" content="#071f2c">
  13. <meta name="color:text" content="#a8a8a8">
  14. <meta name="color:title" content="#a8a8a8">
  15. <meta name="color:tags background" content="#a8a8a8">
  16. <meta name="color:borders" content="#a8a8a8">
  17. <meta name="color:description" content="#a8a8a8">
  18. <meta name="color:bold" content="#ffffff">
  19. <meta name="color:italic" content="#ffffff">
  20. <meta name="color:nav" content="#ffffff">
  21. <meta name="color:link" content="#dcdcdc">
  22. <meta name="color:link hover" content="#ffffff">
  23. <meta name="color:scrollbar" content="#ffffff" />
  24. <meta name="color:selectiontext" content="#ffffff" />
  25. <meta name="color:selectionbg" content="#8c8c8c" />
  26. <meta name="color:info" content="#8c8c8c" />
  27. <meta name="color:info hover" content="#ffffff" />
  28. <meta name="color:tags" content="#8c8c8c" />
  29. <meta name="color:tags hover" content="#ffffff" />
  30.  
  31. <meta name="image:background" content="http://static.tumblr.com/f8cf1fcf97fb31ca84832fa219e29d55/86jccts/htbo5w9w1/tumblr_static_4j1hjnclduw4os44kowcg00kk.jpg" />
  32.  
  33. <meta name="if:hide captions" content="0"/>
  34.  
  35. <meta name="text:font size" content="10px" />
  36.  
  37. <meta name="text:link 1" content="link 1"/>
  38. <meta name="text:link 1 url" content="/"/>
  39. <meta name="text:link 2" content="link 2"/>
  40. <meta name="text:link 2 url" content="/"/>
  41. <meta name="text:link 3" content="link 3"/>
  42. <meta name="text:link 3 url" content="/"/>
  43. <meta name="text:link 4" content="link 4"/>
  44. <meta name="text:link 4 url" content="/"/>
  45. <meta name="text:link 5" content="link 5"/>
  46. <meta name="text:link 5 url" content="/"/>
  47. <meta name="text:link 6" content="link 6"/>
  48. <meta name="text:link 6 url" content="/"/>
  49. <meta name="text:link 7" content="link 7"/>
  50. <meta name="text:link 7 url" content="/"/>
  51. <meta name="text:link 8" content="link 8"/>
  52. <meta name="text:link 8 url" content="/"/>
  53.  
  54. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  55. <link href='https://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'>
  56. <link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
  57.  
  58. <style type="text/css">
  59.  
  60. ::-webkit-scrollbar{
  61. height:3px;
  62. width:3px;
  63. background:inherit;}
  64.  
  65. ::-webkit-scrollbar-thumb {
  66. background:{color:scrollbar};}
  67.  
  68. ::-webkit-scrollbar-track {
  69. background:transparent;}
  70.  
  71. ::-moz-selection {
  72. color:{color:selectiontext};
  73. background:{color:selectionbg};}
  74.  
  75. ::selection {
  76. color:{color:selectiontext};
  77. background:{color:selectionbg};}
  78.  
  79. .tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop {
  80. z-index:99999999999999999!important;
  81. white-space:nowrap!important;
  82. top:10px!important;
  83. right:10px!important;
  84. position:fixed!important;
  85. opacity:.6!important;}
  86.  
  87. body {
  88. margin:0;
  89. background:{color:background};
  90. background-image: url('{image:background}');
  91. background-position: top;
  92. background-repeat: no-repeat;
  93. background-attachment: fixed;
  94. font-size: {text:font size};
  95. font-family: 'Roboto', sans-serif;
  96. line-height:150%;
  97. -moz-osx-font-smoothing:grayscale;
  98. -webkit-font-smoothing:antialiased;
  99. font-smoothing:antialiased;
  100. color:{color:text};}
  101.  
  102. blockquote {
  103. padding-left:10px;
  104. border-left:1px solid {color:borders};
  105. margin:15px 0px 10px 10px;
  106. text-align:left;}
  107.  
  108. .caption blockquote {
  109. margin:15px 0px 10px 10px;}
  110.  
  111. blockquote img {
  112. max-width:100%;
  113. height:auto;}
  114.  
  115. img {
  116. max-width:100%;
  117. height:auto;}
  118.  
  119. .caption img {
  120. max-width:100%;
  121. height:auto;}
  122.  
  123. .posts img {
  124. max-width:100%;
  125. margin-top:5px;
  126. margin-bottom:5px;}
  127.  
  128. a {
  129. color:{color:link};
  130. text-decoration:none;
  131. letter-spacing:1px;
  132. cursor:help;
  133. -webkit-transition: all 0.7s ease;
  134. transition: all 0.7s ease;
  135. -moz-transition: all 0.7s ease;
  136. -o-transition: all 0.7s ease;}
  137.  
  138. a:hover {
  139. letter-spacing:1px;
  140. text-decoration:none;
  141. color:{color:link hover};
  142. text-shadow: 0px 0px #aeaeae, -0px 0px #aeaeae;}
  143.  
  144. p {
  145. margin:10px 0 10px 0;}
  146.  
  147. p:first-of-type {
  148. margin-top:0;
  149. padding-top:0;}
  150.  
  151. p:last-of-type {
  152. margin-bottom:10px;
  153. padding-bottom:0;}
  154.  
  155. small, sub {
  156. font-size: {text:font size};
  157. vertical-align:baseline;}
  158.  
  159. pre {
  160. white-space: pre-wrap;
  161. white-space: -moz-pre-wrap;
  162. white-space: -pre-wrap;
  163. white-space: -o-pre-wrap;
  164. word-wrap: break-word;}
  165.  
  166. h1, h2, h3, h4, h5, h6 {
  167. text-align:right;
  168. font-family: 'Fjalla One', sans-serif;
  169. font-size:15px;}
  170.  
  171. b, strong {
  172. font-family:font-family: 'Roboto', sans-serif;
  173. text-transform:uppercase;
  174. font-size: 10px;
  175. color:{color:bold};}
  176.  
  177. i, em {
  178. font-family: 'Fjalla One', sans-serif;
  179. font-size: 10px;
  180. color:{color:italic};
  181. letter-spacing:1.5px;}
  182.  
  183. small, big {
  184. font-size:1em;}
  185.  
  186. .title {
  187. font-size:15px;
  188. letter-spacing:1.5px;
  189. font-weight:bold;}
  190.  
  191. .cont {
  192. bottom:17px;
  193. position: fixed;
  194. left:50%;
  195. margin-left:-251px;
  196. height:321px;
  197. overflow-y:scroll;
  198. width:500px;
  199. text-align:justify;
  200. text-transform: auto;
  201. overflow: auto;}
  202.  
  203. .entries {
  204. margin-top:0px;
  205. padding-top:20px;
  206. width:492px;}
  207.  
  208. .posts {
  209. position:relative;
  210. text-align:justify;
  211. margin:0px 0px 70px 0px;}
  212.  
  213. .posts:last-child {
  214. margin-bottom:50px;}
  215.  
  216. {block:permalinkpage}
  217. .posts {
  218. margin-bottom:30px;}
  219. {/block:permalinkpage}
  220.  
  221. .date {
  222. padding:3px;
  223. margin-top:5px;
  224. text-align:right;
  225. font-family: 'Fjalla One', sans-serif;
  226. text-transform:lowercase;
  227. font-size:9px;
  228. background: -webkit-linear-gradient(left, {color:background}, {color:tags background}, {color:background});}
  229.  
  230. .date a {
  231. color:{color:info};}
  232.  
  233. .date a:hover {
  234. color:{color:info hover};}
  235.  
  236. .tags a {
  237. color:{color:tags};
  238. -webkit-transition: all 0.7s ease;
  239. transition: all 0.7s ease;
  240. -moz-transition: all 0.7s ease;
  241. -o-transition: all 0.7s ease;}
  242.  
  243. .tags a:hover {
  244. color:{color:tags hover};
  245. -webkit-transition: all 0.7s ease;
  246. transition: all 0.7s ease;
  247. -moz-transition: all 0.7s ease;
  248. -o-transition: all 0.7s ease;}
  249.  
  250. ol.notes {
  251. margin-left:-30px;
  252. width:500px;
  253. background:transparent;
  254. list-style-type:none;}
  255.  
  256. ol.notes a {
  257. color:{color:link};}
  258.  
  259. ol.notes a:hover {
  260. color:{color:linkhover};}
  261.  
  262. ol.notes li.note {
  263. display:block;
  264. padding:0;
  265. margin:5px 0;}
  266.  
  267. ol.notes li.note img.avatar {
  268. display:none!important;}
  269.  
  270. a.more_notes_link {
  271. display:block;
  272. text-align:left;
  273. border:0;
  274. color:{color:link};}
  275.  
  276. .sidep {
  277. position:absolute;
  278. left:50%;
  279. margin-left:-420px;
  280. width:100px;}
  281.  
  282. .caption {
  283. margin-top:15px;
  284. {block:ifhidecaptions}
  285. {block:indexpage}
  286. display:none;
  287. {/block:indexpage}
  288. {/block:ifhidecaptions}}
  289.  
  290. .subt {
  291. margin-bottom:20px;
  292. line-height:30px;
  293. text-align:right;
  294. font-family: 'Fjalla One', sans-serif;
  295. font-size:25px;
  296. color:{color:title};}
  297.  
  298. #nav {
  299. margin-top:20px;
  300. font-family: 'Fjalla One', sans-serif;
  301. display:inline-block;
  302. font-size:12px;
  303. margin-bottom:10px;
  304. text-align:right;}
  305.  
  306. #nav a{
  307. padding:3px;}
  308.  
  309. #nav i, em {
  310. color:{color:nav};}
  311.  
  312. #nav a:hover{
  313. -webkit-filter: blur(5px);
  314. -moz-filter: blur(5px);
  315. -o-filter: blur(5px);
  316. -ms-filter: blur(5px);
  317. filter: blur(5px);}
  318.  
  319. #description {
  320. text-align:right;
  321. color:{color:description};
  322. position:fixed;
  323. margin-left:0px;
  324. padding:20px;
  325. width:100px;
  326. bottom:0px;}
  327.  
  328. .caption {
  329. margin-top:15px;}
  330.  
  331. .chat {
  332. padding:0;
  333. list-style-type:none;}
  334.  
  335. .chat .label {
  336. font-weight:bold;}
  337.  
  338. .quote {
  339. font-weight:bold;}
  340.  
  341. .media {
  342. position:relative;
  343. display:inline-block;
  344. width:100%;}
  345.  
  346. .playerbuttonbg {
  347. position: absolute;
  348. left: 15px;
  349. top: 17px;
  350. width: 30px;
  351. height: 30px;
  352. background-color: #000;
  353. padding: 10px;
  354. opacity: 0.4;
  355. filter: alpha(opacity=40);
  356. -moz-opacity: 0.4;
  357. -khtml-opacity: 0.4;
  358. transition: opacity .7s ease-in-out;
  359. -moz-transition: opacity .7s ease-in-out;
  360. -webkit-transition: opacity .7s ease-in-out;}
  361.  
  362. .playerbuttonbg:hover {
  363. opacity: 1;
  364. filter: alpha(opacity=100);
  365. -moz-opacity: 1;
  366. -khtml-opacity: 1;}
  367.  
  368. .newplayerbutton {
  369. position: relative;
  370. width: 30px;
  371. height: 30px;
  372. overflow: hidden;}
  373.  
  374. .playerbuttonhug {
  375. position: absolute;
  376. top: -30px;
  377. left: -10px;}
  378.  
  379. .tumblr_audio_player {
  380. height: 90px;
  381. width: 270px;}
  382.  
  383. .audioimgwrapper {
  384. position: absolute;
  385. overflow: hidden;
  386. width: 80px;
  387. height: 80px;}
  388.  
  389. .trackdetails {
  390. padding:10px;
  391. display:inline-block;
  392. margin-left: 90px;
  393. min-height: 75px;}
  394.  
  395. .audiowrapper {
  396. position: relative;
  397. display:inline-block;}
  398.  
  399. .asker {
  400. font-family: 'Fjalla One', sans-serif;
  401. font-size:14px;
  402. margin-bottom:3px;}
  403.  
  404. .asked {
  405. text-transform:uppercase;
  406. padding-bottom:3px;
  407. margin-bottom:10px;}
  408.  
  409. .ans {
  410. }
  411.  
  412. .faica {
  413. font-size:30px;}
  414.  
  415. .faicq {
  416. font-size:30px;}
  417.  
  418. #s-m-t-tooltip {
  419. max-width:300px;
  420. border-radius: 0px;
  421. padding:4px;
  422. margin:10px 10px 5px 0px;
  423. color:#000;
  424. border:1px solid #000;
  425. font-size:10px;
  426. letter-spacing:1px;
  427. background:#fff;
  428. font-family: 'Roboto', sans-serif;
  429. font-size: 12px;
  430. z-index:99999;}
  431.  
  432. #credit {
  433. z-index:8;
  434. bottom:5px;
  435. right:5px;
  436. height:30px;
  437. width:30px;
  438. opacity:0.8;
  439. position:fixed;
  440. padding:5px;}
  441.  
  442. </style>
  443.  
  444. </head>
  445. <body>
  446.  
  447. <div class="sidep">
  448.  
  449. <div id="description">
  450. <div class="subt">{title}</div>
  451. {description}<br>
  452. <div id="nav">
  453.  
  454. <center>
  455. <a href="/" title="index"><i class="fa fa-dot-circle-o" aria-hidden="true"></i></a>
  456. <a href="/ask" title="ask"><i class="fa fa-dot-circle-o" aria-hidden="true"></i></a>
  457. {block:iflink1}<a href="{text:link 1 url}" title="{text:link 1}"><i class="fa fa-dot-circle-o" aria-hidden="true"></i></a>{/block:iflink1}
  458. {block:iflink2}<a href="{text:link 2 url}" title="{text:link 2}"><i class="fa fa-dot-circle-o" aria-hidden="true"></i></a>{/block:iflink2}
  459. {block:iflink3}<a href="{text:link 3 url}" title="{text:link 3}"><i class="fa fa-dot-circle-o" aria-hidden="true"></i></a>{/block:iflink3}
  460. {block:iflink4}<a href="{text:link 4 url}" title="{text:link 4}"><i class="fa fa-dot-circle-o" aria-hidden="true"></i></a>{/block:iflink4}
  461. {block:iflink5}<a href="{text:link 5 url}" title="{text:link 5}"><i class="fa fa-dot-circle-o" aria-hidden="true"></i></a>{/block:iflink5}
  462. {block:iflink6}<a href="{text:link 6 url}" title="{text:link 6}"><i class="fa fa-dot-circle-o" aria-hidden="true"></i></a>{/block:iflink6}
  463. {block:iflink7}<a href="{text:link 7 url}" title="{text:link 7}"><i class="fa fa-dot-circle-o" aria-hidden="true"></i></a>{/block:iflink7}
  464. {block:iflink8}<a href="{text:link 8 url}" title="{text:link 8}"><i class="fa fa-dot-circle-o" aria-hidden="true"></i></a>{/block:iflink8}
  465. </center>
  466. <br>
  467. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a>{/block:PreviousPage} - {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}{/block:Pagination}
  468. </div>
  469.  
  470. <center>
  471. </div>
  472.  
  473. </div>
  474.  
  475. </div>
  476. </div>
  477.  
  478. </div>
  479.  
  480. <div class="cont">
  481. <div class="entries">
  482. {block:Posts}
  483. <div class="posts">
  484.  
  485. {block:Text}{block:Title}<h1 class="title">{Title}</h1>{/block:Title}<div class="text">{Body}</div>{/block:Text}
  486.  
  487. {block:Quote}<div class="faicq"><i class="fa fa-quote-left fa-pull-left"></i></div><div class="quote text">{Quote}</div>{block:Source}<div class="source text">{Source}</div>{/block:Source}{/block:Quote}
  488.  
  489. {block:Answer}<div class="faica"><i class="fa fa-question fa-pull-left"></i></div><div class="asker">{Asker} asked:</div><div class="asked">{Question}</span></div><div class="ans">{Answer}</div>{/block:Answer}
  490.  
  491. {block:Chat}{block:Title}<h1 class="title">{Title}</h1>{/block:Title}<ul class="chat text">{block:Lines}<li class="line">{block:Label}<span class="label">{Label}&nbsp; </span>{/block:Label}{Line}</li>{/block:Lines}</ul>{/block:Chat}
  492.  
  493. {block:Link}<h1 class="title"><a href="{URL}">{Name}</a></h1>{block:Description}<div class="text">{Description}</div>{/block:Description}{/block:Link}
  494.  
  495. {block:AudioPlayer}
  496. <div class="audiowrapper">
  497. {block:AlbumArt}<div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  498. <div class="playerbuttonbg"><div class="newplayerbutton"><div class="playerbuttonhug">{AudioPlayerBlack}
  499. </div></div></div><div class="trackdetails">
  500. {block:TrackName}{TrackName}{/block:TrackName}<br/>{block:Artist}Artist: {Artist}{/block:Artist}<br/>{block:Album}Album: {Album}{/block:Album}
  501. </div></div>{/block:AudioPlayer}
  502.  
  503. {Block:Photo}{LinkOpenTag}
  504. <img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:HighRes}
  505. <a href="{PhotoURL-HighRes}">View in High-Res</a>{/block:HighRes}{block:Exif}
  506. <ul>{block:Camera}
  507. <li>Camera: {Camera}</li>{/block:Camera}{block:Aperture}
  508. <li>Aperture: {Aperture}</li>{/block:Aperture}{block:Exposure}
  509. <li>Exposure: {Exposure}</li>{/block:Exposure}{block:FocalLength}
  510. <li>Focal Length: {FocalLength}</li>{/block:FocalLength}
  511. </ul>{/block:Exif}{block:Caption}{Caption}{/block:Caption}{/Block:Photo}
  512. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  513. <!-- only on those three -->
  514.  
  515. {block:Video}
  516. <li class="post video">
  517. {Video-400}{block:Caption}
  518. <div class="caption">{Caption}</div>
  519. {/block:Caption}
  520. </li>
  521. {/block:Video}
  522.  
  523. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  524.  
  525. <div id="{ShortURL}-hide">
  526. {block:Date}<div class="date">
  527. <a href="{Permalink}">{DayOfWeek}</a> |
  528. <a href="{ReblogURL}">reblog</a> |
  529. {block:RebloggedFrom}
  530. <a href="{ReblogParentURL}">via</a> |
  531. <a href="{ReblogRootURL}">source</a> |
  532. {/block:RebloggedFrom}
  533. <a href="{permalink}">{NoteCountWithLabel}</a>
  534.  
  535. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>
  536. {/block:HasTags}
  537. </div>
  538. {/block:Date}</div>
  539. </div>
  540. {block:PostNotes}{PostNotes}
  541. {/block:PostNotes}
  542. {/block:Posts}
  543. </div>
  544. <!-- {block:ContentSource}{SourceURL}{/block:ContentSource}{block:RebloggedFrom}{ReblogRootURL}{ReblogParentURL}{/block:RebloggedFrom} -->
  545. </div>
  546.  
  547. <div id="credit"><a href="http://octomoosey.tumblr.com/" title="theme by octomoosey"><img src="http://static.tumblr.com/uopakca/cwDo0y64u/octopus-24.png"></a></div>
  548.  
  549. </div>
  550. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  551.  
  552. <script src="http://static.tumblr.com/fiw4iub/4jdnu5ta4/jquery.style-my-tooltips.js"></script>
  553.  
  554. <script>
  555. (function($){
  556. $(document).ready(function(){
  557. $("a[title]").style_my_tooltips({
  558. tip_follows_cursor:true,
  559. tip_delay_time:90,
  560. tip_fade_speed:600,
  561. attribute:"title"
  562. });
  563. });
  564. })(jQuery);
  565. </script>
  566.  
  567. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  568. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css">
  569. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  570. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  571. <script src ="http://static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  572.  
  573. <script>
  574. $(document).ready(function(){
  575. $('.photo-slideshow').pxuPhotoset({
  576. lightbox: true,
  577. rounded: false,
  578. gutter: '3px',
  579. photoset: '.photo-slideshow',
  580. photoWrap: '.photo-data',
  581. photo: '.pxu-photo'
  582. });
  583. var $container = $('.content');
  584. });
  585. </script>
  586.  
  587. </body>
  588. </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!