API tools faq
paste
spielglocken

07 Dieter Theme

spielglocken
Apr 16th, 2020
1,808
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.04 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4. <link href='https://static.tumblr.com/vr8wztv/KHzpnokhf/cssreset.css' rel='stylesheet' type='text/css'>
  5. <link href="https://static.tumblr.com/0podkko/xIbplezmo/modified_photosets.css" rel="stylesheet">
  6. <link href="https://dl.dropbox.com/s/vh9r34ga921y1v1/dieter-v1.css" rel="stylesheet">
  7. <link href="https://fonts.googleapis.com/css?family={select:body font}:300,300i,400,400i,700,700i|IBM Plex Mono:400,700" rel="stylesheet">
  8. <link rel="shortcut icon" href="{Favicon}">
  9.  
  10.  
  11. <!--
  12. ===============================================
  13.  
  14.  
  15. Dieter Theme
  16. more @ https://spielglocken.tumblr.com
  17.  
  18. Do not alter or remove credit
  19.  
  20.  
  21. ===============================================
  22. -->
  23.  
  24.  
  25.  
  26. <title>{block:PostSummary}{PostSummary} &mdash; {/block:PostSummary}{block:TagPage}{lang:Posts tagged Tag} &mdash; {/block:TagPage}{block:SearchPage}{lang:Search results for SearchQuery} &mdash; {/block:SearchPage}{Title}</title>
  27. {block:Description}
  28. <meta name="description" content="{MetaDescription}" />
  29. {/block:Description}
  30. {block:Hidden}
  31. <meta name="color:accent" content="#7e7ece" />
  32. <meta name="color:background" content="#f7f7f7" />
  33. <meta name="color:body text" content="#444444" />
  34. <meta name="color:alt body text" content="#777777" />
  35. <meta name="color:link" content="#888888" />
  36. <meta name="color:header background" content="#ffffff" />
  37. <meta name="color:header text" content="#444444" />
  38. <meta name="color:header border" content="#eeeeee" />
  39. <meta name="color:post background 1" content="#ffffff" />
  40. <meta name="color:post background 2" content="#f2f2f2" />
  41. <meta name="select:body font" content="Spartan" />
  42. <meta name="select:body font" content="Arimo" />
  43. <meta name="select:body font" content="Barlow" />
  44. <meta name="select:body font" content="Exo 2" />
  45. <meta name="select:body font" content="Fira Sans" />
  46. <meta name="select:body font" content="IBM Plex Sans" />
  47. <meta name="select:body font" content="Lato" />
  48. <meta name="select:body font" content="Lora" />
  49. <meta name="select:body font" content="Merriweather" />
  50. <meta name="select:body font" content="Merriweather Sans" />
  51. <meta name="select:body font" content="Montserrat" />
  52. <meta name="select:body font" content="Open Sans" />
  53. <meta name="select:body font" content="Overpass" />
  54. <meta name="select:body font" content="Quattrocento Sans" />
  55. <meta name="select:body font" content="Red Hat Text" />
  56. <meta name="select:body font" content="Roboto" />
  57. <meta name="select:body font" content="Roboto Condensed" />
  58. <meta name="select:body font" content="Roboto Mono" />
  59. <meta name="select:body font" content="Sen" />
  60. <meta name="select:body font" content="Source Sans Pro" />
  61. <meta name="select:body font" content="Ubuntu" />
  62. <meta name="select:body font" content="Work Sans" />
  63. <meta name="select:columns" content="3" />
  64. <meta name="select:columns" content="2" />
  65. <meta name="select:columns" content="4" />
  66. <meta name="select:post captions" content="show"/>
  67. <meta name="select:post captions" content="hide"/>
  68. <meta name="select:font weight" content="lt" title="lighter" />
  69. <meta name="select:font weight" content="neut" title="normal" />
  70. <meta name="select:blog title on header" content="show" />
  71. <meta name="select:blog title on header" content="hide" />
  72. <meta name="text:max caption character" content="50" />
  73. <meta name="text:max text character" content="300" />
  74. <meta name="text:home label" content="" />
  75. <meta name="text:ask label" content="" />
  76. <meta name="text:archive label" content="" />
  77. <meta name="text:link 1" content="" />
  78. <meta name="text:link 1 url" content="https://" />
  79. <meta name="text:link 2" content="" />
  80. <meta name="text:link 2 url" content="https://" />
  81. {/block:Hidden}
  82. <meta charset="utf-8"/>
  83. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  84. <style type="text/css">
  85. :root{
  86. --body-font: '{select:body font}';
  87. --monospace-font: 'IBM Plex Mono', 'Monaco', 'Consolas', monospace;
  88.  
  89. --header-background:{RGBcolor:header background};
  90. --header-text-color:{RGBcolor:header text};
  91. --header-border-color:{RGBcolor:header border};
  92.  
  93. --background-color:{RGBcolor:background};
  94. --post-background-1:{RGBcolor:post background 1};
  95. --post-background-2:{RGBcolor:post background 2};
  96.  
  97. --body-text-color: {RGBcolor:body text};
  98. --accent-color: {RGBcolor:accent};
  99. --alt-body-text: {RGBcolor:alt body text};
  100. --link-color: {RGBcolor:link};
  101. }
  102. {CustomCSS}
  103. </style>
  104. <noscript><style>body {opacity:1;}</style></noscript>
  105. </head>
  106. <body class="column-count-{select:columns} {select:font weight}{block:IndexPage} is-index{/block:IndexPage}{block:PermalinkPage} is-perma{/block:PermalinkPage} {select:post captions}-caption" data-accent="{color:accent}" data-color="{color:body text}" data-caption-clip="{text:max caption character}" data-text-clip="{text:max text character}">
  107. <div class="tmblr-gear bold"><div></div></div>
  108. <main>
  109. <section class="menu-content">
  110. <a class="blog-title bold lo no-border" href="/">{Title}</a>
  111. <nav class="lo">
  112. <a href="/">{block:ifHomeLabel}{text:home label}{/block:ifHomeLabel}{block:ifNotHomeLabel}{lang:Home}{/block:ifNotHomeLabel}</a>
  113. <a href="/ask">{block:ifAskLabel}{text:ask label}{/block:ifAskLabel}{block:ifNotAskLabel}{AskLabel}{/block:ifNotAskLabel}</a>
  114. <a href="/archive">{block:ifArchiveLabel}{text:archive label}{/block:ifArchiveLabel}{block:ifNotArchiveLabel}{lang:Archive}{/block:ifNotArchiveLabel}</a>
  115. {block:ifLink1}<a href="{text:link 1 url}">{text:link 1}</a>{/block:ifLink1}
  116. {block:ifLink2}<a href="{text:link 2 url}">{text:link 2}</a>{/block:ifLink2}
  117. </nav>
  118. {block:HasPages}
  119. <nav class="lo secondary">
  120. {block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}
  121. </nav>
  122. {/block:HasPages}
  123. </section>
  124. <aside class="{select:blog title on header}">
  125. <a href="/" class="no-border"><img class="tmblr-icon" src="{PortraitURL-128}" /></a>
  126. <section class="blog-title bold cap">{Title}</section>
  127. <a class="menu-btn" href="#"><span></span><span></span></a>
  128. </aside>
  129. {block:TagPage}
  130. <section class="blog-pages">
  131. <div class="page-title bold">{Tag}</div>
  132. <div class="page-title sub">{lang:Posts tagged Tag 2}</div>
  133. </section>
  134. {/block:TagPage}
  135. <section class="holder">
  136. {block:Posts}
  137. <article class="entry{block:Date}{block:NewDayDate} first-post{/block:NewDayDate}{/block:Date}" data-type="{PostType}">
  138. <div class="entry-content">
  139. {block:Photo}
  140. <div class="photo-container"><div class="photoset-grid"><div data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}" onclick="lightbox(this)"><img src="{PhotoURL-HighRes}" /></div></div></div>
  141. {/block:Photo}
  142.  
  143. {block:Audio}
  144. <div class="audio-container">
  145. {block:AudioPlayer}
  146. {block:AlbumArt}<div class="audio-image"><img src="{albumArtURL}" /></div>{/block:AlbumArt}
  147. <div class="audio-button">{AudioPlayer}</div>
  148. <div class="audio-data">
  149. {block:TrackName}<div class="bold track-name">{TrackName}</div>{/block:TrackName}
  150. {block:Artist}<div class="cap artist-name">{Artist}</div>{/block:Artist}
  151. {block:Album}<div class="cap album-name">{Album}</div>{/block:Album}
  152. </div>
  153. {/block:AudioPlayer}
  154. </div>
  155. {/block:Audio}
  156.  
  157. {block:Quote}
  158. <div class="quote-container {length}">
  159. {block:Source}<div class="quote-source cap">{Source}</div>{/block:Source}
  160. <div class="quote-content">{Quote}</div>
  161. </div>
  162. {/block:Quote}
  163.  
  164. {block:Chat}
  165. <div class="chat-container">
  166. {block:Title}<div class="entry-title{block:IndexPage} bold{/block:IndexPage}">{Title}</div>{/block:Title}
  167. {block:Lines}
  168. <div class="chat-line">
  169. {block:Label}<div class="chat-label bold cap">{Label}</div>{/block:Label}
  170. <div class="chat-bubble">{Line}</div>
  171. </div>
  172. {/block:Lines}
  173. </div>
  174. {/block:Chat}
  175.  
  176. {block:Answer}
  177. <div class="message-container">
  178. <div class="question">
  179. <div class="cap bold sender">{Asker}</div>
  180. <div class="question-wrap">{Question}</div>
  181. </div>
  182. {block:Answerer}
  183. <div class="question answer">
  184. <div class="cap bold sender">{Answerer}</div>
  185. <div class="question-wrap">{Answer}</div>
  186. </div>
  187. {/block:Answerer}
  188. {block:RebloggedFrom}
  189. {block:Reblogs}
  190. <div class="reblog-container">
  191. <div class="reblog-author">
  192. {block:isActive}<a href="{Permalink}">{Username}</a>{/block:isActive}{block:isDeactivated}<span class="deac">{Username}</span>{/block:isDeactivated}
  193. </div>
  194. {Body}
  195. </div>
  196. {/block:Reblogs}
  197. {/block:RebloggedFrom}
  198. </div>
  199. {/block:Answer}
  200.  
  201. {block:Text}
  202. <div class="text-container">
  203. {block:Title}<div class="entry-title{block:IndexPage} bold{/block:IndexPage}">{Title}</div>{/block:Title}
  204. {block:NotReblog}
  205. <div class="text-block is-original truncate-this">
  206. {Body}
  207. </div>
  208. {/block:NotReblog}
  209.  
  210. {block:RebloggedFrom}
  211. {block:Reblogs}
  212. <div class="{block:isOriginalEntry}is-original truncate-this {/block:isOriginalEntry}text-block">
  213. <div class="reblog-author">
  214. {block:isActive}<a href="{Permalink}">{Username}</a>{/block:isActive}{block:isDeactivated}<span class="deac">{Username}</span>{/block:isDeactivated}
  215. </div>
  216. {Body}
  217. </div>
  218. {/block:Reblogs}
  219. {/block:RebloggedFrom}
  220. </div>
  221. {/block:Text}
  222.  
  223. {block:Link}
  224. <div class="link-container">
  225. <a class="link no-border" href="{URL}">
  226. <div class="link-data cap">
  227. {block:Host}
  228. <div class="link-host">{Host}</div>
  229. {/block:Host}
  230. {block:Author}
  231. <div class="link-author">{Author}</div>
  232. {/block:Author}
  233. </div>
  234. <div class="link-title bold">{Name}</div>
  235. {block:Excerpt}<div class="link-excerpt truncate-this">{Excerpt}</div>{/block:Excerpt}
  236. </a>
  237. {block:RebloggedFrom}
  238. {block:Reblogs}
  239. <div class="{block:isOriginalEntry}is-original truncate-this {/block:isOriginalEntry}link-description">
  240. <div class="reblog-author">
  241. {block:isActive}<a href="{Permalink}">{Username}</a>{/block:isActive}{block:isDeactivated}<span class="deac">{Username}</span>{/block:isDeactivated}
  242. </div>
  243. {Body}
  244. </div>
  245. {/block:Reblogs}
  246. {/block:RebloggedFrom}
  247. </div>
  248. {/block:Link}
  249.  
  250. {block:Video}
  251. <div class="video-container">
  252. <div class="video-content">
  253. {Video-700}
  254. </div>
  255. </div>
  256. {/block:Video}
  257.  
  258. {block:Photoset}
  259. <div class="photo-container photoset">
  260. <div class="photoset-icon">
  261.  
  262. </div>
  263. <div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}" onclick="lightbox(this)"><img src="{PhotoURL-HighRes}" /></div>{/block:Photos}</div>
  264. </div>
  265. {/block:Photoset}
  266.  
  267. {block:PermalinkPage}
  268. {block:Caption}
  269. <div class="entry-caption">
  270. {block:RebloggedFrom}
  271. {block:Reblogs}
  272. <div class="reblog-container truncate-this">
  273. <div class="reblog-author">
  274. {block:isActive}<a href="{Permalink}">{Username}</a>{/block:isActive}{block:isDeactivated}<span class="deac">{Username}</span>{/block:isDeactivated}
  275. </div>
  276. {Body}
  277. </div>
  278. {/block:Reblogs}
  279. {/block:RebloggedFrom}
  280. {block:NotReblog}
  281. <div class="reblog-container truncate-this">
  282. {Caption}
  283. </div>
  284. {/block:NotReblog}
  285. </div>
  286. {/block:Caption}
  287. {/block:PermalinkPage}
  288. </div>
  289.  
  290. {block:Date}
  291. <div class="info-container">
  292. {block:IndexPage}
  293. <a class="bold permalink no-border" href="{Permalink}">{Year}.{MonthNumberWithZero}.{DayofMonthwithZero}</a>
  294.  
  295. {block:Caption}
  296. <div class="entry-caption {select:post captions}">
  297. {block:RebloggedFrom}
  298. {block:Reblogs}
  299. {block:isOriginalEntry}
  300. <div class="reblog-container truncate-this">
  301. <div class="reblog-author">
  302. {block:isActive}<a href="{Permalink}">{Username}</a>{/block:isActive}{block:isDeactivated}<span class="deac">{Username}</span>{/block:isDeactivated}
  303. </div>
  304. {Body}
  305. </div>
  306. {/block:isOriginalEntry}
  307. {/block:Reblogs}
  308. {/block:RebloggedFrom}
  309. {block:NotReblog}
  310. <div class="reblog-container truncate-this">
  311. {Caption}
  312. </div>
  313. {/block:NotReblog}
  314. </div>
  315. {/block:Caption}
  316.  
  317. <div class="entry-actions">
  318. <a href="javascript:;" class="like-btn">{LikeButton} <span>Like</span></a>
  319. <a href="{ReblogURL}" class="rb-btn">Reblog</a>
  320. </div>
  321. {/block:IndexPage}
  322.  
  323. {block:PermalinkPage}
  324. <div class="entry-info">
  325. <div class="date-posted bold">{DayofWeek}, {DayOfMonthwithZero} {Month} {Year}</div>
  326. <div class="date-posted sub">{lang:Posted TimeAgo with NoteCount notes}</div>
  327. </div>
  328.  
  329. {block:RebloggedFrom}
  330. <div class="entry-parentage">
  331. <span class="lo">{lang:Via}</span> <a href="{ReblogParentURL}">{ReblogParentName}</a>
  332. <span class="lo">{lang:Originally from ReblogRootName 2}</span>
  333. </div>
  334. {/block:RebloggedFrom}
  335.  
  336. {block:HasTags}
  337. <div class="entry-tags">
  338. <div class="tag-title bold">{lang:Tagged}</div>
  339. {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}
  340. </div>
  341. {/block:HasTags}
  342.  
  343. {block:ContentSource}
  344. <div class="content-source">
  345. <div class="bold">{lang:Source}</div>
  346. <a href="{SourceURL}">{SourceTitle}</a>
  347. </div>
  348. {/block:ContentSource}
  349. {/block:PermalinkPage}
  350.  
  351. {block:PostNotes}
  352. <div class="entry-notes">
  353. <div class="note-title bold">{NoteCountWithLabel}</div>
  354. {PostNotes}
  355. </div>
  356. {/block:PostNotes}
  357. </div>
  358. {/block:Date}
  359. </article>
  360. {/block:Posts}
  361.  
  362. {block:Pagination}
  363. <article class="pagination">
  364. <div class="pages-out-of">
  365. <span class="cp">{CurrentPage}</span>
  366. /
  367. <span class="tp">{TotalPages}</span>
  368. </div>
  369. <article class="normal-pagination bold">
  370. {block:PreviousPage}<a href="{PreviousPage}" class="previous">{Lang:Newer entries}</a>{/block:PreviousPage}
  371. <a href="javascript:;" class="back-to-top">{lang:Back to top}</a>
  372. {block:NextPage}<a href="{NextPage}" class="next">{lang:Older entries}</a>
  373. {/block:NextPage}
  374. </article>
  375. </article>
  376. {/block:Pagination}
  377. {block:PermalinkPagination}
  378. <article class="pagination">
  379. <article class="normal-pagination">
  380. {block:PreviousPost}<a href="{PreviousPost}">{lang:Previous post}</a>{/block:PreviousPost}
  381. <span class="no-prev">{lang:Previous post}</span>
  382. <a href="javascript:;" class="back-to-top">{lang:Back to top}</a>
  383. <a href="/random">{lang:Random}</a>
  384. <span class="no-next">{lang:Next post}</span>
  385. {block:NextPost}<a href="{NextPost}">{lang:Next post}</a>{/block:NextPost}
  386. </article>
  387. </article>
  388. {/block:PermalinkPagination}
  389. </section>
  390. </main>
  391. <footer>
  392. {block:Description}
  393. <article class="blog-description">
  394. <img src="{PortraitURL-128}" />
  395. {Description}
  396. </article>
  397. {/block:Description}
  398. &copy;{CopyrightYears} <b>{BlogTitle}</b>. {lang:Powered by Tumblr 2}.
  399. </footer>
  400. <script src="https://static.tumblr.com/0podkko/jfMplm3f8/modified_photosets.js"></script>
  401. <script src="https://dl.dropbox.com/s/odhiikcos61utoo/dieter-scripts.js"></script>
  402.  
  403.  
  404. <!--
  405. ===============================================
  406.  
  407.  
  408. Scripts:
  409.  
  410. "Tumblr audio player script"
  411. by shudesigns
  412. https://shudesigns.tumblr.com
  413.  
  414.  
  415. "No JS Photosets"
  416. by annasthms & espoirthemes
  417. https://annasthms.github.io/photosets/
  418.  
  419.  
  420. ===============================================
  421. -->
  422.  
  423.  
  424. </body>
  425. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!