API tools faq
paste
Advertisement
octomoosey

BANANANANANA...?

octomoosey
Aug 17th, 2016
2,293
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.68 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!-- octomoosey @ tumblr -->
  4.  
  5. <html xmlns="https://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="color:background" content="#ffffff">
  12. <meta name="color:line" content="#ffffff">
  13. <meta name="color:containerbg" content="#ffffff">
  14. <meta name="color:posttitle" content="#ffffff">
  15. <meta name="color:postbg" content="#686868">
  16. <meta name="color:titletext" content="#929292">
  17. <meta name="color:tagicon" content="#ffffff">
  18. <meta name="color:date" content="#ffffff">
  19. <meta name="color:datehover" content="#333333">
  20. <meta name="color:tags" content="#faea34">
  21. <meta name="color:tagshover" content="#333333">
  22. <meta name="color:scrollbar" content="#faea34" />
  23. <meta name="color:italic" content="#faea34" />
  24. <meta name="color:bold" content="#faea34" />
  25. <meta name="color:text" content="#ffffff">
  26. <meta name="color:gradient1" content="#ffffff">
  27. <meta name="color:gradient2" content="#faea34">
  28. <meta name="color:link" content="#faea34">
  29. <meta name="color:linkhover" content="#ffffff">
  30. <meta name="color:nav" content="#575757">
  31. <meta name="color:navhover" content="#faea34">
  32. <meta name="color:description" content="#575757" />
  33. <meta name="color:tooltiptext" content="#ffffff" />
  34. <meta name="color:tooltipborder" content="#ffffff" />
  35. <meta name="color:tooltipbg" content="#000000" />
  36. <meta name="color:selectiontext" content="#ffffff" />
  37. <meta name="color:selectionbg" content="#8c8c8c" />
  38.  
  39. <meta name="text:font size" content="10px" />
  40. <meta name="text:description font size" content="10px" />
  41. <meta name="text:post info font size" content="10px" />
  42. <meta name="text:tags font size" content="8px" />
  43.  
  44. <meta name="text:link 1" content="link 1"/>
  45. <meta name="text:link 1 url" content="/"/>
  46. <meta name="text:link 2" content="link 2"/>
  47. <meta name="text:link 2 url" content="/"/>
  48. <meta name="text:link 3" content="link 3"/>
  49. <meta name="text:link 3 url" content="/"/>
  50. <meta name="text:link 4" content="link 4"/>
  51. <meta name="text:link 4 url" content="/"/>
  52. <meta name="text:link 5" content="link 5"/>
  53. <meta name="text:link 5 url" content="/"/>
  54.  
  55. <meta name="image:background" content="https://static.tumblr.com/034514d07624a350d4cecf18ae7c06d9/uopakca/APZoc2hrk/tumblr_static_aw4715alxx4woocgg0wksok0g.jpg" />
  56.  
  57. <meta name="if:hidecaptions" content="0"/>
  58.  
  59. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  60.  
  61. <link href='https://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
  62.  
  63. <link href='https://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'>
  64.  
  65. </head>
  66. <style>
  67.  
  68. #tumblr_lightbox {
  69. background-color:rgba(255, 255, 255, .9)!important;
  70. z-index:99999!important;}
  71.  
  72. #tumblr_lightbox img {opacity:0;}
  73.  
  74. #tumblr_lightbox_caption {
  75. font-weight:normal!important;
  76. text-shadow:none!important;}
  77.  
  78. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
  79. -moz-box-shadow:none!important;
  80. -webkit-box-shadow:none!important;
  81. box-shadow:none!important;
  82. -moz-border-radius:0px!important;
  83. -webkit-border-radius:0px!important;
  84. border-radius:0px!important;
  85. opacity:1!important;}
  86.  
  87. #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {opacity:.4!important;}
  88.  
  89. iframe.tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop, .tmblr-iframe {
  90. position:fixed;
  91. top:10px!important;
  92. right:10px!important;
  93. white-space:nowrap;
  94. opacity:0.7;
  95. transition: 0.7s ease-in-out;
  96. -webkit-transition: 0.7s ease-in-out;
  97. -moz-transition: 0.7s ease-in-out;
  98. -o-transition: 0.7s ease-in-out;}
  99.  
  100. ::-webkit-scrollbar{
  101. height:3px;
  102. width:4px;
  103. background:inherit;}
  104.  
  105. ::-webkit-scrollbar-thumb {background:{color:scrollbar};}
  106.  
  107. ::-webkit-scrollbar-track {background:{color:pageborder};}
  108.  
  109. ::-moz-selection {
  110. color:{color:selectiontext};
  111. background:{color:selectionbg};}
  112.  
  113. ::selection {
  114. color:{color:selectiontext};
  115. background:{color:selectionbg};}
  116.  
  117. body {
  118. margin:0;
  119. overflow:hidden;
  120. font-size: {text:font size};
  121. font-family: 'Lato', sans-serif;
  122. line-height:150%;
  123. -moz-osx-font-smoothing:grayscale;
  124. -webkit-font-smoothing:antialiased;
  125. font-smoothing:antialiased;
  126. color:{color:text};
  127. background:{color:background};
  128. background-image: url('{image:background}');
  129. background-position:center center;
  130. background-repeat: repeat;
  131. background-attachment: fixed;}
  132.  
  133. blockquote {
  134. padding-left:10px;
  135. border-left:1px solid {color:borders};
  136. margin:15px 0px 10px 0px;
  137. text-align:left;}
  138.  
  139. .caption blockquote {
  140. margin:15px 0px 10px 0px;}
  141.  
  142. blockquote img {
  143. max-width:100%;
  144. height:auto;}
  145.  
  146. img {
  147. max-width:100%;
  148. height:auto;}
  149.  
  150. .caption img {
  151. max-width:100%;
  152. height:auto;}
  153.  
  154. .posts img {
  155. max-width:100%;
  156. margin-top:5px;
  157. margin-bottom:5px;}
  158.  
  159. .caption {
  160. margin-top:15px;
  161. {block:ifhidecaptions}
  162. {block:indexpage}
  163. display:none;
  164. {/block:indexpage}
  165. {/block:ifhidecaptions}}
  166.  
  167. a {
  168. color:{color:link};
  169. text-decoration:none;
  170. letter-spacing:1px;
  171. cursor:help;
  172. -webkit-transition: all 0.7s ease;
  173. transition: all 0.7s ease;
  174. -moz-transition: all 0.7s ease;
  175. -o-transition: all 0.7s ease;}
  176.  
  177. a:hover {
  178. letter-spacing:1px;
  179. text-decoration:none;
  180. color:{color:linkhover};}
  181.  
  182. p {
  183. margin:10px 0 10px 0;}
  184.  
  185. p:first-of-type {
  186. margin-top:0;
  187. padding-top:0;}
  188.  
  189. p:last-of-type {
  190. margin-bottom:10px;
  191. padding-bottom:0;}
  192.  
  193. small, sub {
  194. font-size: {text:font size};
  195. vertical-align:baseline;}
  196.  
  197. pre {
  198. white-space: pre-wrap;
  199. white-space: -moz-pre-wrap;
  200. white-space: -pre-wrap;
  201. white-space: -o-pre-wrap;
  202. word-wrap: break-word;}
  203.  
  204. h1, h2, h3, h4, h5, h6 {
  205. text-align:center;
  206. font-family: 'Fjalla One', sans-serif;
  207. font-size:15px;}
  208.  
  209. h2 {
  210. font-size:20px;
  211. font-family: 'Fjalla One', sans-serif;
  212. margin:0px 0px 10px 0px;
  213. color:{color:posttitle};}
  214.  
  215. b, strong {
  216. letter-spacing:1px;
  217. font-family: 'Fjalla One', sans-serif;
  218. font-size: {text:bodyfontsize};
  219. color:{color:bold};}
  220.  
  221. i, em {
  222. font-family: 'Fjalla One', sans-serif;
  223. font-size: 12px;
  224. color:{color:italic};
  225. letter-spacing:1.5px;}
  226.  
  227. ol.notes {
  228. width:250px;
  229. list-style-type:none;
  230. text-align:left;
  231. padding:0px;
  232. margin-left:50px;}
  233.  
  234. ol.notes li.note {
  235. display:block;
  236. padding:0;
  237. margin:5px 0;}
  238.  
  239. ol.notes li.note img.avatar {display:none!important;}
  240.  
  241. a.more_notes_link {
  242. display:block;
  243. text-align:center;
  244. border:0;
  245. color:{color:title};}
  246.  
  247. #container {
  248. border:2px dotted {color:postbg};
  249. height:500px;
  250. position:fixed;
  251. background:{color:containerbg};
  252. width:550px;
  253. left:50%;
  254. margin-left:-277px;
  255. top:50%;
  256. margin-top:-250px;}
  257.  
  258. #content {
  259. position:absolute;
  260. height:480px;
  261. width:342px;
  262. overflow-y:scroll;
  263. margin-top:20px;
  264. margin-bottom:0px;
  265. margin-left:200px;}
  266.  
  267. .poster {
  268. width:290px;
  269. padding:20px;
  270. background: -moz-linear-gradient(left, {color:gradient1}; 0%, {color:gradient2} 100%);
  271. background: -webkit-gradient(left top, right top, color-stop(0%, {color:gradient1}), color-stop(100%, {color:gradient2}));
  272. background: -webkit-linear-gradient(left, {color:gradient1} 0%, {color:gradient2} 100%);
  273. background: -o-linear-gradient(left, {color:gradient1} 0%, {color:gradient2} 100%);
  274. background: -ms-linear-gradient(left, {color:gradient1} 0%, {color:gradient2} 100%);
  275. background: linear-gradient(to right, {color:gradient1} 0%, {color:gradient2} 100%);
  276. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='{color:gradient1}', endColorstr='{color:gradient2}', GradientType=1 );
  277. margin-bottom:20px;}
  278.  
  279. .post {
  280. background:{color:postbg};
  281. text-align:left;
  282. padding:20px;
  283. width:250px;
  284. display:block;
  285. position:relative;}
  286.  
  287. #sidebar {
  288. width:300px;
  289. height:100%;
  290. position:fixed;
  291. left:0px;
  292. top:0px;
  293. background:{color:sidebar};
  294. background-image: url('{image:sidebar}');
  295. background-position:bottom left;
  296. background-repeat: no-repeat;
  297. background-attachment: fixed;}
  298.  
  299. #portrait {
  300. border:2px dotted {color:postbg};
  301. float:left;
  302. margin-right:10px;
  303. margin-top:0px;}
  304.  
  305. #portrait img {
  306. height:50px;}
  307.  
  308. #title {
  309. font-family: 'Fjalla One', sans-serif;
  310. letter-spacing:2px;
  311. margin-top:20px;
  312. margin-bottom:10px;
  313. color:{color:titletext};
  314. font-size:18px;
  315. text-align:center;
  316. text-transform:uppercase;}
  317.  
  318. .fa.icon-tags {
  319. color: {color:tagicon};}
  320.  
  321. #description {
  322. position:absolute;
  323. width:160px;
  324. bottom:0px;
  325. font-size: {text:description font size};
  326. text-align:justify;
  327. padding: 20px;
  328. color:{color:description};
  329. -webkit-transition: opacity 0.7s linear;
  330. -webkit-transition: all 0.7s ease-out;
  331. -moz-transition: all 0.7s ease-out;
  332. transition: all 0.7s ease-out;}
  333.  
  334. #nav {
  335. top:0px;
  336. font-weight: normal;
  337. font-size: 10px;
  338. text-align: center;}
  339.  
  340. #nav a {
  341. display:inline-block;
  342. margin-left:1px;
  343. margin-right:1px;
  344. margin-bottom:4px;
  345. color:{color:nav};
  346. -webkit-transition: opacity 0.3s linear;
  347. -webkit-transition: all 0.3s ease-out;
  348. -moz-transition: all 0.3s ease-out;
  349. transition: all 0.3s ease-out;}
  350.  
  351. #nav a:hover {
  352. color:{color:navhover};
  353. opacity:1;
  354. -webkit-transition: opacity 0.3s linear;
  355. -webkit-transition: all 0.3s ease-out;
  356. -moz-transition: all 0.3s ease-out;
  357. transition: all 0.3s ease-out;}
  358.  
  359. #information {
  360. margin-top:5px;
  361. padding-top:5px;
  362. border-top:2px dotted {color:line};
  363. z-index:9;
  364. text-align:left;
  365. text-transform:uppercase;
  366. display:block;}
  367.  
  368. .date {
  369. font-size:{text:post info font size};
  370. margin-bottom:2px;}
  371.  
  372. .date a {
  373. color:{color:date};
  374. -webkit-transition: all 0.7s ease;
  375. transition: all 0.7s ease;
  376. -moz-transition: all 0.7s ease;
  377. -o-transition: all 0.7s ease;}
  378.  
  379. .date a:hover {
  380. color:{color:datehover};}
  381.  
  382. .tags {
  383. font-size:{text:tags font size};}
  384.  
  385. .tags a {
  386. display:inline-block;
  387. color:{color:tags};
  388. -webkit-transition: all 0.7s ease;
  389. transition: all 0.7s ease;
  390. -moz-transition: all 0.7s ease;
  391. -o-transition: all 0.7s ease;}
  392.  
  393. .tags a:hover {
  394. color:{color:tagshover};}
  395.  
  396. .sml {
  397. float:right;}
  398.  
  399. .sml img {
  400. border:1px dotted {color:line};
  401. height:14px;
  402.  
  403. margin-right:3px;}
  404.  
  405. .titlequote {
  406. text-transform:uppercase;}
  407.  
  408. .source {
  409. text-align:center;}
  410.  
  411. .question {
  412. border:2px dotted {color:line};
  413. text-align:center;
  414. padding:5px;
  415. margin-bottom:10px;
  416. padding-bottom:5px;}
  417.  
  418. .asker {
  419. text-transform:uppercase;
  420. text-align:center;
  421. font-size:12px;}
  422.  
  423. .chat ul {
  424. display:block;
  425. list-style:none;
  426. margin-left:-40px;}
  427.  
  428. .chat li {
  429. padding:3px;
  430. display:block;}
  431.  
  432. .tumblr_audio_player {
  433. width:250px;
  434. height:30px;
  435. margin-top:-2px;}
  436.  
  437. .player {
  438. width:75px;
  439. height:25px;
  440. display:block;
  441. overflow:hidden;}
  442.  
  443. .hold {
  444. background:#e4e4e4;
  445. display:block;
  446. opacity:.7;
  447. padding:15px;}
  448.  
  449. .audio_info {
  450. padding:5px 0 0 0;}
  451.  
  452. #pagination {
  453. text-align:center;
  454. font-size: {text:description font size};
  455. text-transform:uppercase;
  456. color:{color:description};}
  457.  
  458. #s-m-t-tooltip {
  459. max-width:300px;
  460. border-radius: 0px;
  461. padding:4px;
  462. margin:15px 15px 5px 0px;
  463. color:{color:tooltiptext};
  464. border:1px solid {color:tooltipborder};
  465. font-size:10px;
  466. letter-spacing:1px;
  467. background:{color:tooltipbg};
  468. font-family: 'Lato', sans-serif;
  469. z-index:99999;}
  470.  
  471. #credit {
  472. z-index:8;
  473. bottom:-3px;
  474. right:3px;
  475. height:30px;
  476. width:30px;
  477. opacity:0.8;
  478. position:fixed;
  479. padding:5px;}
  480.  
  481. </style>
  482. <body>
  483. <div id="container">
  484.  
  485. <div id="description">
  486.  
  487. <div id="title">{title}</div>
  488. <div id="portrait"><a href="/"><img src="{PortraitURL-96}"/></a></div>{description}<br><br>
  489. <div id="nav">
  490. <a href="/" title="index">.01</a>
  491. <a href="/ask" title="queries">.02</a>
  492. {block:iflink1}<a href="{text:link 1 url}" title="{text:link 1}">.03</a>{/block:iflink1}
  493. {block:iflink2}<a href="{text:link 2 url}" title="{text:link 2}">.04</a>{/block:iflink2}
  494. {block:iflink3}<a href="{text:link 3 url}" title="{text:link 3}">.05</a>{/block:iflink3}
  495. {block:iflink4}<a href="{text:link 4 url}" title="{text:link 4}">.06</a>{/block:iflink4}
  496. {block:iflink5}<a href="{text:link 5 url}" title="{text:link 5}">.07</a>{/block:iflink5}
  497. </div><br>
  498. <div id="pagination">
  499. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">back</a> - {/block:PreviousPage} page {CurrentPage} of {TotalPages}{block:NextPage} - <a href="{NextPage}">forth</a>
  500. {/block:NextPage}
  501. {/block:Pagination}</div>
  502. </div>
  503. <div id="content">
  504. {block:posts}
  505. <div class="poster">
  506. <div class="post">
  507.  
  508. {block:Quote}
  509. <div class="titlequote">{Quote}</div>
  510. {block:Source}<div class="source">{Source}</div>{/block:Source}
  511. {/block:Quote}
  512.  
  513. {block:Text}
  514. {block:Title}<h2>{Title}</h2>{/block:Title}
  515. {Body}
  516. {/block:Text}
  517.  
  518. {block:Link}
  519. <h2><a href="{URL}">{Name}</a></h2>
  520. {block:Description}{Description}{/block:Description}
  521. {/block:Link}
  522.  
  523. {block:Chat}
  524. {block:Title}<h2>{Title}</h2>{/block:Title}
  525. <ol class="chat">
  526. {block:Lines}
  527. <li class="l {Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>
  528. {/block:Lines}
  529. </ol>
  530. {/block:Chat}
  531.  
  532. <center>{Block:Photo}{LinkOpenTag}
  533. <img src="{PhotoURL-250}" alt="{PhotoAlt}"/>{LinkCloseTag}{/Block:Photo}</center>
  534.  
  535. <center>{block:Photoset}<div class="media">{photoset}</div>{/block:Photoset}</center>
  536.  
  537. <center>{block:Video}{Video-250}{/block:Video}</center>
  538.  
  539. {block:Panorama}
  540. {LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" />{LinkCloseTag}
  541. {/block:Panorama}
  542.  
  543. {block:Audio}{block:AudioPlayer}<div class="hold"><div class="player">{AudioPlayergrey}</div></div>{/block:AudioPlayer}<div class="audio_info">{block:TrackName}{TrackName}{/block:TrackName}{block:Artist} by {Artist}{/block:Artist}</div>
  544. {/block:Audio}
  545.  
  546. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  547.  
  548. {block:Answer}
  549. <div class="question">
  550. <div class="asker">{Asker} asked -</div> {question}</div>{answer}{/block:Answer}
  551.  
  552. {block:Date}
  553. <div id="information">
  554.  
  555. <div class="sml">{block:RebloggedFrom}
  556. <a href="{ReblogParentURL}" title="via: {ReblogParentName}"><img src="{ReblogParentPortraitURL-24}"></a>
  557. <a href="{ReblogRootURL}" title="source: {ReblogRootName}"><img src="{ReblogRootPortraitURL-24}"></a>
  558. {/block:RebloggedFrom}
  559. </div>
  560.  
  561. <div class="date">
  562. <a href="{permalink}">{DayOfMonth}{DayOfMonthSuffix} {Month} {ShortYear}</a>
  563. {block:NoteCount} with <a href="{permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div>
  564.  
  565. {block:HasTags}<div class="tags">{block:Tags}<i class="fa fa-tag icon-tags" aria-hidden="true"></i> <a href="{TagURL}">{Tag}</a> {/block:Tags}</div>
  566. {/block:HasTags}
  567. </div>
  568. {/block:Date}
  569. </div></div>
  570.  
  571. {block:PostNotes}
  572. <div class="pagenotes">{PostNotes}</div>
  573. {/block:PostNotes}
  574.  
  575. {/block:posts}
  576. </div></div>
  577.  
  578. <div id="credit"><a href="https://octomoosey.tumblr.com/" title="theme by octomoosey"><img src="https://static.tumblr.com/uopakca/cwDo0y64u/octopus-24.png"></a></div>
  579.  
  580. {block:ContentSource}
  581. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  582. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  583. {/block:SourceLogo}
  584. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  585. {/block:ContentSource}
  586. </body>
  587.  
  588. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  589.  
  590. <script src="https://static.tumblr.com/fiw4iub/4jdnu5ta4/jquery.style-my-tooltips.js"></script>
  591.  
  592. <script>
  593. (function($){
  594. $(document).ready(function(){
  595. $("a[title]").style_my_tooltips({
  596. tip_follows_cursor:true,
  597. tip_delay_time:90,
  598. tip_fade_speed:600,
  599. attribute:"title"
  600. });
  601. });
  602. })(jQuery);
  603. </script>
  604.  
  605. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  606. </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!