API tools faq
paste
Advertisement
octomoosey

trash

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