API tools faq
paste
feiinho

Bubblegum theme (Update 4) by Themes Chest

feiinho
May 11th, 2019
361
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 80.73 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <!-- Bubblegum theme (Update 4) by Themes Chest-->
  3. <html>
  4. <head>
  5. <title>{Title}{block:TagPage} &bull; Posts Tagged &lsquo;{Tag}&rsquo;{/block:TagPage}{block:PostSummary} &bull; {PostSummary}{/block:PostSummary}</title>
  6. <meta charset="utf-8">
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8. {block:Description}
  9. <meta name="description" content="{MetaDescription}">
  10. {/block:Description}
  11. {block:IfBlogAutor}
  12. <meta name="author" content="{text:Blog Author}">
  13. {/block:IfBlogAutor}
  14. <meta name="theme-color" content="{color:Theme Color Meta Tag}">
  15. <link rel="shortcut icon" href="{Favicon}">
  16. <link rel="apple-touch-icon" href="{PortraitURL-128}">
  17. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  18. {block:IfNotFontTitle}
  19. <link href='https://fonts.googleapis.com/css?family=Poppins:600,500' rel='stylesheet' type='text/css'>
  20. {/block:IfNotFontTitle}
  21. {block:IfFontTitle}
  22. <link href='https://fonts.googleapis.com/css?family={text:Font Title}:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
  23.  
  24.  
  25. {/block:IfFontTitle}
  26. {block:IfNotFontBody}
  27. <link href='https://fonts.googleapis.com/css?family=Inconsolata:400,700' rel='stylesheet' type='text/css'>
  28. {/block:IfNotFontBody}
  29. {block:IfFontBody}
  30. <link href='https://fonts.googleapis.com/css?family={text:Font Body}:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
  31.  
  32.  
  33. {/block:IfFontBody}
  34. <link rel="stylesheet" href="http://static.tumblr.com/fs5ieaz/nnModjpfv/global.min.css">
  35. {block:Hidden}
  36. <!-- Text -->
  37. <meta name="text:Blog Author" content="">
  38. <meta name="text:Google Analytics ID" content="">
  39. <meta name="text:Font Title" content="">
  40. <meta name="text:Font Body" content="">
  41. <meta name="text:About me" content="">
  42. <meta name="text:Follow Twitter Message" content="Follow me on Twitter">
  43. <meta name="text:Tweets Limit" content="3">
  44. <meta name="text:Instagram Token" content="">
  45. <meta name="text:Follow Instagram Message" content="Follow me on Instagram">
  46. <meta name="text:Instagram Photos Limit" content="12">
  47.  
  48.  
  49. <meta name="text:Flickr ID" content="">
  50. <meta name="text:Follow Flickr Message" content="Follow me on Flickr">
  51. <meta name="text:Flickr Photos Limit" content="12">
  52. <meta name="text:Disqus Shortname" content="">
  53. <meta name="text:Exif Data Background Opacity" content="0.9">
  54. <meta name="text:Header Shapes Colors" content="">
  55. <!-- Options -->
  56. <meta name="if:Photo Link To Permalink" content="1">
  57. <meta name="if:Fade In On Load" content="1">
  58. <meta name="if:Archive Link" content="1">
  59. <meta name="if:Random Link" content="1">
  60. <meta name="if:RSS Link" content="1">
  61. <meta name="if:Exif Data" content="1">
  62. <meta name="if:Latest Tweets" content="1">
  63. <meta name="if:Share Button" content="1">
  64. <meta name="if:Share Permalink" content="1">
  65. <meta name="if:Share Facebook" content="1">
  66. <meta name="if:Share Twitter" content="1">
  67. <meta name="if:Share Pinterest" content="1">
  68. <meta name="if:Share Google Plus" content="1">
  69. <meta name="if:Submitter" content="1">
  70. <meta name="if:Header Shapes" content="1">
  71. <meta name="if:Following" content="1">
  72. <meta name="if:Likes" content="1">
  73. <!-- Select -->
  74. <meta name="select:Pagination Style" content="load-more" title="Load more">
  75. <meta name="select:Pagination Style" content="infinite-scroll" title="Infinite scroll">
  76. <meta name="select:Pagination Style" content="normal-pagination" title="Normal pagination">
  77. <!-- Social profiles -->
  78. <meta name="text:Social 500px" content="">
  79. <meta name="text:Social Dribbble" content="">
  80. <meta name="text:Social Facebook" content="">
  81. <meta name="text:Social Flickr" content="">
  82. <meta name="text:Social Foursquare" content="">
  83. <meta name="text:Social Github" content="">
  84. <meta name="text:Social Google Plus" content="">
  85. <meta name="text:Social Instagram" content="">
  86. <meta name="text:Social Last FM" content="">
  87. <meta name="text:Social Linkedin" content="">
  88. <meta name="text:Social Email" content="">
  89. <meta name="text:Social Medium" content="">
  90. <meta name="text:Social Pinterest" content="">
  91. <meta name="text:Social Quora" content="">
  92. <meta name="text:Social RSS" content="">
  93. <meta name="text:Social Skype" content="">
  94. <meta name="text:Social Snapchat" content="">
  95. <meta name="text:Social Soundcloud" content="">
  96. <meta name="text:Social Spotify" content="">
  97. <meta name="text:Social Tumblr" content="">
  98. <meta name="text:Social Twitter" content="">
  99. <meta name="text:Social Vimeo" content="">
  100. <meta name="text:Social Website" content="">
  101. <meta name="text:Social Weibo" content="">
  102. <meta name="text:Social Wordpress" content="">
  103. <meta name="text:Social Youtube" content="">
  104. <!-- Colors -->
  105. <meta name="color:Theme Color Meta Tag" content="#b2dbe0">
  106. <meta name="color:Page Background" content="#f8c2da">
  107. <meta name="color:Photo Frame" content="#ffffff">
  108. <meta name="color:Top Bar Background" content="#b2dbe0">
  109.  
  110.  
  111. <meta name="color:Top Bar Text" content="#000000">
  112. <meta name="color:Top Bar Border" content="#000000">
  113. <meta name="color:Title Background" content="#ffffff">
  114.  
  115.  
  116. <meta name="color:Title Text" content="#000000">
  117. <meta name="color:Title Border" content="#000000">
  118. <meta name="color:Description Text" content="#000000">
  119.  
  120.  
  121. <meta name="color:Header Shapes Stroke" content="#000000">
  122. <meta name="color:Navigation Text" content="#000000">
  123. <meta name="color:Navigation Text" content="#000000">
  124. <meta name="color:Navigation Text Link" content="#000000">
  125. <meta name="color:Navigation Border" content="#000000">
  126.  
  127.  
  128. <meta name="color:User Menu Background" content="#b2dbe0">
  129. <meta name="color:User Menu Title" content="#000000">
  130. <meta name="color:User Menu Text" content="#000000">
  131. <meta name="color:User Menu Text Link" content="#000000">
  132.  
  133.  
  134. <meta name="color:User Menu Social Icons" content="#000000">
  135. <meta name="color:User Menu Frame Background" content="#ffffff">
  136. <meta name="color:User Menu Frame Border" content="#000000">
  137. <meta name="color:User Menu Button Background" content="#f8c2da">
  138. <meta name="color:User Menu Following Name Background" content="#000000">
  139. <meta name="color:User Menu Following Name Text" content="#ffffff">
  140. <meta name="color:Posts Region Background Grid" content="#ffffff">
  141. <meta name="color:Post Frame Background" content="#ffffff">
  142. <meta name="color:Post Border" content="#000000">
  143. <meta name="color:Post Date Background" content="#ffffff">
  144. <meta name="color:Post Date" content="#000000">
  145. <meta name="color:Post Title" content="#ef4166">
  146. <meta name="color:Post Text" content="#000000">
  147. <meta name="color:Post Text Link" content="#000000">
  148. <meta name="color:Post Subtitle" content="#000000">
  149. <meta name="color:Post Source Link" content="#000000">
  150.  
  151.  
  152. <meta name="color:Post Quote Motif" content="#ffe682">
  153.  
  154.  
  155. <meta name="color:Post Tags" content="#000000">
  156. <meta name="color:Post Notes Link" content="#000000">
  157. <meta name="color:Post Actions Background" content="#ffe682">
  158. <meta name="color:Post Actions Icon" content="#000000">
  159.  
  160.  
  161. <meta name="color:Share Popup Background" content="#000000">
  162. <meta name="color:Share Popup Text" content="#ffffff">
  163.  
  164.  
  165. <meta name="color:Post Exif Icon" content="#000000">
  166. <meta name="color:Exif Data Background" content="#000000">
  167. <meta name="color:Exif Data Text" content="#ffffff">
  168. <meta name="color:Image Link Background Hover" content="#000000">
  169. <meta name="color:Image Link Text Hover" content="#ffffff">
  170. <meta name="color:Image Link Text" content="#000000">
  171. <meta name="color:Pagination Background" content="#ffe682">
  172. <meta name="color:Pagination Text" content="#000000">
  173. {/block:Hidden}
  174. {block:IfFadeInOnLoad}
  175. <noscript>
  176. <style>
  177. .c-fade-screen {
  178. display: none;
  179. }
  180. </style>
  181. </noscript>
  182. {/block:IfFadeInOnLoad}
  183. <style>
  184. body {
  185. background-color: {color:Page Background};
  186. color: {color:Post Text};
  187. {block:IfNotFontBody}
  188. font-family: 'Inconsolata', monospace;
  189. {/block:IfNotFontBody}
  190. {block:IfFontBody}
  191. font-family: {text:Font Body};
  192. {/block:IfFontBody}
  193. }
  194. .c-quote-motif-fill {
  195. fill: {color:Post Quote Motif};
  196. }
  197. .o-shape-border,
  198. .o-shape-line {
  199. stroke: {color:Header Shapes Stroke};
  200. }
  201. .o-title,
  202. .o-button,
  203. .c-main-header__actions__label,
  204. .c-main-header__actions__search-form__input,
  205. .c-main-nav,
  206. .c-user-menu__close__label,
  207. .like_title,
  208. div.like_quote,
  209. .like_link,
  210. .more_notes_link_container {
  211. {block:IfNotFontTitle}
  212. font-family: 'Poppins', sans-serif;
  213. {/block:IfNotFontTitle}
  214. {block:IfFontTitle}
  215. font-family: {text:Font Title};
  216. {/block:IfFontTitle}
  217. }
  218. .c-main-header__actions {
  219. background-color: {color:Top Bar Background};
  220. color: {color:Top Bar Text};
  221. border-color: {color:Top Bar Border};
  222. }
  223. .c-main-header__descrip.no-title {
  224. background-color: {color:Title Background};
  225. }
  226. .c-main-header__title h1 {
  227. background-color: {color:Title Background};
  228. border-color: {color:Title Border};
  229. }
  230. .c-main-header__title a {
  231. color: {color:Title Text};
  232. }
  233. .c-main-header__descrip {
  234. color: {color:Description Text};
  235. }
  236. .c-main-nav {
  237. color: {color:Navigation Text};
  238. border-color: {color:Navigation Border};
  239. }
  240. .c-main-nav a {
  241. color: {color:Navigation Text Link};
  242. }
  243. .c-user-menu {
  244. background-color: {color:User Menu Background};
  245. color: {color:User Menu Text};
  246. }
  247. .c-user-menu__section h2,
  248. .c-user-menu__self-content__title {
  249. color: {color:User Menu Title};
  250. }
  251. .c-user-menu a {
  252. color: {color:User Menu Text Link};
  253. }
  254. .c-user-menu__header__links a {
  255. color: {color:User Menu Social Icons};
  256. }
  257. .c-user-menu__self-content,
  258. .like_post,
  259. .post_info_bottom {
  260. background-color: {color:User Menu Frame Background};
  261. }
  262. .c-user-menu__self-content,
  263. .like_post,
  264. .post_info_bottom,
  265. .like_post hr,
  266. .like_post blockquote {
  267. border-color: {color:User Menu Frame Border};
  268. }
  269. .c-user-menu__self-content__button,
  270. .c-user-menu__section__button {
  271. background-color: {color:User Menu Button Background};
  272.  
  273.  
  274. }
  275. @media (min-width: 620px) {
  276. .c-posts-region {
  277. background-image: linear-gradient(0, rgba({RGBcolor:Posts Region Background Grid},1) 2px, rgba({RGBcolor:Posts Region Background Grid},0) 2px), linear-gradient(90deg, rgba({RGBcolor:Posts Region Background Grid},1) 2px, rgba({RGBcolor:Posts Region Background Grid},0) 2px);
  278. }
  279. }
  280. .c-post,
  281. .c-post__notes,
  282. .c-post__disqus {
  283. color: {color:Post Text};
  284. background-color: {color:Post Frame Background};
  285. }
  286. .c-post,
  287. .c-post__motif::before,
  288. .c-post__motif::after,
  289. .c-post__time,
  290. .c-post__ask,
  291. .c-post__body blockquote,
  292. .c-post__tags,
  293. .c-post__footer__actions,
  294. .c-post__notes,
  295. .c-post__notes__title,
  296. .c-post__notes .note blockquote,
  297. .c-post__disqus,
  298. .c-post__quote-motif::after,
  299. .c-post__quote-motif::before,
  300. .c-post__photo__link
  301. {
  302. border-color: {color:Post Border};
  303. }
  304. .c-quote-motif-stroke {
  305. fill: {color:Post Border};
  306. }
  307. .c-post__body a,
  308. .c-post__ask__user__name a {
  309. color: {color:Post Text Link};
  310. }
  311. .c-post__time,
  312. .c-post__notes__title {
  313. background-color: {color:Post Date Background};
  314. color: {color:Post Date};
  315. }
  316. .c-post__title,
  317. .c-post__quote,
  318. .c-post__link__title a,
  319. .c-results .search_query,
  320. .c-results .tag {
  321. color: {color:Post Title};
  322. }
  323. .c-post__body h2 {
  324. color: {color:Post Subtitle};
  325. }
  326. .c-post__body__source a,
  327. .tmblr-attribution a {
  328. color: {color:Post Source Link};
  329. }
  330. .c-post__tags a {
  331. color: {color:Post Tags};
  332. }
  333. .c-post__footer__notes {
  334. color: {color:Post Notes Link};
  335. }
  336. .c-post__footer__actions {
  337. background-color: {color:Post Actions Background};
  338. }
  339. .c-post__footer__actions__share__icon {
  340. color: {color:Post Actions Icon};
  341. }
  342. .c-post__footer__actions svg path {
  343. fill: {color:Post Actions Icon};
  344. }
  345. .c-post__share-popup {
  346. background-color: {color:Share Popup Background};
  347. }
  348. .c-post__share-popup::after {
  349. border-color: {color:Share Popup Background} transparent transparent;
  350. }
  351. .c-post__share-popup a {
  352. color: {color:Share Popup Text};
  353. }
  354. .c-post__exif__icon {
  355. color: {color:Post Exif Icon};
  356. }
  357. .c-post__exif.is-visible .c-post__exif__icon::after {
  358. border-color: transparent transparent rgba({RGBcolor:Exif Data Background}, {text:Exif Data Background Opacity}) transparent;
  359. }
  360. .c-post__exif__data {
  361. color: {color:Exif Data Text};
  362. background-color: rgba({RGBcolor:Exif Data Background}, {text:Exif Data Background Opacity});
  363. }
  364. .c-post__photo__link:hover {
  365. background-color: {color:Image Link Background Hover};
  366.  
  367.  
  368. }
  369. .c-post__photo__link:hover a {
  370. color: {color:Image Link Text Hover};
  371. }
  372. .c-post__photo__link a {
  373. color: {color:Image Link text};
  374. }
  375. .c-pagination__normal__previous,
  376. .c-pagination__normal__next,
  377. .c-pagination__load-more,
  378. .c-pagination__load-more__text,
  379. #infscr-loading,
  380. .more_notes_link_container {
  381. background-color: {color:Pagination Background};
  382. color: {color:Pagination Text};
  383. }
  384. .c-bounce1,
  385. .c-bounce2,
  386. .c-bounce3 {
  387. background-color: {color:Pagination Text};
  388. }
  389. .c-results__title,
  390. .c-results__no-results {
  391. background-color: {color:Post Frame Background};
  392. }
  393. .o-photo-frame,
  394. .o-photo-frame-small {
  395. border-color: {color:Photo Frame};
  396. }
  397. ::-webkit-input-placeholder {
  398. color: {color:Top Bar Text};
  399. }
  400. :-moz-placeholder {
  401. color: {color:Top Bar Text};
  402. }
  403. ::-moz-placeholder {
  404. color: {color:Top Bar Text};
  405. }
  406. :-ms-input-placeholder {
  407. color: {color:Top Bar Text};
  408. }
  409. .c-user-menu__bg-image {
  410. background-image: url({HeaderImage});
  411. }
  412. .c-user-menu__self-content__following__name {
  413. background-color: {color:User Menu Following Name Background};
  414. color: {color:User Menu Following Name Text};
  415. }
  416. .c-user-menu__self-content__following__name::before {
  417. border-color: {color:User Menu Following Name Background} transparent transparent;
  418. }
  419. .c-column {
  420. fill: #ffe682;
  421. }
  422. .c-brick,
  423. .c-ripple--1,
  424. .c-ball--1 {
  425. fill: #ef4166;
  426. }
  427. .c-arc,
  428. .c-ripple--3,
  429. .c-ball--3{
  430. fill: #826cc1;
  431. }
  432. .c-semi-circle {
  433. fill: #fff;
  434. }
  435. .c-ripple--2,
  436. .c-ball--2,
  437. .c-diamond--1 {
  438. fill: #f9a253;
  439. }
  440. .c-diamond--2 {
  441. fill: #b2dbe0;
  442. }
  443. .c-diamond--3 {
  444. fill: #fff;
  445. }
  446. #disqus_thread a {
  447. color:{color:Post Title} !important;
  448. }
  449. {CustomCSS}
  450. </style>
  451. </head>
  452. <body>
  453. <svg style="display:none;">
  454. <symbol id="quotes" viewBox="0 0 64 52">
  455. <path class="c-quote-motif-stroke" d="M4,36.859c0-4.403,1.611-9.302,4.832-14.698S16.94,10.711,23.49,4l9.262,8.456c-1.503,1.45-2.913,2.94-4.228,4.47
  456. s-2.456,3.007-3.423,4.43c-0.966,1.423-1.718,2.765-2.255,4.027c-0.537,1.262-0.805,2.322-0.805,3.181
  457. c0,0.591,0.242,1.141,0.725,1.651c0.483,0.51,1.047,1.06,1.691,1.651c1.396,1.181,2.658,2.443,3.785,3.785
  458. c1.128,1.342,1.691,2.953,1.691,4.832c0,1.611-0.295,3.114-0.886,4.51c-0.591,1.396-1.423,2.617-2.497,3.664
  459. c-1.074,1.047-2.376,1.866-3.906,2.456S19.409,52,17.53,52c-1.718,0-3.396-0.376-5.034-1.128
  460. c-1.638-0.752-3.087-1.799-4.349-3.141s-2.268-2.94-3.02-4.792C4.376,41.087,4,39.06,4,36.859L4,36.859L4,36.859L4,36.859z"/>
  461. <path class="c-quote-motif-fill" d="M0,32.859c0-4.403,1.611-9.302,4.832-14.698S12.94,6.711,19.49,0l9.262,8.456
  462. c-1.503,1.45-2.913,2.94-4.228,4.47s-2.456,3.007-3.423,4.43c-0.966,1.423-1.718,2.765-2.255,4.027
  463. c-0.537,1.262-0.805,2.322-0.805,3.181c0,0.591,0.242,1.141,0.725,1.651c0.483,0.51,1.047,1.06,1.691,1.651
  464. c1.396,1.181,2.658,2.443,3.785,3.785c1.128,1.342,1.691,2.953,1.691,4.832c0,1.611-0.295,3.114-0.886,4.51
  465. c-0.591,1.396-1.423,2.617-2.497,3.664c-1.074,1.047-2.376,1.866-3.906,2.456S15.409,48,13.53,48
  466. c-1.718,0-3.396-0.376-5.034-1.128c-1.638-0.752-3.087-1.799-4.349-3.141s-2.268-2.94-3.02-4.792C0.376,37.087,0,35.06,0,32.859
  467. L0,32.859L0,32.859L0,32.859z"/>
  468. <path fill="#FFFFFF" d="M4,38.859c0-4.403,1.611-9.302,4.832-14.698C12.054,18.765,16.94,12.711,23.49,6l4.04,3.689
  469. c0.406-0.412,0.801-0.827,1.221-1.233L19.49,0C12.94,6.711,8.054,12.765,4.832,18.161C1.611,23.557,0,28.456,0,32.859
  470. c0,2.201,0.376,4.228,1.128,6.081c0.752,1.852,1.758,3.45,3.02,4.792c0.271,0.289,0.556,0.557,0.845,0.819
  471. C4.34,42.803,4,40.91,4,38.859z"/>
  472. <path class="c-quote-motif-stroke" d="M19.683,5.593L23,8.621c-0.517,0.562-1.021,1.128-1.51,1.697c-1.407,1.637-2.652,3.249-3.698,4.79
  473. c-1.107,1.63-1.991,3.214-2.627,4.708c-0.757,1.779-1.125,3.331-1.125,4.747c0,1.622,0.63,3.145,1.821,4.402
  474. c0.545,0.576,1.182,1.198,1.892,1.849l0.059,0.054l0.061,0.051c1.217,1.03,2.329,2.141,3.306,3.304
  475. c0.522,0.621,0.754,1.318,0.754,2.259c0,1.08-0.186,2.045-0.57,2.951c-0.385,0.909-0.91,1.681-1.605,2.359
  476. c-0.689,0.672-1.524,1.191-2.554,1.589C16.142,43.792,14.906,44,13.53,44c-1.146,0-2.247-0.25-3.365-0.763
  477. c-1.175-0.539-2.19-1.274-3.103-2.245c-0.917-0.975-1.666-2.172-2.228-3.556C4.281,36.072,4,34.532,4,32.859
  478. c0-3.65,1.436-7.905,4.267-12.648C10.866,15.857,14.699,10.951,19.683,5.593 M19.49,0C12.94,6.711,8.054,12.765,4.832,18.161
  479. C1.611,23.557,0,28.456,0,32.859c0,2.201,0.376,4.228,1.128,6.081c0.752,1.852,1.758,3.45,3.02,4.792
  480. c1.262,1.342,2.711,2.389,4.349,3.141C10.134,47.624,11.812,48,13.53,48c1.879,0,3.584-0.295,5.114-0.886
  481. c1.53-0.591,2.832-1.409,3.906-2.456c1.074-1.047,1.906-2.268,2.497-3.664c0.591-1.396,0.886-2.899,0.886-4.51
  482. c0-1.879-0.564-3.49-1.691-4.832c-1.128-1.342-2.389-2.604-3.785-3.785c-0.644-0.591-1.208-1.141-1.691-1.651
  483. c-0.483-0.51-0.725-1.06-0.725-1.651c0-0.859,0.268-1.919,0.805-3.181c0.537-1.262,1.289-2.604,2.255-4.027
  484. c0.966-1.423,2.107-2.899,3.423-4.43c1.315-1.53,2.725-3.02,4.228-4.47L19.49,0L19.49,0z"/>
  485. <path class="c-quote-motif-stroke" d="M35.248,36.859c0-4.403,1.611-9.302,4.832-14.698S48.188,10.711,54.738,4L64,12.456c-1.503,1.45-2.913,2.94-4.228,4.47
  486. s-2.456,3.007-3.423,4.43c-0.966,1.423-1.718,2.765-2.255,4.027c-0.537,1.262-0.805,2.322-0.805,3.181
  487. c0,0.591,0.242,1.141,0.725,1.651c0.483,0.51,1.047,1.06,1.691,1.651c1.396,1.181,2.658,2.443,3.785,3.785
  488. c1.128,1.342,1.691,2.953,1.691,4.832c0,1.611-0.295,3.114-0.886,4.51c-0.591,1.396-1.423,2.617-2.497,3.664
  489. c-1.074,1.047-2.376,1.866-3.906,2.456S50.658,52,48.779,52c-1.718,0-3.396-0.376-5.034-1.128
  490. c-1.638-0.752-3.087-1.799-4.349-3.141s-2.268-2.94-3.02-4.792C35.624,41.087,35.248,39.06,35.248,36.859L35.248,36.859
  491. L35.248,36.859L35.248,36.859z"/>
  492. <path class="c-quote-motif-fill" d="M31.248,32.859c0-4.403,1.611-9.302,4.832-14.698S44.188,6.711,50.738,0L60,8.456
  493. c-1.503,1.45-2.913,2.94-4.228,4.47s-2.456,3.007-3.423,4.43c-0.966,1.423-1.718,2.765-2.255,4.027
  494. c-0.537,1.262-0.805,2.322-0.805,3.181c0,0.591,0.242,1.141,0.725,1.651c0.483,0.51,1.047,1.06,1.691,1.651
  495. c1.396,1.181,2.658,2.443,3.785,3.785c1.128,1.342,1.691,2.953,1.691,4.832c0,1.611-0.295,3.114-0.886,4.51
  496. c-0.591,1.396-1.423,2.617-2.497,3.664c-1.074,1.047-2.376,1.866-3.906,2.456S46.658,48,44.779,48
  497. c-1.718,0-3.396-0.376-5.034-1.128c-1.638-0.752-3.087-1.799-4.349-3.141s-2.268-2.94-3.02-4.792
  498. C31.624,37.087,31.248,35.06,31.248,32.859L31.248,32.859L31.248,32.859L31.248,32.859z"/>
  499. <path fill="#FFFFFF" d="M35.248,38.859c0-4.403,1.611-9.302,4.832-14.698C43.302,18.765,48.188,12.711,54.738,6l4.04,3.689
  500. C59.184,9.277,59.58,8.862,60,8.456L50.738,0c-6.55,6.711-11.436,12.765-14.658,18.161c-3.221,5.396-4.832,10.295-4.832,14.698
  501. c0,2.201,0.376,4.228,1.128,6.081c0.752,1.852,1.758,3.45,3.02,4.792c0.271,0.289,0.556,0.557,0.845,0.819
  502. C35.589,42.803,35.248,40.91,35.248,38.859z"/>
  503. <path class="c-quote-motif-stroke" d="M50.932,5.593l3.317,3.028c-0.517,0.562-1.021,1.128-1.51,1.697c-1.407,1.637-2.652,3.249-3.698,4.79
  504. c-1.107,1.63-1.991,3.214-2.627,4.708c-0.757,1.779-1.125,3.331-1.125,4.747c0,1.622,0.63,3.145,1.821,4.402
  505. c0.545,0.576,1.182,1.198,1.892,1.849l0.059,0.054l0.061,0.051c1.217,1.03,2.329,2.141,3.306,3.304
  506. c0.522,0.621,0.754,1.318,0.754,2.259c0,1.08-0.186,2.045-0.57,2.951c-0.385,0.909-0.91,1.681-1.605,2.359
  507. c-0.689,0.672-1.524,1.191-2.554,1.589C47.391,43.792,46.154,44,44.779,44c-1.146,0-2.247-0.25-3.365-0.763
  508. c-1.175-0.539-2.19-1.274-3.103-2.245c-0.917-0.975-1.666-2.172-2.228-3.556c-0.553-1.364-0.834-2.903-0.834-4.576
  509. c0-3.65,1.436-7.905,4.267-12.648C42.114,15.857,45.947,10.951,50.932,5.593 M50.738,0c-6.55,6.711-11.436,12.765-14.658,18.161
  510. c-3.222,5.396-4.832,10.295-4.832,14.698c0,2.201,0.376,4.228,1.128,6.081c0.752,1.852,1.758,3.45,3.02,4.792
  511. c1.262,1.342,2.711,2.389,4.349,3.141C41.383,47.624,43.06,48,44.779,48c1.879,0,3.584-0.295,5.114-0.886
  512. c1.53-0.591,2.832-1.409,3.906-2.456c1.074-1.047,1.906-2.268,2.497-3.664c0.591-1.396,0.886-2.899,0.886-4.51
  513. c0-1.879-0.564-3.49-1.691-4.832c-1.128-1.342-2.389-2.604-3.785-3.785c-0.644-0.591-1.208-1.141-1.691-1.651
  514. c-0.483-0.51-0.725-1.06-0.725-1.651c0-0.859,0.268-1.919,0.805-3.181c0.537-1.262,1.289-2.604,2.255-4.027
  515. c0.966-1.423,2.107-2.899,3.423-4.43c1.315-1.53,2.725-3.02,4.228-4.47L50.738,0L50.738,0z"/>
  516. </symbol>
  517. <symbol id="arc" viewBox="0 0 204 104">
  518. <path class="o-shape-border" d="M52,102H2C2,46.772,46.772,2,102,2
  519. s100,44.772,100,100h-50c0-27.614-22.386-50-50-50S52,74.386,52,102L52,102z"/>
  520. </symbol>
  521. <symbol id="ball" viewBox="0 0 44 44">
  522. <ellipse class="o-shape-border" cx="22" cy="22" rx="20" ry="20"/>
  523. <path fill="#fff" d="M22,6.918C13.532,6.918,6.667,13.67,6.667,22c0,1.086,0.895,1.967,2,1.967s2-0.881,2-1.967
  524. c0-6.157,5.074-11.148,11.333-11.148c1.105,0,2-0.881,2-1.967S23.105,6.918,22,6.918L22,6.918z"/>
  525. </symbol>
  526. <symbol id="brick" viewBox="0 0 228 100">
  527. <polygon class="c-brick-color o-shape-border" points="2,98 2,60 22,40 53,40
  528. 53,22 73,2 175,2 175,40 226,40 226,78 206,98 "/>
  529. <rect fill="#000" x="2" y="60" class="c-brick__dark o-shape-border" width="102" height="38"/>
  530. <rect fill="#000" x="104" y="60" class="c-brick__dark o-shape-border" width="102" height="38"/>
  531. <rect fill="#000" x="53" y="22" class="c-brick__dark o-shape-border" width="103" height="38"/>
  532. <path class="o-shape-line" d="M206,60l20-20"/>
  533. <path class="o-shape-line" d="M156,60l19-20"/>
  534. <path class="o-shape-line" d="M156,22l19-20"/>
  535. </symbol>
  536. <symbol id="column" viewBox="0 0 114 230">
  537. <path class="o-shape-border" stroke-miterlimit="10" d="M2,200v20
  538. c0,4.418,24.624,8,55,8s55-3.582,55-8v-20H2z"/>
  539. <ellipse class="o-shape-border" stroke-miterlimit="10" cx="57" cy="200" rx="55" ry="8"/>
  540. <path class="o-shape-border" stroke-miterlimit="10" d="M13.428,182v12
  541. c0,4.418,20.147,8,45,8s45-3.582,45-8v-12H13.428z"/>
  542. <ellipse class="o-shape-border" stroke-miterlimit="10" cx="58.428" cy="182" rx="45" ry="8"/>
  543. <path class="o-shape-border" stroke-miterlimit="10" d="M28.428,10v166
  544. c0,4.418,13.431,8,30,8s30-3.582,30-8V10H28.428z"/>
  545. <ellipse class="o-shape-border" stroke-miterlimit="10" cx="58.428" cy="10" rx="30" ry="8"/>
  546. </symbol>
  547. <symbol id="cross" viewBox="0 0 36 36">
  548. <path class="o-shape-line" stroke-linecap="round" d="M2,2l31.945,31.945"/>
  549. <path class="o-shape-line" stroke-linecap="round" d="M33.945,2L2,33.945"/>
  550. </symbol>
  551. <symbol id="diamond" viewBox="0 0 60 50">
  552. <polygon class="o-shape-border" points="19,2 41,2 58,16
  553. 2,16 "/>
  554. <polygon class="o-shape-border" points="2,16 58,16 30,48
  555. "/>
  556. <polygon class="o-shape-line" points="30,2 48,16 12,16 "/>
  557. <polygon class="o-shape-line" points="30,48 48,16 12,16
  558. "/>
  559. </symbol>
  560. <symbol id="ripple" viewBox="0 0 206 62">
  561. <polygon class="o-shape-border" stroke-miterlimit="10" points="135,59.008 103,19.008 71,59.008
  562. 39,19.008 10.904,54.127 3,47.881 39,3 71,43 103,3 135,43 167,3 203,47.881 195.096,54.127 167,19.008"/>
  563. </symbol>
  564. <symbol id="semi-circle" viewBox="0 0 204 104">
  565. <path class="o-shape-border" stroke-miterlimit="10" d="M102,2C46.772,2,2,46.772,2,102h200
  566. C202,46.772,157.228,2,102,2z"/>
  567. </symbol>
  568. </svg>
  569. <div class="c-main-header-region o-region">
  570. <header class="c-main-header o-wrapper">
  571. <div class="c-main-header__actions o-frame u-clearfix">
  572. <div class="js-show-search c-main-header__actions__search">
  573. <span class="c-main-header__actions__icon icon-zoom"></span>
  574. <span class="c-main-header__actions__label c-main-header__actions__label--left">Search</span>
  575. </div>
  576. <div class="js-show-menu c-main-header__actions__user">
  577. <span class="c-main-header__actions__label c-main-header__actions__label--right">User menu</span>
  578. <span class="c-main-header__actions__icon icon-user"></span>
  579. </div>
  580. <form class="c-main-header__actions__search-form" action="/search" method="get">
  581. <div class="js-hide-search c-main-header__actions__search-form__close icon-close"></div>
  582. <div class="c-main-header__actions__search-form__icon icon-zoom"></div>
  583. <input type="text" name="q" value="{SearchQuery}" class="c-main-header__actions__search-form__input" placeholder="{lang:Search}...">
  584. </form>
  585. </div>
  586. <div class="c-main-header__title">
  587. {block:ShowTitle}
  588. <h1 class="o-title o-frame"><a href="/">{Title}</a></h1>
  589. {/block:ShowTitle}
  590. {block:IfHeaderShapes}
  591. <svg class="c-arc c-arc--1 js-shape">
  592. <use xlink:href="#arc"></use>
  593. </svg>
  594. <svg class="c-ball c-ball--1 js-shape">
  595. <use xlink:href="#ball"></use>
  596. </svg>
  597. <svg class="c-ball c-ball--2 js-shape">
  598. <use xlink:href="#ball"></use>
  599. </svg>
  600. {/block:IfHeaderShapes}
  601. </div>
  602. {block:ShowDescription}
  603. <h2 class="c-main-header__descrip">{Description}</h2>
  604. {/block:ShowDescription}
  605. {block:IfHeaderShapes}
  606. <div class="c-svg-group">
  607. <svg class="c-brick c-brick--1 js-shape">
  608. <use xlink:href="#brick"></use>
  609. </svg>
  610. <svg class="c-brick c-brick--2 js-shape">
  611. <use xlink:href="#brick"></use>
  612. </svg>
  613. <svg class="c-column c-column--1 js-shape">
  614. <use xlink:href="#column"></use>
  615. </svg>
  616. <svg class="c-column c-column--2 js-shape">
  617. <use xlink:href="#column"></use>
  618. </svg>
  619. <svg class="c-arc c-arc--2 js-shape">
  620. <use xlink:href="#arc"></use>
  621. </svg>
  622. <svg class="c-semi-circle js-shape">
  623. <use xlink:href="#semi-circle"></use>
  624. </svg>
  625. <svg class="c-ripple c-ripple--1 js-shape">
  626. <use xlink:href="#ripple"></use>
  627. </svg>
  628. <svg class="c-ripple c-ripple--2 js-shape">
  629. <use xlink:href="#ripple"></use>
  630. </svg>
  631. <svg class="c-ripple c-ripple--3 js-shape">
  632. <use xlink:href="#ripple"></use>
  633. </svg>
  634. <svg class="c-ball c-ball--3 js-shape">
  635. <use xlink:href="#ball"></use>
  636. </svg>
  637. <svg class="c-diamond c-diamond--1 js-shape">
  638.  
  639.  
  640. <use xlink:href="#diamond"></use>
  641. </svg>
  642. <svg class="c-diamond c-diamond--2 js-shape">
  643.  
  644.  
  645. <use xlink:href="#diamond"></use>
  646. </svg>
  647. <svg class="c-diamond c-diamond--3 js-shape">
  648.  
  649.  
  650. <use xlink:href="#diamond"></use>
  651. </svg>
  652. <div class="c-cross-group">
  653. <svg class="c-cross c-cross--1">
  654. <use xlink:href="#cross"></use>
  655. </svg>
  656. <svg class="c-cross c-cross--2">
  657. <use xlink:href="#cross"></use>
  658. </svg>
  659. </div>
  660. </div>
  661. {/block:IfHeaderShapes}
  662. </header>
  663. </div>
  664. <div class="o-region">
  665. <nav class="c-main-nav o-wrapper">
  666. <div class="js-toggle-nav c-main-nav__button">
  667. <div class="c-main-nav__button__icon icon-burger"></div>
  668. <div>Menu</div>
  669. </div>
  670. <ul class="c-main-nav__links">
  671. {block:IfArchiveLink}
  672. <li><a href="/archive" title="{lang:Archive}">{lang:Archive}</a></li>
  673. {/block:IfArchiveLink}
  674. {block:IfRandomLink}
  675. <li><a href="/random" title="{lang:Random}">{lang:Random}</a></li>
  676. {/block:IfRandomLink}
  677. {block:IfRSSLink}
  678. <li><a href="{RSS}" title="{lang:RSS}">{lang:RSS}</a></li>
  679. {/block:IfRSSLink}
  680. {block:AskEnabled}
  681. <li><a href="/ask" title="{AskLabel}">{AskLabel}</a></li>
  682. {/block:AskEnabled}
  683. {block:SubmissionsEnabled}
  684. <li><a href="/submit" title="{SubmitLabel}">{SubmitLabel}</a></li>
  685. {/block:SubmissionsEnabled}
  686. {block:HasPages}
  687. {block:Pages}
  688. <li><a href="{URL}" title="{Label}">{Label}</a></li>
  689. {/block:Pages}
  690. {/block:HasPages}
  691. </ul>
  692. </nav>
  693. </div>
  694. <div class="o-region">
  695. <div class="c-posts-region">
  696. {block:SearchPage}
  697. <div>
  698. <div class="c-results">
  699. <h2 class="c-results__title o-title o-frame">{lang:Search results for SearchQuery 2}</h2>
  700. {block:NoSearchResults}
  701. <div>
  702. <p class="c-results__no-results o-parag o-frame">{lang:Sorry no results for SearchQuery}</p>
  703. </div>
  704. {/block:NoSearchResults}
  705. </div>
  706. </div>
  707. {/block:SearchPage}
  708. {block:TagPage}
  709. <div>
  710. <div class="c-results">
  711. <h2 class="c-results__title o-title o-frame">{lang:Showing TagResultCount posts tagged Tag 2}</h2>
  712. </div>
  713. </div>
  714. {/block:TagPage}
  715. <main class="c-posts{block:IndexPage} c-posts-masonry{/block:IndexPage}{block:PermalinkPagination} c-posts--permalink{/block:PermalinkPagination}">
  716. {block:Posts}
  717. <article class="c-post o-frame{block:PermalinkPage} c-post--permalink{/block:PermalinkPage}">
  718.  
  719.  
  720. <div class="c-post__motif top"></div>
  721. {block:Date}
  722. <time class="c-post__time o-frame" datetime="{Year}-{MonthNumberWithZero}-{DayOfMonthWithZero}">{block:IndexPage}<a href="{Permalink}">{/block:IndexPage}{DayOfMonthWithZero}. {MonthNumberWithZero}. {ShortYear}{block:IndexPage}</a>{/block:IndexPage}</time>
  723. {/block:Date}
  724.  
  725. {block:Text}
  726. {block:Title}
  727. <h1 class="c-post__title o-title">{block:IndexPage}<a href="{Permalink}">{/block:IndexPage}{Title}{block:IndexPage}</a>{/block:IndexPage}</h1>
  728. {/block:Title}
  729. <section class="c-post__body o-parag">{Body}</section>
  730. {/block:Text}
  731.  
  732. {block:Quote}
  733. <div class="c-post__quote-motif">
  734. <div class="c-post__quote-motif__icon-region">
  735. <svg>
  736. <use xlink:href="#quotes"></use>
  737. </svg>
  738. </div>
  739. </div>
  740. <q class="c-post__quote o-title">{Quote}</q>
  741. {block:Source}
  742. <section class="c-post__body c-post__body--quote o-parag">{Source}</section>
  743. {/block:Source}
  744. {/block:Quote}
  745.  
  746. {block:Link}
  747. <section class="c-post__link">
  748. {block:Thumbnail}
  749. <a class="c-post__link__thumbnail" href="{URL}"><img src="{Thumbnail}" alt="{Name}"></a>
  750. {block:Thumbnail}
  751. <div class="c-post__link__info">
  752.  
  753.  
  754. {block:Host}
  755. <div class="c-post__link__publisher o-parag">{Host}</div>
  756. {/block:Host}
  757. <h1 class="c-post__link__title o-title"><a href="{URL}" {Target}>{Name}</a></h1>
  758. {block:Excerpt}
  759. <p class="c-post__link__excerpt o-parag">{Excerpt}</p>
  760. {/block:Excerpt}
  761. </div>
  762. </section>
  763. {block:Description}
  764. <section class="c-post__body o-parag">{Description}</section>
  765. {/block:Description}
  766. {/block:Link}
  767.  
  768. {block:Chat}
  769. {block:Title}
  770. <h1 class="c-post__title o-title">{block:IndexPage}<a href="{Permalink}">{/block:IndexPage}{Title}{block:IndexPage}</a>{/block:IndexPage}</h1>
  771. {/block:Title}
  772. <div class="c-post__body o-parag">
  773. {block:Lines}
  774. <p class="c-post__chatline">{block:Label}<span class="c-post__chatline__name">{Label}</span>{/block:Label} <span>{Line}</span></p>
  775. {/block:Lines}
  776. </div>
  777. {/block:Chat}
  778.  
  779. {block:Photo}
  780. {block:IfExifData}
  781. {block:Exif}
  782. <div class="js-toggle-exif c-post__exif">
  783. <div class="c-post__exif__icon icon-camera"></div>
  784. <ul class="c-post__exif__data o-parag">
  785. {block:Camera}
  786. <li>
  787. <div class="c-post__exif__data__title">Camera</div>
  788. <div>{Camera}</div>
  789. </li>
  790. {/block:Camera}
  791. {block:ISO}
  792. <li>
  793. <div class="c-post__exif__data__title">ISO</div>
  794. <div>{ISO}</div>
  795.  
  796.  
  797. </li>
  798. {/block:ISO}
  799. {block:Aperture}
  800. <li>
  801. <div class="c-post__exif__data__title">Aperture</div>
  802. <div>{Aperture}</div>
  803. </li>
  804. {/block:Aperture}
  805. {block:Exposure}
  806. <li>
  807. <div class="c-post__exif__data__title">Exposure</div>
  808. <div>{Exposure}</div>
  809. </li>
  810. {/block:Exposure}
  811. {block:FocalLength}
  812. <li>
  813. <div class="c-post__exif__data__title">Focal length</div>
  814. <div>{FocalLength}</div>
  815. </li>
  816. {/block:FocalLength}
  817. </ul>
  818. </div>
  819. {/block:Exif}
  820. {/block:IfExifData}
  821. <figure class="c-post__photo">
  822. {block:IfPhotoLinkToPermalink}
  823. {block:IndexPage}
  824. <a href="{Permalink}">
  825. {/block:IndexPage}
  826. {block:PermalinkPage}
  827. <a href="{Permalink}" onclick="Tumblr.Lightbox.init([{
  828. 'width' : '{PhotoWidth-HighRes}',
  829. 'height' : '{PhotoHeight-HighRes}',
  830. 'low_res' : '{PhotoURL-HighRes}',
  831. 'high_res' : '{PhotoURL-HighRes}'
  832. }]); return false;">
  833. {/block:PermalinkPage}
  834. {block:IndexPage}
  835. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}">
  836. {/block:IndexPage}
  837. {block:PermalinkPage}
  838. <img src="{PhotoURL-HighRes}" data-highres="{PhotoURL-HighRes}" alt="{PhotoAlt}">
  839. {/block:PermalinkPage}
  840. </a>
  841. {/block:IfPhotoLinkToPermalink}
  842. {block:IfNotPhotoLinkToPermalink}
  843. <a href="{Permalink}" onclick="Tumblr.Lightbox.init([{
  844. 'width' : '{PhotoWidth-HighRes}',
  845. 'height' : '{PhotoHeight-HighRes}',
  846. 'low_res' : '{PhotoURL-HighRes}',
  847. 'high_res' : '{PhotoURL-HighRes}'
  848. }]); return false;">
  849. <img src="{PhotoURL-HighRes}" data-highres="{PhotoURL-HighRes}" alt="{PhotoAlt}">
  850. </a>
  851. {/block:IfNotPhotoLinkToPermalink}
  852.  
  853.  
  854. {block:LinkURL}
  855. <div class="c-post__photo__link"><a class="o-small" href="{LinkURL}" title="{LinkURL}" target="_blank">Image link</a></div>
  856. {/block:LinkURL}
  857. {block:Caption}
  858. <figcaption class="c-post__body o-parag">{Caption}</figcaption>
  859. {/block:Caption}
  860. </figure>
  861. {/block:Photo}
  862.  
  863. {block:Panorama}
  864. {block:Exif}
  865. <div class="js-toggle-exif c-post__exif">
  866. <div class="c-post__exif__icon icon-camera"></div>
  867. <ul class="c-post__exif__data o-parag">
  868. {block:Camera}
  869. <li>
  870. <div class="c-post__exif__data__title">Camera</div>
  871. <div>{Camera}</div>
  872.  
  873.  
  874. </li>
  875. {/block:Camera}
  876. {block:ISO}
  877. <li>
  878. <div class="c-post__exif__data__title">ISO</div>
  879. <div>{ISO}</div>
  880. </li>
  881. {/block:ISO}
  882. {block:Aperture}
  883. <li>
  884. <div class="c-post__exif__data__title">Aperture</div>
  885. <div>{Aperture}</div>
  886. </li>
  887. {/block:Aperture}
  888. {block:Exposure}
  889. <li>
  890. <div class="c-post__exif__data__title">Exposure</div>
  891. <div>{Exposure}</div>
  892. </li>
  893. {/block:Exposure}
  894. {block:FocalLength}
  895. <li>
  896. <div class="c-post__exif__data__title">{FocalLength}</div>
  897. <div>37mm</div>
  898. </li>
  899. {/block:FocalLength}
  900. </ul>
  901. </div>
  902. {/block:Exif}
  903. <figure class="c-post__photo">
  904. {block:IfPhotoLinkToPermalink}
  905. {block:IndexPage}
  906. <a href="{Permalink}">
  907. {/block:IndexPage}
  908. {block:PermalinkPage}
  909. <a href="{Permalink}" onclick="Tumblr.Lightbox.init([{
  910. 'width' : '{PhotoWidth-HighRes}',
  911. 'height' : '{PhotoHeight-HighRes}',
  912. 'low_res' : '{PhotoURL-HighRes}',
  913. 'high_res' : '{PhotoURL-HighRes}'
  914. }]); return false;">
  915. {/block:PermalinkPage}
  916. {block:IndexPage}
  917. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}">
  918. {/block:IndexPage}
  919. {block:PermalinkPage}
  920. <img src="{PhotoURL-HighRes}" data-highres="{PhotoURL-HighRes}" alt="{PhotoAlt}">
  921. {/block:PermalinkPage}
  922. </a>
  923. {/block:IfPhotoLinkToPermalink}
  924. {block:IfNotPhotoLinkToPermalink}
  925. <a href="{Permalink}" onclick="Tumblr.Lightbox.init([{
  926. 'width' : '{PhotoWidth-HighRes}',
  927. 'height' : '{PhotoHeight-HighRes}',
  928. 'low_res' : '{PhotoURL-HighRes}',
  929. 'high_res' : '{PhotoURL-HighRes}'
  930. }]); return false;">
  931. <img src="{PhotoURL-HighRes}" data-highres="{PhotoURL-HighRes}" alt="{PhotoAlt}">
  932. </a>
  933. {/block:IfNotPhotoLinkToPermalink}
  934.  
  935.  
  936. {block:LinkURL}
  937. <div class="c-post__photo__link"><a class="o-small" href="{LinkURL}" title="{LinkURL}" target="_blank">Image link</a></div>
  938. {/block:LinkURL}
  939. {block:Caption}
  940. <figcaption class="c-post__body o-parag">{Caption}</figcaption>
  941. {/block:Caption}
  942. </figure>
  943. {/block:Panorama}
  944.  
  945. {block:Photoset}
  946. <figure class="c-post__photoset">
  947. <div class="c-post__photoset__frame" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  948. {block:Photos}
  949. <div class="c-post__photoset__frame__data">
  950. <div class="c-post__photoset__frame__data__photo">
  951. <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
  952. </div>
  953. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  954. </div>
  955. {/block:Photos}
  956. </div>
  957. {block:Caption}
  958. <figcaption class="c-post__body o-parag">{Caption}</figcaption>
  959. {/block:Caption}
  960. </figure>
  961. {/block:Photoset}
  962.  
  963. {block:Video}
  964. <div class="c-post__video">
  965. <div class="c-post__video__frame">{VideoEmbed-700}</div>
  966. <section class="c-post__body o-parag">
  967. {block:ContentSource}
  968. <p class="c-post__body__source o-small"><a href="{SourceURL}">({lang:Source}: {SourceTitle})</a></p>
  969. {/block:ContentSource}
  970. {block:Caption}
  971. {Caption}
  972. {/block:Caption}
  973. </section>
  974. </div>
  975. {/block:Video}
  976.  
  977. {block:Audio}
  978. <div class="c-post__audio">
  979. <div class="c-post__audio__frame">
  980.  
  981.  
  982. {AudioEmbed}
  983. </div>
  984. <section class="c-post__body o-parag">
  985. {block:ContentSource}
  986. <p class="c-post__body__source o-small"><a href="{SourceURL}">({lang:Source}: {SourceTitle})</a></p>
  987. {/block:ContentSource}
  988. {block:Caption}
  989. {Caption}
  990. {/block:Caption}
  991. </section>
  992. </div>
  993. {/block:Audio}
  994.  
  995. {block:Answer}
  996. <div class="c-post__ask">
  997. <div class="c-post__ask__user">
  998. <div class="c-post__ask__user__avatar o-photo-frame-white-bg">
  999. <img src="{AskerPortraitURL-96}" alt="{Asker}">
  1000. </div>
  1001. <div class="c-post__ask__user__name">{lang:Asker asked 2}:</div>
  1002. </div>
  1003. <div class="c-post__ask__question o-parag">{Question}</div>
  1004. </div>
  1005. <section class="c-post__body o-parag">
  1006.  
  1007.  
  1008. {Replies}
  1009. </section>
  1010. {/block:Answer}
  1011. {block:IfSubmitter}
  1012. {block:Submission}
  1013. <div class="c-post__collab">
  1014. <div class="c-post__collab__avatar o-photo-frame-white-bg-small"><img src="{SubmitterPortraitURL-64}" alt="{Submitter}"></div>
  1015. <div class="c-post__collab__name o-small">{lang:Posted by PostAuthorName 2}</div>
  1016. </div>
  1017. {/block:Submission}
  1018. {/block:IfSubmitter}
  1019. {block:HasTags}
  1020. <ul class="c-post__tags o-small">
  1021. {block:Tags}
  1022. <li><a href="{TagURL}">{Tag}</a></li>
  1023. {/block:Tags}
  1024. </ul>
  1025. {/block:HasTags}
  1026. {block:Date}
  1027. <footer class="c-post__footer u-clearfix">
  1028. <ul class="c-post__footer__actions o-frame">
  1029. {block:IfShareButton}
  1030. <li class="js-share-popup c-post__footer__actions__share">
  1031. <span class="c-post__footer__actions__share__icon icon-share"></span>
  1032. <ul class="c-post__share-popup is-hidden">
  1033. {block:IfSharePermalink}
  1034. {block:IndexPage}
  1035. <li>
  1036. <a href="{Permalink}">
  1037. <span class="c-post__share-popup__icon icon-permalink"></span>
  1038. <span class="c-post__share-popup__label">Permalink</span>
  1039. </a>
  1040. </li>
  1041. {/block:IndexPage}
  1042. {/block:IfSharePermalink}
  1043. {block:IfShareFacebook}
  1044. <li>
  1045. <a href="http://facebook.com/sharer.php?u={URLEncodedPermalink}&amp;t={URLEncodedTitle}" target="_blank">
  1046. <span class="c-post__share-popup__icon icon-facebook"></span>
  1047. <span class="c-post__share-popup__label">Facebook</span>
  1048. </a>
  1049. </li>
  1050. {/block:IfShareFacebook}
  1051. {block:IfShareTwitter}
  1052. <li>
  1053. <a href="https://twitter.com/intent/tweet?text={URLEncodedTweetSummary}" target="_blank">
  1054. <span class="c-post__share-popup__icon icon-twitter"></span>
  1055. <span class="c-post__share-popup__label">Twitter</span>
  1056. </a>
  1057. </li>
  1058. {/block:IfShareTwitter}
  1059. {block:IfSharePinterest}
  1060. <li>
  1061. <a href="https://pinterest.com/pin/create/button/?url={Permalink}{block:Text}&media={PortraitURL-128}{/block:Text}{block:Photo}&media={PhotoURL-HighRes}{/block:Photo}{block:Panorama}&media={PhotoURL-Panorama}{/block:Panorama}{block:Photoset}{block:Photos}&media={PhotoURL-500}{/block:Photos}{/block:Photoset}{block:Quote}&media={PortraitURL-128}{/block:Quote}{block:Link}&media={PortraitURL-128}{/block:Link}{block:Chat}&media={PortraitURL-128}{/block:Chat}{block:Audio}&media={PortraitURL-128}{/block:Audio}{block:Video}&media={PortraitURL-128}{block:VideoThumbnail}&media={VideoThumbnailURL}{/block:VideoThumbnail}{/block:Video}{block:Answer}&media={PortraitURL-128}{/block:Answer}{block:PostTitle}&description={PostTitle}{/block:PostTitle}" target="_blank">
  1062. <span class="c-post__share-popup__icon icon-pinterest"></span>
  1063. <span class="c-post__share-popup__label">Pinterest</span>
  1064. </a>
  1065. </li>
  1066. {/block:IfSharePinterest}
  1067. {block:IfShareGooglePlus}
  1068. <li>
  1069. <a href="https://plus.google.com/share?url={Permalink}" target="_blank">
  1070. <span class="c-post__share-popup__icon icon-gplus"></span>
  1071. <span class="c-post__share-popup__label">Google +</span>
  1072. </a>
  1073. </li>
  1074. {/block:IfShareGooglePlus}
  1075. </ul>
  1076. </li>
  1077. {/block:IfShareButton}
  1078. <li class="c-post__footer__actions__reblog">{ReblogButton size="16"}</li>
  1079.  
  1080.  
  1081. <li class="c-post__footer__actions__like">
  1082. <svg width="16" height="16" viewBox="0 0 19 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000">
  1083. <path d="M14.0425097,0.000920262799 C16.1435097,-0.0400797372 18.8835097,1.28192026 18.9635097,5.36992026 C19.0525097,9.95492026 15.1985097,13.3079203 9.48350967,16.2089203 C3.76650967,13.3079203 -0.0874903349,9.95492026 0.00150966509,5.36992026 C0.0815096651,1.28192026 2.82150967,-0.0400797372 4.92250967,0.000920262799 C7.02450967,0.0419202628 8.87050967,2.26592026 9.46950967,2.92792026 C10.0945097,2.26592026 11.9405097,0.0419202628 14.0425097,0.000920262799 Z"></path>
  1084. </svg>
  1085. {LikeButton size="16"}
  1086. </li>
  1087. </ul>
  1088. {block:NoteCount}
  1089. <div class="c-post__footer__notes">{block:IndexPage}<a href="{Permalink}#notes">{/block:IndexPage}{NoteCountWithLabel}{block:IndexPage}</a>{/block:IndexPage}</div>
  1090. {/block:NoteCount}
  1091. </footer>
  1092. {/block:Date}
  1093. <div class="c-post__motif bottom{block:Date} is-post{/block:Date}"></div>
  1094. </article>
  1095. {block:PermalinkPagination}
  1096. <aside class="c-post__aside">
  1097. {block:IfDisqusShortname}
  1098. <section class="c-post__disqus o-frame">
  1099. <div class="c-post__motif top"></div>
  1100. <div id="disqus_thread"></div>
  1101.  
  1102.  
  1103. <div class="c-post__motif bottom is-post"></div>
  1104. <script type="text/javascript">
  1105. (function() {
  1106. var dsq = document.createElement('script');
  1107. dsq.type = 'text/javascript';
  1108.  
  1109.  
  1110. dsq.async = true;
  1111. dsq.src = 'http://{text:Disqus Shortname}.disqus.com/embed.js';
  1112. (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  1113. })();
  1114. </script>
  1115. <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript={text:Disqus Shortname}">comments powered by Disqus.</a></noscript>
  1116. <a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>
  1117. </section>
  1118. {/block:IfDisqusShortname}
  1119. {block:PostNotes}
  1120. <section class="c-post__notes o-frame">
  1121. <div class="c-post__motif top"></div>
  1122. <h2 class="c-post__notes__title o-frame">{NoteCountWithLabel}</h2>
  1123. {PostNotes-64}
  1124. <div class="c-post__motif bottom is-post"></div>
  1125. </section>
  1126. {/block:PostNotes}
  1127. </aside>
  1128. {/block:PermalinkPagination}
  1129. {/block:Posts}
  1130. </main>
  1131. </div>
  1132. </div>
  1133. {block:Pagination}
  1134. <div class="o-region">
  1135. <div class="c-pagination {select:Pagination Style}">
  1136.  
  1137.  
  1138. <div class="c-pagination__normal">
  1139. {block:PreviousPage}
  1140. <a href="{PreviousPage}" class="c-pagination__normal__previous o-button">{lang:Previous page}</a>
  1141. {/block:PreviousPage}
  1142. {block:NextPage}
  1143. <a href="{NextPage}" class="c-pagination__normal__next o-button">{lang:Next page}</a>
  1144. {/block:NextPage}
  1145. </div>
  1146. <div class="c-pagination__load-more o-button">
  1147. <span class="c-pagination__load-more__text">{lang:Load more posts}</span>
  1148. <a href="#" class="c-pagination__back-top">Back to top</a>
  1149. </div>
  1150. </div>
  1151. </div>
  1152. {/block:Pagination}
  1153. {block:PermalinkPagination}
  1154. <div class="o-region">
  1155. <div class="c-pagination">
  1156. <div class="c-pagination__normal">
  1157. {block:PreviousPost}
  1158. <a href="{PreviousPost}" class="c-pagination__normal__previous o-button">{lang:Previous post}</a>
  1159. {/block:PreviousPost}
  1160. {block:NextPost}
  1161. <a href="{NextPost}" class="c-pagination__normal__next o-button">{lang:Next post}</a>
  1162. {/block:NextPost}
  1163. </div>
  1164. </div>
  1165. </div>
  1166. {/block:PermalinkPagination}
  1167. <aside class="c-user-menu">
  1168. <div class="c-user-menu__fade">
  1169. <div class="js-hide-menu c-user-menu__close o-wrapper">
  1170. <span class="c-user-menu__close__label">Close menu</span>
  1171. <span class="c-user-menu__close__icon icon-close"></span>
  1172. </div>
  1173. <div class="c-user-menu__bg-image"></div>
  1174. <header class="c-user-menu__header">
  1175. {block:ShowAvatar}
  1176. <div class="c-user-menu__header__avatar o-photo-frame {AvatarShape}"><a href="/"><img src="{PortraitURL-96}" alt="{Title}"></a></div>
  1177. {block:ShowAvatar}
  1178. <ul class="c-user-menu__header__links">
  1179. {block:IfSocial500px}
  1180. <li><a class="icon-500px" href="{text:Social 500px}" title="500px" target="_blank"></a></li>
  1181.  
  1182.  
  1183. {/block:IfSocial500px}
  1184. {block:IfSocialDribbble}
  1185. <li><a class="icon-dribbble" href="{text:Social Dribbble}" title="Dribbble" target="_blank"></a></li>
  1186. {/block:IfSocialDribbble}
  1187. {block:IfSocialFacebook}
  1188. <li><a class="icon-facebook" href="{text:Social Facebook}" title="Facebook" target="_blank"></a></li>
  1189. {/block:IfSocialFacebook}
  1190. {block:IfSocialFlickr}
  1191. <li><a class="icon-flickr" href="{text:Social Flickr}" title="Flickr" target="_blank"></a></li>
  1192. {/block:IfSocialFlickr}
  1193. {block:IfSocialFoursquare}
  1194. <li><a class="icon-foursquare" href="{text:Social Foursquare}" title="Foursquare" target="_blank"></a></li>
  1195. {/block:IfSocialFoursquare}
  1196. {block:IfSocialGithub}
  1197. <li><a class="icon-github" href="{text:Social Github}" title="Github" target="_blank"></a></li>
  1198. {/block:IfSocialGithub}
  1199. {block:IfSocialGooglePlus}
  1200. <li><a class="icon-gplus" href="{text:Social Google Plus}" title="Google Plus" target="_blank"></a></li>
  1201. {/block:IfSocialGooglePlus}
  1202. {block:IfSocialInstagram}
  1203. <li><a class="icon-instagram" href="{text:Social Instagram}" title="Instagram" target="_blank"></a></li>
  1204. {/block:IfSocialInstagram}
  1205. {block:IfSocialLastFM}
  1206. <li><a class="icon-lastfm" href="{text:Social Last FM}" title="Last FM" target="_blank"></a></li>
  1207. {/block:IfSocialLastFM}
  1208. {block:IfSocialLinkedin}
  1209. <li><a class="icon-linkedin" href="{text:Social Linkedin}" title="Linkedin" target="_blank"></a></li>
  1210. {/block:IfSocialLinkedin}
  1211. {block:IfSocialEmail}
  1212. <li><a class="icon-email" href="mailto:{text:Social Email}" title="Email"></a></li>
  1213. {/block:IfSocialEmail}
  1214. {block:IfSocialMedium}
  1215. <li><a class="icon-medium" href="{text:Social Medium}" title="Medium" target="_blank"></a></li>
  1216. {/block:IfSocialMedium}
  1217. {block:IfSocialPinterest}
  1218. <li><a class="icon-pinterest" href="{text:Social Pinterest}" title="Pinterest" target="_blank"></a></li>
  1219. {/block:IfSocialPinterest}
  1220. {block:IfSocialQuora}
  1221. <li><a class="icon-quora" href="{text:Social Quora}" title="Quora" target="_blank"></a></li>
  1222.  
  1223.  
  1224. {/block:IfSocialQuora}
  1225. {block:IfSocialRSS}
  1226. <li><a class="icon-rss" href="{text:Social RSS}" title="RSS" target="_blank"></a></li>
  1227. {/block:IfSocialRSS}
  1228. {block:IfSocialSkype}
  1229. <li><a class="icon-skype" href="{text:Social Skype}" title="Skype" target="_blank"></a></li>
  1230.  
  1231.  
  1232. {/block:IfSocialSkype}
  1233. {block:IfSocialSnapchat}
  1234. <li><a class="icon-snapchat" href="{text:Social Snapchat}" title="Snapchat" target="_blank"></a></li>
  1235. {/block:IfSocialSnapchat}
  1236. {block:IfSocialSoundcloud}
  1237. <li><a class="icon-soundcloud" href="{text:Social Soundcloud}" title="Soundcloud" target="_blank"></a></li>
  1238. {/block:IfSocialSoundcloud}
  1239. {block:IfSocialSpotify}
  1240. <li><a class="icon-spotify" href="{text:Social Spotify}" title="Spotify" target="_blank"></a></li>
  1241. {/block:IfSocialSpotify}
  1242. {block:IfSocialTumblr}
  1243. <li><a class="icon-tumblr" href="{text:Social Tumblr}" title="Tumblr" target="_blank"></a></li>
  1244. {/block:IfSocialTumblr}
  1245. {block:IfSocialTwitter}
  1246. <li><a class="icon-twitter" href="{text:Social Twitter}" title="Twitter" target="_blank"></a></li>
  1247. {/block:IfSocialTwitter}
  1248. {block:IfSocialVimeo}
  1249. <li><a class="icon-vimeo" href="{text:Social Vimeo}" title="Vimeo" target="_blank"></a></li>
  1250.  
  1251.  
  1252. {/block:IfSocialVimeo}
  1253. {block:IfSocialWebsite}
  1254. <li><a class="icon-website" href="{text:Social Website}" title="Website" target="_blank"></a></li>
  1255. {/block:IfSocialWebsite}
  1256. {block:IfSocialWeibo}
  1257. <li><a class="icon-weibo" href="{text:Social Weibo}" title="Weibo" target="_blank"></a></li>
  1258.  
  1259.  
  1260. {/block:IfSocialWeibo}
  1261. {block:IfSocialWordpress}
  1262. <li><a class="icon-wordpress" href="{text:Social Wordpress}" title="Wordpress" target="_blank"></a></li>
  1263. {/block:IfSocialWordpress}
  1264. {block:IfSocialYoutube}
  1265. <li><a class="icon-youtube" href="{text:Social Youtube}" title="Youtube" target="_blank"></a></li>
  1266. {/block:IfSocialYoutube}
  1267. </ul>
  1268. {block:IfAboutMe}
  1269. <p class="c-user-menu__header__about o-parag o-parag--grow">{text:About me}</p>
  1270. {/block:IfAboutMe}
  1271. </header>
  1272. <div class="o-region">
  1273. <div class="c-user-menu__wrapper">
  1274. <section class="c-user-menu__section">
  1275. <h2 class="o-title">{lang:About me}</h2>
  1276.  
  1277.  
  1278. <div class="c-user-menu__self-content-wrapper">
  1279. {block:IfLatestTweets}
  1280. {block:Twitter}
  1281. <article class="c-user-menu__self-content o-frame">
  1282. <h2 class="c-user-menu__self-content__title o-title">{lang:Latest Tweets}</h2>
  1283. <div id="twitter" style="display:none;">
  1284. <ul id="tweets" class="c-user-menu__self-content__twitter o-parag"></ul>
  1285. <a href="http://twitter.com/{TwitterUsername}" class="c-user-menu__self-content__button o-button">{text:Follow Twitter Message}</a>
  1286. </div>
  1287. </article>
  1288. {/block:Twitter}
  1289. {/block:IfLatestTweets}
  1290. {block:IfInstagramToken}
  1291. <article class="js-instagram c-user-menu__self-content o-frame">
  1292. <h2 class="c-user-menu__self-content__title o-title">Instagram feed</h2>
  1293.  
  1294.  
  1295. </article>
  1296. {/block:IfInstagramToken}
  1297. {block:IfFlickrID}
  1298. <article class="js-flickr c-user-menu__self-content o-frame">
  1299. <h2 class="c-user-menu__self-content__title o-title">Flickr feed</h2>
  1300. </article>
  1301. {/block:IfFlickrID}
  1302. {block:IfFollowing}
  1303. {block:Following}
  1304. <article class="c-user-menu__self-content o-frame">
  1305. <h2 class="c-user-menu__self-content__title o-title">{lang:Following}</h2>
  1306.  
  1307.  
  1308. <ul class="c-user-menu__self-content__following u-fill-width">
  1309. {block:Followed}
  1310. <li>
  1311. <a href="{FollowedURL}"><img src="{FollowedPortraitURL-128}" alt="{FollowedTitle}"></a>
  1312. <div class="c-user-menu__self-content__following__name">
  1313. <p class="u-ellipsis">{FollowedTitle}</p>
  1314. </div>
  1315. </li>
  1316. {/block:Followed}
  1317. <li class="gap"></li>
  1318.  
  1319.  
  1320. <li class="gap"></li>
  1321.  
  1322.  
  1323. <li class="gap"></li>
  1324.  
  1325.  
  1326. </ul>
  1327. </article>
  1328. {/block:Following}
  1329. {/block:IfFollowing}
  1330. </div>
  1331. </section>
  1332. {block:IfLikes}
  1333. {block:Likes}
  1334. <section class="c-user-menu__section">
  1335.  
  1336.  
  1337. <h2 class="o-title">{lang:Stuff I like}</h2>
  1338. {Likes limit="4" summarize="250"}
  1339.  
  1340.  
  1341. <a href="http://www.tumblr.com/liked/by/{Name}" class="c-user-menu__section__button liked-posts o-button">{lang:See more}</a>
  1342. </section>
  1343. {/block:Likes}
  1344. {/block:IfLikes}
  1345. <div class="c-autorship o-parag"><a href="https://www.tumblr.com/theme/40373" title="Install Bubblegum theme" target="_blank">Bubblegum</a> by <a href="http://themeschest.com/" title="Tumblr themes | Themes Chest" target="_blank">Themes Chest</a></div>
  1346. </div>
  1347. </div>
  1348. </div>
  1349. </aside>
  1350. {block:IfFadeInOnLoad}
  1351. <div class="c-fade-screen"></div>
  1352. {/block:IfFadeInOnLoad}
  1353. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  1354. <script src="http://static.tumblr.com/fs5ieaz/Kpfoe7rpd/production.min.js"></script>
  1355. <script>
  1356. {block:IfHeaderShapesColors}
  1357. randomColors.init('.js-shape', '{text:Header Shapes Colors}');
  1358. {/block:IfHeaderShapesColors}
  1359. searchBar.init();
  1360. userMenu.init();
  1361. navigation.init();
  1362. exif.init();
  1363. sharePopup.init();
  1364. pagesNavigation.init();
  1365. setPlayers.init();
  1366. setHeader.init();
  1367. {block:IfInstagramToken}
  1368. feed.getImgs('instagram', '{text:Instagram Token}', true, '{text:Follow Instagram Message}', {text:Instagram Photos Limit});
  1369.  
  1370.  
  1371. {block:IfInstagramToken}
  1372. {block:IfFlickrID}
  1373. feed.getImgs('flickr', '{text:Flickr ID}', true, '{text:Follow Flickr Message}', {text:Flickr Photos Limit});
  1374. {/block:IfFlickrID}
  1375. {block:IfLatestTweets}
  1376. {block:Twitter}
  1377. function recent_tweets(data) {
  1378. var maxTweets;
  1379. if(isInt('{text:Tweets Limit}')) {
  1380. maxTweets = {text:Tweets Limit}
  1381. }
  1382. else {
  1383. maxTweets = 3;
  1384. }
  1385. for (i=0; i < maxTweets; i++) {
  1386. document.getElementById("tweets").innerHTML =
  1387. document.getElementById("tweets").innerHTML +
  1388. '<li>' + twttr.txt.autoLink( data[i].text ) + '</li>';
  1389. }
  1390. document.getElementById("twitter").style.display = 'block';
  1391. }
  1392. {/block:Twitter}
  1393. {/block:IfLatestTweets}
  1394. {block:IfFadeInOnLoad}
  1395. fadeScreen();
  1396. {/block:IfFadeInOnLoad}
  1397. </script>
  1398. {block:IfLatestTweets}
  1399. {block:Twitter}
  1400. <script type="text/javascript" src="/tweets.js"></script>
  1401. {/block:Twitter}
  1402. {/block:IfLatestTweets}
  1403. {block:IfGoogleAnalyticsID}
  1404. <script>
  1405. (function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
  1406. function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
  1407.  
  1408.  
  1409. e=o.createElement(i);r=o.getElementsByTagName(i)[0];
  1410.  
  1411.  
  1412. e.src='//www.google-analytics.com/analytics.js';
  1413. r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
  1414. ga('create','{text:Google Analytics ID}');ga('send','pageview');
  1415. </script>
  1416. {/block:IfGoogleAnalyticsID}
  1417. </body>
  1418. </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!