API tools faq
paste
Advertisement
octomoosey

the pumpkin king

octomoosey
Sep 16th, 2015
6,555
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.05 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:postbg" content="#000"/>
  13. <meta name="color:text" content="#fff"/>
  14. <meta name="color:title" content="#ddd"/>
  15. <meta name="color:description" content="#fff"/>
  16. <meta name="color:selectiontext" content="#eaeaea" />
  17. <meta name="color:selectionbg" content="#f2992e" />
  18. <meta name="color:nav" content="#f2992e" />
  19. <meta name="color:navhover" content="#b8b8b8" />
  20. <meta name="color:border" content="#fff"/>
  21. <meta name="color:bold" content="#eee" />
  22. <meta name="color:italic" content="#f2992e" />
  23. <meta name="color:posttitle" content="#f2992e" />
  24. <meta name="color:scrollbar" content="#f2992e" />
  25. <meta name="color:link" content="#f2992e"/>
  26. <meta name="color:linkhover" content="#b8b8b8"/>
  27. <meta name="color:info" content="#f2992e"/>
  28. <meta name="color:infohover" content="#b8b8b8"/>
  29. <meta name="color:tags" content="#f2992e"/>
  30. <meta name="color:tagshover" content="#b8b8b8"/>
  31.  
  32. <meta name="font:body font" content="Baskerville">
  33. <meta name="text:text size" content="11px" />
  34. <meta name="if:greyscale" content="1"/>
  35.  
  36. <meta name="image:background" content="https://static.tumblr.com/6675dc79cbff5a47df73d17af74e9f71/uopakca/wpwnuttt3/tumblr_static_82d7v0icy0g8ow80swwcww48k.jpg">
  37.  
  38. <meta name="text:link 1" content="link 1"/>
  39. <meta name="text:link 1 url" content="/"/>
  40. <meta name="text:link 2" content="link 2"/>
  41. <meta name="text:link 2 url" content="/"/>
  42. <meta name="text:link 3" content="link 3"/>
  43. <meta name="text:link 3 url" content="/"/>
  44. <meta name="text:link 4" content="link 4"/>
  45. <meta name="text:link 4 url" content="/"/>
  46. <meta name="text:link 5" content="link 5"/>
  47. <meta name="text:link 5 url" content="/"/>
  48.  
  49. <link href='https://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
  50.  
  51. <style type="text/css">
  52.  
  53. iframe#tumblr_controls {
  54. right:2px !important;
  55. position: fixed !important;
  56. -webkit-transition: opacity 0.7s linear;
  57. opacity: 0.5;
  58. -webkit-transition: all 0.8s ease-out;
  59. -moz-transition: all 0.8s ease-out;
  60. transition: all 0.8s ease-out;
  61. -webkit-filter: invert(100%);}
  62.  
  63. iframe#tumblr_controls:hover {
  64. -webkit-transition: opacity 0.7s linear;
  65. opacity: 0.9;
  66. -webkit-transition: all 0.4s ease-out;
  67. -moz-transition: all 0.4s ease-out;
  68. transition: all 0.4s ease-out;
  69. -webkit-filter: invert(100%);}
  70.  
  71. ::-webkit-scrollbar {
  72. width: 3px;
  73. height: 5px;
  74. background: {color:Background};}
  75.  
  76. ::-webkit-scrollbar-thumb {
  77. background: {color:Scrollbar};
  78. border-radius: 16px;
  79. border-top: 5px solid {color:Background};}
  80.  
  81. ::-moz-selection {
  82. color:{color:selectiontext};
  83. background:{color:selectionbg};}
  84.  
  85. ::selection {
  86. color:{color:selectiontext};
  87. background:{color:selectionbg};}
  88.  
  89. body {
  90. color:{color:text};
  91. font-family:{font:body font};
  92. font-size: {text:text size};
  93. background-color:{color:background};
  94. background-attachment:fixed;
  95. background-image:url('{image:background}');
  96. background-repeat:no-repeat;
  97. background-position: top right;
  98. margin-top:0px;}
  99.  
  100. a {
  101. text-decoration:none;
  102. outline:none;
  103. -moz-outline-style:none;
  104. color:{color:link};
  105. -webkit-transition: all 0.7s ease;
  106. -moz-transition: all 0.7s ease;
  107. -o-transition: all 0.7s ease;}
  108.  
  109. a:hover {
  110. color:{color:linkhover};
  111. -webkit-transition: all 0.7s ease;
  112. -moz-transition: all 0.7s ease;
  113. -o-transition: all 0.7s ease;}
  114.  
  115. blockquote {
  116. padding:2px 7px;
  117. margin:3px 0 3px 8px;
  118. border-left:1px dashed {color:border};
  119. background-color:transparent;}
  120.  
  121. blockquote img {
  122. max-width:100%;
  123. height:auto;}
  124.  
  125. b, strong {
  126. text-transform:uppercase;
  127. color:{color:bold};
  128. font-size:14px;}
  129.  
  130. i, em {
  131. font-family: 'Amatic SC', cursive;
  132. color:{color:italic};
  133. letter-spacing:1.5px;
  134. font-size:14px;}
  135.  
  136. small,sup,sub {
  137. font-size:{text:Text Size};}
  138.  
  139. big {
  140. font-size:12px;}
  141.  
  142. pre {
  143. color:{color:text};
  144. font-size:10px;
  145. padding:20px;
  146. white-space: pre-wrap;
  147. white-space: -moz-pre-wrap;
  148. white-space: -pre-wrap;
  149. white-space: -o-pre-wrap;
  150. word-wrap: break-word;}
  151.  
  152. {block:IfGreyscale}
  153.  
  154. img {
  155. -webkit-filter:grayscale(100%);
  156. -webkit-transition: all 0.9s ease-in-out;
  157. -moz-transition: all 0.9s ease-in-out;
  158. -o-transition: all 0.9s ease-in-out;
  159. -ms-transition: all 0.9s ease-in-out;
  160. transition: all 0.9s ease-in-out;}
  161.  
  162. img:hover {
  163. -webkit-filter:none;}
  164.  
  165. .html_photoset {
  166. -webkit-filter: grayscale(100%);
  167. -webkit-transition: all 0.9s ease-in-out;
  168. -moz-transition: all 0.9s ease-in-out;
  169. -o-transition: all 0.9s ease-in-out;
  170. -ms-transition: all 0.9s ease-in-out;
  171. transition: all 0.9s ease-in-out;}
  172.  
  173. .html_photoset:hover {
  174. -webkit-filter: none;}
  175.  
  176. {/block:IfGreyscale}
  177.  
  178. img {
  179. max-width:100%;
  180. height:auto;}
  181.  
  182. h1 {
  183. font-family: 'Amatic SC', cursive;
  184. font-size: 20px;
  185. line-height: 15px;
  186. letter-spacing:2px;
  187. font-weight:normal;
  188. color:{color:posttitle};}
  189.  
  190. h2 {
  191. font-family: 'Amatic SC', cursive;
  192. font-size: 20px;
  193. line-height: 15px;
  194. letter-spacing:6px;
  195. font-weight:normal;
  196. color:{color:posttitle};}
  197.  
  198. #content {
  199. position:absolute;
  200. width:340px;
  201. height:355px;
  202. right:150px;
  203. top:170px;
  204. padding-bottom:30px;
  205. overflow-y:scroll;}
  206.  
  207. #post {
  208. margin-left:25px;
  209. width:250px;
  210. padding:20px;
  211. line-height: 120%;
  212. background-color: rgba(0, 0, 0, 0.6);
  213. background: rgba(0, 0, 0, 0.6);
  214. margin-top:0px;
  215. margin-bottom:20px;}
  216.  
  217. #title {
  218. position:fixed;
  219. bottom:30px;
  220. left:30px;
  221. font-family: 'Amatic SC', cursive;
  222. font-size: 54px;
  223. color:{color:title};
  224. z-index:99999;
  225. text-align:left;
  226. letter-spacing:2px;}
  227.  
  228. #nav {
  229. font-family: 'Amatic SC', cursive;
  230. font-size:20px;}
  231.  
  232. #nav a{
  233. color:{color:nav};}
  234.  
  235. #nav a:hover {
  236. color:{color:navhover};
  237. letter-spacing:4px;}
  238.  
  239. #quote {
  240. font-size:16px;
  241. font-family: 'Amatic SC', cursive;
  242. text-align: center;
  243. font-weight: 300;
  244. letter-spacing: 1.5px;
  245. line-height: 130%;}
  246.  
  247. .note {
  248. color:#000;
  249. text-transform:uppercase;
  250. width:248px;
  251. font-style:normal;
  252. letter-spacing:0px;
  253. font-size: 10px;
  254. text-align:left;
  255. line-height:100%;
  256. margin-left:0px;}
  257.  
  258. .note li {
  259. list-style-type:none;
  260. padding:10px ;
  261. text-align:left;
  262. -moz-transition-duration:0.5s;
  263. -webkit-transition-duration:0.5s;
  264. -o-transition-duration:0.5s;}
  265.  
  266. .note img.avatar {
  267. margin-right: 10px;
  268. width: 16px;
  269. height: 16px;}
  270.  
  271. .tags {
  272. font-size:8px;
  273. text-transform:uppercase;
  274. margin-top:5px;
  275. -webkit-transition: all 0.8s ease;
  276. -moz-transition: all 0.8s ease;
  277. transition: all 0.8s ease;}
  278.  
  279. .tags a {
  280. color:{color:tags};}
  281.  
  282. .tags a:hover {
  283. color:{color:tagshover};}
  284.  
  285. #permalink {
  286. opacity:1;
  287. font-size:9px;
  288. line-height:11px;
  289. text-align:center;
  290. margin-top:5px;
  291. letter-spacing:1px;
  292. border-top:1px solid {color:text};
  293. padding-top:8px;
  294. padding-bottom:5px;
  295. -webkit-transition: all 0.8s ease;
  296. -moz-transition: all 0.8s ease;
  297. transition: all 0.8s ease;}
  298.  
  299. #permalink a {
  300. color:{color:info};}
  301.  
  302. #permalink a:hover {
  303. color:{color:infohover};}
  304.  
  305. #credit {
  306. bottom:5px;
  307. right:0px;
  308. opacity:1;
  309. position:fixed;
  310. padding:1px;}
  311.  
  312. #sidebox{
  313. position:fixed;
  314. top:30px;
  315. margin-left:30px;}
  316.  
  317. #hovertitle {
  318. font-family: 'Amatic SC', cursive;
  319. font-size: 20px;
  320. line-height: 15px;
  321. letter-spacing:2px;
  322. font-weight:normal;
  323. color:#fff;}
  324.  
  325. #hovercontent {
  326. opacity:0;
  327. margin-top:10px;
  328. width:150px;
  329. color:#fff;
  330. -webkit-transition: all 0.7s ease;
  331. -moz-transition: all 0.7s ease;
  332. -o-transition: all 0.7s ease;}
  333.  
  334. #sidebox:hover #hovercontent {
  335. opacity:1;
  336. -webkit-transition: all 0.7s ease;
  337. -moz-transition: all 0.7s ease;
  338. -o-transition: all 0.7s ease;}
  339.  
  340. </style>
  341.  
  342.  
  343. <body>
  344. <div id="sidebox">
  345. <div id="hovertitle">hover</div>
  346. <div id="hovercontent">{description}</div>
  347. </div>
  348.  
  349. <div id="title">{title}<div id="nav">
  350. <a href="/">home</a>
  351. <a href="/ask">queries</a>
  352. {block:iflink1}<a href="{text:link 1 url}">{text:link 1}</a>{/block:iflink1}
  353. {block:iflink2}<a href="{text:link 2 url}">{text:link 2}</a>{/block:iflink2}
  354. {block:iflink3}<a href="{text:link 3 url}">{text:link 3}</a>{/block:iflink3}
  355. {block:iflink4}<a href="{text:link 4 url}">{text:link 4}</a>{/block:iflink4}
  356. {block:iflink5}<a href="{text:link 5 url}">{text:link 5}</a>{/block:iflink5}
  357.  
  358. {block:Pagination}
  359. {block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">next</a>
  360. {/block:NextPage}
  361. {/block:Pagination} </center></div></div>
  362.  
  363.  
  364.  
  365. <div id="content">
  366. {block:Posts}
  367. <div id="post">
  368.  
  369. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  370.  
  371. {block:Photo}<center><img src="{PhotoURL-250}" alt="{PhotoAlt}"/>
  372. </center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  373.  
  374. {block:Photoset}{Photoset-250}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  375.  
  376. {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  377.  
  378. {block:Link}<a href="{URL}"{Target}>{Name}</a>{block:Description}{Description}{/block:Description}{/block:Link}
  379.  
  380. {block:Quote}<div id="quote">“{Quote}” — <b><i>{Source}</i></b></div> {/block:Quote}
  381.  
  382. {block:Audio}{AudioPlayerWhite}<p>{block:TrackName}Track: {TrackName}<br>{/block:TrackName}{block:Artist}Artist: {Artist}<br>{/block:Artist}{block:Album}Album: {Album}<br>{/block:Album}{block:PlayCount}Played: {PlayCount}{/block:PlayCount}<p>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  383.  
  384. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label} </b>{/block:Label}<span><i>{Line}</i><br></span>{/block:Lines}{/block:Chat}
  385.  
  386. {block:Answer}
  387. <table style="border-bottom:1px solid #a0a0a0;padding-bottom:5px;margin-bottom:5px;">
  388. <tr>
  389. <td style="vertical-align:top;padding-right:10px;" width="42px"><img src="{AskerPortraitURL-96}" height="42px" width="42px"></td>
  390. <td style="vertical-align:top; font-size:14px;"><i>{Asker} asked:</i> {Question}</td>
  391. </tr>
  392. </table>
  393. {Answer}
  394. {/block:Answer}
  395.  
  396. {block:Date}
  397. <div id="permalink">
  398. <a href="{Permalink}">{DayOfMonth}{DayOfMonthSuffix} {Month} {Year}</a> <a href="{Permalink}">{12Hour}:{Minutes}</a> {block:NoteCount}<a href="{Permalink}">{NoteCount}n</a>{/block:NoteCount}
  399. <br>
  400.  
  401. {block:RebloggedFrom} <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource} <a href="{ReblogURL}">reblog</a>{/block:permalinkpage}
  402.  
  403. </div>
  404. {block:HasTags}<div class="tags">{block:Tags} #<a href="{TagUrl}"> {Tag}</a>{/block:Tags}</div>{/block:HasTags}
  405. </div>
  406. {/block:Date}
  407.  
  408. {block:PostNotes}
  409. <div class="note">
  410. {PostNotes}
  411. </div>
  412. {/block:PostNotes}
  413.  
  414. {/block:Posts}
  415.  
  416. </div>
  417.  
  418. {block:ContentSource}
  419. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  420. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  421. {/block:SourceLogo}
  422. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  423. {/block:ContentSource}
  424. </div>
  425.  
  426. </div>
  427.  
  428. <div id="credit"><a href="https://octomoosey.tumblr.com/" title="theme by octomoosey"><img src="https://31.media.tumblr.com/ce8b580be9fa9afaa442fdb216c9b293/tumblr_inline_nj1tziQKpe1ronkfd.png"></a></div>
  429. </div></div></div>
  430. </body>
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!