API tools faq
paste
Advertisement
octomoosey

leaf

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