API tools faq
paste
Advertisement
octomoosey

the moth

octomoosey
Jan 17th, 2015
3,964
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.16 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:sidebg" content="#222"/>
  14. <meta name="color:text" content="#fff"/>
  15. <meta name="color:title" content="#b0a4a4"/>
  16. <meta name="color:description" content="#fff"/>
  17. <meta name="color:link" content="#f39b03"/>
  18. <meta name="color:linkhover" content="#b8b8b8"/>
  19. <meta name="color:line" content="#fff"/>
  20. <meta name="color:bold" content="#f39b03" />
  21. <meta name="color:italic" content="#f39b03" />
  22. <meta name="color:pre" content="#fff" />
  23. <meta name="color:pretext" content="#000" />
  24.  
  25. <meta name="image:background" content="" />
  26.  
  27. <meta name="if:greyscale" content="1"/>
  28. <meta name="font:body font" content="Gibson">
  29. <meta name="text:text size" content="11px" />
  30.  
  31. <meta name="image:border" 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. <script type="text/javascript" src="https://static.tumblr.com/86jccts/wpsmuemne/hoverqtip.js"></script>
  45.  
  46. <style>
  47.  
  48. body {
  49. background-color:{color:background};
  50. background-image: url('{image:background}');
  51. background-position: right bottom;
  52. background-repeat: no-repeat;
  53. background-attachment: fixed;
  54. line-height:110%;
  55. color:{color:text};
  56. font-family:{font:body font};
  57. font-size: {text:text size};}
  58.  
  59. a {
  60. text-decoration:none;
  61. outline:none;
  62. -moz-outline-style:none;
  63. color:{color:link};
  64. -webkit-transition: all 0.7s ease;
  65. -moz-transition: all 0.7s ease;
  66. -o-transition: all 0.7s ease;}
  67.  
  68. a:hover {
  69. color:{color:linkhover};
  70. -webkit-transition: all 0.7s ease;
  71. -moz-transition: all 0.7s ease;
  72. -o-transition: all 0.7s ease;}
  73.  
  74. blockquote {
  75. padding:2px 7px;
  76. margin:3px 0 3px 8px;
  77. border-left:1px dashed {color:line};}
  78.  
  79. blockquote img {
  80. max-width:100%;}
  81.  
  82. b, strong {
  83. color:{color:bold};}
  84.  
  85. i, em {
  86. color:{color:italic};}
  87.  
  88. small,sup,sub {
  89. font-size:{text:Text Size}}
  90.  
  91. big {
  92. font-size:12px;}
  93.  
  94. pre {
  95. color:{color:pretext};
  96. background-color:{color:pre};
  97. font-size:10px;
  98. padding:20px;
  99. white-space: pre-wrap; /* css-3 */
  100. white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  101. white-space: -pre-wrap; /* Opera 4-6 */
  102. white-space: -o-pre-wrap; /* Opera 7 */
  103. word-wrap: break-word; /* Internet Explorer 5.5+ */}
  104.  
  105. {block:IfGreyscale}
  106.  
  107. img {
  108. -webkit-filter:grayscale(100%);
  109. -webkit-transition: all 0.9s ease-in-out;
  110. -moz-transition: all 0.9s ease-in-out;
  111. -o-transition: all 0.9s ease-in-out;
  112. -ms-transition: all 0.9s ease-in-out;
  113. transition: all 0.9s ease-in-out;}
  114.  
  115. img:hover {
  116. -webkit-filter:none;}
  117.  
  118. .html_photoset {
  119. -webkit-filter: grayscale(100%);
  120. -webkit-transition: all 0.9s ease-in-out;
  121. -moz-transition: all 0.9s ease-in-out;
  122. -o-transition: all 0.9s ease-in-out;
  123. -ms-transition: all 0.9s ease-in-out;
  124. transition: all 0.9s ease-in-out;}
  125.  
  126. .html_photoset:hover {
  127. -webkit-filter: none;}
  128.  
  129. {/block:IfGreyscale}
  130.  
  131. img {
  132. max-width:100%;}
  133.  
  134. h1 {
  135. font-size:18px;
  136. font-family:{font:body font};
  137. font-weight: 300;
  138. text-align: right;
  139. letter-spacing: 2px;
  140. line-height: 130%;
  141. color:{color:text};}
  142.  
  143. #entries {
  144. top:0px;
  145. margin-left:-40px;
  146. width: 580px;
  147. padding-bottom:30px;
  148. background:transparent;}
  149.  
  150. #post {
  151. margin-left:0px;
  152. background:{color:postbg};
  153. line-height:19.6000003814697px;
  154. width:400px;
  155. padding:40px;
  156. margin-top:30px;
  157. margin-bottom:0px;
  158. text-align: left;
  159. margin-left: 70px;}
  160.  
  161. #post img {
  162. max-width: 100%;}
  163.  
  164. #title {
  165. position:fixed;
  166. left:570px;
  167. top:80px;
  168. width:250px;
  169. text-align: left;
  170. text-transform:lowercase;
  171. font-weight:200;
  172. font-size: 29px;
  173. margin-top:18px;
  174. color:{color:title};
  175. letter-spacing:4px;}
  176.  
  177. #description {
  178. font-family:{font:body font};
  179. line-height:100%;
  180. padding:10px;
  181. width: 500px;
  182. color:{color:description};
  183. text-align: center;
  184. font-size: 11px;
  185. letter-spacing: 1px;}
  186.  
  187. #links {
  188. margin-top:0px;
  189. width:500px;
  190. text-align:center;
  191. font-size:11px;}
  192.  
  193. #links a {
  194. display:block;
  195. color:{color:link};
  196. letter-spacing:2px;}
  197.  
  198. #links a:hover {
  199. color: {color:linkhover};
  200. letter-spacing:3px;}
  201.  
  202. #menu {
  203. position: fixed;
  204. background-color: {color:sidebg};
  205. height: 100%;
  206. z-index: 10;
  207. width: 520px;
  208. top: 0;
  209. -webkit-transition: all 0.8s ease;
  210. -moz-transition: all 0.8s ease;
  211. transition: all 0.8s ease;}
  212.  
  213. .left { left: -520px; }
  214.  
  215. .show { left: 0; }
  216.  
  217. #showmenu {
  218. position:fixed;
  219. color:{color:link}!important;
  220. margin-left: 540px;
  221. top: 100px;
  222. font-size: 18px;
  223. color: #000;
  224. -webkit-transition: all 0.3s ease;
  225. -moz-transition: all 0.3s ease;
  226. transition: all 0.3s ease;}
  227.  
  228. .info {
  229. padding-top:5px;
  230. border-top:3px solid {color:line};
  231. font-size:14px;
  232. text-align:center;
  233. margin-top:30px;
  234. line-height:15px;}
  235.  
  236. .tag {
  237. margin-top:3px;
  238. text-align:center;
  239. font-size:10px;
  240. font-style:normal;
  241. line-height:18px;}
  242.  
  243. .tag a {
  244. padding:5px;}
  245.  
  246. #asker {
  247. z-index:9999999999 !important;
  248. margin-left:20px;
  249. margin-top:0px;
  250. margin-right:10px;}
  251.  
  252. #askurl {
  253. font-size:20px;
  254. letter-spacing:3px;
  255. margin-left:70px;
  256. margin-top:-25px;
  257. margin-right:5px;}
  258.  
  259. #question {
  260. font-size: {text:text size};
  261. margin-left:70px;
  262. margin-right:40px;
  263. padding:10px;
  264. text-align:justify;}
  265.  
  266. #quote {
  267. font-size:16px;
  268. font-family:'Lato', sans-serif;
  269. text-align: center;
  270. font-weight: 300;
  271. letter-spacing: 1.5px;
  272. line-height: 130%;
  273. padding-bottom: 10px;}
  274.  
  275. #cover {
  276. position: relative;
  277. z-index: 1;
  278. height: 80px;
  279. float:left;
  280. margin:4px;
  281. box-shadow:0px 0px 5px {color:box shadow};}
  282.  
  283. #button {
  284. width:20px;
  285. height:30px;
  286. overflow: hidden;
  287. position: relative;
  288. z-index: 99;
  289. margin: 15px 24px 13px 16px;}
  290.  
  291. #buttons {
  292. background-color: #fff;
  293. position: absolute;
  294. z-index: 99;
  295. margin-top: 15px;
  296. margin-left: 15px;
  297. opacity: 0;
  298. -webkit-transition: opacity 0.5s linear;
  299. -webkit-transition: all 0.5s linear;
  300. -moz-transition: all 0.5s linear;
  301. -o-transition: all 0.5s linear;}
  302.  
  303. #post:hover #buttons {
  304. opacity:1;}
  305.  
  306. #musicinfo {
  307. margin-left: 110px;
  308. font-size:10px;
  309. min-height:70px;
  310. text-align:left;
  311. position: relative;}
  312.  
  313. .note {
  314. text-transform:uppercase;
  315. width:430px;
  316. font-style:normal;
  317. letter-spacing:0px;
  318. font-size: 10px;
  319. text-align:left;
  320. line-height:100%;
  321. margin-left:15px;}
  322.  
  323. .note li {
  324. list-style-type:none;
  325. border-bottom:1px solid {color:text};
  326. color:{color:text};
  327. padding:10px 25px 10px 25px;
  328. text-align:left;
  329. -moz-transition-duration:0.5s;
  330. -webkit-transition-duration:0.5s;
  331. -o-transition-duration:0.5s;}
  332.  
  333. .note img.avatar {
  334. margin-right: 10px;
  335. width: 16px;
  336. height: 16px;}
  337.  
  338. div#qTip {
  339. background-color:{color:background};
  340. border:1px dashed {color:description};
  341. padding: 6px;
  342. display: none;
  343. text-align: center;
  344. position: absolute;
  345. font-size:12px;
  346. line-height:10px;
  347. z-index: 9999999;
  348. color: {color:title};
  349. letter-spacing: 1px;}
  350.  
  351. </style>
  352. </head>
  353.  
  354. <body>
  355.  
  356. <nav id="menu" class="left">
  357.  
  358. <div id="description">
  359.  
  360. <img src="{image:border}"><p>
  361.  
  362. {description}<p>
  363. {block:Pagination}
  364. {block:PreviousPage}<a href="{PreviousPage}"><big>⇜</big></a>{/block:PreviousPage} {CurrentPage} of {TotalPages} {block:NextPage}<a href="{NextPage}"><big>⇝</big></a>
  365. {/block:NextPage}
  366. {/block:Pagination}<p>
  367.  
  368. <img src="{image:border}"><p>
  369.  
  370. <div id="links">
  371. <a href="/">refresh</a><br>
  372. <a href="/ask">message</a><br>
  373. <a href="/submit">submit</a><br>
  374. {block:iflink1}<a href="{text:link 1 url}">{text:link 1}</a><br>{/block:iflink1}
  375. {block:iflink2}<a href="{text:link 2 url}">{text:link 2}</a><br>{/block:iflink2}
  376. {block:iflink3}<a href="{text:link 3 url}">{text:link 3}</a><br>{/block:iflink3}
  377. {block:iflink4}<a href="{text:link 4 url}">{text:link 4}</a><br>{/block:iflink4}
  378. {block:iflink5}<a href="{text:link 5 url}">{text:link 5}</a><br>{/block:iflink5}
  379. </div>
  380.  
  381. </div>
  382.  
  383. </nav>
  384. <div id="showmenu">+</a></div>
  385. <div id="title">{title}
  386. </div>
  387.  
  388. </div>
  389.  
  390. <div id="entries">
  391. {block:Posts}
  392.  
  393. <div id="post">
  394.  
  395. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  396.  
  397. {block:Photo}<center><img src="{PhotoURL-400}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  398.  
  399. {block:Photoset}<center>{Photoset-400}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  400.  
  401. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  402.  
  403. {block:Quote}<div id="quote">{Quote}</div><br>{block:Source}<b><div style="font-family: courier new; font-size: 11px; text-align: center;">{Source}</div></b>{/block:Source}{/block:Quote}
  404.  
  405. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerWhite}</left></span>
  406. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  407. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  408. {/block:ExternalAudio}<br><br>
  409. {block:Caption}{Caption}{/block:Caption}{/block:Audio}<br>
  410.  
  411. {block:Video}
  412. {Video-400}
  413. {block:Caption}{Caption}{/block:Caption}
  414. {/block:Video}
  415.  
  416. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}<font size="2">{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br><br>{/block:Lines}</font>{/block:Chat}
  417.  
  418. {block:Answer}<div id="ask"><div id="asker"><img src="{AskerPortraitURL-30}"></div><div id="askurl">{Asker}:</div>
  419. <div id="question">{Question}</div></div>{Answer}{/block:Answer}
  420.  
  421. <div class="info">
  422. {block:date}<a href="{Permalink}"> posted;
  423. {block:Date}{TimeAgo}</a>{/block:Date}
  424. {block:NoteCount}
  425. with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} <a href="{ReblogURL}"> - reblog</a><br>
  426.  
  427. {block:RebloggedFrom}
  428. via; <a href="{ReblogParentURL}">{ReblogParentName}</a>
  429. source; <a href="{ReblogRootURL}">{ReblogRootName}</a>
  430. {/block:RebloggedFrom}
  431. </div>
  432.  
  433. <div class="tag">{block:HasTags}{block:Tags}+ <a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  434. </div>
  435.  
  436. {block:PostNotes}
  437. <div class="note">
  438. {PostNotes}
  439. </div>
  440. {/block:PostNotes}
  441.  
  442. {/block:Posts}
  443.  
  444. </div>
  445.  
  446. {block:ContentSource}
  447. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  448. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  449. {/block:SourceLogo}
  450. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  451. {/block:ContentSource}
  452. </div>
  453.  
  454. </div>
  455.  
  456. </div>
  457. <div style="position:fixed;bottom:3px; right:3px; font-size:7px; letter-spacing:1px; font-family:cambria;"><a href="https://octomoosey.tumblr.com/">© OCTOMOOSEY</a></center></div>
  458.  
  459. </div></div></div></div></div>
  460.  
  461. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  462. <script>
  463. $("#showmenu").click(function(e){
  464. e.preventDefault();
  465. $("#menu").toggleClass("show");
  466. });
  467. </script>
  468.  
  469. </body>
  470. </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!