API tools faq
paste
Advertisement
BOOdalinski

BOOdaloo (Optica Revamp)

BOOdalinski
Mar 4th, 2019
249
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 194.24 KB | None | 0 0
raw download clone embed print report
  1. <!-----------------------------------------------------------------------
  2.  
  3.  
  4. BOODALOO by BOOdaloo
  5.  
  6. Some quick notes to help you along...
  7.  
  8. If you want to change:
  9.  
  10. 1) Background Color -- search "{BackgroundColor}"
  11. 2) Post Titles -- search "Post Title Size"
  12. 3) Tags -- search "AKA: your tags"
  13.  
  14. Each section is labeled, and there are also helpful notes to guide you.
  15.  
  16. The default colors used:
  17. {AccentColor} -- #86AFFB
  18. {BackgroundColor} -- #F6F6F6
  19. {TitleColor} -- #1E1E1E
  20.  
  21. If you're not sure you've found the right element:
  22. Try using "display:none" and update preview to see if it disappears.
  23.  
  24. ------------------------------------------------------------------------>
  25. <!-----------------------------------------------------------------------
  26.  
  27. DISCLAIMER: Unless Tumblr wants to give me full credit (which is doubtful, as they've put a lot of work into the Optica Theme), true credit goes to the creators of the Offical Tumblr Theme. I just spiffied it up.
  28.  
  29. ------------------------------------------------------------------------>
  30. <!DOCTYPE html>
  31. <!--[if IE 8]><html class="lt-ie10 lt-ie9"> <![endif]-->
  32. <!--[if IE 9]><html class="lt-ie10"> <![endif]-->
  33. <!--[if gt IE 9]><!--> <html> <!--<![endif]-->
  34. <head>
  35. <link href="https://fonts.googleapis.com/css?family=ABeeZee:400,400i|Alegreya+Sans:100,100i,300,300i,400,400i,500,500i,700,700i,800,800i,900,900i|Amiri:400,400i,700,700i|Crimson+Text:400,400i,600,600i,700,700i|EB+Garamond:400,400i,500,500i,600,600i,700,700i,800,800i|Fira+Sans:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|IBM+Plex+Sans:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i|Istok+Web:400,400i,700,700i|Karla:400,400i,700,700i|Lato:100,100i,300,300i,400,400i,700,700i,900,900i|Libre+Baskerville:400,400i,700|Libre+Franklin:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Lora:400,400i,700,700i|Merriweather:300,300i,400,400i,700,700i,900,900i|Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Muli:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i|Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i|Open+Sans+Condensed:300,300i,700|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Overpass:100,100i,200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i|PT+Sans:400,400i,700,700i|PT+Serif:400,400i,700,700i|Playfair+Display:400,400i,700,700i,900,900i|Quicksand:300,400,500,700|Roboto+Condensed:300,300i,400,400i,700,700i|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i|Rubik:300,300i,400,400i,500,500i,700,700i,900,900i|Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i|Spectral+SC:200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i|Spectral:200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i|Varela+Round&amp;subset=arabic,cyrillic,cyrillic-ext,greek,greek-ext,hebrew,latin-ext,vietnamese" rel="stylesheet">
  36. {MobileAppHeaders}
  37. <meta charset="utf-8">
  38. <title>{Title}{block:SearchPage} ({lang:Search results for SearchQuery}){/block:SearchPage}{block:PermalinkPage}{block:PostSummary} — {PostSummary}{/block:PostSummary}{/block:PermalinkPage}</title>
  39. {block:Description}
  40. <meta name="description" content="{MetaDescription}">
  41. {/block:Description}
  42.  
  43. {block:Hidden}
  44. <meta name="if:Sliding header" content="1">
  45. <meta name="if:Show navigation" content="1">
  46. <meta name="if:Endless scrolling" content="1">
  47. <meta name="if:Syntax highlighting" content="0">
  48. <meta name="select:Layout" content="regular" title="Regular">
  49. <meta name="select:Layout" content="narrow" title="Minimal">
  50. <meta name="select:Layout" content="wide" title="Wide">
  51. <meta name="select:Layout" content="grid" title="Grid">
  52. <meta name="if:Related Posts" content="1">
  53. <meta name="text:Disqus shortname" content="">
  54. <meta name="text:Google analytics ID" content="">
  55. {/block:Hidden}
  56.  
  57. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  58. <meta name="theme-color" content="#35465D">
  59. <link rel="shortcut icon" href="{Favicon}">
  60. <link rel="apple-touch-icon-precomposed" href="{PortraitURL-128}">
  61. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  62. <link rel="stylesheet" href="https://static.tumblr.com/mftixld/AmMpjzwer/main-min.css">
  63. {block:IfSyntaxHighlighting}
  64. <link rel="stylesheet" href="https://static.tumblr.com/ehm1tdz/2VWnye81h/tumblr-highlightjs.css">
  65. {/block:IfSyntaxHighlighting}
  66. {PostTypographyStyles}
  67.  
  68. <!-- HTML5 Shiv -->
  69. <!--[if lt IE 9]>
  70. <script src="https://static.tumblr.com/hriofhd/Qj0m8pn7q/html5shiv.js"></script>
  71. <![endif]-->
  72.  
  73. <!-- DEFAULT COLORS -->
  74. <meta name="color:Accent" content="#8e8e93"/>
  75. <meta name="BackgroundColor" content="#f6f6f6"/>
  76. <meta name="color:Content Background" content="#fff"/>
  77. <meta name="color:Link Hover" content="#3577F6"/>
  78. <meta name="color:Text" content="#8e8e93"/>
  79. <meta name="color:Bold" content="#333333"/>
  80. <meta name="color:Asker Bubble" content="#ebf1fe"/>
  81. <meta name="color:Asker Outline" content="#c2d7fd"/>
  82. <meta name="color:Asker Text" content="#86affb"/>
  83.  
  84. <meta name="select:Title Font" content="ABeeZee" title="ABeeZee" />
  85. <meta name="select:Title Font" content="Amiri" title="Amiri" />
  86. <meta name="select:Title Font" content="Baskerville" title="Baskerville" />
  87. <meta name="select:Title Font" content="EB Garamond" title="EB Garamond" />
  88. <meta name="select:Title Font" content="Fira Sans" title="Fira Sans" />
  89. <meta name="select:Title Font" content="IBM Plex Sans" title="IBM Plex Sans" />
  90. <meta name="select:Title Font" content="Karla" title="Karla" />
  91. <meta name="select:Title Font" content="Lato" title="Lato" />
  92. <meta name="select:Title Font" content="Libre Baskerville" title="Libre Baskerville" />
  93. <meta name="select:Title Font" content="Libre Franklin" title="Libre Franklin" />
  94. <meta name="select:Title Font" content="Merriweather" title="Merriweather" />
  95. <meta name="select:Title Font" content="Montserrat" title="Montserrat" />
  96. <meta name="select:Title Font" content="Muli" title="Muli" />
  97. <meta name="select:Title Font" content="Nunito" title="Nunito" />
  98. <meta name="select:Title Font" content="Open Sans" title="Open Sans" />
  99. <meta name="select:Title Font" content="Open Sans Condensed" title="Open Sans Condensed" />
  100. <meta name="select:Title Font" content="Playfair Display" title="Playfair Display" />
  101. <meta name="select:Title Font" content="PT Sans" title="PT Sans" />
  102. <meta name="select:Title Font" content="Quicksand" title="Quicksand" />
  103. <meta name="select:Title Font" content="Ruibk" title="Rubik" />
  104. <meta name="select:Title Font" content="Roboto" title="Roboto" />
  105. <meta name="select:Title Font" content="Roboto Condensed" title="Roboto Condensed" />
  106. <meta name="select:Title Font" content="Spectral" title="Spectral" />
  107. <meta name="select:Title Font" content="Spectral SC" title="Spectral SC" />
  108. <meta name="select:Title Font" content="Source Sans Pro" title="Source Sans Pro" />
  109.  
  110. <meta name="select:Title Style" content="Italic" title="Italic" />
  111. <meta name="select:Title Style" content="Normal" title="Normal" />
  112. <meta name="select:Title Weight" content="Light" title="300" />
  113. <meta name="select:Title Weight" content="Normal" title="Normal" />
  114. <meta name="select:Title Weight" content="Bold" title="Bold" />
  115.  
  116. <meta name="select:Description Style" content="Italic" title="Italic" />
  117. <meta name="select:Description Style" content="Normal" title="Normal" />
  118.  
  119. <meta name="select:Nav Style" content="Italic" title="Italic" />
  120. <meta name="select:Nav Style" content="Normal" title="Normal" />
  121. <meta name="select:Nav Weight" content="Extra-Light" title="200" />
  122. <meta name="select:Nav Weight" content="Light" title="300" />
  123. <meta name="select:Nav Weight" content="Normal" title="Normal" />
  124. <meta name="select:Nav Weight" content="Bold" title="Bold" />
  125.  
  126. <meta name="select:Header Font" content="ABeeZee" title="ABeeZee" />
  127. <meta name="select:Header Font" content="Amiri" title="Amiri" />
  128. <meta name="select:Header Font" content="Baskerville" title="Baskerville" />
  129. <meta name="select:Header Font" content="EB Garamond" title="EB Garamond" />
  130. <meta name="select:Header Font" content="Fira Sans" title="Fira Sans" />
  131. <meta name="select:Header Font" content="IBM Plex Sans" title="IBM Plex Sans" />
  132. <meta name="select:Header Font" content="Karla" title="Karla" />
  133. <meta name="select:Header Font" content="Lato" title="Lato" />
  134. <meta name="select:Header Font" content="Libre Baskerville" title="Libre Baskerville" />
  135. <meta name="select:Header Font" content="Libre Franklin" title="Libre Franklin" />
  136. <meta name="select:Header Font" content="Merriweather" title="Merriweather" />
  137. <meta name="select:Header Font" content="Montserrat" title="Montserrat" />
  138. <meta name="select:Header Font" content="Muli" title="Muli" />
  139. <meta name="select:Header Font" content="Nunito" title="Nunito" />
  140. <meta name="select:Header Font" content="Open Sans" title="Open Sans" />
  141. <meta name="select:Header Font" content="Open Sans Condensed" title="Open Sans Condensed" />
  142. <meta name="select:Header Font" content="Playfair Display" title="Playfair Display" />
  143. <meta name="select:Header Font" content="PT Sans" title="PT Sans" />
  144. <meta name="select:Header Font" content="Quicksand" title="Quicksand" />
  145. <meta name="select:Header Font" content="Ruibk" title="Rubik" />
  146. <meta name="select:Header Font" content="Roboto" title="Roboto" />
  147. <meta name="select:Header Font" content="Roboto Condensed" title="Roboto Condensed" />
  148. <meta name="select:Header Font" content="Spectral" title="Spectral" />
  149. <meta name="select:Header Font" content="Spectral SC" title="Spectral SC" />
  150. <meta name="select:Header Font" content="Source Sans Pro" title="Source Sans Pro" />
  151.  
  152. <meta name="select:Header Style" content="Italic" title="Italic" />
  153. <meta name="select:Header Style" content="Normal" title="Normal" />
  154. <meta name="select:Header Weight" content="Light" title="300" />
  155. <meta name="select:Header Weight" content="Normal" title="Normal" />
  156. <meta name="select:Header Weight" content="Bold" title="Bold" />
  157.  
  158.  
  159. <meta name="select:Body Font" content="ABeeZee" title="ABeeZee" />
  160. <meta name="select:Body Font" content="Amiri" title="Amiri" />
  161. <meta name="select:Body Font" content="Baskerville" title="Baskerville" />
  162. <meta name="select:Body Font" content="EB Garamond" title="EB Garamond" />
  163. <meta name="select:Body Font" content="Fira Sans" title="Fira Sans" />
  164. <meta name="select:Body Font" content="IBM Plex Sans" title="IBM Plex Sans" />
  165. <meta name="select:Body Font" content="Karla" title="Karla" />
  166. <meta name="select:Body Font" content="Lato" title="Lato" />
  167. <meta name="select:Body Font" content="Libre Baskerville" title="Libre Baskerville" />
  168. <meta name="select:Body Font" content="Libre Franklin" title="Libre Franklin" />
  169. <meta name="select:Body Font" content="Merriweather" title="Merriweather" />
  170. <meta name="select:Body Font" content="Muli" title="Muli" />
  171. <meta name="select:Body Font" content="Nunito" title="Nunito" />
  172. <meta name="select:Body Font" content="Open Sans" title="Open Sans" />
  173. <meta name="select:Body Font" content="PT Sans" title="PT Sans" />
  174. <meta name="select:Body Font" content="Quicksand" title="Quicksand" />
  175. <meta name="select:Body Font" content="Ruibk" title="Rubik" />
  176. <meta name="select:Body Font" content="Roboto" title="Roboto" />
  177. <meta name="select:Body Font" content="Spectral" title="Spectral" />
  178. <meta name="select:Body Font" content="Source Sans Pro" title="Source Sans Pro" />
  179.  
  180. <meta name="select:Post Padding" content="1em" title="+1em" />
  181. <meta name="select:Post Padding" content=" " title="Default" />
  182.  
  183. <meta name="select:Post Shape" content="2em 2em 2em 2em" title="Round" />
  184. <meta name="select:Post Shape" content="10px" title="IOS" />
  185.  
  186. <meta name="select:Post Spacing" content=" " title="Default" />
  187. <meta name="select:Post Spacing" content="50px" title="+50px" />
  188.  
  189. <meta name="select:Post Shadow" content=" " title="Default" />
  190. <meta name="select:Post Shadow" content="rgba(0, 0, 0, 0.1) 0px 1px 1px 0px" title="Flat" />
  191. <meta name="select:Post Shadow" content="0px 4px 5px 0px rgba(0, 0, 0, 0.10), 0px 1px 20px 0px rgba(0, 0, 0, 0.10);" title="Float" />
  192. <meta name="select:Post Shadow" content="0 5px 15px -5px rgba(0, 0, 0, 0.1);" title="Soft Float" />
  193.  
  194.  
  195.  
  196. <style>
  197.  
  198. /*-------------------------------------------------------NAVIGATION----*/
  199.  
  200. .nav-item, .label {
  201. padding-left:.5em;
  202. padding-right:.5em;
  203. /*-----------------------------------------------------------------------
  204. This determines how much space is between each navigation tab. If you want MORE space, change both padding-left/-right to a higher number.
  205. -----------------------------------------------------------------------*/
  206. transition: all 300ms ease-in-out; /* Don't delete */
  207. }
  208.  
  209. .nav-item:hover .label:hover {
  210. color:{color:Link Hover};
  211. transition: all 300ms ease-in-out;
  212. }
  213.  
  214. .nav-wrapper {
  215. border-bottom-width:1px solid #fff; /* Nav bar's bottom border */
  216. top:0;
  217. }
  218.  
  219.  
  220. .nav-wrapper .nav-item .label {
  221. /*-----------------------------------------------------------------------
  222. This is where you can edit the appearance of navigation tabs/link
  223. -----------------------------------------------------------------------*/
  224. color: {color:Accent};
  225. font-weight:normal;
  226. display:inline-block;
  227. font-size:12px;
  228. letter-spacing:.5px;
  229. text-transform:none;
  230. font-style:{select:Nav Style};
  231. font-family:{select:Tags Font}, sans-serif;
  232. transition: all 300ms ease-in-out;
  233. }
  234.  
  235. .nav-wrapper .nav-item .label.current-page {
  236. padding-bottom:0px; /* Don't delete */
  237. border: 1px solid {AccentColor};
  238. border-radius:2em; /* How round the borders are */
  239. background:{color:Content Background};
  240. color:{color:Link Hover}; /* Current Page Indicator */
  241. }
  242.  
  243. /* Sticky nav colors */
  244. .nav-fixed {
  245. background-color: {BackgroundColor};
  246. background-attachment: fixed;
  247. }
  248.  
  249. /*-----------------------------------------Blog Title & Description----*/
  250.  
  251. .blog-title, .blog-title a {
  252. font-family: {select:Title Font}, sans-serif;
  253. font-size:30px;
  254. font-style:{select:Title Style};
  255. font-weight:{select:Title Weight};
  256. text-transform:uppercase;
  257. letter-spacing: 5px;
  258. color: {TitleColor};
  259. transition: all 300ms ease-in-out;
  260. }
  261.  
  262. .search-no-results,
  263. .likes-no-likes,
  264. .related-posts-wrapper > h2,
  265. .loader .loader-bar,
  266. .widget-title {
  267. color: {AccentColor};
  268. }
  269.  
  270. .description {
  271. font-style:{select:Description Style};
  272. font-size:10px;
  273. font-family: {select:Title Font};
  274. color:{AccentColor};
  275. }
  276.  
  277. /*------------------------------------------------PAGINATION/ LINKS----*/
  278.  
  279. #pagination a {
  280. color: {AccentColor};
  281. font-weight:normal;
  282. display:inline-block;
  283. font-size:.8em;
  284. letter-spacing:.5px;
  285. text-transform:none;
  286. font-style:{select:Title Style};
  287. font-family:{select:Body Font}, sans-serif;
  288. transition: all 300ms ease-in-out;
  289. }
  290.  
  291. #pagination a.next:after {
  292. border-left-color: {AccentColor};
  293. }
  294.  
  295. #pagination a.previous:after {
  296. border-right-color: {AccentColor};
  297. }
  298.  
  299. a {
  300. color: {AccentColor};
  301. transition: all 300ms ease-in-out;
  302. }
  303.  
  304. a:hover {
  305. color:{color:Link Hover};
  306. transition: all 300ms ease-in-out;
  307. }
  308.  
  309. /*----------------------------------------------------------GENERAL----*/
  310.  
  311. body {
  312. font-family:{select:Body Font}, sans-serif;
  313. line-height:160%;
  314. font-size: 15px;
  315. color: {color:Text};
  316. background: {BackgroundColor}
  317. }
  318.  
  319. b, strong {color: #333;font-weight: bold;}
  320.  
  321. /*------------------------------------------------------------POSTS----*/
  322.  
  323. .post-wrapper {
  324. background:{color:Content Background};
  325. border:{color:Content Background};
  326. padding:{select:Post Padding};
  327. border-radius:{select:Post Shape};
  328. box-shadow: {select:Post Shadow};
  329. margin-bottom:50px; /* amount of space between posts*/
  330. }
  331.  
  332. .post-content blockquote {
  333. border-left:1px solid {color:Text};
  334. padding-left:1em;
  335. margin-left:2em;
  336. font-weight:300;
  337. color:{color:Text};
  338. -webkit-filter:opacity(40%);
  339. }
  340.  
  341. .post-content h1.title, .post-content h2.title {
  342. font-size: 30px; /* Post Title Size */
  343. font-style:{select:Header Style};
  344. font-weight:{select:Header Weight};
  345. color: {TitleColor};
  346. font-family:{select:Header Font}, sans-serif;
  347. text-align:center; /* Post Title Alignment */
  348. /*-----------------------------------------------------------------------Here you can edit or remove the Post Title's bottom border
  349. -----------------------------------------------------------------------*/
  350. padding-bottom:10px; /* amount of space between title and border */
  351. border-bottom:2px solid {BackgroundColor};
  352. width:100%;
  353. transition: all 300ms ease-in-out;
  354. }
  355.  
  356. .post-content h1, .post-content h2 {
  357. font-family:{select:Header Font}, sans-serif;
  358. font-size:24px; /* Header Size */
  359. color:{TitleColor};
  360. text-transform:; /* Want it uppercase? type "uppercase" */
  361. }
  362.  
  363. hr {
  364. width:100%; /* This is the line separator we all love */
  365. border-top:1px solid {BackgroundColor};
  366. }
  367.  
  368. ul, menu, dir {
  369. list-style-type: circle; /* Bullet point style */
  370. }
  371.  
  372. a.read_more {
  373. color:{AccentColor};
  374. font-family:{select:Header Font}, sans-serif;
  375. text-transform:uppercase; /* Dislike uppercase? delete "uppercase" */
  376. text-align:center; /* Don't delete */
  377. text-decoration:none; /* Don't delete */
  378. letter-spacing:1.5px;
  379. font-size:12px;
  380. font-weight:100;
  381. padding:5px;
  382. border:.5px solid {AccentColor};
  383. border-radius:3px;
  384. transition: all 300ms ease-in-out;
  385. }
  386.  
  387. .read_more_container {
  388. text-align:center;
  389. }
  390.  
  391. a.read_more:hover {
  392. color:;{color:Link Hover};
  393. border:.5px solid {color:Link Hover};
  394. transition: all 300ms ease-in-out;
  395. }
  396.  
  397. /*----------------------------------------------------IN-POST LINKS----*/
  398.  
  399. /* This controls 90% of all hovering (the other 10% are with the blog-title and nav section */
  400.  
  401. .post-content a {
  402. color: {TitleColor};
  403. text-decoration: none;
  404. transition: all 300ms ease-in-out;
  405. }
  406.  
  407. .post-content a:hover {
  408. color: {color:Link Hover};
  409. transition: all 300ms ease-in-out;
  410. }
  411.  
  412. p a {
  413. font-weight:normal; /* Don't delete */
  414. transition: all 300ms ease-in-out;
  415. }
  416.  
  417. p a:hover{
  418. color: {color:Link Hover};
  419. transition: all 300ms ease-in-out;
  420. }
  421.  
  422. /*-------------------------------------------------------POST NOTES----*/
  423.  
  424. /* AKA: your tags */
  425.  
  426. .post-notes{
  427. font-family:{select:Body Font}, sans-serif;
  428. color:{TitleColor};
  429. }
  430. .post-extra {
  431. font-family:{select:Body Font}, sans-serif;
  432. font-size: 10px; /* Tags Font Size */
  433. width:auto;
  434. line-height:130%; /* Be careful:this keeps the tags closely stacked so as to take up as little space as possibly, but remaining uncluttered */
  435. }
  436.  
  437. a.meta-item.tag-link{ /* AKA: your tags (again) */
  438. color:{AccentColor};
  439. padding: 0.3em 0.85em;
  440. margin: 0.5em; /* creates space between the tags */
  441. text-transform:; /* Want it uppercase? type "uppercase" */
  442. border: .5px solid {AccentColor};
  443. border-radius: 2em;
  444. transition: all 300ms ease-in-out;
  445. }
  446.  
  447. a.meta-item.tag-link:hover {
  448. border: .5px solid {color:Link Hover};
  449. color: {color:Link Hover};
  450. transition: all 300ms ease-in-out;
  451. }
  452.  
  453. a.meta-item.tag-link:before {
  454. content:''; /* removes the '#' from '#your-tag' */
  455. }
  456.  
  457. .date-notes {
  458. font-size:12px;
  459. font-family:{select:Body Font}, sans-serif;
  460. transition: all 300ms ease-in-out;
  461. }
  462.  
  463. /*----------------------------------------------------POST CONTROLS----*/
  464.  
  465. .post-controls {
  466. -webkit-box-flex: 1;
  467. -webkit-flex: auto;
  468. -moz-box-flex: 1;
  469. -ms-flex: auto;
  470. flex: auto;
  471. vertical-align: middle;
  472. -webkit-box-pack: center;
  473. -webkit-justify-content: center;
  474. -moz-box-pack: center;
  475. -ms-flex-pack: center;
  476. justify-content: center;
  477. -webkit-box-orient: vertical;
  478. -webkit-flex-direction: column;
  479. -moz-box-orient: vertical;
  480. -ms-flex-direction: column;
  481. flex-direction: column;
  482. min-width: 150px;
  483. color: {TitleColor};
  484. }
  485.  
  486. .post-controls .control .like_button:hover,
  487. .post-controls .control .reblog_button:hover,
  488. .post-controls .control .share:hover {
  489. color: {color:Link Hover};
  490. transition: all 300ms ease-in-out;
  491. }
  492.  
  493. .reblog-link:hover:before {
  494. color: {TitleColor};
  495. }
  496.  
  497. /*-------------------------------------------------------POST NOTES----*/
  498.  
  499. /*-----------------------------------------------------------------------This refers to the list of notes under your post when you're on the permalink page
  500. -----------------------------------------------------------------------*/
  501.  
  502. .notes-wrapper .notes {
  503. background:white;
  504. box-shadow:0px;
  505. }
  506.  
  507. .notes-wrapper .notes li {
  508. border:0px;
  509. }
  510.  
  511. .notes-wrapper {
  512. position: static;
  513. bottom: -45px;
  514. background-color: {color:Content Background};
  515. -webkit-box-sizing: border-box;
  516. -moz-box-sizing: border-box;
  517. box-sizing: border-box;
  518. border: 1px solid white;
  519. -webkit-border-radius: 3px;
  520. -moz-border-radius: 3px;
  521. border-radius: 3px;
  522. width: 100%;
  523. left: 65px;
  524. -webkit-box-shadow: 0 2px 7px 1px white;
  525. -moz-box-shadow: 0 2px 7px 1px white;
  526. box-shadow: 0 2px 7px 1px white;
  527. display: none;
  528. z-index: 5
  529. }
  530.  
  531.  
  532.  
  533. /*--------------------------------------------------------------Q/A----*/
  534.  
  535. /* AKA: replying to your inbox posts */
  536.  
  537. .note-item .avatar img {
  538. border-radius:2em; /* makes it a circle */
  539. padding:2px; /* gap between avatar and border */
  540. border: 1px solid {color:Asker Bubble};
  541. }
  542. .note-item .text {
  543. background:{color:Asker Bubble};
  544. border: 1px solid {color:Asker Outline};
  545. font-size:15px; /* the asker's question */
  546. color:{color:Asker Text};
  547. border-radius:2em .5em; /* .5 = sharp corners, 2 = rounded corners */
  548. font-weight:300; /* Want it bold? Change '300' to 'bold' */
  549. }
  550. .note-item .text:after {
  551. display:none; /* Don't delete! */
  552.  
  553. }
  554. .note-item .text .answerer, .note-item .text .asker {
  555. color:{color:Bold};
  556. font-style:italic; /* Delete 'italic' to make it normal */
  557. }
  558.  
  559. a.meta-item.post-notes {
  560. color:{TitleColor};
  561. transition: all 300ms ease-in-out;
  562. }
  563. a.meta-item.post-notes:hover {
  564. color:{color:Link Hover};
  565. transition: all 300ms ease-in-out;
  566. }
  567.  
  568. /*--------------------------------------------------HEADER & AVATAR----*/
  569.  
  570. .header-image.cover {
  571. background-image: url({HeaderImage});
  572. }
  573.  
  574. .user-avatar {
  575. background-color: {BackgroundColor};
  576. border-color: {BackgroundColor};
  577. }
  578.  
  579. .avatar-style-square .user-avatar {
  580. -webkit-box-shadow: 0 0 0 4px {BackgroundColor};
  581. box-shadow: 0 0 0 4px {BackgroundColor};
  582. }
  583.  
  584. .no-header-image .logo-wrapper,
  585. .contain-header-image .logo-wrapper {
  586. color: {AccentColor};
  587. }
  588.  
  589. /* Adjust logo for light accents on light backgrounds */
  590. .light-on-light.no-header-image .logo-wrapper,
  591. .light-on-light.contain-header-image .logo-wrapper {
  592. color: #444;
  593. }
  594.  
  595. /* Adjust logo for dark accents on dark backgrounds */
  596. .dark-on-dark.no-header-image .logo-wrapper,
  597. .dark-on-dark.contain-header-image .logo-wrapper {
  598. color: #fff;
  599. }
  600.  
  601.  
  602. @media screen and (max-device-width: 568px) {
  603. .header-image.cover {
  604. background-image: url({HeaderImage-640});
  605. -webkit-background-size: cover;
  606. background-size: cover;
  607. }
  608.  
  609. .avatar-style-square .user-avatar {
  610. -webkit-box-shadow: 0 0 0 3px {BackgroundColor};
  611. -moz-box-shadow: 0 0 0 3px {BackgroundColor};
  612. box-shadow: 0 0 0 3px {BackgroundColor};
  613. }
  614. }
  615.  
  616. /*-------------------------------------------------------CUSTOM CSS----*/
  617.  
  618. {CustomCSS}
  619.  
  620.  
  621. /*---------------------------------------------------------------------*/
  622.  
  623.  
  624. </style>
  625.  
  626. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
  627. <script type="text/javascript">$(document).ready(function(){$('#ask_form').before('');});
  628. </script>
  629. </head>
  630.  
  631. <body data-urlencoded-name="{URLEncodedName}" class="{select:Layout}{block:IndexPage} index-page{/block:IndexPage}{block:PermalinkPage} permalink{/block:PermalinkPage}{block:LikesPage} likes-page{/block:LikesPage}{block:FollowingPage} following-page{/block:FollowingPage}{block:SearchPage} search-page{block:NoSearchResults} no-results{/block:NoSearchResults}{block:NoLikes} no-likes{/block:NoLikes}{block:NoPosts} no-posts{/block:NoPosts}{block:NoFollowing} no-following{/block:NoFollowing}{/block:SearchPage}{block:HideHeaderImage} no-header-image{/block:HideHeaderImage}{block:NoStretchHeaderImage} contain-header-image{/block:NoStretchHeaderImage}{block:IfRelatedPosts} display-related-posts{/block:IfRelatedPosts}{block:ShowAdsOnThisPage} show-ads{/block:ShowAdsOnThisPage}">
  632.  
  633. <div class="app-nag">
  634. <div class="app-nag-header clearfix">
  635. <div class="app-nag-icon">
  636. <div class="app-nag-icon-ios">
  637. <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"viewBox="0 0 1024 1024" enable-background="new 0 0 1024 1024" xml:space="preserve"><path fill="#36465D" d="M1024,771c0,139.2-113.8,253-253,253H253C113.8,1024,0,910.2,0,771V253C0,113.8,113.8,0,253,0h518 c139.2,0,253,113.8,253,253V771z"/><path fill="none" stroke="#FFF100" stroke-width="4" stroke-miterlimit="10" d="M463.9,209.4"/><path opacity="0.6" fill="#231F20" d="M628.1,681c8.2,0,17.1-1.2,25.8-3.3V530.3h111.6V401.8h-68.6V473H585.4v162.4 C586,676.3,609.1,681,628.1,681z M654.4,250.5h-68.6v94h68.6V250.5z M754.3,722.9c-12.7,7.1-28.9,12.4-44.3,14.5l11.4,33.8 c-20.5,27-71.4,45.5-118.1,46.3c-1.6,0-3.1,0-4.7,0c0,0,0,0,0,0c-32.5,0-59.5-5.7-81.9-15.3c26.2,40,72.7,72.6,150.5,72.6c0,0,0,0,0,0c1.6,0,3.1,0,4.7,0c46.6-0.8,97.6-19.4,118.1-46.3L754.3,722.9z"/><path fill="none" stroke="#FFF100" stroke-width="4" stroke-miterlimit="10" d="M355,359.5"/><path fill="#FFFFFF" d="M577.5,830.6c65.1,0,129.7-23.2,151-51.3l4.3-5.6l-40.4-119.7c-0.4-1.1-1.4-1.9-2.6-1.9h-7.6h-3.5l-79.1,0 c-1.2,0-2.3-0.8-2.6-2c-1.1-4-1.7-8.9-1.8-14.9V489c0-1.5,1.2-2.7,2.7-2.7h106.1c1.5,0,2.7-1.2,2.7-2.7V333.8c0-1.5-1.2-2.7-2.7-2.7 H598.4c-1.5,0-2.7-1.2-2.7-2.7V182.5c0-1.5-1.2-2.7-2.7-2.7h-82.6h-28.9h-73.8c-13.3,0-28.5,9.8-30.8,28 c-9.3,75.3-43.8,120.5-108.7,142.2l-7.2,2.4c-1.1,0.4-1.9,1.4-1.9,2.6v128.6c0,1.5,1.2,2.7,2.7,2.7h50.4h0h15.9c0,0,0,120,0,158.3 C328.1,771,415.7,830.6,577.5,830.6z M701.6,769.5c-20.3,19.5-62,34.1-102,34.7c-1.5,0-3,0-4.5,0h0 c-131.5,0-166.6-100.4-166.6-159.7V462.3c0-1.5-1.2-2.7-2.7-2.7h-63.6c-1.5,0-2.7-1.2-2.7-2.7v-83c0-1.1,0.7-2.1,1.7-2.5 c68-26.5,105.9-79,115.9-160.3c0.6-4.5,4.3-4.6,4.3-4.6h84.9c1.5,0,2.7,1.2,2.7,2.7v145.9c0,1.5,1.2,2.7,2.7,2.7h105.7 c1.5,0,2.7,1.2,2.7,2.7v96.4c0,1.5-1.2,2.7-2.7,2.7H571.3c-1.5,0-2.7,1.2-2.7,2.7l0,173.2c0.6,39,19.5,58.8,56.1,58.8 c14.7,0,31.6-3.4,47.1-9.3c1.4-0.6,3,0.2,3.5,1.6l27,80C702.6,767.7,702.4,768.8,701.6,769.5z"/><path opacity="0.5" fill="#2D3F54" d="M328.1,528.9h73.8v-40.2c0-1.3-1.1-2.4-2.4-2.4h-71.4V528.9z"/></svg></div>
  638.  
  639. <div class="app-nag-icon-android">
  640. <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1024 1024" enable-background="new 0 0 1024 1024" xml:space="preserve">
  641. <path fill="none" stroke="#FFF100" stroke-width="4" stroke-miterlimit="10" d="M463.9,209.4"></path><path opacity="0.5" fill="#231F20" d="M628.1,681c8.2,0,17.1-1.2,25.8-3.3V530.3h111.6V401.8h-68.6V473H585.4v162.4 C586,676.3,609.1,681,628.1,681z M654.4,250.5h-68.6v94h68.6V250.5z M754.3,722.9c-12.7,7.1-28.9,12.4-44.3,14.5l11.4,33.8 c-20.5,27-71.4,45.5-118.1,46.3c-1.6,0-3.1,0-4.7,0c0,0,0,0,0,0c-32.5,0-59.5-5.7-81.9-15.3c26.2,40,72.7,72.6,150.5,72.6c0,0,0,0,0,0c1.6,0,3.1,0,4.7,0c46.6-0.8,97.6-19.4,118.1-46.3L754.3,722.9z"></path><path fill="none" stroke="#FFF100" stroke-width="4" stroke-miterlimit="10" d="M355,359.5"></path><path fill="#36465D" d="M577.5,830.6c65.1,0,129.7-23.2,151-51.3l4.3-5.6l-40.4-119.7c-0.4-1.1-1.4-1.9-2.6-1.9h-7.6h-3.5l-79.1,0 c-1.2,0-2.3-0.8-2.6-2c-1.1-4-1.7-8.9-1.8-14.9V489c0-1.5,1.2-2.7,2.7-2.7h106.1c1.5,0,2.7-1.2,2.7-2.7V333.8c0-1.5-1.2-2.7-2.7-2.7 H598.4c-1.5,0-2.7-1.2-2.7-2.7V182.5c0-1.5-1.2-2.7-2.7-2.7h-82.6h-28.9h-73.8c-13.3,0-28.5,9.8-30.8,28 c-9.3,75.3-43.8,120.5-108.7,142.2l-7.2,2.4c-1.1,0.4-1.9,1.4-1.9,2.6v128.6c0,1.5,1.2,2.7,2.7,2.7h50.4h0h15.9c0,0,0,120,0,158.3 C328.1,771,415.7,830.6,577.5,830.6z M701.6,769.5c-20.3,19.5-62,34.1-102,34.7c-1.5,0-3,0-4.5,0h0 c-131.5,0-166.6-100.4-166.6-159.7V462.3c0-1.5-1.2-2.7-2.7-2.7h-63.6c-1.5,0-2.7-1.2-2.7-2.7v-83c0-1.1,0.7-2.1,1.7-2.5 c68-26.5,105.9-79,115.9-160.3c0.6-4.5,4.3-4.6,4.3-4.6h84.9c1.5,0,2.7,1.2,2.7,2.7v145.9c0,1.5,1.2,2.7,2.7,2.7h105.7 c1.5,0,2.7,1.2,2.7,2.7v96.4c0,1.5-1.2,2.7-2.7,2.7H571.3c-1.5,0-2.7,1.2-2.7,2.7l0,173.2c0.6,39,19.5,58.8,56.1,58.8 c14.7,0,31.6-3.4,47.1-9.3c1.4-0.6,3,0.2,3.5,1.6l27,80C702.6,767.7,702.4,768.8,701.6,769.5z"></path><path opacity="0.5" fill="#2D3F54" d="M328.1,528.9h73.8v-40.2c0-1.3-1.1-2.4-2.4-2.4h-71.4V528.9z"></path></svg>
  642. </div>
  643. </div>
  644.  
  645. <div class="app-nag-ratings">
  646. <svg width="181px" height="30px" viewBox="0 0 181 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  647. <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
  648. <path d="M15.8,25.2 L6.1,29.8 L7.5,19.2 L0.1,11.4 L10.6,9.5 L15.8,0 L20.9,9.5 L31.4,11.4 L24,19.2 L25.4,29.8 L15.8,25.2 Z" fill="#FFC00E"></path>
  649. <path d="M52.8,25.2 L43.1,29.8 L44.5,19.2 L37.1,11.4 L47.6,9.5 L52.8,0 L57.9,9.5 L68.4,11.4 L61,19.2 L62.4,29.8 L52.8,25.2 Z" fill="#FFC00E"></path><path d="M89.8,25.2 L80.1,29.8 L81.5,19.2 L74.1,11.4 L84.6,9.5 L89.8,0 L94.9,9.5 L105.4,11.4 L98,19.2 L99.4,29.8 L89.8,25.2 Z" fill="#FFC00E"></path><path d="M126.8,25.2 L117.1,29.8 L118.5,19.2 L111.1,11.4 L121.6,9.5 L126.8,0 L131.9,9.5 L142.4,11.4 L135,19.2 L136.4,29.8 L126.8,25.2 Z" fill="#FFC00E"></path><path d="M163.8,25.2 L154.1,29.8 L155.5,19.2 L148.1,11.4 L158.6,9.5 L163.8,0 L168.9,9.5 L179.4,11.4 L172,19.2 L173.4,29.8 L163.8,25.2 Z" fill="#E7E7E7"></path><path d="M163.3,25.1 L154.1,29.8 L155.5,19.2 L148.1,11.4 L158.6,9.5 L163.3,0.9 L163.3,25.1 Z" fill="#FFC00E"></path></g></svg>
  650.  
  651. <div class="app-nag-ratings-text app-nag-ratings-text-android">
  652. {lang:Android rating numbers}
  653. </div>
  654. <div class="app-nag-ratings-text app-nag-ratings-text-ios">
  655. {lang:iOS rating numbers}
  656. </div>
  657. </div>
  658. <div class="app-nag-close-button">
  659. <svg width="15px" height="15px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  660. <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
  661. <path d="M12.510351,14.6860639 L0,27.1964147 L2.175713,29.3721278 L14.686064,16.8617771 L27.196415,29.3721278 L29.372128,27.1964147 L16.861777,14.6860639 L29.372128,2.1757132 L27.196415,0 L14.686064,12.5103507 L2.175713,0 L0,2.1757132 L12.510351,14.6860639 L12.510351,14.6860639 Z" fill="#D3D3D3"></path>
  662. </g>
  663. </svg>
  664. </div>
  665. </div>
  666. <div class="app-nag-body">
  667. <h1 class="app-nag-callout">{lang:Engagement popover title}</h1>
  668. <a class="app-nag-large-button app-nag-app-store-link button blue">{lang:Engagement popover button}</a>
  669. <a class="app-nag-large-button app-nag-app-store-deny">{lang:Dismiss engagement popover}</a>
  670. </div>
  671. </div>
  672.  
  673. <section id="page">
  674. <div class="header-wrapper
  675. {block:HideTitle}{block:HideDescription}no-title-desc {/block:HideDescription}{/block:HideTitle}
  676. {block:HideHeaderImage}no-image {/block:HideHeaderImage}
  677. {block:HideAvatar}avatar-hidden{/block:HideAvatar}
  678. {block:ShowAvatar}avatar-style-{AvatarShape}{/block:ShowAvatar}">
  679.  
  680. <header id="header" class="top-blog-header">
  681. {block:ShowHeaderImage}
  682. <div class="header-image-wrapper
  683. {block:NoStretchHeaderImage}contain
  684. {/block:NoStretchHeaderImage}">
  685. <a href="/" class="header-image
  686. {block:IfSlidingHeader}parallax{/block:IfSlidingHeader}
  687. {block:StretchHeaderImage}cover{/block:StretchHeaderImage}
  688. {block:NoStretchHeaderImage}contain
  689. {/block:NoStretchHeaderImage}" data-bg-image="{HeaderImage}">
  690. {block:NoStretchHeaderImage}<img src="{HeaderImage}" alt="">
  691. {/block:NoStretchHeaderImage}
  692. </a>
  693. <div class="loader-bg"></div>
  694. </div>
  695. {/block:ShowHeaderImage}
  696.  
  697. <div class="blog-title-wrapper content">
  698. <figure class="avatar-wrapper
  699. {block:IndexPage} animate{/block:IndexPage}">
  700. <a href="/" style="background-image: url({PortraitURL-128})"
  701. class="user-avatar">
  702. <img src="{PortraitURL-128}" alt="" class="print-only invisible"></a>
  703. </figure>
  704.  
  705. <div class="title-group{block:IndexPage} animate{/block:IndexPage}">
  706.  
  707. {block:ShowTitle}
  708. <h1 class="blog-title"><a href="/">{Title}</a></h1>
  709. {/block:ShowTitle}
  710.  
  711. {block:ShowDescription}
  712. <span class="description">{Description}</span>
  713. {/block:ShowDescription}
  714. </div>
  715. </div>
  716. </header>
  717. </div>
  718. {block:IfShowNavigation}
  719. <div class="{block:HideTitle}{block:HideDescription}no-title-desc {/block:HideDescription}{/block:HideTitle}nav-wrapper nav-responsive">
  720.  
  721. <nav class="nav-menu">
  722. <ul class="inline-nav">
  723.  
  724. <li class="nav-item nav-item--posts">
  725. <a href="/" class="label
  726. {block:HomePage}current-page{/block:HomePage}">{lang:Posts}</a>
  727. </li>
  728. <!-----------------------------------------------------------------------
  729. Want your home link to say 'Index'? Replace '{lang:Posts}' with 'Index'
  730. ------------------------------------------------------------------------>
  731. {block:Likes}
  732. <li class="nav-item nav-item--likes">
  733. <a href="/likes" class="label {block:LikesPage}current-page
  734. {/block:LikesPage}">{lang:Likes}</a></li>
  735. {/block:Likes}
  736. <!-----------------------------------------------------------------------
  737. If you'd like to show a link to your archive, use the following code:
  738.  
  739. <li class="nav-item nav-item--likes">
  740. <a href="/archive" class="label {block:LikesPage}current-page
  741. {/block:LikesPage}">Archive</a>
  742. </li>
  743.  
  744. Just as with the home link, you can change the archive link's title.
  745. For example, if you want your archive link to say 'History', simply replace 'Archive' with 'History'
  746. ------------------------------------------------------------------------>
  747. {block:ShareFollowing}
  748. <li class="nav-item nav-item--following">
  749. <a href="/following" class="label
  750. {block:FollowingPage}current-page
  751. {/block:FollowingPage}">{lang:Following}</a></li>
  752. {/block:ShareFollowing}
  753.  
  754. {block:AskEnabled}
  755. <li class="nav-item nav-item--ask">
  756. <a href="/ask" class="label {block:AskPage}current-page
  757. {/block:AskPage}">{AskLabel}</a></li>
  758. {/block:AskEnabled}
  759.  
  760. {block:SubmissionsEnabled}
  761. <li class="nav-item nav-item--submit">
  762. <a href="/submit" class="label {block:SubmitPage}current-page
  763. {/block:SubmitPage}">{SubmitLabel}</a></li>
  764. {/block:SubmissionsEnabled}
  765.  
  766. {block:HasPages}
  767. {block:Pages}
  768. <li class="nav-item nav-item--page">
  769. <a href="{URL}" class="label {CurrentState} {ExternalState}">{Label}</a></li>
  770. {/block:Pages}
  771. {/block:HasPages}
  772. </li>
  773. </ul>
  774. </nav>
  775. </div>
  776. {/block:IfShowNavigation}
  777.  
  778. {block:SearchPage}
  779. {block:NoSearchResults}
  780. <div class="search-no-results content">
  781. {lang:Sorry no search results found}.
  782. </div>
  783. {/block:NoSearchResults}
  784. {/block:SearchPage}
  785. {block:LikesPage}
  786. {block:NoLikes}
  787. <div class="likes-no-likes content"></div>
  788. {/block:NoLikes}
  789. {/block:LikesPage}
  790. {block:FollowingPage}
  791. {block:NoFollowing}
  792. <div class="following-no-following content"></div>
  793. {/block:NoFollowing}
  794. {/block:FollowingPage}
  795. {block:IndexPage}
  796. {block:NoPosts}
  797. <div class="posts-no-posts content"></div>
  798. {/block:NoPosts}
  799. {/block:IndexPage}
  800.  
  801. <section id="posts" class="content clearfix {block:HideTitle}{block:HideDescription}no-title-desc {/block:HideDescription}{/block:HideTitle}{block:HideHeaderImage}no-image {/block:HideHeaderImage} {block:ShowAvatar}avatar-style-{AvatarShape}{/block:ShowAvatar} {block:HideAvatar}avatar-hidden{/block:HideAvatar} {block:IfShowNavigation}show-nav{/block:IfShowNavigation}">
  802.  
  803. {block:ShowAdsOnThisPage}
  804. <input type="hidden" class="tumblr-page-show-ads" data-page-show-ads="true" data-ad-positions="{AdPositions}"></input>
  805. {/block:ShowAdsOnThisPage}
  806.  
  807. <div class="container">
  808. <div class="main">
  809. {block:Posts inlineMediaWidth="700" inlineNestedMediaWidth="700"}
  810. <article class="{block:Text}text {/block:Text}{block:Photoset}photoset {/block:Photoset}{block:Photo}photo {/block:Photo}{block:RebloggedFrom}reblogged {/block:RebloggedFrom}{block:Quote}quote {/block:Quote}{block:Link}link {/block:Link}{block:Chat}chat {/block:Chat}{block:Audio}audio {/block:Audio}{block:Video}video {/block:Video}{block:Answer}answer {/block:Answer}{block:Date}not-page post-{PostID}{/block:Date} {block:PermalinkPage} active exposed{/block:PermalinkPage}" {block:Date}data-post-id="{PostID}"{/block:Date} {block:SupplyLogging}data-supply-logging='{positions}'{/block:SupplyLogging}>
  811. <div class="post-wrapper clearfix">
  812.  
  813. <header class="post-header">
  814. {block:LikesPage}
  815. <a class="post-blog" href="{Permalink}"><img class="blog-avatar" src="{PostBlogPortraitURL-30}" data-blog-card-username="{PostBlogName}">{PostBlogName}</a>
  816. {/block:LikesPage}
  817. {block:RebloggedFrom}
  818. <a class="reblog-link" href="{ReblogParentURL}" data-blog-card-username="{ReblogParentName}"><i class="reblog_sm"></i>{ReblogParentName}</a>
  819. {/block:RebloggedFrom}
  820. </header>
  821.  
  822. <section class="post">
  823. {block:Text}
  824. <div class="post-content">
  825. {block:Title}<h2 class="title"><a href="{Permalink}">{Title}</a></h2>{/block:Title}
  826. {block:NotReblog}
  827. <div class="body-text">{Body}</div>
  828. {/block:NotReblog}
  829. {block:RebloggedFrom}
  830. <div class="reblog-list">
  831. {block:Reblogs}
  832. <div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
  833. <div class="post-reblog-header">
  834. <div class="post-avatar">
  835. <div class="post-avatar-wrapper">
  836. {block:IsActive}
  837. <a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  838. <img class="post-avatar-image" src="{PortraitURL-64}">
  839. </a>
  840. {/block:IsActive}
  841. {block:IsDeactivated}
  842. <span class="inactive reblog-avatar{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}">
  843. <img class="post-avatar-image" src="{PortraitURL-64}">
  844. </span>
  845. {/block:IsDeactivated}
  846. </div>
  847. </div>
  848. {block:IsActive}
  849. <a target="_blank" class="post-tumblelog-name" href="{Permalink}">{Username}</a>
  850. {/block:IsActive}
  851. {block:IsDeactivated}
  852. <span class="inactive post-tumblelog-name">{Username}</span>
  853. {/block:IsDeactivated}
  854. </div>
  855. <div class="post-reblog-content">
  856. <div class="post-body">
  857. {Body}
  858. </div>
  859. </div>
  860. </div>
  861. {/block:Reblogs}
  862. </div>
  863. {/block:RebloggedFrom}
  864. </div>
  865. {/block:Text}
  866.  
  867. {block:Photo}
  868. <figure class="post-content {block:HighRes}high-res{/block:HighRes}{block:Caption} with-caption{/block:Caption}" data-photo-width="{PhotoWidth-HighRes}">
  869. <div class="photo-wrapper">
  870. <div class="photo-wrapper-inner">
  871. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="{PhotoWidth-HighRes}" height="{PhotoHeight-HighRes}"{block:LivePhoto}data-live-photo="{LivePhotoURL}" data-live-photo-still-image-time="{LivePhotoStillImageTime}"{/block:LivePhoto}>{LinkCloseTag}
  872. </div>
  873. </div>
  874. {block:NotReblog}
  875. <figcaption class="caption">
  876. {Caption}
  877. </figcaption>
  878. {/block:NotReblog}
  879. {block:RebloggedFrom}
  880. <div class="reblog-list">
  881. {block:Reblogs}
  882. <div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
  883. <div class="post-reblog-header">
  884. <div class="post-avatar">
  885. <div class="post-avatar-wrapper">
  886. {block:IsActive}
  887. <a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  888. <img class="post-avatar-image" src="{PortraitURL-64}">
  889. </a>
  890. {/block:IsActive}
  891. {block:IsDeactivated}
  892. <span class="inactive reblog-avatar{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}">
  893. <img class="post-avatar-image" src="{PortraitURL-64}">
  894. </span>
  895. {/block:IsDeactivated}
  896. </div>
  897. </div>
  898. {block:IsActive}
  899. <a target="_blank" class="post-tumblelog-name" href="{Permalink}">{Username}</a>
  900. {/block:IsActive}
  901. {block:IsDeactivated}
  902. <span class="inactive post-tumblelog-name">{Username}</span>
  903. {/block:IsDeactivated}
  904. </div>
  905. <div class="post-reblog-content">
  906. <div class="post-body">
  907. {Body}
  908. </div>
  909. </div>
  910. </div>
  911. {/block:Reblogs}
  912. </div>
  913. {/block:RebloggedFrom}
  914. </figure>
  915. {/block:Photo}
  916.  
  917. {block:Photoset}
  918. <figure class="post-content photoset {block:Caption}with-caption{/block:Caption}">
  919. {Photoset}
  920. {block:NotReblog}
  921. <figcaption class="caption">
  922. {Caption}
  923. </figcaption>
  924. {/block:NotReblog}
  925. {block:RebloggedFrom}
  926. <div class="reblog-list">
  927. {block:Reblogs}
  928. <div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
  929. <div class="post-reblog-header">
  930. <div class="post-avatar">
  931. <div class="post-avatar-wrapper">
  932. {block:IsActive}
  933. <a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  934. <img class="post-avatar-image" src="{PortraitURL-64}">
  935. </a>
  936. {/block:IsActive}
  937. {block:IsDeactivated}
  938. <span class="inactive reblog-avatar{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}">
  939. <img class="post-avatar-image" src="{PortraitURL-64}">
  940. </span>
  941. {/block:IsDeactivated}
  942. </div>
  943. </div>
  944. {block:IsActive}
  945. <a target="_blank" class="post-tumblelog-name" href="{Permalink}">{Username}</a>
  946. {/block:IsActive}
  947. {block:IsDeactivated}
  948. <span class="inactive post-tumblelog-name">{Username}</span>
  949. {/block:IsDeactivated}
  950. </div>
  951. <div class="post-reblog-content">
  952. <div class="post-body">
  953. {Body}
  954. </div>
  955. </div>
  956. </div>
  957. {/block:Reblogs}
  958. </div>
  959. {/block:RebloggedFrom}
  960. </figure>
  961. {/block:Photoset}
  962.  
  963. {block:Quote}
  964. <div class="post-content">
  965. <blockquote class="{Length}">
  966. {Quote}
  967. </blockquote>
  968. {block:Source}
  969. <div class="source">{Source}</div>
  970. {/block:Source}
  971. </div>
  972. {/block:Quote}
  973.  
  974.  
  975. {block:Link}
  976. <div class="post-content{block:Description} with-caption{/block:Description}{block:Thumbnail} with-thumbnail{/block:Thumbnail}">
  977. <div class="link-wrapper">
  978. <a {Target} href="{URL}" class="link">
  979. {block:Thumbnail}
  980. <div class="link-thumbnail"><img src="{Thumbnail-HighRes}" alt="" /></div>
  981. {/block:Thumbnail}
  982. <div class="link-text-wrapper clearfix">
  983. <div class="link-text">
  984. {block:Host}
  985. <div class="link-host">{Host}</div>
  986. {/block:Host}
  987. <h2 class="link-title">{Name}</h2>
  988. {block:Excerpt}
  989. <div class="link-excerpt">{Excerpt}</div>
  990. {/block:Excerpt}
  991. {block:Author}
  992. <div class="link-author">{Author}</div>
  993. {/block:Author}
  994. </div>
  995. </div>
  996. </a>
  997. </div>
  998. {block:NotReblog}
  999. <div class="caption">
  1000. {Description}
  1001. </div>
  1002. {/block:NotReblog}
  1003. {block:RebloggedFrom}
  1004. <div class="reblog-list">
  1005. {block:Reblogs}
  1006. <div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
  1007. <div class="post-reblog-header">
  1008. <div class="post-avatar">
  1009. <div class="post-avatar-wrapper">
  1010. {block:IsActive}
  1011. <a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  1012. <img class="post-avatar-image" src="{PortraitURL-64}">
  1013. </a>
  1014. {/block:IsActive}
  1015. {block:IsDeactivated}
  1016. <span class="inactive reblog-avatar{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}">
  1017. <img class="post-avatar-image" src="{PortraitURL-64}">
  1018. </span>
  1019. {/block:IsDeactivated}
  1020. </div>
  1021. </div>
  1022. {block:IsActive}
  1023. <a target="_blank" class="post-tumblelog-name" href="{Permalink}">{Username}</a>
  1024. {/block:IsActive}
  1025. {block:IsDeactivated}
  1026. <span class="inactive post-tumblelog-name">{Username}</span>
  1027. {/block:IsDeactivated}
  1028. </div>
  1029. <div class="post-reblog-content">
  1030. <div class="post-body">
  1031. {Body}
  1032. </div>
  1033. </div>
  1034. </div>
  1035. {/block:Reblogs}
  1036. </div>
  1037. {/block:RebloggedFrom}
  1038. </div>
  1039. {/block:Link}
  1040.  
  1041.  
  1042. {block:Chat}
  1043. <div class="post-content">
  1044. {block:Title}<h2 class="title"><a href="{Permalink}">{Title}</a></h2>{/block:Title}
  1045. <ul class="conversation">
  1046. {block:Lines}
  1047. <li class="chat-{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>
  1048. {/block:Lines}
  1049. </ul>
  1050. </div>
  1051. {/block:Chat}
  1052.  
  1053.  
  1054. {block:Audio}
  1055. <div class="post-content {block:Caption}with-caption{/block:Caption}">
  1056. <div class="audio_container">
  1057. {block:AudioEmbed}
  1058. {AudioEmbed color="white"}
  1059. {/block:AudioEmbed}
  1060. </div>
  1061. {block:NotReblog}
  1062. <div class="caption">
  1063. {Caption}
  1064. </div>
  1065. {/block:NotReblog}
  1066. {block:RebloggedFrom}
  1067. <div class="reblog-list">
  1068. {block:Reblogs}
  1069. <div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
  1070. <div class="post-reblog-header">
  1071. <div class="post-avatar">
  1072. <div class="post-avatar-wrapper">
  1073. {block:IsActive}
  1074. <a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  1075. <img class="post-avatar-image" src="{PortraitURL-64}">
  1076. </a>
  1077. {/block:IsActive}
  1078. {block:IsDeactivated}
  1079. <span class="inactive reblog-avatar{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}">
  1080. <img class="post-avatar-image" src="{PortraitURL-64}">
  1081. </span>
  1082. {/block:IsDeactivated}
  1083. </div>
  1084. </div>
  1085. {block:IsActive}
  1086. <a target="_blank" class="post-tumblelog-name" href="{Permalink}">{Username}</a>
  1087. {/block:IsActive}
  1088. {block:IsDeactivated}
  1089. <span class="inactive post-tumblelog-name">{Username}</span>
  1090. {/block:IsDeactivated}
  1091. </div>
  1092. <div class="post-reblog-content">
  1093. <div class="post-body">
  1094. {Body}
  1095. </div>
  1096. </div>
  1097. </div>
  1098. {/block:Reblogs}
  1099. </div>
  1100. {/block:RebloggedFrom}
  1101. </div>
  1102. {/block:Audio}
  1103.  
  1104.  
  1105. {block:Video}
  1106. <figure class="post-content {block:Caption}with-caption{/block:Caption}">
  1107. <div class="video-wrapper">
  1108. {Video-700}
  1109. </div>
  1110.  
  1111. {block:NotReblog}
  1112. <figcaption class="caption">
  1113. {Caption}
  1114. </figcaption>
  1115. {/block:NotReblog}
  1116. {block:RebloggedFrom}
  1117. <div class="reblog-list">
  1118. {block:Reblogs}
  1119. <div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
  1120. <div class="post-reblog-header">
  1121. {block:HasAvatar}
  1122. <div class="post-avatar">
  1123. <div class="post-avatar-wrapper">
  1124. {block:HasPermalink}
  1125. <a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  1126. <img class="post-avatar-image" src="{PortraitURL-64}">
  1127. </a>
  1128. {/block:HasPermalink}
  1129. {block:HasNoPermalink}
  1130. <span class="reblog-avatar{block:IsDeactivated} inactive{/block:IsDeactivated}{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}">
  1131. <img class="post-avatar-image" src="{PortraitURL-64}">
  1132. </span>
  1133. {/block:HasNoPermalink}
  1134. </div>
  1135. </div>
  1136. {/block:HasAvatar}
  1137.  
  1138. {block:HasPermalink}
  1139. <a target="_blank" class="post-tumblelog-name" href="{Permalink}">{Username}</a>
  1140. {/block:HasPermalink}
  1141. {block:HasNoPermalink}
  1142. <span class="post-tumblelog-name {block:IsDeactivated} inactive{/block:IsDeactivated}">{Username}</span>
  1143. {/block:HasNoPermalink}
  1144. </div>
  1145. <div class="post-reblog-content">
  1146. <div class="post-body">
  1147. {Body}
  1148. </div>
  1149. </div>
  1150. </div>
  1151. {/block:Reblogs}
  1152. </div>
  1153. {/block:RebloggedFrom}
  1154. </figure>
  1155. {/block:Video}
  1156.  
  1157. {block:Answer}
  1158. <div class="post-content">
  1159. <div class="note-item note-item-asker">
  1160. <div class="text">
  1161. <p class="asker"><strong>{Asker}</strong> asked:</p>
  1162. <div class="asker-question">
  1163. {Question}
  1164. </div>
  1165. </div>
  1166. <div class="avatar">
  1167. <img class="asker-avatar" src="{AskerPortraitURL-96}" alt="">
  1168. </div>
  1169. </div>
  1170.  
  1171. {block:Answerer}
  1172. <div class="note-item note-item-answerer">
  1173. <div class="text">
  1174. <p class="answerer"><strong>{Answerer}</strong> answered:</p>
  1175. <div class="answerer-answer">
  1176. {Answer}
  1177. </div>
  1178. </div>
  1179. <div class="avatar">
  1180. <img class="answerer-avatar" src="{AnswererPortraitURL-96}" alt="">
  1181. </div>
  1182. </div>
  1183. {/block:Answerer}
  1184.  
  1185. {block:NotReblog}
  1186. <div class="replies">
  1187. {Replies}
  1188. </div>
  1189. {/block:NotReblog}
  1190. {block:RebloggedFrom}
  1191. <div class="reblog-list">
  1192. {block:Reblogs}
  1193. <div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
  1194. <div class="post-reblog-header">
  1195. {block:HasAvatar}
  1196. <div class="post-avatar">
  1197. <div class="post-avatar-wrapper">
  1198. {block:HasPermalink}
  1199. <a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  1200. <img class="post-avatar-image" src="{PortraitURL-64}">
  1201. </a>
  1202. {/block:HasPermalink}
  1203. {block:HasNoPermalink}
  1204. <span class="reblog-avatar{block:IsDeactivated} inactive{/block:IsDeactivated}{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}">
  1205. <img class="post-avatar-image" src="{PortraitURL-64}">
  1206. </span>
  1207. {/block:HasNoPermalink}
  1208. </div>
  1209. </div>
  1210. {/block:HasAvatar}
  1211.  
  1212. {block:HasPermalink}
  1213. <a target="_blank" class="post-tumblelog-name" href="{Permalink}">{Username}</a>
  1214. {/block:HasPermalink}
  1215. {block:HasNoPermalink}
  1216. <span class="post-tumblelog-name {block:IsDeactivated} inactive{/block:IsDeactivated}">{Username}</span>
  1217. {/block:HasNoPermalink}
  1218. </div>
  1219. <div class="post-reblog-content">
  1220. <div class="post-body">
  1221. {Body}
  1222. </div>
  1223. </div>
  1224. </div>
  1225. {/block:Reblogs}
  1226. </div>
  1227. {/block:RebloggedFrom}
  1228. </div>
  1229. {/block:Answer}
  1230.  
  1231. <section class="inline-meta post-extra{block:RebloggedFrom} has-reblog{/block:RebloggedFrom}{block:ContentSource} has-source{/block:ContentSource}{block:HasTags} has-tags{/block:HasTags}">
  1232. {block:ContentSource}
  1233. <a class="meta-item source-link" href="{SourceURL}">{lang:Source}: {SourceTitle}</a>
  1234. {/block:ContentSource}
  1235. {block:HasTags}
  1236. {block:Tags}
  1237. <a class="meta-item tag-link" href="{TagURL}">{Tag}</a>
  1238. {/block:Tags}
  1239. {/block:HasTags}
  1240. </section>
  1241.  
  1242. </section>
  1243.  
  1244. {block:Date}
  1245. <section class="panel">
  1246. <footer class="post-footer">
  1247.  
  1248. <section class="panel">
  1249. <section class="inline-meta date-notes">
  1250. <div class="date-note-wrapper">
  1251. {block:NoteCount}
  1252. <span>
  1253. <a href="{Permalink}#notes" class="meta-item post-notes">{NoteCountWithLabel}</a>
  1254. {block:PermalinkPage}
  1255. {block:PostNotes}
  1256. <section id="notes-count" class="clearfix">
  1257. <div class="notes-wrapper-header">
  1258. <span class="notes-wrapper-header-close">
  1259. <svg width="15px" height="15px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  1260. <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
  1261. <path d="M12.510351,14.6860639 L0,27.1964147 L2.175713,29.3721278 L14.686064,16.8617771 L27.196415,29.3721278 L29.372128,27.1964147 L16.861777,14.6860639 L29.372128,2.1757132 L27.196415,0 L14.686064,12.5103507 L2.175713,0 L0,2.1757132 L12.510351,14.6860639 L12.510351,14.6860639 Z" fill="#D3D3D3"></path>
  1262. </g>
  1263. </svg>
  1264. </span>
  1265. {NoteCountWithLabel}
  1266. </div>
  1267. </section>
  1268. {/block:PostNotes}
  1269. {/block:PermalinkPage}
  1270. </span>
  1271. {/block:NoteCount}
  1272. <a href="{Permalink}" title="{TimeAgo}" class="meta-item post-date">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}, {Year}</a>
  1273. </div>
  1274. </section>
  1275.  
  1276. <section class="post-controls">
  1277. <div class="controls-wrapper">
  1278. <div class="control share-control">
  1279. <nav class="pop">
  1280. <a href="#" class="share selector"></a>
  1281. <div class="pop-menu share-menu south" id="share_{PostID}">
  1282. <ul>
  1283. <li class="open-in-app"><a href="#" class="share-item open-in-app" data-post="{PostID}">{lang:Open in app}</a></li>
  1284. <li><a href="https://facebook.com/sharer.php?u={URLEncodedPermalink}&amp;t={URLEncodedTitle}" class="share-item facebook" target="_blank">{lang:Facebook}</a></li>
  1285. <li><a href="https://twitter.com/intent/tweet?text={URLEncodedTweetSummary}" class="share-item twitter" target="_blank">{lang:Tweet}</a></li>
  1286. {block:Photo}
  1287. <li><a href="//www.pinterest.com/pin/create/button/?url={URLEncodedPermalink}&amp;media={PhotoURL-500}" class="share-item pinterest" target="_blank">{lang:Pinterest}</a></li>
  1288. {/block:Photo}
  1289. {block:Video}{block:VideoThumbnail}
  1290. <li><a href="//www.pinterest.com/pin/create/button/?url={URLEncodedPermalink}&amp;media={VideoThumbnailURL}&amp;is_video=true" class="share-item pinterest" target="_blank">{lang:Pinterest}</a></li>
  1291. {/block:VideoThumbnail}{/block:Video}
  1292. <li><a href="https://reddit.com/submit?url={URLEncodedPermalink}" class="share-item reddit" target="_blank">{lang:Reddit}</a></li>
  1293. <li><a href="mailto:?subject={URLEncodedShareString}&amp;body={URLEncodedMailSummary}" class="share-item mail">{lang:Mail}</a></li>
  1294. <li><a href="{EmbedUrl}" class="share-item permalink">{lang:Embed}</a></li>
  1295. <li><a href="{Permalink}" class="share-item permalink">{lang:Permalink} <i class="arrow"></i></a></li>
  1296. </ul>
  1297. </div>
  1298. </nav>
  1299. </div>
  1300. <div class="control reblog-control">{ReblogButton size="24" color="black"}</div>
  1301. <div class="control like-control">{LikeButton size="24" color="black"}</div>
  1302. </div>
  1303. </section>
  1304.  
  1305. </section>
  1306. <section class="inline-meta date-notes">
  1307. {block:NoteCount}
  1308. <span class="notes-pop-container">
  1309. {block:PermalinkPage}
  1310. {block:PostNotes}
  1311. <section class="notes-wrapper clearfix">
  1312. <div id="notes" class="notes-anchor"></div>
  1313. {PostNotes-64}
  1314. </section>
  1315. {/block:PostNotes}
  1316. {/block:PermalinkPage}
  1317. </span>
  1318. {/block:NoteCount}
  1319. </section>
  1320. </footer>
  1321. </section>
  1322. {/block:Date}
  1323. {block:PermalinkPage}
  1324.  
  1325. {block:Date}
  1326.  
  1327. {block:IfDisqusShortname}
  1328. <section class="comments">
  1329. <div id="disqus_thread"></div>
  1330. <script type="text/javascript">
  1331. (function() {
  1332. var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
  1333. dsq.src = 'https://{text:Disqus Shortname}.disqus.com/embed.js';
  1334. (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  1335. })();
  1336. </script>
  1337. <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript={text:Disqus Shortname}">comments powered by Disqus.</a></noscript>
  1338. <a href="https://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>
  1339. </section>
  1340. {/block:IfDisqusShortname}
  1341.  
  1342. {/block:Date}
  1343.  
  1344. {/block:PermalinkPage}
  1345. </div>
  1346. </article>
  1347. {/block:Posts}
  1348. {block:FollowingPage}
  1349. {block:Blogs}
  1350. <div class="blog-card" style="background-color: {BackgroundColor};">
  1351. <div class="indash-tumblelog-compact">
  1352. <div class="indash-header-wrapper{block:HideHeaderImage} no-header-image{/block:HideHeaderImage}" style="color: {TitleColor}">
  1353. <div class="navigation">
  1354. <div class="navigation-inner">
  1355. <h3>
  1356. <a href="{BlogURL}" target="_blank" class="blog-name" {block:HideHeaderImage}style="color: {AccentColor};"{/block:HideHeaderImage}>
  1357. <span class="name">{Username}</span>
  1358. </a>
  1359. </h3>
  1360. </div>
  1361. </div>
  1362. {block:ShowHeaderImage}
  1363. <div class="header-image-wrapper">
  1364. <div class="header-image{block:StretchHeaderImage} cover{/block:StretchHeaderImage}{block:NoStretchHeaderImage} contain{/block:NoStretchHeaderImage}" style="background-image:url('{HeaderImage}')">
  1365. <a href="{BlogURL}" target="_blank">
  1366. <img src="{HeaderImage}" alt="{Title}">
  1367. </a>
  1368. </div>
  1369. </div>
  1370. {/block:ShowHeaderImage}
  1371. {Block:ShowAvatar}
  1372. <div class="avatar {AvatarShape}" style="background-color: {BackgroundColor}; background-image:url('{PortraitURL-128}'); color: {BackgroundColor}">
  1373. <a href="{BlogURL}" target="_blank"><img src="{PortraitURL-128}" alt="{Title}"></a>
  1374. </div>
  1375. {/Block:ShowAvatar}
  1376. <div class="info-wrapper">
  1377. <div class="info">
  1378. {block:ShowTitle}
  1379. <h1 class="title" style="font-family:'{TitleFont}', sans-serif; font-weight: {TitleFontWeight}">{Title}</h1>
  1380. {/block:ShowTitle}
  1381. {block:ShowDescription}
  1382. <div class="description" style="color: {TitleColor}">
  1383. <div class="description-inner">{Description}</div>
  1384. </div>
  1385. {/block:ShowDescription}
  1386. </div>
  1387. </div>
  1388. </div>
  1389. <div class="description-gradient" style="background: linear-gradient(rgba({RGBBackgroundColor}, 0), {BackgroundColor});"></div>
  1390. </div>
  1391. <div class="highlighted-posts">
  1392. {Block:HighlightedPosts}
  1393. <div class="post post-micro post-type-{PostType}" data-type="{PostType}">
  1394. <div class="post-content">
  1395. <div class="post-content-inner">
  1396. <div class="post-thumbnail-container" style="background-image: url('{PhotoURL-250}');"></div>
  1397. </div>
  1398. </div>
  1399. <div class="post-glass post-micro-glass">
  1400. <a target="_blank" class="permalink" href="{Permalink}"></a>
  1401. </div>
  1402. </div>
  1403. {/Block:HighlightedPosts}
  1404. </div>
  1405. </div>
  1406. {/block:Blogs}
  1407. {/block:FollowingPage}
  1408. {block:IfRelatedPosts}
  1409. {block:RelatedPosts}
  1410. <section class="related-posts-wrapper">
  1411. <h2>{lang:More you might like}</h2>
  1412. <div class="related-posts">
  1413. {block:Posts inlineMediaWidth="700" inlineNestedMediaWidth="700"}
  1414. <article class="{block:Text}text {/block:Text}{block:Photoset}photoset {/block:Photoset}{block:Photo}photo {/block:Photo}{block:RebloggedFrom}reblogged {/block:RebloggedFrom}{block:Quote}quote {/block:Quote}{block:Link}link {/block:Link}{block:Chat}chat {/block:Chat}{block:Audio}audio {/block:Audio}{block:Video}video {/block:Video}{block:Answer}answer {/block:Answer}{block:Date}not-page post-{PostID}{/block:Date} {block:PermalinkPage} active exposed{/block:PermalinkPage}" {block:Date}data-post-id="{PostID}"{/block:Date}>
  1415. <div class="post-wrapper clearfix">
  1416. {block:RebloggedFrom}
  1417. <header class="post-header">
  1418. <a class="reblog-link" href="{ReblogParentURL}"><i class="reblog-icon"></i>{ReblogParentName}</a>
  1419. </header>
  1420. {/block:RebloggedFrom}
  1421. <section class="post">
  1422. {block:Text}
  1423. <div class="post-content">
  1424. {block:Title}<h2 class="title"><a href="{Permalink}">{Title}</a></h2>{/block:Title}
  1425. {block:NotReblog}
  1426. <div class="body-text">{Body}</div>
  1427. {/block:NotReblog}
  1428. {block:RebloggedFrom}
  1429. <div class="reblog-list">
  1430. {block:Reblogs}
  1431. <div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
  1432. <div class="post-reblog-header">
  1433. {block:HasAvatar}
  1434. <div class="post-avatar">
  1435. <div class="post-avatar-wrapper">
  1436. {block:HasPermalink}
  1437. <a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  1438. <img class="post-avatar-image" src="{PortraitURL-64}">
  1439. </a>
  1440. {/block:HasPermalink}
  1441. {block:HasNoPermalink}
  1442. <span class="reblog-avatar{block:IsDeactivated} inactive{/block:IsDeactivated}{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}">
  1443. <img class="post-avatar-image" src="{PortraitURL-64}">
  1444. </span>
  1445. {/block:HasNoPermalink}
  1446. </div>
  1447. </div>
  1448. {/block:HasAvatar}
  1449.  
  1450. {block:HasPermalink}
  1451. <a target="_blank" class="post-tumblelog-name" href="{Permalink}">{Username}</a>
  1452. {/block:HasPermalink}
  1453. {block:HasNoPermalink}
  1454. <span class="post-tumblelog-name {block:IsDeactivated} inactive{/block:IsDeactivated}">{Username}</span>
  1455. {/block:HasNoPermalink}
  1456.  
  1457. {block:HasNoPermalink}
  1458. <span class="post-tumblelog-name {block:IsDeactivated} inactive{/block:IsDeactivated}">{Username}</span>
  1459. {/block:HasNoPermalink}
  1460. </div>
  1461. <div class="post-reblog-content">
  1462. <div class="post-body">
  1463. {Body}
  1464. </div>
  1465. </div>
  1466. </div>
  1467. {/block:Reblogs}
  1468. </div>
  1469. {/block:RebloggedFrom}
  1470. </div>
  1471. {/block:Text}
  1472.  
  1473. {block:Photo}
  1474. <figure class="post-content {block:HighRes}high-res{/block:HighRes}{block:Caption} with-caption{/block:Caption}" data-photo-width="{PhotoWidth-HighRes}">
  1475. <div class="photo-wrapper">
  1476. <div class="photo-wrapper-inner">
  1477. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="{PhotoWidth-HighRes}" height="{PhotoHeight-HighRes}"{block:LivePhoto}data-live-photo="{LivePhotoURL}" data-live-photo-still-image-time="{LivePhotoStillImageTime}"{/block:LivePhoto}>{LinkCloseTag}
  1478. </div>
  1479. </div>
  1480. {block:NotReblog}
  1481. <figcaption class="caption">
  1482. {Caption}
  1483. </figcaption>
  1484. {/block:NotReblog}
  1485. {block:RebloggedFrom}
  1486. <div class="reblog-list">
  1487. {block:Reblogs}
  1488. <div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
  1489. <div class="post-reblog-header">
  1490. {block:HasAvatar}
  1491. <div class="post-avatar">
  1492. <div class="post-avatar-wrapper">
  1493. {block:HasPermalink}
  1494. <a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  1495. <img class="post-avatar-image" src="{PortraitURL-64}">
  1496. </a>
  1497. {/block:HasPermalink}
  1498. {block:HasNoPermalink}
  1499. <span class="reblog-avatar{block:IsDeactivated} inactive{/block:IsDeactivated}{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}">
  1500. <img class="post-avatar-image" src="{PortraitURL-64}">
  1501. </span>
  1502. {/block:HasNoPermalink}
  1503. </div>
  1504. </div>
  1505. {/block:HasAvatar}
  1506.  
  1507. {block:HasPermalink}
  1508. <a target="_blank" class="post-tumblelog-name" href="{Permalink}">{Username}</a>
  1509. {/block:HasPermalink}
  1510. {block:HasNoPermalink}
  1511. <span class="post-tumblelog-name {block:IsDeactivated} inactive{/block:IsDeactivated}">{Username}</span>
  1512. {/block:HasNoPermalink}
  1513.  
  1514. </div>
  1515. <div class="post-reblog-content">
  1516. <div class="post-body">
  1517. {Body}
  1518. </div>
  1519. </div>
  1520. </div>
  1521. {/block:Reblogs}
  1522. </div>
  1523. {/block:RebloggedFrom}
  1524. </figure>
  1525. {/block:Photo}
  1526.  
  1527. {block:Photoset}
  1528. <figure class="post-content photoset {block:Caption}with-caption{/block:Caption}">
  1529. {Photoset}
  1530. {block:NotReblog}
  1531. <figcaption class="caption">
  1532. {Caption}
  1533. </figcaption>
  1534. {/block:NotReblog}
  1535. {block:RebloggedFrom}
  1536. <div class="reblog-list">
  1537. {block:Reblogs}
  1538. <div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
  1539. <div class="post-reblog-header">
  1540. {block:HasAvatar}
  1541. <div class="post-avatar">
  1542. <div class="post-avatar-wrapper">
  1543. {block:HasPermalink}
  1544. <a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  1545. <img class="post-avatar-image" src="{PortraitURL-64}">
  1546. </a>
  1547. {/block:HasPermalink}
  1548. {block:HasNoPermalink}
  1549. <span class="reblog-avatar{block:IsDeactivated} inactive{/block:IsDeactivated}{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}">
  1550. <img class="post-avatar-image" src="{PortraitURL-64}">
  1551. </span>
  1552. {/block:HasNoPermalink}
  1553. </div>
  1554. </div>
  1555. {/block:HasAvatar}
  1556.  
  1557. {block:HasPermalink}
  1558. <a target="_blank" class="post-tumblelog-name" href="{Permalink}">{Username}</a>
  1559. {/block:HasPermalink}
  1560. {block:HasNoPermalink}
  1561. <span class="post-tumblelog-name {block:IsDeactivated} inactive{/block:IsDeactivated}">{Username}</span>
  1562. {/block:HasNoPermalink}
  1563. </div>
  1564. <div class="post-reblog-content">
  1565. <div class="post-body">
  1566. {Body}
  1567. </div>
  1568. </div>
  1569. </div>
  1570. {/block:Reblogs}
  1571. </div>
  1572. {/block:RebloggedFrom}
  1573. </figure>
  1574. {/block:Photoset}
  1575.  
  1576. {block:Quote}
  1577. <div class="post-content">
  1578. <blockquote class="{Length}">
  1579. {Quote}
  1580. </blockquote>
  1581. {block:Source}
  1582. <div class="source">{Source}</div>
  1583. {/block:Source}
  1584. </div>
  1585. {/block:Quote}
  1586.  
  1587.  
  1588. {block:Link}
  1589. <div class="post-content{block:Description} with-caption{/block:Description}{block:Thumbnail} with-thumbnail{/block:Thumbnail}">
  1590. <div class="link-wrapper">
  1591. <a {Target} href="{URL}" class="link">
  1592. {block:Thumbnail}
  1593. <div class="link-thumbnail"><img src="{Thumbnail-HighRes}" alt="" /></div>
  1594. {/block:Thumbnail}
  1595. <div class="link-text-wrapper clearfix">
  1596. <div class="link-text">
  1597. {block:Host}
  1598. <div class="link-host">{Host}</div>
  1599. {/block:Host}
  1600. <h2 class="link-title">{Name}</h2>
  1601. {block:Excerpt}
  1602. <div class="link-excerpt">{Excerpt}</div>
  1603. {/block:Excerpt}
  1604. {block:Author}
  1605. <div class="link-author">{Author}</div>
  1606. {/block:Author}
  1607. </div>
  1608. </div>
  1609. </a>
  1610. </div>
  1611. {block:NotReblog}
  1612. <div class="caption">
  1613. {Description}
  1614. </div>
  1615. {/block:NotReblog}
  1616. {block:RebloggedFrom}
  1617. <div class="reblog-list">
  1618. {block:Reblogs}
  1619. <div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
  1620. <div class="post-reblog-header">
  1621. {block:HasAvatar}
  1622. <div class="post-avatar">
  1623. <div class="post-avatar-wrapper">
  1624. {block:HasPermalink}
  1625. <a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  1626. <img class="post-avatar-image" src="{PortraitURL-64}">
  1627. </a>
  1628. {/block:HasPermalink}
  1629. {block:HasNoPermalink}
  1630. <span class="reblog-avatar{block:IsDeactivated} inactive{/block:IsDeactivated}{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}">
  1631. <img class="post-avatar-image" src="{PortraitURL-64}">
  1632. </span>
  1633. {/block:HasNoPermalink}
  1634. </div>
  1635. </div>
  1636. {/block:HasAvatar}
  1637.  
  1638. {block:HasPermalink}
  1639. <a target="_blank" class="post-tumblelog-name" href="{Permalink}">{Username}</a>
  1640. {/block:HasPermalink}
  1641. {block:HasNoPermalink}
  1642. <span class="post-tumblelog-name {block:IsDeactivated} inactive{/block:IsDeactivated}">{Username}</span>
  1643. {/block:HasNoPermalink}
  1644. </div>
  1645. <div class="post-reblog-content">
  1646. <div class="post-body">
  1647. {Body}
  1648. </div>
  1649. </div>
  1650. </div>
  1651. {/block:Reblogs}
  1652. </div>
  1653. {/block:RebloggedFrom}
  1654. </div>
  1655. {/block:Link}
  1656.  
  1657.  
  1658. {block:Chat}
  1659. <div class="post-content">
  1660. {block:Title}<h2 class="title"><a href="{Permalink}">{Title}</a></h2>{/block:Title}
  1661. <ul class="conversation">
  1662. {block:Lines}
  1663. <li class="chat-{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>
  1664. {/block:Lines}
  1665. </ul>
  1666. </div>
  1667. {/block:Chat}
  1668.  
  1669.  
  1670. {block:Audio}
  1671. <div class="post-content {block:Caption}with-caption{/block:Caption}">
  1672. <div class="audio_container">
  1673. {block:AudioEmbed}
  1674. {AudioEmbed color="white"}
  1675. {/block:AudioEmbed}
  1676. </div>
  1677. {block:NotReblog}
  1678. <div class="caption">
  1679. {Caption}
  1680. </div>
  1681. {/block:NotReblog}
  1682. {block:RebloggedFrom}
  1683. <div class="reblog-list">
  1684. {block:Reblogs}
  1685. <div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
  1686. <div class="post-reblog-header">
  1687. {block:HasAvatar}
  1688. <div class="post-avatar">
  1689. <div class="post-avatar-wrapper">
  1690. {block:HasPermalink}
  1691. <a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  1692. <img class="post-avatar-image" src="{PortraitURL-64}">
  1693. </a>
  1694. {/block:HasPermalink}
  1695. {block:HasNoPermalink}
  1696. <span class="reblog-avatar{block:IsDeactivated} inactive{/block:IsDeactivated}{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}">
  1697. <img class="post-avatar-image" src="{PortraitURL-64}">
  1698. </span>
  1699. {/block:HasNoPermalink}
  1700. </div>
  1701. </div>
  1702. {/block:HasAvatar}
  1703.  
  1704. {block:HasPermalink}
  1705. <a target="_blank" class="post-tumblelog-name" href="{Permalink}">{Username}</a>
  1706. {/block:HasPermalink}
  1707. {block:HasNoPermalink}
  1708. <span class="post-tumblelog-name {block:IsDeactivated} inactive{/block:IsDeactivated}">{Username}</span>
  1709. {/block:HasNoPermalink}
  1710. </div>
  1711. <div class="post-reblog-content">
  1712. <div class="post-body">
  1713. {Body}
  1714. </div>
  1715. </div>
  1716. </div>
  1717. {/block:Reblogs}
  1718. </div>
  1719. {/block:RebloggedFrom}
  1720. </div>
  1721. {/block:Audio}
  1722.  
  1723.  
  1724. {block:Video}
  1725. <figure class="post-content {block:Caption}with-caption{/block:Caption}">
  1726. <div class="video-wrapper">
  1727. {Video-700}
  1728. </div>
  1729.  
  1730. {block:NotReblog}
  1731. <figcaption class="caption">
  1732. {Caption}
  1733. </figcaption>
  1734. {/block:NotReblog}
  1735. {block:RebloggedFrom}
  1736. <div class="reblog-list">
  1737. {block:Reblogs}
  1738. <div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
  1739. <div class="post-reblog-header">
  1740. {block:HasAvatar}
  1741. <div class="post-avatar">
  1742. <div class="post-avatar-wrapper">
  1743. {block:HasPermalink}
  1744. <a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  1745. <img class="post-avatar-image" src="{PortraitURL-64}">
  1746. </a>
  1747. {/block:HasPermalink}
  1748. {block:HasNoPermalink}
  1749. <span class="reblog-avatar{block:IsDeactivated} inactive{/block:IsDeactivated}{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}">
  1750. <img class="post-avatar-image" src="{PortraitURL-64}">
  1751. </span>
  1752. {/block:HasNoPermalink}
  1753. </div>
  1754. </div>
  1755. {/block:HasAvatar}
  1756.  
  1757. {block:HasPermalink}
  1758. <a target="_blank" class="post-tumblelog-name" href="{Permalink}">{Username}</a>
  1759. {/block:HasPermalink}
  1760. {block:HasNoPermalink}
  1761. <span class="post-tumblelog-name {block:IsDeactivated} inactive{/block:IsDeactivated}">{Username}</span>
  1762. {/block:HasNoPermalink}
  1763. </div>
  1764. <div class="post-reblog-content">
  1765. <div class="post-body">
  1766. {Body}
  1767. </div>
  1768. </div>
  1769. </div>
  1770. {/block:Reblogs}
  1771. </div>
  1772. {/block:RebloggedFrom}
  1773. </figure>
  1774. {/block:Video}
  1775.  
  1776. {block:Answer}
  1777. <div class="post-content">
  1778. <div class="note-item note-item-asker">
  1779. <div class="text">
  1780. <p class="asker"><strong>{Asker}</strong> asked:</p>
  1781. <div class="asker-question">
  1782. {Question}
  1783. </div>
  1784. </div>
  1785. <div class="avatar">
  1786. <img class="asker-avatar" src="{AskerPortraitURL-96}" alt="">
  1787. </div>
  1788. </div>
  1789.  
  1790. {block:Answerer}
  1791. <div class="note-item note-item-answerer">
  1792. <div class="text">
  1793. <p class="answerer"><strong>{Answerer}</strong> answered:</p>
  1794. <div class="answerer-answer">
  1795. {Answer}
  1796. </div>
  1797. </div>
  1798. <div class="avatar">
  1799. <img class="answerer-avatar" src="{AnswererPortraitURL-96}" alt="">
  1800. </div>
  1801. </div>
  1802. {/block:Answerer}
  1803.  
  1804. {block:NotReblog}
  1805. <div class="replies">
  1806. {Replies}
  1807. </div>
  1808. {/block:NotReblog}
  1809. {block:RebloggedFrom}
  1810. <div class="reblog-list">
  1811. {block:Reblogs}
  1812. <div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
  1813. <div class="post-reblog-header">
  1814. {block:HasAvatar}
  1815. <div class="post-avatar">
  1816. <div class="post-avatar-wrapper">
  1817. {block:HasPermalink}
  1818. <a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  1819. <img class="post-avatar-image" src="{PortraitURL-64}">
  1820. </a>
  1821. {/block:HasPermalink}
  1822. {block:HasNoPermalink}
  1823. <span class="reblog-avatar{block:IsDeactivated} inactive{/block:IsDeactivated}{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}">
  1824. <img class="post-avatar-image" src="{PortraitURL-64}">
  1825. </span>
  1826. {/block:HasNoPermalink}
  1827. </div>
  1828. </div>
  1829. {/block:HasAvatar}
  1830.  
  1831. {block:HasPermalink}
  1832. <a target="_blank" class="post-tumblelog-name" href="{Permalink}">{Username}</a>
  1833. {/block:HasPermalink}
  1834. {block:HasNoPermalink}
  1835. <span class="post-tumblelog-name {block:IsDeactivated} inactive{/block:IsDeactivated}">{Username}</span>
  1836. {/block:HasNoPermalink}
  1837. </div>
  1838. <div class="post-reblog-content">
  1839. <div class="post-body">
  1840. {Body}
  1841. </div>
  1842. </div>
  1843. </div>
  1844. {/block:Reblogs}
  1845. </div>
  1846. {/block:RebloggedFrom}
  1847. </div>
  1848. {/block:Answer}
  1849.  
  1850. <section class="inline-meta post-extra{block:RebloggedFrom} has-reblog{/block:RebloggedFrom}{block:ContentSource} has-source{/block:ContentSource}{block:HasTags} has-tags{/block:HasTags}">
  1851. {block:ContentSource}
  1852. <a class="meta-item source-link" href="{SourceURL}">{lang:Source}: {SourceTitle}</a>
  1853. {/block:ContentSource}
  1854. {block:HasTags}
  1855. {block:Tags}
  1856. <a class="meta-item tag-link" href="{TagURL}">{Tag}</a>
  1857. {/block:Tags}
  1858. {/block:HasTags}
  1859. </section>
  1860.  
  1861. </section>
  1862.  
  1863. {block:Date}
  1864. <section class="panel">
  1865. <footer class="post-footer">
  1866. <section class="panel">
  1867. <section class="inline-meta date-notes">
  1868. <div class="date-note-wrapper">
  1869. {block:NoteCount}
  1870. <a href="{Permalink}#notes" class="meta-item post-notes">{NoteCountWithLabel}</a>
  1871. {/block:NoteCount}
  1872. </div>
  1873. </section>
  1874.  
  1875. <section class="post-controls">
  1876. <div class="controls-wrapper">
  1877. <div class="control share-control">
  1878. <nav class="pop">
  1879. <a href="#" class="share selector"></a>
  1880. <div class="pop-menu share-menu south" id="share_{PostID}">
  1881. <ul>
  1882. <li class="open-in-app"><a href="#" class="share-item open-in-app" data-post="{PostID}">{lang:Open in app}</a></li>
  1883. <li><a href="https://facebook.com/sharer.php?u={URLEncodedPermalink}&amp;t={URLEncodedTitle}" class="share-item facebook" target="_blank">{lang:Facebook}</a></li>
  1884. <li><a href="https://twitter.com/intent/tweet?text={URLEncodedTweetSummary}" class="share-item twitter" target="_blank">{lang:Tweet}</a></li>
  1885. {block:Photo}
  1886. <li><a href="//www.pinterest.com/pin/create/button/?url={URLEncodedPermalink}&amp;media={PhotoURL-500}" class="share-item pinterest" target="_blank">{lang:Pinterest}</a></li>
  1887. {/block:Photo}
  1888. {block:Video}{block:VideoThumbnail}
  1889. <li><a href="//www.pinterest.com/pin/create/button/?url={URLEncodedPermalink}&amp;media={VideoThumbnailURL}&amp;is_video=true" class="share-item pinterest" target="_blank">{lang:Pinterest}</a></li>
  1890. {/block:VideoThumbnail}{/block:Video}
  1891. <li><a href="https://reddit.com/submit?url={URLEncodedPermalink}" class="share-item reddit" target="_blank">{lang:Reddit}</a></li>
  1892. <li><a href="mailto:?subject={URLEncodedShareString}&amp;body={URLEncodedMailSummary}" class="share-item mail">{lang:Mail}</a></li>
  1893. <li><a href="{EmbedUrl}" class="share-item permalink">{lang:Embed}</a></li>
  1894. <li><a href="{Permalink}" class="share-item permalink">{lang:Permalink} <i class="arrow"></i></a></li>
  1895. </ul>
  1896. </div>
  1897. </nav>
  1898. </div>
  1899. <div class="control reblog-control">{ReblogButton size="24" color="black"}</div>
  1900. <div class="control like-control">{LikeButton size="24" color="black"}</div>
  1901. </div>
  1902. </section>
  1903. </section>
  1904. </footer>
  1905. </section>
  1906. {/block:Date}
  1907. </div>
  1908. </article>
  1909. {/block:Posts}
  1910. </div>
  1911. <div class="related-posts-cta content">
  1912. <!-- @todo: translate these strings -->
  1913. <a class="related-post-cta button bordered open-in-app">{lang:See this in the app}</a>
  1914. <a class="related-post-cta see-more button bordered" href="/">{lang:Show more}</a>
  1915. </div>
  1916. </section>
  1917. {block:ShowAdsOnThisPage}
  1918. <input type="hidden" class="tumblr-page-show-ads" data-page-show-ads="true" data-ad-positions="{AdPositions}"></input>
  1919. {/block:ShowAdsOnThisPage}
  1920. {/block:RelatedPosts}
  1921. {/block:IfRelatedPosts}
  1922. </div> <!-- .main -->
  1923. <div class="sidebar">
  1924. {Block:HasHighlightedPosts}
  1925. <div class="widget highlighted-posts">
  1926. <div class="widget-title">Top Photos</div>
  1927. <div class="posts">
  1928. {Block:HighlightedPosts}
  1929. <div class="post post-micro post-type-{PostType}" data-type="{PostType}">
  1930. <div class="post-content">
  1931. <div class="post-content-inner">
  1932. <div class="post-thumbnail-container" style="background-image: url('{PhotoURL-250}');"></div>
  1933. </div>
  1934. </div>
  1935. <div class="post-glass post-micro-glass">
  1936. <a target="_blank" class="permalink" href="{Permalink}"></a>
  1937. </div>
  1938. </div>
  1939. {/Block:HighlightedPosts}
  1940. </div>
  1941. </div>
  1942. {/Block:HasHighlightedPosts}
  1943.  
  1944. {block:HasLikedPosts}
  1945. <div class="widget likes-widget">
  1946. <div class="widget-title">Recently Liked</div>
  1947. {block:LikedPosts limit="1"}
  1948. <article class="{block:Text}text {/block:Text}{block:Photoset}photoset {/block:Photoset}{block:Photo}photo {/block:Photo}{block:RebloggedFrom}reblogged {/block:RebloggedFrom}{block:Quote}quote {/block:Quote}{block:Link}link {/block:Link}{block:Chat}chat {/block:Chat}{block:Audio}audio {/block:Audio}{block:Video}video {/block:Video}{block:Answer}answer {/block:Answer}{block:Date}not-page post-{PostID}{/block:Date} {block:PermalinkPage} active exposed{/block:PermalinkPage}" {block:Date}data-post-id="{PostID}"{/block:Date}>
  1949. <div class="post-wrapper clearfix">
  1950. <header class="post-header">
  1951. <a class="post-blog" href="{Permalink}"><img class="blog-avatar" src="{PostBlogPortraitURL-30}" data-blog-card-username="{PostBlogName}">{PostBlogName}</a>
  1952. {block:RebloggedFrom}
  1953. <a class="reblog-link" href="{ReblogParentURL}" data-blog-card-username="{ReblogParentName}"><i class="reblog_sm"></i>{ReblogParentName}</a>
  1954. {/block:RebloggedFrom}
  1955. </header>
  1956.  
  1957. <section class="post">
  1958. {block:Text}
  1959. <div class="post-content">
  1960. {block:Title}<h2 class="title"><a href="{Permalink}">{Title}</a></h2>{/block:Title}
  1961. {block:NotReblog}
  1962. <div class="body-text">{Body}</div>
  1963. {/block:NotReblog}
  1964. {block:RebloggedFrom}
  1965. <div class="reblog-list">
  1966. {block:Reblogs}
  1967. <div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
  1968. <div class="post-reblog-header">
  1969. {block:HasAvatar}
  1970. <div class="post-avatar">
  1971. <div class="post-avatar-wrapper">
  1972. {block:HasPermalink}
  1973. <a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  1974. <img class="post-avatar-image" src="{PortraitURL-64}">
  1975. </a>
  1976. {/block:HasPermalink}
  1977. {block:HasNoPermalink}
  1978. <span class="reblog-avatar{block:IsDeactivated} inactive{/block:IsDeactivated}{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}">
  1979. <img class="post-avatar-image" src="{PortraitURL-64}">
  1980. </span>
  1981. {/block:HasNoPermalink}
  1982. </div>
  1983. </div>
  1984. {/block:HasAvatar}
  1985.  
  1986. {block:HasPermalink}
  1987. <a target="_blank" class="post-tumblelog-name" href="{Permalink}">{Username}</a>
  1988. {/block:HasPermalink}
  1989. {block:HasNoPermalink}
  1990. <span class="post-tumblelog-name {block:IsDeactivated} inactive{/block:IsDeactivated}">{Username}</span>
  1991. {/block:HasNoPermalink}
  1992. </div>
  1993. <div class="post-reblog-content">
  1994. <div class="post-body">
  1995. {Body}
  1996. </div>
  1997. </div>
  1998. </div>
  1999. {/block:Reblogs}
  2000. </div>
  2001. {/block:RebloggedFrom}
  2002. </div>
  2003. {/block:Text}
  2004.  
  2005. {block:Photo}
  2006. <figure class="post-content {block:HighRes}high-res{/block:HighRes}{block:Caption} with-caption{/block:Caption}" data-photo-width="{PhotoWidth-HighRes}">
  2007. <div class="photo-wrapper">
  2008. <div class="photo-wrapper-inner">
  2009. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="{PhotoWidth-HighRes}" height="{PhotoHeight-HighRes}"{block:LivePhoto}data-live-photo="{LivePhotoURL}" data-live-photo-still-image-time="{LivePhotoStillImageTime}"{/block:LivePhoto}>{LinkCloseTag}
  2010. </div>
  2011. </div>
  2012. {block:NotReblog}
  2013. <figcaption class="caption">
  2014. {Caption}
  2015. </figcaption>
  2016. {/block:NotReblog}
  2017. {block:RebloggedFrom}
  2018. <div class="reblog-list">
  2019. {block:Reblogs}
  2020. <div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
  2021. <div class="post-reblog-header">
  2022. {block:HasAvatar}
  2023. <div class="post-avatar">
  2024. <div class="post-avatar-wrapper">
  2025. {block:HasPermalink}
  2026. <a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  2027. <img class="post-avatar-image" src="{PortraitURL-64}">
  2028. </a>
  2029. {/block:HasPermalink}
  2030. {block:HasNoPermalink}
  2031. <span class="reblog-avatar{block:IsDeactivated} inactive{/block:IsDeactivated}{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}">
  2032. <img class="post-avatar-image" src="{PortraitURL-64}">
  2033. </span>
  2034. {/block:HasNoPermalink}
  2035. </div>
  2036. </div>
  2037. {/block:HasAvatar}
  2038.  
  2039. {block:HasPermalink}
  2040. <a target="_blank" class="post-tumblelog-name" href="{Permalink}">{Username}</a>
  2041. {/block:HasPermalink}
  2042. {block:HasNoPermalink}
  2043. <span class="post-tumblelog-name {block:IsDeactivated} inactive{/block:IsDeactivated}">{Username}</span>
  2044. {/block:HasNoPermalink}
  2045. </div>
  2046. <div class="post-reblog-content">
  2047. <div class="post-body">
  2048. {Body}
  2049. </div>
  2050. </div>
  2051. </div>
  2052. {/block:Reblogs}
  2053. </div>
  2054. {/block:RebloggedFrom}
  2055. </figure>
  2056. {/block:Photo}
  2057.  
  2058. {block:Photoset}
  2059. <figure class="post-content photoset {block:Caption}with-caption{/block:Caption}">
  2060. {Photoset}
  2061. {block:NotReblog}
  2062. <figcaption class="caption">
  2063. {Caption}
  2064. </figcaption>
  2065. {/block:NotReblog}
  2066. {block:RebloggedFrom}
  2067. <div class="reblog-list">
  2068. {block:Reblogs}
  2069. <div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
  2070. <div class="post-reblog-header">
  2071. {block:HasAvatar}
  2072. <div class="post-avatar">
  2073. <div class="post-avatar-wrapper">
  2074. {block:HasPermalink}
  2075. <a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  2076. <img class="post-avatar-image" src="{PortraitURL-64}">
  2077. </a>
  2078. {/block:HasPermalink}
  2079. {block:HasNoPermalink}
  2080. <span class="reblog-avatar{block:IsDeactivated} inactive{/block:IsDeactivated}{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}">
  2081. <img class="post-avatar-image" src="{PortraitURL-64}">
  2082. </span>
  2083. {/block:HasNoPermalink}
  2084. </div>
  2085. </div>
  2086. {/block:HasAvatar}
  2087.  
  2088. {block:HasPermalink}
  2089. <a target="_blank" class="post-tumblelog-name" href="{Permalink}">{Username}</a>
  2090. {/block:HasPermalink}
  2091. {block:HasNoPermalink}
  2092. <span class="post-tumblelog-name {block:IsDeactivated} inactive{/block:IsDeactivated}">{Username}</span>
  2093. {/block:HasNoPermalink}
  2094. </div>
  2095. <div class="post-reblog-content">
  2096. <div class="post-body">
  2097. {Body}
  2098. </div>
  2099. </div>
  2100. </div>
  2101. {/block:Reblogs}
  2102. </div>
  2103. {/block:RebloggedFrom}
  2104. </figure>
  2105. {/block:Photoset}
  2106.  
  2107. {block:Quote}
  2108. <div class="post-content">
  2109. <blockquote class="{Length}">
  2110. {Quote}
  2111. </blockquote>
  2112. {block:Source}
  2113. <div class="source">{Source}</div>
  2114. {/block:Source}
  2115. </div>
  2116. {/block:Quote}
  2117.  
  2118.  
  2119. {block:Link}
  2120. <div class="post-content{block:Description} with-caption{/block:Description}{block:Thumbnail} with-thumbnail{/block:Thumbnail}">
  2121. <div class="link-wrapper">
  2122. <a {Target} href="{URL}" class="link">
  2123. {block:Thumbnail}
  2124. <div class="link-thumbnail"><img src="{Thumbnail-HighRes}" alt="" /></div>
  2125. {/block:Thumbnail}
  2126. <div class="link-text-wrapper clearfix">
  2127. <div class="link-text">
  2128. {block:Host}
  2129. <div class="link-host">{Host}</div>
  2130. {/block:Host}
  2131. <h2 class="link-title">{Name}</h2>
  2132. {block:Excerpt}
  2133. <div class="link-excerpt">{Excerpt}</div>
  2134. {/block:Excerpt}
  2135. {block:Author}
  2136. <div class="link-author">{Author}</div>
  2137. {/block:Author}
  2138. </div>
  2139. </div>
  2140. </a>
  2141. </div>
  2142. {block:NotReblog}
  2143. <div class="caption">
  2144. {Description}
  2145. </div>
  2146. {/block:NotReblog}
  2147. {block:RebloggedFrom}
  2148. <div class="reblog-list">
  2149. {block:Reblogs}
  2150. <div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
  2151. <div class="post-reblog-header">
  2152. {block:HasAvatar}
  2153. <div class="post-avatar">
  2154. <div class="post-avatar-wrapper">
  2155. {block:HasPermalink}
  2156. <a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  2157. <img class="post-avatar-image" src="{PortraitURL-64}">
  2158. </a>
  2159. {/block:HasPermalink}
  2160. {block:HasNoPermalink}
  2161. <span class="reblog-avatar{block:IsDeactivated} inactive{/block:IsDeactivated}{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}">
  2162. <img class="post-avatar-image" src="{PortraitURL-64}">
  2163. </span>
  2164. {/block:HasNoPermalink}
  2165. </div>
  2166. </div>
  2167. {/block:HasAvatar}
  2168.  
  2169. {block:HasPermalink}
  2170. <a target="_blank" class="post-tumblelog-name" href="{Permalink}">{Username}</a>
  2171. {/block:HasPermalink}
  2172. {block:HasNoPermalink}
  2173. <span class="post-tumblelog-name {block:IsDeactivated} inactive{/block:IsDeactivated}">{Username}</span>
  2174. {/block:HasNoPermalink}
  2175. </div>
  2176. <div class="post-reblog-content">
  2177. <div class="post-body">
  2178. {Body}
  2179. </div>
  2180. </div>
  2181. </div>
  2182. {/block:Reblogs}
  2183. </div>
  2184. {/block:RebloggedFrom}
  2185. </div>
  2186. {/block:Link}
  2187.  
  2188.  
  2189. {block:Chat}
  2190. <div class="post-content">
  2191. {block:Title}<h2 class="title"><a href="{Permalink}">{Title}</a></h2>{/block:Title}
  2192. <ul class="conversation">
  2193. {block:Lines}
  2194. <li class="chat-{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>
  2195. {/block:Lines}
  2196. </ul>
  2197. </div>
  2198. {/block:Chat}
  2199.  
  2200.  
  2201. {block:Audio}
  2202. <div class="post-content {block:Caption}with-caption{/block:Caption}">
  2203. <div class="audio_container">
  2204. {block:AudioEmbed}
  2205. {AudioEmbed color="white"}
  2206. {/block:AudioEmbed}
  2207. </div>
  2208. {block:NotReblog}
  2209. <div class="caption">
  2210. {Caption}
  2211. </div>
  2212. {/block:NotReblog}
  2213. {block:RebloggedFrom}
  2214. <div class="reblog-list">
  2215. {block:Reblogs}
  2216. <div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
  2217. <div class="post-reblog-header">
  2218. {block:HasAvatar}
  2219. <div class="post-avatar">
  2220. <div class="post-avatar-wrapper">
  2221. {block:HasPermalink}
  2222. <a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  2223. <img class="post-avatar-image" src="{PortraitURL-64}">
  2224. </a>
  2225. {/block:HasPermalink}
  2226. {block:HasNoPermalink}
  2227. <span class="reblog-avatar{block:IsDeactivated} inactive{/block:IsDeactivated}{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}">
  2228. <img class="post-avatar-image" src="{PortraitURL-64}">
  2229. </span>
  2230. {/block:HasNoPermalink}
  2231. </div>
  2232. </div>
  2233. {/block:HasAvatar}
  2234.  
  2235. {block:HasPermalink}
  2236. <a target="_blank" class="post-tumblelog-name" href="{Permalink}">{Username}</a>
  2237. {/block:HasPermalink}
  2238. {block:HasNoPermalink}
  2239. <span class="post-tumblelog-name {block:IsDeactivated} inactive{/block:IsDeactivated}">{Username}</span>
  2240. {/block:HasNoPermalink}
  2241. <div class="post-reblog-content">
  2242. <div class="post-body">
  2243. {Body}
  2244. </div>
  2245. </div>
  2246. </div>
  2247. {/block:Reblogs}
  2248. </div>
  2249. {/block:RebloggedFrom}
  2250. </div>
  2251. {/block:Audio}
  2252.  
  2253.  
  2254. {block:Video}
  2255. <figure class="post-content {block:Caption}with-caption{/block:Caption}">
  2256. <div class="video-wrapper">
  2257. {Video-700}
  2258. </div>
  2259. {block:NotReblog}
  2260. <figcaption class="caption">
  2261. {Caption}
  2262. </figcaption>
  2263. {/block:NotReblog}
  2264. {block:RebloggedFrom}
  2265. <div class="reblog-list">
  2266. {block:Reblogs}
  2267. <div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
  2268. <div class="post-reblog-header">
  2269. {block:HasAvatar}
  2270. <div class="post-avatar">
  2271. <div class="post-avatar-wrapper">
  2272. {block:HasPermalink}
  2273. <a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  2274. <img class="post-avatar-image" src="{PortraitURL-64}">
  2275. </a>
  2276. {/block:HasPermalink}
  2277. {block:HasNoPermalink}
  2278. <span class="reblog-avatar{block:IsDeactivated} inactive{/block:IsDeactivated}{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}">
  2279. <img class="post-avatar-image" src="{PortraitURL-64}">
  2280. </span>
  2281. {/block:HasNoPermalink}
  2282. </div>
  2283. </div>
  2284. {/block:HasAvatar}
  2285.  
  2286. {block:HasPermalink}
  2287. <a target="_blank" class="post-tumblelog-name" href="{Permalink}">{Username}</a>
  2288. {/block:HasPermalink}
  2289. {block:HasNoPermalink}
  2290. <span class="post-tumblelog-name {block:IsDeactivated} inactive{/block:IsDeactivated}">{Username}</span>
  2291. {/block:HasNoPermalink}
  2292. </div>
  2293. <div class="post-reblog-content">
  2294. <div class="post-body">
  2295. {Body}
  2296. </div>
  2297. </div>
  2298. </div>
  2299. {/block:Reblogs}
  2300. </div>
  2301. {/block:RebloggedFrom}
  2302. </figure>
  2303. {/block:Video}
  2304.  
  2305. {block:Answer}
  2306. <div class="post-content">
  2307. <div class="note-item note-item-asker">
  2308. <div class="text">
  2309. <p class="asker"><strong>{Asker}</strong> asked:</p>
  2310. <div class="asker-question">
  2311. {Question}
  2312. </div>
  2313. </div>
  2314. <div class="avatar">
  2315. <img class="asker-avatar" src="{AskerPortraitURL-96}" alt="">
  2316. </div>
  2317. </div>
  2318.  
  2319. {block:Answerer}
  2320. <div class="note-item note-item-answerer">
  2321. <div class="text">
  2322. <p class="answerer"><strong>{Answerer}</strong> answered:</p>
  2323. <div class="answerer-answer">
  2324. {Answer}
  2325. </div>
  2326. </div>
  2327. <div class="avatar">
  2328. <img class="answerer-avatar" src="{AnswererPortraitURL-96}" alt="">
  2329. </div>
  2330. </div>
  2331. {/block:Answerer}
  2332.  
  2333. {block:NotReblog}
  2334. <div class="replies">
  2335. {Replies}
  2336. </div>
  2337. {/block:NotReblog}
  2338. {block:RebloggedFrom}
  2339. <div class="reblog-list">
  2340. {block:Reblogs}
  2341. <div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
  2342. <div class="post-reblog-header">
  2343. {block:HasAvatar}
  2344. <div class="post-avatar">
  2345. <div class="post-avatar-wrapper">
  2346. {block:HasPermalink}
  2347. <a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  2348. <img class="post-avatar-image" src="{PortraitURL-64}">
  2349. </a>
  2350. {/block:HasPermalink}
  2351. {block:HasNoPermalink}
  2352. <span class="reblog-avatar{block:IsDeactivated} inactive{/block:IsDeactivated}{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}">
  2353. <img class="post-avatar-image" src="{PortraitURL-64}">
  2354. </span>
  2355. {/block:HasNoPermalink}
  2356. </div>
  2357. </div>
  2358. {/block:HasAvatar}
  2359.  
  2360. {block:HasPermalink}
  2361. <a target="_blank" class="post-tumblelog-name" href="{Permalink}">{Username}</a>
  2362. {/block:HasPermalink}
  2363. {block:HasNoPermalink}
  2364. <span class="post-tumblelog-name {block:IsDeactivated} inactive{/block:IsDeactivated}">{Username}</span>
  2365. {/block:HasNoPermalink}
  2366. </div>
  2367. <div class="post-reblog-content">
  2368. <div class="post-body">
  2369. {Body}
  2370. </div>
  2371. </div>
  2372. </div>
  2373. {/block:Reblogs}
  2374. </div>
  2375. {/block:RebloggedFrom}
  2376. </div>
  2377. {/block:Answer}
  2378.  
  2379. <section class="inline-meta post-extra{block:RebloggedFrom} has-reblog{/block:RebloggedFrom}{block:ContentSource} has-source{/block:ContentSource}{block:HasTags} has-tags{/block:HasTags}">
  2380. {block:ContentSource}
  2381. <a class="meta-item source-link" href="{SourceURL}">{lang:Source}: {SourceTitle}</a>
  2382. {/block:ContentSource}
  2383. {block:HasTags}
  2384. {block:Tags}
  2385. <a class="meta-item tag-link" href="{TagURL}">{Tag}</a>
  2386. {/block:Tags}
  2387. {/block:HasTags}
  2388. </section>
  2389.  
  2390. </section>
  2391.  
  2392. {block:Date}
  2393. <section class="panel">
  2394. <footer class="post-footer">
  2395. <section class="panel">
  2396. <section class="inline-meta date-notes">
  2397. <div class="date-note-wrapper">
  2398. {block:NoteCount}
  2399. <a href="{Permalink}#notes" class="meta-item post-notes" target="_blank">{NoteCountWithLabel}</a>
  2400. {/block:NoteCount}
  2401. </div>
  2402. </section>
  2403.  
  2404. <section class="post-controls">
  2405. <div class="controls-wrapper">
  2406. <div class="control share-control">
  2407. <nav class="pop">
  2408. <a href="#" class="share selector"></a>
  2409. <div class="pop-menu share-menu south" id="share_{PostID}">
  2410. <ul>
  2411. <li class="open-in-app"><a href="#" class="share-item open-in-app" data-post="{PostID}">{lang:Open in app}</a></li>
  2412. <li><a href="https://facebook.com/sharer.php?u={URLEncodedPermalink}&amp;t={URLEncodedTitle}" class="share-item facebook" target="_blank">{lang:Facebook}</a></li>
  2413. <li><a href="https://twitter.com/intent/tweet?text={URLEncodedTweetSummary}" class="share-item twitter" target="_blank">{lang:Tweet}</a></li>
  2414. {block:Photo}
  2415. <li><a href="//www.pinterest.com/pin/create/button/?url={URLEncodedPermalink}&amp;media={PhotoURL-500}" class="share-item pinterest" target="_blank">{lang:Pinterest}</a></li>
  2416. {/block:Photo}
  2417. {block:Video}{block:VideoThumbnail}
  2418. <li><a href="//www.pinterest.com/pin/create/button/?url={URLEncodedPermalink}&amp;media={VideoThumbnailURL}&amp;is_video=true" class="share-item pinterest" target="_blank">{lang:Pinterest}</a></li>
  2419. {/block:VideoThumbnail}{/block:Video}
  2420. <li><a href="https://reddit.com/submit?url={URLEncodedPermalink}" class="share-item reddit" target="_blank">{lang:Reddit}</a></li>
  2421. <li><a href="mailto:?subject={URLEncodedShareString}&amp;body={URLEncodedMailSummary}" class="share-item mail">{lang:Mail}</a></li>
  2422. <li><a href="{EmbedUrl}" class="share-item permalink">{lang:Embed}</a></li>
  2423. <li><a href="{Permalink}" class="share-item permalink">{lang:Permalink} <i class="arrow"></i></a></li>
  2424. </ul>
  2425. </div>
  2426. </nav>
  2427. </div>
  2428. <div class="control reblog-control">{ReblogButton size="24" color="black"}</div>
  2429. <div class="control like-control">{LikeButton size="24" color="black"}</div>
  2430. </div>
  2431. </section>
  2432. </section>
  2433. </footer>
  2434. </section>
  2435. {/block:Date}
  2436. </div>
  2437. </article>
  2438. {/block:LikedPosts}
  2439. </div> <!-- .likes-widget -->
  2440. {/block:HasLikedPosts}
  2441. </div> <!-- .sidebar -->
  2442. </div> <!-- .container -->
  2443. </section>
  2444. {block:NewCta}
  2445. {block:PermalinkPage}
  2446. <div class="install-banner">
  2447. <div class="install-banner-inner">
  2448. <div class="copy">
  2449. <div>{lang:You scrolled this far}</div>
  2450. <div>{lang:Check out the Tumblr app}</div>
  2451. </div>
  2452.  
  2453. <div class="logo-wrapper">
  2454. <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
  2455. viewBox="0 0 1024 1024" enable-background="new 0 0 1024 1024" xml:space="preserve">
  2456. <path fill="#36465D" d="M1024,771c0,139.2-113.8,253-253,253H253C113.8,1024,0,910.2,0,771V253C0,113.8,113.8,0,253,0h518 c139.2,0,253,113.8,253,253V771z"/>
  2457. <path fill="none" stroke="#FFF100" stroke-width="4" stroke-miterlimit="10" d="M463.9,209.4"/>
  2458. <path opacity="0.6" fill="#231F20" d="M628.1,681c8.2,0,17.1-1.2,25.8-3.3V530.3h111.6V401.8h-68.6V473H585.4v162.4 C586,676.3,609.1,681,628.1,681z M654.4,250.5h-68.6v94h68.6V250.5z M754.3,722.9c-12.7,7.1-28.9,12.4-44.3,14.5l11.4,33.8 c-20.5,27-71.4,45.5-118.1,46.3c-1.6,0-3.1,0-4.7,0c0,0,0,0,0,0c-32.5,0-59.5-5.7-81.9-15.3c26.2,40,72.7,72.6,150.5,72.6c0,0,0,0,0,0c1.6,0,3.1,0,4.7,0c46.6-0.8,97.6-19.4,118.1-46.3L754.3,722.9z"/>
  2459. <path fill="none" stroke="#FFF100" stroke-width="4" stroke-miterlimit="10" d="M355,359.5"/>
  2460. <path fill="#FFFFFF" d="M577.5,830.6c65.1,0,129.7-23.2,151-51.3l4.3-5.6l-40.4-119.7c-0.4-1.1-1.4-1.9-2.6-1.9h-7.6h-3.5l-79.1,0 c-1.2,0-2.3-0.8-2.6-2c-1.1-4-1.7-8.9-1.8-14.9V489c0-1.5,1.2-2.7,2.7-2.7h106.1c1.5,0,2.7-1.2,2.7-2.7V333.8c0-1.5-1.2-2.7-2.7-2.7 H598.4c-1.5,0-2.7-1.2-2.7-2.7V182.5c0-1.5-1.2-2.7-2.7-2.7h-82.6h-28.9h-73.8c-13.3,0-28.5,9.8-30.8,28 c-9.3,75.3-43.8,120.5-108.7,142.2l-7.2,2.4c-1.1,0.4-1.9,1.4-1.9,2.6v128.6c0,1.5,1.2,2.7,2.7,2.7h50.4h0h15.9c0,0,0,120,0,158.3 C328.1,771,415.7,830.6,577.5,830.6z M701.6,769.5c-20.3,19.5-62,34.1-102,34.7c-1.5,0-3,0-4.5,0h0 c-131.5,0-166.6-100.4-166.6-159.7V462.3c0-1.5-1.2-2.7-2.7-2.7h-63.6c-1.5,0-2.7-1.2-2.7-2.7v-83c0-1.1,0.7-2.1,1.7-2.5 c68-26.5,105.9-79,115.9-160.3c0.6-4.5,4.3-4.6,4.3-4.6h84.9c1.5,0,2.7,1.2,2.7,2.7v145.9c0,1.5,1.2,2.7,2.7,2.7h105.7 c1.5,0,2.7,1.2,2.7,2.7v96.4c0,1.5-1.2,2.7-2.7,2.7H571.3c-1.5,0-2.7,1.2-2.7,2.7l0,173.2c0.6,39,19.5,58.8,56.1,58.8 c14.7,0,31.6-3.4,47.1-9.3c1.4-0.6,3,0.2,3.5,1.6l27,80C702.6,767.7,702.4,768.8,701.6,769.5z"/>
  2461. <path opacity="0.5" fill="#2D3F54" d="M328.1,528.9h73.8v-40.2c0-1.3-1.1-2.4-2.4-2.4h-71.4V528.9z"/>
  2462. </svg>
  2463. </div>
  2464.  
  2465. <a href="https://go.onelink.me/893408789" class="install-button" target="_blank">{lang:Get the app}</a>
  2466. </div>
  2467. </div>
  2468. {/block:PermalinkPage}
  2469. {/block:NewCta}
  2470. <footer id="footer" class="content clearfix">
  2471. {block:IndexPage}
  2472. {block:Pagination}
  2473. <div id="pagination">
  2474. {block:PreviousPage}
  2475. <a href="{PreviousPage}" class="previous" data-current-page="{CurrentPage}" data-total-pages="{TotalPages}">{lang:Previous}<span class="bg"></span></a>
  2476. {/block:PreviousPage}
  2477. {block:NextPage}
  2478. <a href="{NextPage}" class="next" data-current-page="{CurrentPage}" data-total-pages="{TotalPages}">{lang:Next}<span class="bg"></span></a>
  2479. {/block:NextPage}
  2480. <div class="loader"><div class="loader-bar"></div><div class="loader-bar"></div><div class="loader-bar"></div></div>
  2481. </div>
  2482. {/block:Pagination}
  2483. {/block:IndexPage}
  2484. </footer>
  2485. </section>
  2486. <script>
  2487. var Optica = {};
  2488. Optica.ENDLESS_SCROLLING = {block:IfEndlessScrolling}true{/block:IfEndlessScrolling}{block:IfNotEndlessScrolling}false{/block:IfNotEndlessScrolling};
  2489. Optica.SHOW_NAV = {block:IfShowNavigation}true{/block:IfShowNavigation}{block:IfNotShowNavigation}false{/block:IfNotShowNavigation};
  2490. Optica.LAYOUT = "{select:Layout}";
  2491. Optica.GRID_LAYOUT = (Optica.LAYOUT === 'grid');
  2492. Optica.TITLE_COLOR = "{TitleColor}";
  2493. Optica.ACCENT_COLOR = "{AccentColor}";
  2494. Optica.BACKGROUND_COLOR = "{BackgroundColor}";
  2495.  
  2496. {block:NuOpticaBlogCardsEnabled}
  2497. Optica.NU_OPTICA_BLOG_CARDS = true;
  2498. {/block:NuOpticaBlogCardsEnabled}
  2499. {block:NuOpticaBlogCardsDisabled}
  2500. Optica.NU_OPTICA_BLOG_CARDS = false;
  2501. {/block:NuOpticaBlogCardsDisabled}
  2502.  
  2503. Optica.RELATED_POSTS_CTA_VARIANTS = [
  2504. {
  2505. variant: "C",
  2506. text: "{lang:Open In App CTA C}"
  2507. },
  2508. {
  2509. variant: "D",
  2510. text: "{lang:Open In App CTA D}"
  2511. },
  2512. {
  2513. variant: "E",
  2514. text: "{lang:Open In App CTA E}"
  2515. }
  2516. ];
  2517. Optica.NO_LIKES_VARIANTS = [
  2518. "{lang:This Tumblr hasnt liked any posts yet}",
  2519. "{lang:This Tumblr doesnt like anything yet}",
  2520. "{lang:No likes Sheesh}",
  2521. "{lang:Amazing This Tumblr doesnt like anything}",
  2522. "{lang:Incredible This Tumblr doesnt like anything}",
  2523. "{lang:Neat This Tumblr doesnt like anything}",
  2524. "{lang:Apparently this Tumblr is hard to please}",
  2525. "{lang:Wow This Tumblr hasnt liked anything ever}",
  2526. "{lang:This Tumblr hasnt liked anything yet How very intriguing}",
  2527. "{lang:This Tumblr has never met a post it didnt not like}"
  2528. ];
  2529. Optica.NO_POSTS_VARIANTS = [
  2530. "{lang:This Tumblr hasnt made any posts}",
  2531. "{lang:This silly Tumblr hasnt posted anything yet}",
  2532. "{lang:This Tumblr is cool but empty}",
  2533. "{lang:This Tumblr is content-free}",
  2534. "{lang:This minimalist Tumblr has no posts}",
  2535. "{lang:Meditate for a while on this empty Tumblr}",
  2536. "{lang:Posts Nah}",
  2537. "{lang:This Tumblr has hardly any posts None at all in fact}",
  2538. "{lang:This Tumblr hasnt posted anything}"
  2539. ];
  2540. Optica.NO_FOLLOWING_VARIANTS = [
  2541. "{lang:This Tumblr hasnt followed any other Tumblrs}",
  2542. "{lang:Aw This Tumblr isnt following anyone}",
  2543. "{lang:Nope this Tumblr doesnt follow anyone}",
  2544. "{lang:This cool Tumblr doesnt follow anyone}",
  2545. "{lang:This far-out Tumblr doesnt follow anyone}",
  2546. "{lang:This fiercely independent Tumblr doesnt follow anyone}",
  2547. "{lang:This Tumblr doesnt follow anything except for its own rules}",
  2548. "{lang:This Tumblr doesnt really follow anything}"
  2549. ];
  2550. </script>
  2551.  
  2552. <script src="https://static.tumblr.com/27gzhx7/Z5qorjizb/main-min.js"></script>
  2553.  
  2554. {block:IfGoogleAnalyticsID}
  2555. <script>
  2556. (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  2557. (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  2558. m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  2559. })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  2560. ga('create', '{text:Google Analytics ID}', 'auto');
  2561. ga('send', 'pageview');
  2562. </script>
  2563. {/block:IfGoogleAnalyticsID}
  2564.  
  2565. {block:IfRelatedPosts}
  2566. {block:RelatedPosts}
  2567. <script src="https://static.tumblr.com/t1owtkf/bSAnvroul/jquery.waypoints.min.js" type="text/javascript"></script>
  2568. <script type="text/javascript">
  2569. $(function() {
  2570. var trackingPixels = {TrackingPixels};
  2571.  
  2572. var analytics_frame = document.getElementById('ga_target');
  2573. var analytics_iframe_loaded;
  2574. var eventMethod = window.addEventListener ? "addEventListener" : "attachEvent";
  2575. var eventer = window[eventMethod];
  2576. var messageEvent = eventMethod == "attachEvent" ? "onmessage" : "message";
  2577. eventer(messageEvent,function(e) {
  2578. var message = (e.data && e.data.split) ? e.data.split(';') : '';
  2579. if (message[0] == 'analytics_iframe_loaded') {
  2580. analytics_iframe_loaded = true;
  2581. }
  2582. });
  2583.  
  2584. $('.related-posts > article').waypoint(function() {
  2585. if (!analytics_iframe_loaded) {
  2586. return;
  2587. }
  2588.  
  2589. var post_id = $(this.element).data('post-id');
  2590. if (typeof trackingPixels[post_id] == 'undefined' || !trackingPixels[post_id]) {
  2591. return;
  2592. }
  2593.  
  2594. var trackingPixel = trackingPixels[post_id];
  2595.  
  2596. analytics_frame.contentWindow.postMessage(
  2597. ['tick_related_post', trackingPixel].join(';'),
  2598. analytics_frame.src.split('/analytics.html')[0]
  2599. );
  2600.  
  2601. trackingPixels[post_id] = null;
  2602. }, {
  2603. offset: '100%'
  2604. });
  2605. });
  2606. </script>
  2607. {/block:RelatedPosts}
  2608. {/block:IfRelatedPosts}
  2609. {block:IfSyntaxHighlighting}
  2610. <script type="text/javascript" src="https://static.tumblr.com/ehm1tdz/Mhunye5t3/highlight.pack.js"/></script>
  2611. <script type="text/javascript">
  2612. (function($) {
  2613. $(document).ready(function() {
  2614. $('.post-content pre code').each(function(i, block) {
  2615. hljs.highlightBlock(block);
  2616. });
  2617. });
  2618. })(window.jQuery);
  2619. </script>
  2620. {/block:IfSyntaxHighlighting}
  2621. </body>
  2622. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!