feiinho

Bubblegum theme (Update 4) by Themes Chest

May 11th, 2019
407
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 80.73 KB | None | 0 0
  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