API tools faq
paste
Advertisement
octomoosey

fiddle of gold

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