API tools faq
paste
Advertisement
spielglocken

02 Sima Theme

spielglocken
Apr 29th, 2019
3,292
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 32.07 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. <link href='https://static.tumblr.com/vr8wztv/KHzpnokhf/cssreset.css' rel='stylesheet' type='text/css'>
  4. <link href="https://static.tumblr.com/0podkko/xIbplezmo/modified_photosets.css" rel="stylesheet">
  5. <link href="https://dl.dropbox.com/s/ldzl7ylhf8lgpp0/sima-v1.css" rel="stylesheet">
  6. <link rel="shortcut icon" href="{Favicon}">
  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. <head>
  9.  
  10.  
  11. <!--
  12. ===============================================
  13.  
  14.  
  15. Sima Theme
  16. more @ https://spielglocken.tumblr.com
  17.  
  18. Do not alter or remove credit
  19.  
  20.  
  21. ===============================================
  22. -->
  23.  
  24.  
  25. <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>
  26. {block:Description}
  27. <meta name="description" content="{MetaDescription}" />
  28. {/block:Description}
  29. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  30.  
  31. {block:Hidden}
  32. <meta name="select:body font" content="EB Garamond" />
  33. <meta name="select:body font" content="Arimo" />
  34. <meta name="select:body font" content="Cormorant" />
  35. <meta name="select:body font" content="Fira Sans" />
  36. <meta name="select:body font" content="IBM Plex Sans" />
  37. <meta name="select:body font" content="IBM Plex Serif" />
  38. <meta name="select:body font" content="Lora" />
  39. <meta name="select:body font" content="Merriweather" />
  40. <meta name="select:body font" content="Noto Serif" />
  41. <meta name="select:body font" content="PT Serif" />
  42. <meta name="select:body font" content="Roboto" />
  43. <meta name="select:body font" content="Roboto Mono" />
  44. <meta name="select:body font" content="Rubik" />
  45. <meta name="select:body font" content="Source Sans Pro" />
  46. <meta name="select:body font" content="Spectral" />
  47. <meta name="select:body font" content="Vollkorn" />
  48.  
  49. <meta name="select:layout" content="brick" title="brick masonry" />
  50. <meta name="select:layout" content="grid" />
  51.  
  52. <meta name="select:text post width" content="500px" />
  53. <meta name="select:text post width" content="550px" />
  54. <meta name="select:text post width" content="600px" />
  55. <meta name="select:text post width" content="700px" />
  56.  
  57. <meta name="select:post captions" content="display" />
  58. <meta name="select:post captions" content="hidden" />
  59.  
  60. <meta name="select:post tags" content="display" />
  61. <meta name="select:post tags" content="hidden" />
  62.  
  63. <meta name="color:background" content="#ffffff" />
  64. <meta name="color:post background" content="#fafafa" />
  65. <meta name="color:text" content="#444444" />
  66. <meta name="color:link" content="#aaaaaa" />
  67. <meta name="color:accent" content="#d2eced" />
  68. <meta name="color:accent text" content="#333333" />
  69. <meta name="color:accent link" content="#677b7b" />
  70. <meta name="color:overlay text" content="#ffffff" />
  71.  
  72. <meta name="text:link 1" content="Lorem ipsum" />
  73. <meta name="text:link 1 url" content="http://" />
  74. <meta name="text:link 2" content="Dolorem sit" />
  75. <meta name="text:link 2 url" content="http://" />
  76. <meta name="text:link 3" content="Consecteturer ad" />
  77. <meta name="text:link 3 url" content="http://" />
  78. <meta name="text:photoset gutter" content="0" />
  79.  
  80. <meta name="if:enable search form" content="1" />
  81. {/block:Hidden}
  82.  
  83.  
  84. <style type="text/css">
  85.  
  86. /* colors */
  87.  
  88. body, form input {color:{color:text}; font-family:'{select:body font}', 'Helvetica', 'Arial', sans-serif;}
  89. body, .is-perma .info-container {background:{color:background};}
  90.  
  91. aside {background:{color:post background};}
  92. aside > div:not(:last-child):not(.blog-title), aside nav:not(:last-child) {border-bottom:1px rgba(0,0,0,.1) solid;}
  93.  
  94. a, .content a:hover, .entry-date a:hover, header a:hover {color:{color:link};}
  95. a:hover, .content a, .entry-date a, header a {color:{color:text};}
  96. .content a:not(.source_tumblelog), .entry-date a {background-image:linear-gradient(90deg, {color:accent} 0%, {color:accent} 100%); background-position:100% calc(100% - .08em); background-size:100% 1px; background-repeat: no-repeat;}
  97.  
  98. .blog-title, .next-page, .blog-title a, .next-page a {background:{color:accent}; color:{color:accent text};}
  99. .next-page:hover {background:rgba({RGBcolor:accent},.5); color:{color:accent link};}
  100.  
  101. .thumbs .quote-body, .thumbs .quote-source, .controls {color:{color:accent text};}
  102. .is-quote .thumb-content a, .is-quote .thumb-actions a {color:{color:accent link};}
  103. .is-quote .thumb-content a:hover, .blog-title a:hover, .is-quote .thumb-actions a:hover {color:{color:accent text};}
  104. .photo-actions a {color:{color:overlay text};}
  105.  
  106.  
  107. /* posts */
  108.  
  109. .is-index .entry.is-quote > .thumbs > div:first-child {background:{color:accent};}
  110. .content-wrapper,
  111. .is-index .entry:not(.is-photo):not(.is-quote) > .thumbs > div:first-child, .is-perma .info-container > div,
  112. .pagination {background:{color:post background};}
  113. .thumbs .quote-body:after {background-image:linear-gradient(rgba({RGBcolor:accent},0), rgba({RGBcolor:accent},1));}
  114. .is-text .thumbs > div:first-child:after, .thumbs .question:after, .is-chat .thumb-content:after, .is-audio .thumb-content:after, .is-link .thumb-content:after {background-image:linear-gradient(rgba({RGBcolor:post background},0), rgba({RGBcolor:post background},1));}
  115.  
  116. .content .sender span {border-top:1px {color:accent} solid;}
  117. .content .chat-line .chat-label, .content .rbc-author {border-bottom:1px rgba(0,0,0,.05) solid;}
  118. .content .chat-label span {border-bottom:1px {color:accent} solid;}
  119. .photoset-grid {grid-gap:{text:photoset gutter}px;}
  120. .content .acc-player {background:{color:accent};}
  121. .content .message .sender {border-top:1px rgba(0,0,0,.05) solid;}
  122. .content .rbc-author span {border-bottom:1px rgba(0,0,0,.5) solid;}
  123.  
  124. .thumbs .acc-player {background:rgba({RGBcolor:accent text},.1);}
  125.  
  126. .is-index .ic-date + .ic-entry-tag {border-top:1px rgba(0,0,0,.1) solid;}
  127.  
  128.  
  129.  
  130. /* thumbs */
  131.  
  132. .photo-actions a:hover, .entry.has-video-thumbnail .thumb-actions a:hover {color:{color:accent}!important;}
  133.  
  134.  
  135. /* text formatting */
  136.  
  137. hr {background:{color:accent}; box-shadow:-15px 0 0 {color:accent}, 15px 0 0 {color:accent};}
  138. blockquote {border-left:1px {color:accent} solid;}
  139. .text-body blockquote, .is-text .rb-content blockquote {background:rgba({RGBcolor:accent},.2); border-left:4px {color:accent} solid;}
  140. pre, code {background:rgba({RGBcolor:accent},.2);}
  141. ul li:before {background:{color:accent};}
  142.  
  143.  
  144. /* lightbox */
  145.  
  146. .tmblr-lightbox {background-color:rgba({RGBcolor:accent},.9)!important;}
  147. .lightbox-image-container {background:{color:background}; border:1px rgba({RGBcolor:accent text},.2) solid;}
  148.  
  149.  
  150. /* controls */
  151.  
  152. .controls {background:rgba({RGBcolor:accent},.8);}
  153.  
  154.  
  155. @media (min-width:0px) and (max-width:1100px) {
  156.  
  157. #mobile + label hr, #mobile:checked + label {background:{color:accent};}
  158. #mobile + label {background:{color:post background}; border:1px rgba(0,0,0,.1) solid}
  159. #mobile:checked + label hr {background:{color:accent text};}
  160.  
  161. .thumb-actions a, .photo-actions a, .thumb-actions a:hover, .photo-actions a:hover {background:rgba({RGBcolor:accent},.5); color:{color:accent text};}
  162. }
  163.  
  164. @media (min-width:1101px){
  165. .is-index.brick .entry.is-photo .entry-date, .is-index.brick .entry.is-photo .entry-date a, .is-index.brick .entry.has-video-thumbnail .entry-date, .is-index.brick .entry.has-video-thumbnail .entry-date a, .entry.has-video-thumbnail .thumbs .accd-label, .entry.has-video-thumbnail .thumb-actions, .entry.has-video-thumbnail .thumb-actions a {color:{color:overlay text}; background-image:none!important;}
  166.  
  167. .is-index .icd-number {border-left:1px rgba(0,0,0,.1) solid;}
  168. .photo-overlay, .is-video.has-video-thumbnail .video-container:before {background:rgba(0,0,0,.8);}
  169. .photo-overlay:after {background:{color:accent};}
  170. .notes li:not(:last-child):after {background:rgba(0,0,0,.1);}
  171. }
  172.  
  173. </style>
  174. <noscript><style>body {opacity:1;}</style></noscript>
  175. </head>
  176. <body>
  177. <section class="controls">
  178. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-settings"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
  179. </section>
  180. <input type="checkbox" id="mobile" />
  181. <label for="mobile"><hr /><hr /><hr /></label>
  182. <header class="cap">
  183. <a href="/">{BlogTitle}<span class="lo">@{Name}</span></a>
  184. </header>
  185. <aside>
  186. <div class="blog-title">
  187. <div class="bt-img"><img src="{PortraitURL-128}" /></div>
  188. <div class="bt-text cap bold"><a href="/">{BlogTitle}<br/><span class="neut lo it">@{Name}</span></a></div>
  189. </div>
  190. {block:Description}
  191. <div class="blog-description">{Description}</div>
  192. {/block:Description}
  193. <nav>
  194. <span class="bold">{lang:Navigate}</span>
  195. <a href="/">{lang:Home}</a>
  196. {block:AskEnabled}<a href="/ask">{AskLabel}</a>{/block:AskEnabled}
  197. <a href="/archive">{lang:Archive}</a>
  198. {block:ifLink1}<a href="{text:link 1 url}">{text:link 1}</a>{/block:ifLink1}
  199. {block:ifLink2}<a href="{text:link 2 url}">{text:link 2}</a>{/block:ifLink2}
  200. {block:ifLink3}<a href="{text:link 3 url}">{text:link 3}</a>{/block:ifLink3}
  201. </nav>
  202. {block:HasPages}
  203. <nav class="blog-pages">
  204. <span class="bold">{lang:Pages}</span>
  205. {block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}
  206. </nav>
  207. {/block:HasPages}
  208. {block:ifEnableSearchForm}
  209. <div class="blog-search">
  210. <span class="bold">{lang:Search}</span>
  211. <form action="/search" method="get">
  212. <input class="it" type="text" name="q" value="{SearchQuery}" placeholder="{lang:Search}..." />
  213. <input type="submit" />
  214. </form>
  215. </div>
  216. {/block:ifEnableSearchForm}
  217. </aside>
  218. <main class="{block:IndexPage}is-index{/block:IndexPage}{block:PermalinkPage}is-perma{/block:PermalinkPage} {select:layout} pw{select:text post width}">
  219. <section class="holder">
  220. {block:Posts}
  221. <article class="entry is-{PostType}{block:Video}{block:VideoThumbnail} has-video-thumbnail{/block:VideoThumbnail}{/block:Video}"{block:Audio} data-color="{color:accent}" data-text="{color:accent text}"{/block:Audio}{block:Text} data-color="{color:accent}" data-text="{color:accent text}"{/block:Text}>
  222. <section class="thumbs">
  223. {block:Photo}
  224. <div class="photo-container">
  225. <div class="img-container" style="background:url('{PhotoURL-HighRes}') center center no-repeat; background-size:cover;"></div>
  226. <div class="photo-overlay">
  227. <div class="photo-actions">
  228. <a class="like-btn" href="javascript:;">
  229. {LikeButton}
  230. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-meh initial"><circle cx="12" cy="12" r="10"></circle><line x1="8" y1="15" x2="16" y2="15"></line><line x1="9" y1="9" x2="9.01" y2="9"></line><line x1="15" y1="9" x2="15.01" y2="9"></line></svg>
  231. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#ff475d" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-smile done"><circle cx="12" cy="12" r="10"></circle><path d="M8 14s1.5 2 4 2 4-2 4-2"></path><line x1="9" y1="9" x2="9.01" y2="9"></line><line x1="15" y1="9" x2="15.01" y2="9"></line></svg>
  232. </a>
  233. <a class="rb-btn" href="{ReblogURL}" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-repeat"><polyline points="17 1 21 5 17 9"></polyline><path d="M3 11V9a4 4 0 0 1 4-4h14"></path><polyline points="7 23 3 19 7 15"></polyline><path d="M21 13v2a4 4 0 0 1-4 4H3"></path></svg></a>
  234. <a class="view-btn" href="javascript:;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg></a>
  235. </div>
  236. </div>
  237. </div>
  238. {/block:Photo}
  239. {block:Video}
  240. <div class="video-container"{block:VideoThumbnail} style="background:url('{VideoThumbnailURL}') center center no-repeat; background-size:cover;"{/block:VideoThumbnail}>
  241. <div class="accd-label cap">
  242. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-film"><rect x="2" y="2" width="20" height="20" rx="2.18" ry="2.18"></rect><line x1="7" y1="2" x2="7" y2="22"></line><line x1="17" y1="2" x2="17" y2="22"></line><line x1="2" y1="12" x2="22" y2="12"></line><line x1="2" y1="7" x2="7" y2="7"></line><line x1="2" y1="17" x2="7" y2="17"></line><line x1="17" y1="17" x2="22" y2="17"></line><line x1="17" y1="7" x2="22" y2="7"></line></svg> {Lang:Video}
  243. </div>
  244. <div class="thumb-actions">
  245. <a class="like-btn" href="javascript:;">
  246. {LikeButton}
  247. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-meh initial"><circle cx="12" cy="12" r="10"></circle><line x1="8" y1="15" x2="16" y2="15"></line><line x1="9" y1="9" x2="9.01" y2="9"></line><line x1="15" y1="9" x2="15.01" y2="9"></line></svg>
  248. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#ff475d" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-smile done"><circle cx="12" cy="12" r="10"></circle><path d="M8 14s1.5 2 4 2 4-2 4-2"></path><line x1="9" y1="9" x2="9.01" y2="9"></line><line x1="15" y1="9" x2="15.01" y2="9"></line></svg>
  249. </a>
  250. <a class="rb-btn" href="{ReblogURL}" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-repeat"><polyline points="17 1 21 5 17 9"></polyline><path d="M3 11V9a4 4 0 0 1 4-4h14"></path><polyline points="7 23 3 19 7 15"></polyline><path d="M21 13v2a4 4 0 0 1-4 4H3"></path></svg></a>
  251. <a class="view-btn" href="javascript:;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg></a>
  252. </div>
  253. </div>
  254. {/block:Video}
  255. {block:Photoset}
  256. <div class="photoset-container">
  257. {block:Photos}
  258. <div class="photo-container" style="background:url('{PhotoURL-HighRes}') center center no-repeat; background-size:cover;"></div>
  259. {/block:Photos}
  260. <div class="photo-overlay">
  261. <div class="photo-actions">
  262. <a class="like-btn" href="javascript:;">
  263. {LikeButton}
  264. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-meh initial"><circle cx="12" cy="12" r="10"></circle><line x1="8" y1="15" x2="16" y2="15"></line><line x1="9" y1="9" x2="9.01" y2="9"></line><line x1="15" y1="9" x2="15.01" y2="9"></line></svg>
  265. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#ff475d" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-smile done"><circle cx="12" cy="12" r="10"></circle><path d="M8 14s1.5 2 4 2 4-2 4-2"></path><line x1="9" y1="9" x2="9.01" y2="9"></line><line x1="15" y1="9" x2="15.01" y2="9"></line></svg>
  266. </a>
  267. <a class="rb-btn" href="{ReblogURL}" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-repeat"><polyline points="17 1 21 5 17 9"></polyline><path d="M3 11V9a4 4 0 0 1 4-4h14"></path><polyline points="7 23 3 19 7 15"></polyline><path d="M21 13v2a4 4 0 0 1-4 4H3"></path></svg></a>
  268. <a class="view-btn" href="javascript:;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg></a>
  269. </div>
  270. </div>
  271. </div>
  272. {/block:Photoset}
  273. {block:Date}
  274. <div class="thumb-actions">
  275. <a class="like-btn" href="javascript:;">
  276. {LikeButton}
  277. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-meh initial"><circle cx="12" cy="12" r="10"></circle><line x1="8" y1="15" x2="16" y2="15"></line><line x1="9" y1="9" x2="9.01" y2="9"></line><line x1="15" y1="9" x2="15.01" y2="9"></line></svg>
  278. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#ff475d" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-smile done"><circle cx="12" cy="12" r="10"></circle><path d="M8 14s1.5 2 4 2 4-2 4-2"></path><line x1="9" y1="9" x2="9.01" y2="9"></line><line x1="15" y1="9" x2="15.01" y2="9"></line></svg>
  279. </a>
  280. <a class="rb-btn" href="{ReblogURL}" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-repeat"><polyline points="17 1 21 5 17 9"></polyline><path d="M3 11V9a4 4 0 0 1 4-4h14"></path><polyline points="7 23 3 19 7 15"></polyline><path d="M21 13v2a4 4 0 0 1-4 4H3"></path></svg></a>
  281. <a class="view-btn" href="javascript:;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg></a>
  282. </div>
  283. <div class="entry-date">
  284. <div class="part">
  285. <a class="bold" href="{Permalink}">{DayofMonthwithZero}.{MonthNumberwithZero}.{ShortYear}</a>
  286. </div>
  287. <div class="part">
  288. <span class="notes">{FormattedNoteCount}</span>
  289. </div>
  290. </div>
  291. {/block:Date}
  292. </section>
  293. <section class="content">
  294. <div class="content-wrapper">
  295. {block:Photo}
  296. <div class="photo-container"><div class="photoset-grid"><div class="photo" 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>
  297. {/block:Photo}
  298. {block:Photoset}
  299. <div class="photo-container photoset"><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></div>
  300. {/block:Photoset}
  301. {block:Quote}
  302. <div class="quote-container">
  303. <div class="quote-body {Length}">{Quote}</div>
  304. {block:Source}<div class="quote-source">{Source}</div>{/block:Source}
  305. </div>
  306. {/block:Quote}
  307. {block:Text}
  308. <div class="text-container">
  309. {block:Title}<h1 class="entry-title">{Title}</h1>{/block:Title}
  310. {block:NotReblog}
  311. <div class="text-body">{Body}</div>
  312. {/block:NotReblog}
  313. {block:RebloggedFrom}
  314. <div class="reblog-chain">
  315. {block:Reblogs}
  316. <div class="rb-content">
  317. <div class="rbc-author">
  318. {block:isActive}<a href="{Permalink}">{Username}</a>{/block:isActive}
  319. {block:isDeactivated}<span>{Username}</span>{/block:isDeactivated}
  320. </div>
  321. {Body}
  322. </div>
  323. {/block:Reblogs}
  324. </div>
  325. {/block:RebloggedFrom}
  326. </div>
  327. {/block:Text}
  328. {block:Answer}
  329. <div class="message">
  330. <div class="question">{Question}</div>
  331. <div class="sender lo"><span>{lang:Asked by Asker}</span></div>
  332. {block:NotReblog}
  333. <div class="answer">
  334. {Answer}
  335. </div>
  336. {/block:NotReblog}
  337. {block:RebloggedFrom}
  338. {block:Answerer}
  339. <div class="answer">{Answer}</div>
  340. <div class="sender lo"><span>{Answerer}</span></div>
  341. {/block:Answerer}
  342. <div class="reblog-chain">
  343. {block:Reblogs}
  344. <div class="rb-content">
  345. <div class="rbc-author">
  346. {block:isActive}<a href="{Permalink}">{Username}</a>{/block:isActive}
  347. {block:isDeactivated}<span>{Username}</span>{/block:isDeactivated}
  348. </div>
  349. {Body}
  350. </div>
  351. {/block:Reblogs}
  352. </div>
  353. {/block:RebloggedFrom}
  354. </div>
  355. {/block:Answer}
  356. {block:Chat}
  357. <div class="chat-container">
  358. {block:Title}<h1 class="entry-title">{Title}</h1>{/block:Title}
  359. {block:Lines}
  360. <div class="chat-line">
  361. {block:Label}
  362. <div class="chat-label it"><span>{Label}</span></div>
  363. {Line}
  364. {/block:Label}
  365. </div>
  366. {/block:Lines}
  367. </div>
  368. {/block:Chat}
  369. {block:Audio}
  370. <div class="audio-container" data-color="{color:accent}" data-text="{color:accent text}">
  371. {block:AudioPlayer}<div class="ac-classic">
  372. <div class="acc-data">
  373. {block:Artist}<div class="it has-ellipsis artist">{Artist}</div>{/block:Artist}
  374. {block:TrackName}<div class="has-ellipsis track-name">{TrackName}</div>{/block:TrackName}
  375. {block:Album}<div class="has-ellipsis album">{Album}</div>{/block:Album}
  376. </div>
  377. <div class="acc-player">{AudioPlayer}</div>
  378. </div>{/block:AudioPlayer}
  379. {block:AudioEmbed}<div class="ac-embed">
  380. <div class="acc-data">
  381. <div class="accd-label cap"></div>
  382. {block:Artist}<div class="it has-ellipsis artist">{Artist}</div>{/block:Artist}
  383. {block:TrackName}<div class="has-ellipsis track-name">{TrackName}</div>{/block:TrackName}
  384. {block:Album}<div class="has-ellipsis album">{Album}</div>{/block:Album}
  385. </div>
  386. <div class="ace-player">{AudioEmbed}</div>
  387. </div>{/block:AudioEmbed}
  388. </div>
  389. {/block:Audio}
  390. {block:Link}
  391. <div class="link-container">
  392. <a class="link" href="{URL}">
  393. <h1>{Name}</h1>
  394. <div class="link-data cap">
  395. {block:Author}<span class="author">{Author}</span>{/block:Author}
  396. <span class="divider"></span>
  397. {block:Host}<span class="host">{Host}</span>{/block:Host}
  398. </div>
  399. {block:Excerpt}
  400. <div class="link-excerpt">{Excerpt}</div>
  401. {/block:Excerpt}
  402. </a>
  403. {block:NotReblog}
  404. <div class="link-description">{Description}</div>
  405. {/block:NotReblog}
  406. {block:RebloggedFrom}
  407. <div class="reblog-chain">
  408. {block:Reblogs}
  409. <div class="rb-content">
  410. <div class="rbc-author">
  411. {block:isActive}<a href="{Permalink}">{Username}</a>{/block:isActive}
  412. {block:isDeactivated}<span>{Username}</span>{/block:isDeactivated}
  413. </div>
  414. {Body}
  415. </div>
  416. {/block:Reblogs}
  417. </div>
  418. {/block:RebloggedFrom}
  419. </div>
  420. {/block:Link}
  421. {block:Video}
  422. <div class="video-container">
  423. {Video-500}
  424. </div>
  425. {/block:Video}
  426. {block:Date}
  427. <div class="info-container">
  428. <div class="ic-date">
  429. <div class="icd-day">{block:IndexPage}{ShortDayofWeek}.{/block:IndexPage}{block:PermalinkPage}{DayofWeek}{/block:PermalinkPage}</div>
  430. <div class="icd-number">
  431. <div class="month{block:IndexPage} cap{/block:IndexPage}">{block:IndexPage}{ShortMonth}{/block:IndexPage}{block:PermalinkPage}{Month}{/block:PermalinkPage}</div>
  432. <div class="day-year"><div>{DayofMonthwithZero}</div><div>{Year}</div></div>
  433. <div class="time">{24HourWithZero}:{Minutes}</div>
  434. </div>
  435. </div>
  436. {block:Caption}
  437. <div class="ic-entry-caption {select:post captions}">
  438. {block:NotReblog}
  439. <div class="rb-content">
  440. <div class="rbc-author"><a href="{Permalink}">{Name}</a></div>
  441. {Caption}
  442. </div>
  443. {/block:NotReblog}
  444. {block:RebloggedFrom}
  445. <div class="reblog-chain">
  446. {block:Reblogs}
  447. <div class="rb-content">
  448. <div class="rbc-author">
  449. {block:IsActive}<a href="{Permalink}">{Username}</a>{/block:isActive}{block:IsDeactivated}<span>{Username}</span>{/block:isDeactivated}
  450. </div>
  451. {Body}
  452. </div>
  453. {/block:Reblogs}
  454. </div>
  455. {/block:RebloggedFrom}
  456. </div>
  457. {/block:Caption}
  458. {block:HasTags}
  459. <div class="ic-entry-tag {select:post tags}">
  460. {block:Tags}
  461. <a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;
  462. {/block:Tags}
  463. </div>
  464. {/block:HasTags}
  465. <div class="ic-entry-source lo">
  466. <span class="note">{NoteCountwithLabel}</span>
  467. {block:RebloggedFrom}
  468. <span class="source">{lang:Via} <a href="{ReblogParentURL}">{ReblogParentName}</a></span>
  469. <span class="divider"></span>
  470. <span class="source">
  471. {lang:Source} <a href="{ReblogRootURL}">{ReblogRootName}</a>
  472. </span>
  473. {/block:RebloggedFrom}
  474. </div>
  475. {block:PostNotes}
  476. <div class="ic-entry-notes cap">
  477. <div class="note-wrapper">{PostNotes}</div>
  478. </div>
  479. {/block:PostNOtes}
  480. </div>
  481. {/block:Date}
  482. {block:IndexPage}
  483. <div class="entry-nav-container">
  484. <a href="{Permalink}">{lang:Permalink}</a>
  485. <a href="#" class="close-this">{lang:Close}</a>
  486. </div>
  487. {/block:IndexPage}
  488. </div>
  489. </section>
  490. </article>
  491. {/block:Posts}
  492. </section>
  493. </main>
  494. <footer class="pagination">
  495. {block:PermalinkPagination}
  496. <div class="current-page">
  497. {block:Posts}
  498. {block:ContentSource}
  499. <span class="content-source lo">{lang:Source}: <a href="{SourceURL}">{SourceTitle}</a></span>
  500. {/block:ContentSource}
  501. {/block:Posts}
  502. </div>
  503. {block:PreviousPost}<a class="previous-page lo" href="{PreviousPost}">{lang:Older}</a>{/block:PreviousPost}
  504. {block:NextPost}<a class="next-page lo" href="{NextPost}">{lang:Newer}</a>{/block:NextPost}
  505. {/block:PermalinkPagination}
  506.  
  507. {block:Pagination}
  508. <div class="current-page">{lang:Page CurrentPage of TotalPages}</div>
  509. {block:PreviousPage}<a class="previous-page lo" href="{PreviousPage}">{lang:Previous}</a>{/block:PreviousPage}
  510. {block:NextPage}<a class="next-page lo" href="{NextPage}">{lang:Next}</a>{/block:NextPage}
  511. {/block:Pagination}
  512. </footer>
  513. <script src="https://static.tumblr.com/0podkko/jfMplm3f8/modified_photosets.js"></script>
  514. <script src="https://dl.dropbox.com/s/vdaqh3lz1uz71v4/sima-scripts.js"></script>
  515. </body>
  516. </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!