API tools faq
paste
Advertisement
octomoosey

the machine

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