API tools faq
paste
Advertisement
octomoosey

raw

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