API tools faq
paste
Advertisement
octomoosey

falling stars

octomoosey
Jan 16th, 2016
5,753
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.03 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:text" content="#7b7b7b" />
  13. <meta name="color:borders" content="#7b7b7b" />
  14. <meta name="color:posttitle" content="#fb9d28" />
  15. <meta name="color:postinfobg" content="#000000" />
  16. <meta name="color:postinfo" content="#ffffff" />
  17. <meta name="color:postinfolink" content="#fb9d28" />
  18. <meta name="color:postinfolinkhvr" content="#eeeeee" />
  19. <meta name="color:description" content="#ffffff" />
  20. <meta name="color:link" content="#a50000" />
  21. <meta name="color:hover" content="#1b4456" />
  22. <meta name="color:maintitle" content="#e3e3eb" />
  23. <meta name="color:scrollbar" content="#fb9d28" />
  24. <meta name="color:selectiontext" content="#dddddd" />
  25. <meta name="color:selectionbg" content="#fb9d28" />
  26. <meta name="color:tooltiptext" content="#ffffff" />
  27. <meta name="color:tooltipbg" content="#000000" />
  28. <meta name="color:bold" content="#a50000" />
  29. <meta name="color:italic" content="#000000" />
  30.  
  31. <meta name="image:background" content="" />
  32.  
  33. <meta name="text:link 1" content="link 1"/>
  34. <meta name="text:link 1 url" content="/"/>
  35. <meta name="text:link 2" content="link 2"/>
  36. <meta name="text:link 2 url" content="/"/>
  37. <meta name="text:link 3" content="link 3"/>
  38. <meta name="text:link 3 url" content="/"/>
  39. <meta name="text:link 4" content="link 4"/>
  40. <meta name="text:link 4 url" content="/"/>
  41. <meta name="text:link 5" content="link 5"/>
  42. <meta name="text:link 5 url" content="/"/>
  43.  
  44. <meta name="if:greyscale" content="1"/>
  45. <meta name="if:dustanimation" content="1"/>
  46.  
  47. <meta name="font:body font" content="Gibson">
  48. <meta name="font:title font" content="Gibson">
  49. <meta name="text:text size" content="11px" />
  50.  
  51. <link href='https://fonts.googleapis.com/css?family=Oswald:400,700|Roboto|Inconsolata:400,700' rel='stylesheet' type='text/css'>
  52.  
  53. <link href='https://fonts.googleapis.com/css?family=Libre+Baskerville:400,700,400italic'>
  54. <link href='https://fonts.googleapis.com/css?family=Josefin+Sans:600'>
  55.  
  56. <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
  57.  
  58. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  59.  
  60. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  61.  
  62. <script>
  63. (function($){
  64. $(document).ready(function(){
  65. $("a[title]").style_my_tooltips({
  66. tip_follows_cursor:true,
  67. tip_delay_time:90,
  68. tip_fade_speed:600,
  69. attribute:"title"
  70. });
  71. });
  72. })(jQuery);
  73. </script>
  74.  
  75.  
  76. <style type="text/css">
  77.  
  78. ::-webkit-scrollbar{
  79. height:3px;
  80. width:3px;
  81. background:inherit;}
  82.  
  83. ::-webkit-scrollbar-thumb {
  84. background:{color:scrollbar};}
  85.  
  86. ::-webkit-scrollbar-track {
  87. background:transparent;}
  88.  
  89. ::-moz-selection {
  90. color:{color:selectiontext};
  91. background:{color:selectionbg};}
  92.  
  93. ::selection {
  94. color:{color:selectiontext};
  95. background:{color:selectionbg};}
  96.  
  97.  
  98. .tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop {
  99. z-index:99999999999999999!important;
  100. white-space:nowrap!important;
  101. top:10px!important;
  102. right:10px!important;
  103. position:fixed!important;
  104. opacity:.6!important;}
  105.  
  106. body {
  107. background-color:{color:background};
  108. background-image: url('{image:background}');
  109. background-position: right top;
  110. background-repeat: no-repeat;
  111. background-attachment: fixed;
  112. color:{color:text};
  113. font-family:{font:body font};
  114. font-size: {text:text size};}
  115.  
  116. a {
  117. text-decoration:none;
  118. outline:none;
  119. -moz-outline-style:none;
  120. color:{color:link};
  121. -webkit-transition: all 0.7s ease;
  122. -moz-transition: all 0.7s ease;
  123. -o-transition: all 0.7s ease;}
  124.  
  125. a:hover {
  126. color:{color:hover};
  127. -webkit-transition: all 0.7s ease;
  128. -moz-transition: all 0.7s ease;
  129. -o-transition: all 0.7s ease;
  130. -webkit-filter: blur(3px);}
  131.  
  132. {block:IfGreyscale}
  133. img{
  134. -webkit-filter:grayscale(100%);
  135. -webkit-transition: all 0.9s ease-in-out;
  136. -moz-transition: all 0.9s ease-in-out;
  137. -o-transition: all 0.9s ease-in-out;
  138. -ms-transition: all 0.9s ease-in-out;
  139. transition: all 0.9s ease-in-out;}
  140.  
  141. img:hover{
  142. -webkit-filter:none;}
  143.  
  144. .html_photoset {
  145. -webkit-filter: grayscale(100%);
  146. -webkit-transition: all 0.9s ease-in-out;
  147. -moz-transition: all 0.9s ease-in-out;
  148. -o-transition: all 0.9s ease-in-out;
  149. -ms-transition: all 0.9s ease-in-out;
  150. transition: all 0.9s ease-in-out;}
  151.  
  152. .html_photoset:hover {
  153. -webkit-filter: none;}
  154. {/block:IfGreyscale}
  155.  
  156. #content img {
  157. max-width: 100%;}
  158.  
  159. blockquote img {
  160. max-width:100%;}
  161.  
  162. blockquote {
  163. padding:2px 7px;
  164. margin:3px 0 3px 8px;
  165. border-left:1px solid {color:borders};}
  166.  
  167. b, strong {
  168. color:{color:bold};}
  169.  
  170. i, em {
  171. color:{color:italic};}
  172.  
  173. small,sup,sub {
  174. font-size:{text:Text Size}}
  175.  
  176. big {
  177. font-size:12px;}
  178.  
  179. pre {
  180. font-size:10px;
  181. padding:20px;
  182. white-space: pre-wrap;
  183. white-space: -moz-pre-wrap;
  184. white-space: -pre-wrap;
  185. white-space: -o-pre-wrap;
  186. word-wrap: break-word;}
  187.  
  188. h6 {
  189. font-family:{font:title font};
  190. font-size: 18px;
  191. opacity:1;
  192. margin-bottom:0px;
  193. color:{color:maintitle};
  194. font-weight: 400;
  195. text-align: center;
  196. letter-spacing: 10px;}
  197.  
  198. #content {
  199. height:auto;
  200. text-align:left;
  201. position:absolute;
  202. padding:0px;
  203. left:0px;
  204. top:0px;}
  205.  
  206. #content table tr td {
  207. vertical-align:center;}
  208.  
  209. .post {
  210. background-color:transparent;
  211. padding:20px;
  212. width: 400px;}
  213.  
  214. .postinfo {
  215. padding:10px;
  216. font-size:12px;
  217. height:100%;
  218. background:{color:postinfobg};
  219. color:{color:postinfo};
  220. width:120px;
  221. text-align:center;}
  222.  
  223. .postinfo a {
  224. color:{color:postinfolink};
  225. -webkit-transition: all 0.7s ease;
  226. -moz-transition: all 0.7s ease;
  227. -o-transition: all 0.7s ease;}
  228.  
  229. .postinfo a:hover {
  230. color:{color:postinfolinkhvr};
  231. -webkit-transition: all 0.7s ease;
  232. -moz-transition: all 0.7s ease;
  233. -o-transition: all 0.7s ease;
  234. -webkit-filter: blur(3px);}
  235.  
  236. .notes {
  237. text-align:center;
  238. padding:3px;
  239. margin-top:0px;
  240. display:inline-block;}
  241.  
  242. .date {
  243. font-size:20px;
  244. display:inline-block;}
  245.  
  246. .month {
  247. display:inline-block;
  248. text-transform:lowercase;
  249. font-size:10px;}
  250.  
  251. .tags {
  252. display:inline-block;
  253. font-size:10px;}
  254.  
  255. .reblog {
  256. display:inline-block;
  257. margin:5px;
  258. margin-top:5px;}
  259.  
  260. .sourceimg {
  261. display:inline-block;}
  262.  
  263. .sourceimg img{
  264. display:inline-block;
  265. margin-left:2px;
  266. margin-right:2px;
  267. height:20px;
  268. width:20px;
  269. padding:2px;
  270. border:1px solid {color:postinfo};}
  271.  
  272. #sidebar {
  273. position:fixed;
  274. height:100%;
  275. top:0%;
  276. left:620px;
  277. width:250px;
  278. color:#000;
  279. padding:5px;
  280. background:transparent;}
  281.  
  282. #title {
  283. -webkit-transform: scale(0);
  284. transform: scale(0);
  285. -webkit-filter: blur(10px);
  286. filter: blur(10px);
  287. margin-bottom:10px;}
  288.  
  289. #title {
  290. -webkit-animation-name: zoomIn;
  291. animation-name: zoomIn;
  292. -webkit-animation-duration: 2s;
  293. animation-duration: 2s;
  294. -webkit-animation-timing-function: ease-out;
  295. animation-timing-function: ease-out;
  296. -webkit-animation-delay: 2.5s;
  297. animation-delay: 2.5s;
  298. -webkit-animation-direction: alternate;
  299. animation-direction: alternate;
  300. -webkit-animation-iteration-count: 1;
  301. animation-iteration-count: 1;
  302. -webkit-animation-fill-mode: forwards;
  303. animation-fill-mode: forwards;
  304. -webkit-animation-play-state: running;
  305. animation-play-state: running;}
  306.  
  307. @-webkit-keyframes zoomIn {
  308. 0% {
  309. -webkit-transform: scale(0.3);
  310. transform: scale(0.3);
  311. -webkit-filter: blur(10px);
  312. filter: blur(10px);}
  313.  
  314. 40% {
  315. -webkit-transform: scale(1);
  316. transform: scale(1);}
  317.  
  318. 100% {
  319. -webkit-filter: blur(0);
  320. filter: blur(0);
  321. -webkit-transform: scale(1);
  322. transform: scale(1);}
  323. }
  324.  
  325. @keyframes zoomIn {
  326. 0% {
  327. -webkit-transform: scale(0.3);
  328. transform: scale(0.3);
  329. -webkit-filter: blur(10px);
  330. filter: blur(10px);}
  331.  
  332. 40% {
  333. -webkit-transform: scale(1);
  334. transform: scale(1);}
  335.  
  336. 100% {
  337. -webkit-filter: blur(0);
  338. filter: blur(0);
  339. -webkit-transform: scale(1);
  340. transform: scale(1);}
  341. }
  342.  
  343. #nav {
  344. text-align:center;
  345. line-height:150%;
  346. margin-bottom:10px;}
  347.  
  348. #nav a {
  349. padding:5px;}
  350.  
  351. #pagination {
  352. position:fixed;
  353. z-index:999999;
  354. bottom:0px;
  355. left:450px;
  356. width: 460px;
  357. font-size: 10px;
  358. text-align:center;
  359. text-shadow: 0 1px 1px {color:link};
  360. letter-spacing:0px;
  361. background:{color:post};}
  362.  
  363. #description {
  364. width:250px;
  365. font-family:{font:body font};
  366. position:absolute;
  367. bottom:50px;
  368. font-size:10px;
  369. text-align:center;
  370. padding:0px;
  371. color:{color:description};}
  372.  
  373. .title {
  374. line-height:35px;
  375. color:{color:posttitle};
  376. font-size:30px;
  377. text-align:center;}
  378.  
  379. #asks table tr td {
  380. vertical-align:center;}
  381.  
  382. .ask {
  383. padding-left:14px;
  384. border-top:1px solid {color:borders};
  385. border-bottom:1px solid {color:borders};
  386. padding-bottom:5px;
  387. padding-top:5px;}
  388.  
  389. .askimg {
  390. width:64px;}
  391.  
  392. .askimg img {
  393. height:64px;
  394. width:64px;
  395. border-radius:50%;}
  396.  
  397. .asker {
  398. text-align:right;
  399. font-size:16px;
  400. margin-bottom:3px;}
  401.  
  402. .ans {
  403. margin-top:30px;}
  404.  
  405. .chat .chat1 { margin-left: 0px;}
  406.  
  407. .chat .chat1 .chat2 {
  408. margin-bottom: 1px;
  409. padding: 5px;}
  410.  
  411. .chat .chat1 .chat2 span{
  412. font-weight: bold;
  413. text-transform: uppercase;}
  414.  
  415. .link {
  416. font-size: 20px;
  417. letter-spacing:1px;
  418. padding:20px;
  419. text-align:center;
  420. margin-bottom:10px;}
  421.  
  422. .quote {
  423. font-size:20px;
  424. line-height:120%;}
  425.  
  426. .note {
  427. text-transform:uppercase;
  428. color:{color:text};
  429. width:425px;
  430. font-style:normal;
  431. letter-spacing:0px;
  432. font-size: 10px;
  433. text-align:left;
  434. line-height:16px;
  435. margin-left:142px;}
  436.  
  437. .note li {
  438. list-style-type:none;
  439. border-bottom:1px solid {color:text};
  440. padding:10px 25px 10px 25px;
  441. text-align:left;
  442. margin:0px;
  443. -moz-transition-duration:0.5s;
  444. -webkit-transition-duration:0.5s;
  445. -o-transition-duration:0.5s;}
  446.  
  447. .note img.avatar {
  448. float:left;
  449. margin-right: 10px;
  450. width: 16px;
  451. height: 16px;}
  452.  
  453. #dust {
  454. position: fixed;
  455. width: 100%;
  456. height:100%;
  457. top: 0;
  458. opacity:0.6;}
  459.  
  460. #s-m-t-tooltip {
  461. max-width:300px;
  462. border-radius: 0px;
  463. padding:4px;
  464. margin:15px 20px 5px 0px;
  465. border:1px solid {color:tooltiptext};
  466. font-size:13px;
  467. letter-spacing:0px;
  468. color:{color:tooltiptext};
  469. background:{color:tooltipbg};
  470. z-index:99999;}
  471.  
  472. #credit {
  473. bottom:5px;
  474. right:5px;
  475. height:30px;
  476. width:30px;
  477. opacity:0.8;
  478. position:fixed;
  479. padding:5px;}
  480.  
  481. </style>
  482. </head>
  483. <body>
  484.  
  485. {block:ifdustanimation}<div id="dust"></div>{/block:ifdustanimation}
  486.  
  487. <div id="sidebar">
  488.  
  489. <div id="description">
  490. <div id="title">
  491. <h6>{title}</h6></div>
  492. <div id="nav">
  493. <a href="/" title="home">.01</a>
  494. <a href="/ask" title="questions">.02</a>
  495. <a href="/submit" title="submit">.03</a>
  496. {block:iflink1}<a href="{text:link 1 url}" title="{text:link 1}">.04</a>{/block:iflink1}
  497. {block:iflink2}<a href="{text:link 2 url}" title="{text:link 2}">.05</a>{/block:iflink2}
  498. {block:iflink3}<a href="{text:link 3 url}" title="{text:link 3}">.06</a>{/block:iflink3}
  499. {block:iflink4}<a href="{text:link 4 url}" title="{text:link 4}">.07</a>{/block:iflink4}
  500. {block:iflink5}<a href="{text:link 5 url}" title="{text:link 5}">.08</a>{/block:iflink5}
  501. </div>
  502. <center>
  503. {description}<p>{block:Pagination}
  504. {block:PreviousPage}<a href="{PreviousPage}"><big>⇜</big></a>{/block:PreviousPage} {CurrentPage} of {TotalPages} {block:NextPage}<a href="{NextPage}"><big>⇝</big></a>
  505. {/block:NextPage}
  506. {/block:Pagination}
  507. </div>
  508.  
  509. </div>
  510. </div>
  511.  
  512. <div id="content">
  513. {block:posts}
  514. <table style="border-spacing: 0px 0px;">
  515.  
  516. <td class="postinfo">
  517. {block:Date}<span class="month">{Month}</span>
  518. <a class="date" href="{permalink}">{DayOfMonthWithZero}<sup>{DayOfMonthSuffix}</sup></a>
  519. <span class="month">{Year}</span>{/block:Date}<br>
  520. {block:NoteCount}with<a class="notes" href="{permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}<br>
  521. <div class="reblog">{ReblogButton size="14"}</div>
  522. <div class="reblog">{LikeButton size="14"}</div><br>
  523. <div class="sourceimg">{block:RebloggedFrom} <a href="{ReblogParentURL}"><img src="{ReblogParentPortraitURL-40}" title="via {ReblogParentName}"></a></div>
  524. <div class="sourceimg">{block:ContentSource}<a href="{SourceURL}"><img src="{ReblogRootPortraitURL-40}" title="source {ReblogRootName}"></a>{/block:ContentSource}{/block:RebloggedFrom}</div></div><br>
  525.  
  526. {block:HasTags}
  527. {block:Tags}
  528. <a class="tags" href="{TagURL}">+ {Tag}&nbsp;</a></span>
  529. {/block:Tags}
  530. {/block:HasTags}
  531. </center></td>
  532.  
  533. <td class="post">
  534. <div class="post">
  535.  
  536. {block:Title}<div class="title">{Title}</div>{/block:Title}
  537.  
  538. {block:Text}{Body}{/block:Text}
  539.  
  540. {block:Photo}{LinkOpenTag}<a href="{permalink}"><img src="{PhotoURL-400}" alt="{PhotoAlt}" width="100%" /></a>{LinkCloseTag}
  541. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  542.  
  543. {block:Panorama}{LinkOpenTag}<a href="{permalink}"><img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/></a>{LinkCloseTag}
  544. {block:Caption}{Caption}{/block:Caption}{/block:Panorama}
  545.  
  546. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  547.  
  548. {block:Quote}
  549. <p><span class="quote">{Quote}</span></p>
  550. <p>{block:Source}-{Source}{/block:Source}</p>
  551. {/block:Quote}
  552.  
  553. {block:Video}
  554. {Video-400}<br>
  555. {PlayCountWithLabel} {block:Caption}{Caption}{/block:Caption}{/block:Video}
  556.  
  557. {block:Link}
  558. <div style="padding:5px;"><div class="link"><a href="{URL}" {Target}>{Name} </a></div><br>{block:Description}{Description}{/block:Description}</div>{/block:Link}
  559.  
  560. {block:Chat}
  561. <div class="chat">
  562. <div class="chat1">{block:Lines}
  563. <div class="chat2 {Alt}">
  564. {block:Label}<b>{Label}</b>{/block:Label}{Line}</div>{/block:Lines}
  565. </div></div>{/block:Chat}
  566.  
  567. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="64px" height="64px" align="left" style="margin-right:10px; border-radius:50%;"/>{/block:AlbumArt}<span class="audio">{AudioPlayergrey}</left></span>
  568. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  569. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  570. {/block:ExternalAudio}<br> {block:Caption}{Caption}{/block:Caption}
  571. {/block:Audio}
  572.  
  573. {block:Answer}<div id="asks">
  574. <table style="border-spacing: 0px 0px;">
  575. <div class="asker">{Asker} asked</div>
  576. <td class="askimg"><img src="{AskerPortraitURL-64}"></td>
  577. <td class="ask">{Question}</td></table>
  578.  
  579. <div class="ans">{Answer}</div>
  580. {/block:Answer}</div>
  581.  
  582. </div>
  583.  
  584. </td>
  585. </table>
  586.  
  587. {block:PostNotes}
  588. <div class="note">{PostNotes}</div>
  589. {/block:PostNotes}
  590. {/block:Posts}
  591.  
  592. </div>
  593.  
  594. <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>
  595.  
  596. <script src="https://static.tumblr.com/ouzkpid/yx4p2tdlb/particles.min.js"></script>
  597. <script src="https://static.tumblr.com/ouzkpid/mwep2tdin/jquery.min.js"></script>
  598. <script src="https://static.tumblr.com/ouzkpid/Yl7p2tdjq/zepto.min.js"></script>
  599. <script src="https://static.tumblr.com/uopakca/HWHo10ctj/index.js"></script>
  600. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  601.  
  602. </body>
  603. </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!