dustbug

nostalgia tumblr theme

May 5th, 2020
57
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.37 KB | None | 0 0
  1. <html>
  2.  
  3. <head>
  4.  
  5. <title>{Title}</title>
  6. <link rel="shortcut icon" href="{favicon}" />
  7.  
  8. <meta name="image:Background" content=""/>
  9. <meta name="image:sidebar" content=""/>
  10. <meta name="image:divider" content=""/>
  11. <meta name="image:header" content=""/>
  12. <meta name="image:decor" content=""/>
  13.  
  14. <meta name="color:sidebar" content="#ffffff"/>
  15. <meta name="color:border" content="#000000"/>
  16. <meta name="color:backgroundcolor" content="#000000"/>
  17. <meta name="color:body" content="#000000"/>
  18. <meta name="color:paragraphcolor" content="#000000"/>
  19. <meta name="color:headercolor" content="#000000"/>
  20. <meta name="color:linkcolor" content="#000000"/>
  21. <meta name="color:linkhover" content="#000000"/>
  22. <meta name="color:linkvisited" content="#000000"/>
  23.  
  24. <meta name="text:link1title" content="link 1 title"/>
  25. <meta name="text:link1url" content="/link1"/>
  26. <meta name="text:link2title" content="link 2 title"/>
  27. <meta name="text:link2url" content="/link2"/>
  28. <meta name="text:link3title" content="link 3 title"/>
  29. <meta name="text:link3url" content="/link3"/>
  30. <meta name="text:fontsize" content="12"/>
  31. <meta name="text:font" content="Courier New"/>
  32. <meta name="text:headerfont" content="Courier New"/>
  33. <meta name="text:Default Tag" content="" />
  34. </head>
  35.  
  36. <style>
  37. body {
  38. background: url('{image:Background}') repeat;
  39. background-color: {color:Background};
  40. }
  41.  
  42. #sidebar {
  43. position: fixed;
  44. left:240px;
  45. top:160px;
  46. max-width:100%;
  47. width:150px;
  48. height:auto;
  49. max-height:400px;
  50. border: 1px solid {color:border};
  51. background-color: {color:sidebar};
  52. display: inline-block;
  53. overflow:auto;
  54. word-wrap: break-word;
  55. text-align: center;
  56. padding:4px;
  57.  
  58. }
  59.  
  60. p {
  61. color: {color:paragraphcolor};
  62. border-radius: 10px;
  63. font-size: {text:fontsize};
  64. font-family: {text:font};
  65. }
  66.  
  67. h1 {
  68. color: {color:headercolor};
  69. border-radius: 10px;
  70. font-size: {text:fontsize};
  71. font-family: {text:headerfont};
  72. }
  73.  
  74.  
  75. a:link {
  76. color:{color:linkcolor};
  77. }
  78.  
  79. a:hover {
  80. color:{color:linkhover};
  81. }
  82.  
  83. a:visited:hover {
  84. color:{color:linkhover};
  85. }
  86.  
  87. a:visited {
  88. color:{color:linkvisited};
  89. }
  90.  
  91. #sidebar img{
  92. max-width:100%;
  93. }
  94.  
  95. .sidebar::-webkit-scrollbar {
  96. display: none;
  97. }
  98.  
  99. #header {
  100. position: fixed;
  101. left:450px;
  102. top:40px;
  103. width:450px;
  104. height:100px;
  105. display: inline-block;
  106. overflow:auto;
  107. text-align: center;
  108. border: 1px solid {color:border};
  109. background-color: {color:body};
  110.  
  111. }
  112.  
  113. #credit {
  114. position:fixed;
  115. left:0px;
  116. bottom:0px;
  117. }
  118.  
  119. #decor {
  120. position:absolute;
  121. right:250px;
  122. bottom:300px;
  123. }
  124.  
  125. #header img {
  126. width:100%;
  127. height:100px;
  128.  
  129. }
  130.  
  131. #header::-webkit-scrollbar {
  132. display: none;
  133. }
  134.  
  135. #entries {
  136. position: fixed;
  137. left:450px;
  138. top:160px;
  139. width:450px;
  140. height:400px;
  141. display: inline-block;
  142. overflow:auto;
  143. text-align: center;
  144. padding:4px;
  145. border: 1px solid {color:border};
  146. background-color: {color:body};
  147.  
  148. }
  149.  
  150. entries img {
  151. max-width:440px;
  152. }
  153.  
  154. #nav {
  155. position: fixed;
  156. left:950px;
  157. top:160px;
  158. width:120px;
  159. height:30px;
  160. text-align: center;
  161. padding:4px;
  162.  
  163. }
  164.  
  165. #entries::-webkit-scrollbar {
  166. display: none;
  167. }
  168.  
  169.  
  170. .entriesimg {
  171. max-width:100%;
  172. margin-bottom:25px;
  173. margin-top:25px;
  174. }
  175.  
  176. </style>
  177.  
  178. <body>
  179.  
  180. {block:IndexPage}<script type="text/javascript">
  181. var url = location.href;
  182. if (url == "{BlogURL}") {
  183. window.location = "{BlogURL}tagged/{text:Default Tag}";
  184. }
  185. </script>{/block:IndexPage}
  186.  
  187. <div id="sidebar">
  188. <img src="{image:sidebar}"><br>
  189. <img src="{image:divider}"><br>
  190. {block:Description}
  191. <p id="description">{Description}</p>
  192. {/block:Description}
  193. <img src="{image:divider}"><br>
  194. </div>
  195.  
  196. <div id="entries">
  197. {block:PreviousPage}<a href="{PreviousPage}">&#171; Go forward in time?</a>{/block:PreviousPage}<br>
  198. <img src="{image:divider}"><br>
  199. {block:Posts}
  200.  
  201. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}
  202. <p>{Body}</p>
  203. {/block:Text}
  204.  
  205. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}" class="entriesimg">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  206.  
  207.  
  208. {block:Photoset}
  209. {Photoset-250}
  210. {block:Caption}{Caption}{/block:Caption}
  211. {/block:Photoset}
  212.  
  213. {block:Panorama}
  214. {LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}
  215.  
  216. {block:Caption}{Caption}{/block:Caption}
  217. {/block:Panorama}
  218.  
  219. {block:Quote}
  220. {Quote}
  221. {block:Source}{Source}{/block:Source}
  222. {/block:Quote}
  223.  
  224. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>
  225. {block:Description}{Description}{/block:Description}
  226. {/block:Link}
  227.  
  228. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  229.  
  230. {block:Audio}
  231. {AudioPlayerWhite}
  232. {block:AlbumArt}<img src="{AlbumArtURL}" width="50">{/block:AlbumArt}
  233. {block:TrackName}{TrackName}{/block:TrackName}</ br>
  234. {block:Artist} {Artist}{/block:Artist}</ br>
  235. {block:Caption}{Caption}{/block:Caption}
  236. {/block:Audio}
  237.  
  238. {block:Video}
  239. <center>
  240. {Video-250}</center>
  241. {block:Caption}{Caption}{/block:Caption}
  242. {/block:Video}
  243.  
  244. {block:Answer}<p>{Asker}:<br>{Question}<br>{Answer}</p>{/block:Answer}
  245.  
  246. <div id="info">
  247. <p>{block:Date}posted {Month} {DayOfMonth} {Year}{/block:Date} with <a href="{Permalink}">
  248. {NoteCountWithLabel}</a>{block:RebloggedFrom}<br>via:<a href="{ReblogParentURL}"
  249. title="{ReblogParentTitle}">{ReblogParentName}</a> source:<a href="{ReblogRootURL}"title="{ReblogRoottitle}">{ReblogRootName}</a><br> {block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}{/block:RebloggedFrom}
  250. {block:NotReblog}<br><b>original post</b><br>
  251. {block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}
  252. {/block:NotReblog}
  253. </div>
  254.  
  255. {/block:Posts}
  256. <img src="{image:divider}"><br>
  257. <center>
  258. {block:NextPage}<a href="{NextPage}">Go back in time? &#187;</a>{/block:NextPage}
  259. </center>
  260.  
  261. </div>
  262. </div>
  263.  
  264. <div id="nav">
  265. <select style="width: 150px; border: 0px solid; padding: 3px; color: #000; background-color: {color:body}; font-family: calibri; text-transform: uppercase; font-size: 8px; letter-spacing: 1px;" onChange="location.href=this.options[this.selectedIndex].value;">
  266. <option value="/">navigation</option>
  267. <option value="/">home</option>
  268. <option value="/ask">ask</option>
  269. <option value="{text:link1url}">{text:link1title}</option>
  270. <option value="{text:link2url}">{text:link2title}</option>
  271. <option value="{text:link3url}">{text:link3title}</option>
  272. </select>
  273.  
  274. </div>
  275.  
  276. <div id="header">
  277. <img src="{image:header}">
  278.  
  279. </div>
  280.  
  281. <div id="decor">
  282. <img src="{image:decor}">
  283. </div>
  284.  
  285. <div id="credit">
  286. <a href="https://www.larviform.tumblr.com" target="_blank"><img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/28f02b98-8bda-4fac-b498-5d8e5565a69e/dd3spl6-a952b176-e1a9-4c25-a323-3525deec4786.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOiIsImlzcyI6InVybjphcHA6Iiwib2JqIjpbW3sicGF0aCI6IlwvZlwvMjhmMDJiOTgtOGJkYS00ZmFjLWI0OTgtNWQ4ZTU1NjVhNjllXC9kZDNzcGw2LWE5NTJiMTc2LWUxYTktNGMyNS1hMzIzLTM1MjVkZWVjNDc4Ni5naWYifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6ZmlsZS5kb3dubG9hZCJdfQ.0OAWVNc_Gi8MbUl_2Io5O_muYAcW_I_Y_DEGRwmdM2A"></a>
  287.  
  288. </div>
  289.  
  290. </body>
  291.  
  292. </html>
Add Comment
Please, Sign In to add comment