Advertisement
octomoosey

man of letters

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