flowfix88

Ivan's Tumblr v1.6

Jul 8th, 2023
53
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 83.96 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.  
  5. <meta charset="utf-8"/>
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <meta name="keywords" content="{text:Site keywords}">
  8. <meta name="author" content="{text:Site Author}">
  9. <meta name="text:head tag code snippet" content="">
  10.  
  11. <title>{block:PermalinkPage}{block:PostSummary}{PostSummary} - {/block:PostSummary}{/block:PermalinkPage}{Title}</title>
  12.  
  13.  
  14. {block:Description}
  15. <meta name="description" content="{MetaDescription}"/>
  16.  
  17. {/block:Description}
  18. <meta name="theme-color" content="#550000">
  19.  
  20. <!-- open graph data -->
  21. <meta property="og:site_name" content="{Title}" />
  22. <meta name="twitter:card" content="summary" />
  23. <meta name="twitter:image" content="{image:twitter image} /">
  24. <meta name="og:image" content="{image:og image} /">
  25. <!-- open graph data -->
  26.  
  27.  
  28. {block:Hidden}
  29. <meta name="image:Logo" content=""/>
  30. <meta name="image:twitter image" content=""/>
  31. <meta name="image:og image" content=""/>
  32. <meta name="color:Menu Bar Background" content="#282828"/>
  33. <meta name="color:Tag Menu Background Color" content="#282828"/>
  34. <meta name="color:Footer background color" content="#282828"/>
  35. <meta name="color:Blog background color" content="#4A545E"/>
  36. <meta name="color:Logo Section Background" content="#4A545E"/>
  37. <meta name="color:Disclaimer background color" content="#ffff"/>
  38.  
  39.  
  40. <meta name="color:Posts INFO background color" content="#4A545E"/>
  41. <meta name="color:Loading page background color" content="#4A545E"/>
  42.  
  43. <meta name="color:Posts text color" content="#ffffff"/>
  44. <meta name="color:Posts Links Color" content="#ffffff"/>
  45. <meta name="color:Menu Links Color" content="#ffffff"/>
  46. <meta name="color:Tag Menu Text Color" content="#ffffff"/>
  47. <meta name="color:Buttons text color" content="#ffffff"/>
  48. <meta name="color:Preload page text color" content="#ffffff"/>
  49. <meta name="color:Posts INFO text color" content="#ffffff"/>
  50. <meta name="color:Posts title color" content="#ffffff"/>
  51.  
  52. <meta name="color:Posts hover overlay text color" content="#ffffff"/>
  53. <meta name="color:Footer text color" content="#ffffff"/>
  54. <meta name="color:Copyright Link Color" content="#ffffff"/>
  55. <meta name="color:Loading page animation color" content="#D95E40"/> <meta name="color:Posts hover overlay color" content="#D95E40"/>
  56. <meta name="color:Accent color" content="#D95E40"/>
  57. <meta name="color:Disclaimer text color" content="#ffff"/>
  58. <meta name="color:Scroll to top button color" content="#ffff"/>
  59. <meta name="color:Scroll to top button hover color" content="#ffff"/>
  60. <meta name="color:Scroll to top text color" content="#ffff"/>
  61. <meta name="color:Scroll to top text hover color" content="#ffff"/>
  62. <meta name="color:Search button background color" content="#D95E40"/>
  63. <meta name="color:Search button text color" content="#ffff"/>
  64. <meta name="color:Search input background color" content="#ffff"/>
  65. <meta name="color:Search input text color" content="#000000"/>
  66.  
  67. <!-- seo tags -->
  68. <meta name="text:Site keywords" content="">
  69. <meta name="text:Site Author" content="">
  70. <!-- seo tags -->
  71.  
  72. <meta name="text:Logo Link" content="/" />
  73. <meta name="text:TAG for Post TITLE without hover" content="" />
  74. <meta name="text:Posts hover overlay opacity out of 9" content="5" />
  75. <meta name="text:First Dropdown Title" content="Menu 1" />
  76. <meta name="text:First Dropdown Submenu 1 Title" content="Submenu 1" />
  77. <meta name="text:First Dropdown Submenu 1 Link" content="/" />
  78. <meta name="text:First Dropdown Submenu 2 Title" content="Submenu 2" />
  79. <meta name="text:First Dropdown Submenu 2 Link" content="/" />
  80. <meta name="text:First Dropdown Submenu 3 Title" content="Submenu 3" />
  81. <meta name="text:First Dropdown Submenu 3 Link" content="/" />
  82. <meta name="text:First Dropdown Submenu 4 Title" content="" />
  83. <meta name="text:First Dropdown Submenu 4 Link" content="" />
  84.  
  85. <meta name="text:First Dropdown Submenu 5 Title" content="" />
  86. <meta name="text:First Dropdown Submenu 5 Link" content="" />
  87. <meta name="text:First Dropdown Submenu 6 Title" content="" />
  88. <meta name="text:First Dropdown Submenu 6 Link" content="" />
  89. <meta name="text:First Dropdown Submenu 7 Title" content="" />
  90. <meta name="text:First Dropdown Submenu 7 Link" content="" />
  91. <meta name="text:First Dropdown Submenu 8 Title" content="" />
  92. <meta name="text:First Dropdown Submenu 8 Link" content="" />
  93. <meta name="text:First Dropdown Submenu 9 Title" content="" />
  94. <meta name="text:First Dropdown Submenu 9 Link" content="" />
  95. <meta name="text:First Dropdown Submenu 10 Title" content="" />
  96. <meta name="text:First Dropdown Submenu 10 Link" content="" />
  97.  
  98. <meta name="text:Second Dropdown Title" content="Menu 2" />
  99. <meta name="text:Second Dropdown Submenu 1 Title" content="Submenu 1" />
  100. <meta name="text:Second Dropdown Submenu 1 Link" content="/" />
  101. <meta name="text:Second Dropdown Submenu 2 Title" content="Submenu 2" />
  102. <meta name="text:Second Dropdown Submenu 2 Link" content="/" />
  103. <meta name="text:Second Dropdown Submenu 3 Title" content="Submenu 3" />
  104. <meta name="text:Second Dropdown Submenu 3 Link" content="/" />
  105. <meta name="text:Second Dropdown Submenu 4 Title" content="" />
  106. <meta name="text:Second Dropdown Submenu 4 Link" content="" />
  107.  
  108. <meta name="text:Second Dropdown Submenu 5 Title" content="" />
  109. <meta name="text:Second Dropdown Submenu 5 Link" content="" />
  110. <meta name="text:Second Dropdown Submenu 6 Title" content="" />
  111. <meta name="text:Second Dropdown Submenu 6 Link" content="" />
  112. <meta name="text:Second Dropdown Submenu 7 Title" content="" />
  113. <meta name="text:Second Dropdown Submenu 7 Link" content="" />
  114. <meta name="text:Second Dropdown Submenu 8 Title" content="" />
  115. <meta name="text:Second Dropdown Submenu 8 Link" content="" />
  116. <meta name="text:Second Dropdown Submenu 9 Title" content="" />
  117. <meta name="text:Second Dropdown Submenu 9 Link" content="" />
  118. <meta name="text:Second Dropdown Submenu 10 Title" content="" />
  119. <meta name="text:Second Dropdown Submenu 10 Link" content="" />
  120.  
  121. /*Footer menu start*/
  122.  
  123. <meta name="text:Footer Menu Label 1" content="" />
  124. <meta name="text:Footer Menu Link 1" content="" />
  125. <meta name="text:Footer Menu Label 2" content="" />
  126. <meta name="text:Footer Menu Link 2" content="" />
  127. <meta name="text:Footer Menu Label 3" content="" />
  128. <meta name="text:Footer Menu Link 3" content="" />
  129. <meta name="text:Footer Menu Label 4" content="" />
  130. <meta name="text:Footer Menu Link 4" content="" />
  131. <meta name="text:Footer Menu Label 5" content="" />
  132. <meta name="text:Footer Menu Link 5" content="" />
  133. <meta name="text:Footer Menu Label 6" content="" />
  134. <meta name="text:Footer Menu Link 6" content="" />
  135. <meta name="text:Footer Menu Label 7" content="" />
  136. <meta name="text:Footer Menu Link 7" content="" />
  137. <meta name="text:Footer Menu Label 8" content="" />
  138. <meta name="text:Footer Menu Link 8" content="" />
  139. <meta name="text:Footer Menu Label 9" content="" />
  140. <meta name="text:Footer Menu Link 9" content="" />
  141. <meta name="text:Footer Menu Label 10" content="" />
  142. <meta name="text:Footer Menu Link 10" content="" />
  143.  
  144. /*Footer menu end*/
  145.  
  146. <meta name="text:Font size for page title" content="24px"/>
  147. <meta name="text:Font size for post text" content="15px"/>
  148. <meta name="text:Font size for post titles" content="28px"/>
  149. <meta name="text:Font size for quotes" content="25px"/>
  150.  
  151. <meta name="font:Text font" content="Brutal Type"/>
  152. <meta name="font:Titles font" content="Lorimer No 2"/>
  153.  
  154. <meta name="select:Single post page max width" content="900px" title="900px">
  155. <meta name="select:Single post page max width" content="1000px" title="1000px">
  156. <meta name="select:Single post page max width" content="1200px" title="1200px">
  157.  
  158. <meta name="select:Posts columns number" content="col-4" title="4 columns"/>
  159. <meta name="select:Posts columns number" content="col-3" title="3 columns"/>
  160. <meta name="select:Posts columns number" content="col-2" title="2 columns"/>
  161.  
  162. <meta name="select:Posts aspect ratio" content="aspect-4-3" title="Landscape - 4:3"/>
  163. <meta name="select:Posts aspect ratio" content="aspect-3-4" title="Portrait - 3:4"/>
  164. <meta name="select:Posts aspect ratio" content="aspect-1-1" title="Square - 1:1"/>
  165.  
  166. <meta name="select:Posts container max width" content="max-w-1900" title="1900px"/>
  167. <meta name="select:Posts container max width" content="max-w-1600" title="1600px"/>
  168. <meta name="select:Posts container max width" content="max-w-1400" title="1400px"/>
  169. <meta name="select:Posts container max width" content="max-w-1200" title="1200px"/>
  170. <meta name="select:Space between posts" content="post-spacing-0" title="0px">
  171. <meta name="select:Space between posts" content="post-spacing-24" title="24px">
  172. <meta name="select:Space between posts" content="post-spacing-40" title="40px">
  173. <meta name="select:Space between posts" content="post-spacing-30" title="30px">
  174. <meta name="select:Space between posts" content="post-spacing-20" title="20px">
  175. <meta name="select:Space between posts" content="post-spacing-14" title="14px">
  176. <meta name="select:Space between posts" content="post-spacing-10" title="10px">
  177. <meta name="select:Space between posts" content="post-spacing-6" title="6px">
  178. <meta name="select:Space between posts" content="post-spacing-2" title="2px">
  179.  
  180. <meta name="select:Post on click" content="open-lb" title="Open in lightbox"/>
  181. <meta name="select:Post on click" content="open-pp" title="Open on permalinkpage"/>
  182.  
  183. <meta name="select:Loading page animation" content="css-preloader-01" title="CSS Circcle spinner">
  184. <meta name="select:Loading page animation" content="css-preloader-02" title="CSS Pulse">
  185. <meta name="select:Loading page animation" content="preloader-01" title="Animation 1">
  186. <meta name="select:Loading page animation" content="preloader-02" title="Animation 2">
  187. <meta name="select:Loading page animation" content="" title="None">
  188.  
  189. <meta name="select:Categories menu" content="cat-menu-tag" title="Load posts for selected tag">
  190. <meta name="select:Categories menu" content="cat-menu-filter" title="Filter posts with selected tag from loaded posts">
  191. <meta name="select:Categories menu" content="cat-menu-hidden" title="Hidden">
  192.  
  193. <meta name="select:Tumblr buttons" content="tumblr-btn-top" title="Show on top">
  194. <meta name="select:Tumblr buttons" content="tumblr-btn-bottom" title="Show on bottom">
  195. <meta name="select:Tumblr buttons" content="tumblr-btn-hide" title="Hidden">
  196.  
  197. <meta name="select:Post page display property" content="flex" title="flex">
  198. <meta name="select:Post page display property" content="block" title="block">
  199.  
  200. <meta name="select:Post page content direction" content="row" title="row">
  201. <meta name="select:Post page content direction" content="column" title="column">
  202.  
  203. <meta name="select:Post page title alignment" content="center" title="center">
  204. <meta name="select:Post page title alignment" content="left" title="left">
  205. <meta name="select:Post page title alignment" content="right" title="right">
  206. <meta name="select:Post page title alignment" content="justify" title="justify">
  207.  
  208. <meta name="select:Post page content alignment" content="space-between" title="space-between">
  209. <meta name="select:Post page content alignment" content="start" title="start">
  210. <meta name="select:Post page content alignment" content="center" title="center">
  211. <meta name="select:Post page content alignment" content="end" title="end">
  212. <meta name="select:Post page content alignment" content="space-around" title="space-around">
  213. <meta name="select:Post page content alignment" content="space-evenly" title="space-evenly">
  214.  
  215. <meta name="select:Post page text alignment" content="left" title="left">
  216. <meta name="select:Post page text alignment" content="center" title="center">
  217. <meta name="select:Post page text alignment" content="right" title="right">
  218. <meta name="select:Post page text alignment" content="justify" title="justify">
  219.  
  220. <meta name="select:Post page text vertical alignment" content="center" title="center">
  221. <meta name="select:Post page text vertical alignment" content="start" title="start">
  222. <meta name="select:Post page text vertical alignment" content="end" title="end">
  223.  
  224. <meta name="if:Use logo image" content="1">
  225. <meta name="if:Hide Top Menu Bar" content="0"/>
  226. <meta name="if:Hide Tag Menu" content="0"/>
  227. <meta name="if:Show scrollbars for long posts" content="1"/>
  228. <meta name="if:Show posts title" content="0"/>
  229. <meta name="if:Post has syndication" content="0"/>
  230. <meta name="if:Show posts category" content="1"/>
  231. <meta name="if:Show posts notes and comments counters" content="1"/>
  232. <meta name="if:Show exif data" content="1"/>
  233. <meta name="if:Back to top" content="0"/>
  234. <meta name="if:Search Button" content="0"/>
  235.  
  236.  
  237. <meta name="if:Facebook share button" content="1"/>
  238. <meta name="if:Twitter share button" content="1"/>
  239.  
  240. /* Category and Tag start*/
  241. <meta name='text:Category 1 tag label' content="Tag1" />
  242. <meta name='text:Category 1 tag link' content="Tag1" />
  243. <meta name='text:Category 2 tag label' content="Tag2" />
  244. <meta name='text:Category 2 tag link' content="Tag2" />
  245. <meta name='text:Category 3 tag label' content="Tag3" />
  246. <meta name='text:Category 3 tag link' content="Tag3" />
  247. <meta name='text:Category 4 tag label' content="Tag4" />
  248. <meta name='text:Category 4 tag link' content="Tag4" />
  249. <meta name='text:Category 5 tag label' content="Tag5" />
  250. <meta name='text:Category 5 tag link' content="Tag5" />
  251. <meta name='text:Category 6 tag label' content="Up to 15 Tags" />
  252. <meta name='text:Category 6 tag link' content="Up to 15 Tags" />
  253. <meta name='text:Category 7 tag label' content="" />
  254. <meta name='text:Category 7 tag link' content="" />
  255. <meta name='text:Category 8 tag label' content="" />
  256. <meta name='text:Category 8 tag link' content="" />
  257. <meta name='text:Category 9 tag label' content="" />
  258. <meta name='text:Category 9 tag link' content="" />
  259. <meta name='text:Category 10 tag label' content="" />
  260. <meta name='text:Category 10 tag link' content="" />
  261. <meta name='text:Category 11 tag label' content="" />
  262. <meta name='text:Category 11 tag link' content="" />
  263. <meta name='text:Category 12 tag label' content="" />
  264. <meta name='text:Category 12 tag link' content="" />
  265. <meta name='text:Category 13 tag label' content="" />
  266. <meta name='text:Category 13 tag link' content="" />
  267. <meta name='text:Category 14 tag label' content="" />
  268. <meta name='text:Category 14 tag link' content="" />
  269. <meta name='text:Category 15 tag label' content="" />
  270. <meta name='text:Category 15 tag link' content="" />
  271.  
  272. /* Category and Tag end*/
  273.  
  274. <meta name="text:Google analytics ID" content=""/>
  275. <meta name='text:Disqus Shortname' content=""/>
  276.  
  277. <meta name='text:Scroll top button text' content="Top"/>
  278. <meta name='text:Show post notes text' content="Show post notes"/>
  279. <meta name='text:Loading page text' content="Loading..."/>
  280. <meta name='text:Categories menu label 1' content="Show:"/>
  281. <meta name='text:Categories menu label 2' content="Filter:"/>
  282. <meta name='text:Categories menu all posts' content="All"/>
  283. <meta name='text:Copyright label' content="" />
  284. <meta name='text:Copyright label link' content="" />
  285. <meta name='text:Disclaimer label' content="" />
  286.  
  287.  
  288. <meta name="text:Custom Google Fonts NAME for text" content="Rubik"/>
  289. <meta name="text:Custom Google Fonts NAME for titles" content="Rubik"/> <meta name="text:Custom Google Fonts NAME for Menu" content="Rubik" />
  290. {/block:Hidden}
  291.  
  292. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  293. <meta name="apple-mobile-web-app-capable" content="yes">
  294. <link rel="shortcut icon" href="{FavIcon}" />
  295.  
  296. <link rel="apple-touch-icon-precomposed" href="{PortraitURL-128}">
  297. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  298.  
  299. <link href='https://static.tumblr.com/8wlin78/tzioil1o6/queis-theme.min.css' rel='stylesheet' type='text/css'>
  300. <link href="https://static.tumblr.com/8wlin78/27cnt9nyo/nivo-lightbox.min.css" rel="stylesheet" type="text/css">
  301. <link href="https://static.tumblr.com/8wlin78/Syfnt9o14/jquery.mcustomscrollbar.min.css" rel="stylesheet" type="text/css">
  302. <link rel="stylesheet" href="https://fonts.googleapis.com/css?family={text:Custom Google Fonts NAME for Menu}:400,700,900">
  303.  
  304. {block:IfCustomGoogleFontsNAMEForText}
  305. <link href='https://fonts.googleapis.com/css?family={text:Custom Google Fonts NAME for text}:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
  306. {/block:IfCustomGoogleFontsNAMEForText}
  307. {block:IfCustomGoogleFontsNAMEForTitles}
  308. <link href='https://fonts.googleapis.com/css?family={text:Custom Google Fonts NAME for titles}:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
  309. {/block:IfCustomGoogleFontsNAMEForTitles}
  310.  
  311. <!--[if lt IE 9]>
  312. <script src="https://static.tumblr.com/hriofhd/Qj0m8pn7q/html5shiv.js"></script>
  313. <![endif]-->
  314.  
  315. <style>
  316. body {
  317. font-family: {font:Text font};
  318. {block:IfCustomGoogleFontsNAMEForText}
  319. font-family: {text:Custom Google Fonts NAME for text};
  320. {/block:IfCustomGoogleFontsNAMEForText}
  321. font-size: {text:Font size for post text};
  322. }
  323. .scrollable .post-title {
  324. font-size: {text:Font size for post titles};
  325. }
  326. .quote-content > blockquote {
  327. font-size: {text:Font size for quotes};
  328. }
  329. .post-title,
  330. .typography h1,
  331. .typography h2,
  332. .typography h3,
  333. .typography h4,
  334. .typography h5,
  335. .typography h6,
  336. .link-title,
  337. .headline,
  338. .tag-page > span,
  339. .search-page > span,
  340. .day-page > span,
  341. .post-title,
  342. .post-title-index,
  343. .chat .label,
  344. .title-name,
  345. .post-tags,
  346. .about-title > div,
  347. .quote-content,
  348. .ft-label,
  349. .info,
  350. .tweet-date,
  351. .stats-content > .type > span,
  352. .load-msg,
  353. .caption > .caption-title,
  354. .category-name {
  355. font-family: {font:Titles font};
  356. {block:IfCustomGoogleFontsNAMEForTitles}
  357. font-family: {text:Custom Google Fonts NAME for titles};
  358. {/block:IfCustomGoogleFontsNAMEForTitles}
  359. }
  360. .title-and-nav .page-title > a {
  361. font-family: {font:Page title font};
  362. font-size: {text:Font size for page title};
  363. }
  364. body > .content-pp,
  365. .lightbox-wrap {
  366. width: 100%;
  367. max-width: {select:Single post page max width};
  368. }
  369. /*Blog background color - #E02B20 */
  370. body {
  371. background-color: {color:Blog background color};
  372. }
  373. /*Blog accent color - #E02B20 */
  374. a,
  375. .typography a,
  376.  
  377. .tag-page .tag,
  378. .search-page .search_query,
  379. .post-title,
  380. .post-text a:hover,
  381. .link-target:hover,
  382. .video-wrapper a:hover,
  383. .tags-wrap > a:hover,
  384. .notes a:hover,
  385. .copyright > a:hover,
  386. .tweet-text a:hover,
  387. .link .post-title:hover,
  388. .tweet-text a,
  389. .post-title > a:hover,
  390. .link-widget > .link-wrap:hover {
  391. color: {color:Links color};
  392. }
  393. .top-nav > li:hover, .top-nav > .drop-down:hover,
  394. .menu-icon:hover, .menu-icon.active,
  395. .ver-nav .top-nav-sl a:hover,
  396. .top-nav .active, .top-nav .focus,
  397. .caption-title:after,
  398. .nav-next, .nav-previous,
  399. .timebar > .bar,
  400. .post-info .option-btn, .post-info .option-text,
  401. .button,
  402. .ft-label:after,
  403. .social-links > a > span:hover,
  404. .photoset-counter,
  405. .video-counter,
  406. .menu > li.active,
  407. .menu > li:hover,
  408. .lightbox-back {
  409. background-color: {color:Accent color};
  410. }
  411.  
  412. /*Scroll to Top button*/
  413. a.internal.button {
  414. background-color: {color:Scroll to top button color};
  415. color: {color:Scroll to top text color};
  416.  
  417. }
  418. a.internal.button:hover {
  419. background-color: {color:Scroll to top button hover color} !important;
  420. color: {color:Scroll to top text hover color};
  421.  
  422.  
  423. }
  424.  
  425. .post-info .option-btn:hover, .post-info .option-text:hover{
  426. background-color: {color:Accent color};
  427. }
  428.  
  429.  
  430.  
  431. .menu > li:hover:first-child {
  432. background-color: transparent;
  433. }
  434. .top-nav-sl,
  435. .menu > .active, .menu > .active:hover {
  436. border-color: {color:Accent color};
  437. }
  438. .menu-icon:after {
  439. border-bottom-color: {color:Accent color};
  440. }
  441. .menu-icon:hover > svg {
  442. fill: {color:Accent color};
  443. }
  444. /*Buttons text color - #f6f6f6*/
  445. .button,
  446. .nav-next,
  447. .nav-previous,
  448. .photoset-counter,
  449. .menu > li.active a,
  450. .menu > li.active:hover a,
  451. .menu > li:hover a,
  452. .menu > li.active span,
  453. .menu > li.active:hover span,
  454. .menu > li:hover span,
  455. .top-nav > li:hover > a,
  456. .top-nav > li:hover > i,
  457. .top-nav > li:hover > span,
  458. .lightbox-back,
  459. .post-info .option-text,
  460. .option-btn > .icon,
  461. .social-links > a > span:hover{
  462. color: {color:Buttons text color};
  463. }
  464.  
  465. .permalink{
  466. margin-left:-5px
  467. }
  468. .menu-icon:hover > svg,
  469. .menu-icon.active > svg {
  470. fill: {color:Buttons text color};
  471. }
  472. /*Preload page background color - #282828*/
  473. .loading-mask {
  474. background-color: {color:Loading page background color};
  475. }
  476. /*Preload page text color - #f6f6f6*/
  477. .loading-mask {
  478. color: {color:Preload page text color};
  479. }
  480. /*Preload page css animation color - #f6f6f6*/
  481. .css-preloader-01 .css-animation {
  482. border-left-color: rgba({RGBcolor:Loading page animation color},.1);
  483. border-right-color: rgba({RGBcolor:Loading page animation color},.1);
  484. border-bottom-color: rgba({RGBcolor:Loading page animation color},.1);
  485. border-top-color: rgba({RGBcolor:Loading page animation color},.8);
  486. }
  487. .css-preloader-02 .css-animation {
  488. box-shadow: inset 0 0 0 20px {color:Loading page animation color};
  489. }
  490. /*Top menu background color - #282828 */
  491. .top-bar,
  492. .top-nav-sl,
  493. .ver-nav,
  494. .ver-nav .top-nav-sl > li {
  495. background-color: {color:Top menu background color};
  496. }
  497. /*Top menu text color - #eaeaea */
  498. .page-title > a,
  499. .top-nav > li > a,
  500. .top-nav > li > i,
  501. .top-nav > li > span,
  502. .top-nav-sl > li > a {
  503. color: {color:Top menu text color};
  504. }
  505. .menu-icon > svg {
  506. fill: {color:Top menu text color};
  507. }
  508. /*Top menu hover text color - #E02B20*/
  509. .top-nav-sl > li > a:hover {
  510. color: {color:Top menu hover text color};
  511. }
  512. /*Top menu border color - #5555555*/
  513. .top-nav > li > a,
  514. .top-nav > li > span,
  515. .ver-nav .top-nav-sl a {
  516. border-color: {color:Top menu border color};
  517. }
  518. /*Header captions title color - #e3e3e3*/
  519. .caption > .caption-title {
  520. color: {color:Header captions title color};
  521. }
  522. /*Header captions text color - #e3e3e3*/
  523. .caption > .caption-text {
  524. color: {color:Header captions text color};
  525. }
  526. /*Header overlay color - #000*/
  527. .slides > .slide:after {
  528. background-color: rgba({RGBcolor:Header overlay color}, {text:Header image overlay opacity});
  529. }
  530.  
  531. /*Tag Menu Text Color - #bababa*/
  532. .menu > li > span,
  533. .menu > li > a {
  534. color: {color:Tag Menu Text Color};
  535. }
  536. /*Categories menu label color - #bababa*/
  537. .menu > li:first-child span,
  538. .menu > li:hover:first-child span {
  539. color: {color:Tag Menu Text Color};
  540. }
  541.  
  542. /*Posts background color - #242424 */
  543. .post-wrapper,
  544. .preloader,
  545. .preloader::after,
  546. .scrollable,
  547. .disqus,
  548. .notes,
  549. .lightbox-inner-wrap {
  550. background-color: {color:Blog background color};
  551. }
  552. .scrollable:after {
  553. background: -webkit-linear-gradient(top, rgba({RGBcolor:Blog background color},0) 0%, rgba({RGBcolor:Blog background color},1) 100%);
  554. background: linear-gradient(to bottom, rgba({RGBcolor:Blog background color},0) 0%, rgba({RGBcolor:Blog background color},1) 100%);
  555. }
  556. /*Posts text color - #ffffff */
  557. .post .typography,
  558. .disqus,
  559. .notes,
  560. .notes a,
  561. .index-question,
  562. .index-question > a,
  563. .quote-content > blockquote,
  564. .quote-content > blockquote > a,
  565. .visit-link,
  566. .chat-content,
  567. .tag-page,
  568. .search-page,
  569. .day-page,
  570. .exif-data {
  571. color: {color:Posts text color};
  572. }
  573. .post .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  574. background-color: rgba({RGBcolor:Posts text color}, 0.95);
  575. }
  576. .post .mCSB_scrollTools:hover .mCSB_dragger .mCSB_dragger_bar {
  577. background-color: rgba({RGBcolor:Posts text color}, 0.75);
  578. }
  579. .exif-data > ul {
  580. border-color: rgba({RGBcolor:Posts text color}, 0.5);
  581. }
  582. /*Posts title color - #E02B20*/
  583. .post-title,
  584. .post-title > a {
  585. color: {color:Posts title color};
  586. }
  587. /*Posts links color - #E02B20*/
  588. .post .typography a {
  589. color: {color:Posts Links Color};
  590. }
  591.  
  592. /*Posts quotes background color - #363636*/
  593. .typography blockquote {
  594. background-color: {color:Blog background color};
  595. }
  596. /*Posts quotes text color - #ffffff*/
  597. .typography blockquote,
  598. .typography blockquote h1,
  599. .typography blockquote h2,
  600. .typography blockquote h3,
  601. .typography blockquote h4,
  602. .typography blockquote h5,
  603. .typography blockquote h6 {
  604. color: {color:Posts text color};
  605. }
  606. /*Post hover overlay color - #E02B20*/
  607. .post-meta::before {
  608. background-color: {color:Posts hover overlay color};
  609. }
  610. /*Post hover overlay text color - #ffffff*/
  611. .post-meta,.title-name, .counters i,.counters a, .counters span {
  612. color: {color:Posts hover overlay text color};
  613. }
  614. /*Footer background color - #282828*/
  615. .ft-wrap {
  616. background-color: {color:Footer background color};
  617. }
  618. /*Footer text color - #cecece*/
  619. .ft-wrap .typography,
  620. .link-widget > .link-wrap {
  621. color: {color:Footer text color};
  622. }
  623. /*Footer widgets labels color - #d8d8d8*/
  624. .ft-label,
  625. .about-title > div {
  626. color: {color:Footer widgets labels color};
  627. }
  628. /*Footer tweets background color - #202020*/
  629. .tweets {
  630. background-color: {color:Footer tweets background color};
  631. }
  632. /*Footer tweets text color - #cecece*/
  633. .tweet,
  634. .tweet-date {
  635. color: {color:Footer tweets text color};
  636. }
  637. .tweets .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  638. background-color: rgba({RGBcolor:Footer tweets text color}, 0.95);
  639. }
  640. .tweets .mCSB_scrollTools:hover .mCSB_dragger .mCSB_dragger_bar {
  641. background-color: rgba({RGBcolor:Footer tweets text color}, 0.75);
  642. }
  643. /*Footer tweets link color- #E02B20*/
  644. .tweet a,
  645. .tweet a:hover {
  646. color: {color:Footer tweets link color};
  647. }
  648. /*Footer social icons background color - #555555*/
  649. .social-links > a > span {
  650. background-color: {color:Footer social icons background color};
  651. }
  652. .about-title > img {
  653. border-color: {color:Footer social icons background color};
  654. }
  655. /*Footer social icons text color - #bababa*/
  656. .social-links > a > span {
  657. color: {color:Footer social icons text color};
  658. }
  659.  
  660. /* CUSTOM CSS STARTS HERE */
  661. .logo-section{
  662. background-color:{color:Logo Section Background};
  663. text-align:center
  664. }
  665. .categories-menu, .permalink-menu {
  666. margin: 15px auto 40px;
  667. text-align: center;
  668. clear: both;
  669. }
  670. .logo-div a{
  671. display:table;
  672. margin:auto
  673. }
  674. .logo-div img{
  675. max-width:100%;
  676. padding:10px;
  677. }
  678. .main-menu,.navi ul{
  679. background-color:{color:Menu Bar Background};
  680. }
  681. a {
  682. text-decoration: none;
  683. }
  684. .dd{
  685. pointer-events: none;
  686.  
  687. }
  688.  
  689. .navi {
  690. font-family: {text:Custom Google Fonts NAME for Menu}, sans-serif;
  691. font-weight:bold;
  692. }
  693.  
  694. .navi ul {
  695. list-style: none;
  696. text-align:center;
  697. padding-left: 0;
  698. display:inline-block;
  699. }
  700. .dropdown{
  701. margin-top:0 !important;
  702. }
  703. .navi li {
  704. color: {color:Menu Links color};
  705. display: block;
  706. float: left;
  707. padding: 5px 0 0 0;
  708. min-width: 5rem;
  709. text-align:center;
  710. position: relative;
  711. text-decoration: none;
  712. transition-duration: 0.5s;
  713. font-size:2.1875rem;
  714. margin-right:20px;
  715.  
  716. }
  717.  
  718. .navi ul li ul{
  719. margin-top:-15px;
  720. }
  721. .navi ul li ul a{
  722. color: {color:Menu Links color};
  723. display: block;
  724. padding: 5px 15px;
  725. min-width: 8rem !important;
  726. position: relative;
  727. text-decoration: none;
  728. transition-duration: 0.5s;
  729. font-size:1rem !Important;
  730.  
  731. }
  732. .navi .dd:after{
  733. display: inline-block;
  734. vertical-align: .150em;
  735. content: "";
  736. margin-left:5px;
  737. border-top: .3em solid;
  738. border-right: .3em solid transparent;
  739. border-bottom: 0;
  740. border-left: .3em solid transparent;
  741. }
  742. .navi li a,.navi li span {
  743. color: {color:Menu Links color};
  744. }
  745. .navi li:hover,
  746. .navi li:focus-within {
  747. cursor: pointer;
  748. }
  749.  
  750. .navi li:focus-within a {
  751. outline: none;
  752. }
  753.  
  754. .navi ul li ul {
  755. background: {color:Menu Bar Background};
  756. visibility: hidden;
  757. opacity: 0;
  758. min-width: 8rem;
  759. position: absolute;
  760. transition: all 0.5s ease;
  761. margin-top: 1rem;
  762. left: 0;
  763. display: none;
  764. z-index:9999;
  765. text-align:left;
  766. }
  767.  
  768. .navi ul li:hover > ul,
  769. .navi ul li:focus-within > ul,
  770. .navi ul li ul:hover,
  771. .navi ul li ul:focus {
  772. visibility: visible;
  773. opacity: 1;
  774. display: block;
  775. }
  776.  
  777. .navi ul li ul a {
  778. clear: both;
  779.  
  780. }
  781.  
  782. .main-menu{
  783. width:100%;
  784. }
  785. .main-menu{
  786. display:block;
  787. text-align:center;
  788. }
  789. .loadmore-div{
  790. padding-bottom:20px;
  791. }
  792. .footer-section{
  793. text-align:center;
  794. padding:30px 0 50px 0;
  795. font-family:'Rubik' !important
  796. }
  797. .typography h1,
  798. .typography h2,
  799. .typography h3,
  800. .typography h4{
  801. color:{color:Posts title color};
  802. font-weight:bold;
  803. }
  804. .typography ol>li::marker, .typography ul>li::marker{
  805. font-weight:bold
  806. }
  807. .disclaimer-div h4{
  808. padding:5px 10px;
  809. color:{color:Disclaimer text color};
  810. font-weight:bold;
  811. display:inline;
  812. background:{color:Disclaimer background color};
  813. margin:auto;
  814. border-radius:4px;
  815. font-size:1.9rem;
  816. margin:0 auto 10px auto;
  817. box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
  818.  
  819.  
  820. }
  821. .disclaimer-div a{
  822. display:block;
  823. color:{color:Footer text color};
  824. }
  825. .copyright p{
  826. line-height:0.5;
  827. }
  828.  
  829. .copyright{
  830. padding:10px 0;
  831. margin:15px 0 0 0;
  832. background:transparent;
  833. color:{color:Footer text color};
  834.  
  835. }
  836.  
  837. a, a:active, a:focus {
  838. outline: none;
  839. }
  840. .disclaimer-div a,.copyright p{
  841. font-size:18px;
  842. }
  843.  
  844. .disclaimer-links li{
  845. list-style:none;
  846. display: table;
  847. margin:auto;
  848. }
  849.  
  850.  
  851. .disclaimer-links{
  852. margin-top:10px
  853. }
  854.  
  855.  
  856. .footer-section p{
  857. line-height:1.5
  858. }
  859. .tag-display{
  860. display: none;
  861. }
  862. #loadmore{
  863. border-radius:4px
  864. }
  865. .option-btn:hover > .icon,.post-info .option-btn:hover>i, .post-info .option-text:hover .label, .post-info .option-text:hover>i{
  866. color:white !important
  867. }
  868. .stats-content,.sts-info>div,.sts-info a,.stats-counters>a, .stats-counters>i, .stats-counters>span{
  869. background:{color:Posts INFO background color} !Important;
  870. color:{color:Posts INFO text color} !Important
  871. }
  872. .lightbox-back:hover,.bottom-nav a:hover, .bottom-nav span:hover, .pages-nav a:hover{
  873. background:{color:Accent Color} !Important;
  874. color:{color:Posts INFO text color} !Important
  875. }
  876. .navi{
  877. padding: .15rem 0rem;
  878. box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important
  879. }
  880. .logo-div{
  881. padding:40px 0 20px 0;
  882. }
  883. .navi li{
  884. margin-right:8px;
  885. padding-left:2px
  886. }
  887. .navi .dd:after {
  888. margin-left: 10px;
  889. }
  890.  
  891. .post-notes-btn{
  892. max-width:140px;
  893. margin:auto;
  894. background:{color:Accent Color}
  895. }
  896.  
  897. .{text:TAG for Post TITLE without hover} .post-meta:before{
  898. opacity: .{text:Posts hover overlay opacity out of 9} !important
  899. }
  900. .hover .post-meta:before {
  901. opacity: .{text:Posts hover overlay opacity out of 9} !important
  902. }
  903.  
  904. .{text:TAG for Post TITLE without hover} .post-meta:before{
  905. visibility:visible
  906. }
  907.  
  908. .{text:TAG for Post TITLE without hover} .title-and-category,.title-name, .title-name a {
  909. opacity:1 !Important;
  910. visibility:visible;
  911. color: {color:Posts hover overlay text color} !important
  912. }
  913. .menu>li{
  914. background:{color:Tag Menu Background Color}
  915. }
  916. .menu > li > span, .menu > li > a{
  917.  
  918. color:{color:Tag Menu Text Color}
  919. }
  920. .disclaimer-div a:hover{
  921. text-decoration:underline;
  922.  
  923. }
  924.  
  925. .blog-title{
  926. padding:100px 0 120px 0;
  927. font-size:3rem;
  928. }
  929. .footer-section{
  930. background-color:{color:Footer background color};
  931. }
  932.  
  933. .footer-section p{
  934. color:{color:Footer text color};
  935. }
  936. .typography ol>li, .typography ul>li{
  937. margin-bottom:20px
  938. }
  939. .typography a:hover {
  940. opacity: 1;
  941. }
  942. .copyright p{
  943. font-weight:bold;
  944. font-size:16px;
  945. }
  946.  
  947. .copyright a{
  948. color:{color:Copyright Link color};
  949. }
  950. .label a{
  951. color:{color:Posts INFO text color}!important
  952. }
  953.  
  954. /*post permalink page*/
  955. .permalink-page .sam-col-md-6 {
  956. /* width: 33.33%; */
  957. /* float: left; */
  958. padding: 10px 10px;
  959. box-sizing: border-box;
  960. height: 500px;
  961. overflow: hidden;
  962. }
  963. .sam-row {
  964. display: {select:Post page display property};
  965. flex-flow: wrap;
  966. flex-direction: {select:Post page content direction};
  967. justify-content: {select:Post page content alignment};
  968. text-align:{select:Post page text alignment};
  969. }
  970. .permalink-page .sam-col-md-6 img{
  971. height: 500px;
  972. width: 100%;
  973. }
  974. .permalink-page .photoset-grid {
  975. display: flex;
  976. flex-flow: wrap;
  977. justify-content: center;
  978. /* align-items: center; */
  979.  
  980. }
  981. .permalink-page .photoset-row.cols-1 {
  982. width: 33.33%;
  983. box-sizing: border-box;
  984. padding: 10px;
  985. height: height: auto !important;
  986. }
  987. .search-bar input {
  988. width: 200px;
  989. padding: 10px;
  990. outline: 0;
  991. border: unset;
  992. border-radius: 5px;
  993. background:{color:Search input background color};
  994. color:{color:Search input text color};
  995. }
  996. .search-bar .submit{
  997. width:unset;
  998. padding: 11px 20px;
  999. border: unset;
  1000. border-radius: 5px;
  1001. color: {color:Search button text color};
  1002. outline: 0;
  1003. background-color:{color:Search button background color};
  1004. cursor:pointer;
  1005. }
  1006.  
  1007. h1, h2, h3, h4, h5, .post-title, .post-title > a{
  1008. font-weight:bold !Important;
  1009. }
  1010. .sam-post,.sam-post a{
  1011. text-align: {select:Post page title alignment};
  1012. }
  1013. /*mobile screen and tablet screen*/
  1014. @media only screen and (max-width: 768px) {
  1015. .permalink-page .sam-col-md-6 {
  1016. height: auto !important;
  1017. }
  1018. .permalink-page .sam-col-md-6 img{
  1019. height: auto !important;
  1020. }
  1021. }
  1022.  
  1023. .logo-div img {
  1024. padding: 0px;
  1025. }
  1026. body .loading-mask {
  1027. display:none !important;
  1028. }
  1029.  
  1030.  
  1031. /* CUSTOM CSS ENDS HERE */
  1032.  
  1033.  
  1034. /* This is tumblr's custom css (Customize > Advanced > Custom CSS) */ {CustomCSS}
  1035.  
  1036.  
  1037. </style>
  1038. {block:IfGoogleAnalyticsID}
  1039. <script>
  1040. (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  1041. (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  1042. m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  1043. })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  1044. ga('create', '{text:Google analytics ID}', 'auto');
  1045. ga('send', 'pageview');
  1046. </script>
  1047. {/block:IfGoogleAnalyticsID}
  1048. <!-- head tag code snippet start -->
  1049. {text:head tag code snippet}
  1050. <!-- head tag code snippet start -->
  1051. </head>
  1052. <body class="loading {select:Tumblr buttons}">
  1053.  
  1054. <svg display="none" width="0" height="0" version="1.1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink">
  1055. <defs>
  1056. <symbol id="icon-menu" viewBox="0 0 1024 1024">
  1057. <title>menu</title>
  1058. <path class="path1" d="M224.646 194.016h574.708c15.565 0 28.183 12.618 28.183 28.183v64.308c0 15.565-12.618 28.183-28.183 28.183h-574.708c-15.565 0-28.183-12.618-28.183-28.183v-64.308c0-15.565 12.618-28.183 28.183-28.183z"></path>
  1059. <path class="path2" d="M224.646 451.663h574.708c15.565 0 28.183 12.618 28.183 28.183v64.308c0 15.565-12.618 28.183-28.183 28.183h-574.708c-15.565 0-28.183-12.618-28.183-28.183v-64.308c0-15.565 12.618-28.183 28.183-28.183z"></path>
  1060. <path class="path3" d="M224.646 709.309h574.708c15.565 0 28.183 12.618 28.183 28.183v64.308c0 15.565-12.618 28.183-28.183 28.183h-574.708c-15.565 0-28.183-12.618-28.183-28.183v-64.308c0-15.565 12.618-28.183 28.183-28.183z"></path>
  1061. </symbol>
  1062. </defs>
  1063. </svg>
  1064.  
  1065. <div class="loading-mask {select:Loading page animation}">
  1066. <div class="load-msg">{text:Loading page text}</div>
  1067. <div class="css-animation"></div>
  1068. </div>
  1069.  
  1070.  
  1071. {block:ifNotHideTopMenuBar}
  1072. <div class="main-menu"><nav role="navigation" class="navi">
  1073. <ul>
  1074.  
  1075. {block:ifFirstDropdownTitle}
  1076. <li><a href="#" aria-haspopup="true" class="dd">{text:First Dropdown Title}</a>
  1077. <ul class="dropdown" aria-label="submenu">
  1078.  
  1079. {block:IfFirstDropdownSubmenu1Title}<a href="{Text:First Dropdown Submenu 1 Link}">{Text:First Dropdown Submenu 1 Title}</a>{/block:IfFirstDropdownSubmenu1Title}
  1080.  
  1081. {block:IfFirstDropdownSubmenu2Title}<a href="{Text:First Dropdown Submenu 2 Link}">{Text:First Dropdown Submenu 2 Title}</a>{/block:IfFirstDropdownSubmenu2Title}
  1082.  
  1083. {block:IfFirstDropdownSubmenu3Title}<a href="{Text:First Dropdown Submenu 3 Link}">{Text:First Dropdown Submenu 3 Title}</a>{/block:IfFirstDropdownSubmenu3Title}
  1084.  
  1085. {block:IfFirstDropdownSubmenu4Title}<a href="{Text:First Dropdown Submenu 4 Link}">{Text:First Dropdown Submenu 4 Title}</a>{/block:IfFirstDropdownSubmenu4Title}
  1086.  
  1087. {block:IfFirstDropdownSubmenu5Title}<a href="{Text:First Dropdown Submenu 5 Link}">{Text:First Dropdown Submenu 5 Title}</a>{/block:IfFirstDropdownSubmenu5Title}
  1088.  
  1089. {block:IfFirstDropdownSubmenu6Title}<a href="{Text:First Dropdown Submenu 6 Link}">{Text:First Dropdown Submenu 6 Title}</a>{/block:IfFirstDropdownSubmenu6Title}
  1090.  
  1091. {block:IfFirstDropdownSubmenu7Title}<a href="{Text:First Dropdown Submenu 7 Link}">{Text:First Dropdown Submenu 7 Title}</a>{/block:IfFirstDropdownSubmenu7Title}
  1092.  
  1093. {block:IfFirstDropdownSubmenu8Title}<a href="{Text:First Dropdown Submenu 8 Link}">{Text:First Dropdown Submenu 8 Title}</a>{/block:IfFirstDropdownSubmenu8Title}
  1094.  
  1095. {block:IfFirstDropdownSubmenu9Title}<a href="{Text:First Dropdown Submenu 9 Link}">{Text:First Dropdown Submenu 9 Title}</a>{/block:IfFirstDropdownSubmenu9Title}
  1096.  
  1097. {block:IfFirstDropdownSubmenu10Title}<a href="{Text:First Dropdown Submenu 10 Link}">{Text:First Dropdown Submenu 10 Title}</a>{/block:IfFirstDropdownSubmenu10Title}
  1098.  
  1099. </ul>
  1100. </li>
  1101. {/block:ifFirstDropdownTitle}
  1102.  
  1103. {block:ifSecondDropdownTitle}
  1104. <li><a href="#" aria-haspopup="true" class="dd">{text:Second Dropdown Title}</a>
  1105. <ul class="dropdown" aria-label="submenu">
  1106.  
  1107. {block:IfSecondDropdownSubmenu1Title}<a href="{Text:Second Dropdown Submenu 1 Link}">{Text:Second Dropdown Submenu 1 Title}</a>{/block:IfSecondDropdownSubmenu1Title}
  1108.  
  1109. {block:IfSecondDropdownSubmenu2Title}<a href="{Text:Second Dropdown Submenu 2 Link}">{Text:Second Dropdown Submenu 2 Title}</a>{/block:IfSecondDropdownSubmenu2Title}
  1110.  
  1111. {block:IfSecondDropdownSubmenu3Title}<a href="{Text:Second Dropdown Submenu 3 Link}">{Text:Second Dropdown Submenu 3 Title}</a>{/block:IfSecondDropdownSubmenu3Title}
  1112.  
  1113. {block:IfSecondDropdownSubmenu4Title}<a href="{Text:Second Dropdown Submenu 4 Link}">{Text:Second Dropdown Submenu 4 Title}</a>{/block:IfSecondDropdownSubmenu4Title}
  1114.  
  1115. {block:IfSecondDropdownSubmenu5Title}<a href="{Text:Second Dropdown Submenu 5 Link}">{Text:Second Dropdown Submenu 5 Title}</a>{/block:IfSecondDropdownSubmenu5Title}
  1116.  
  1117.  
  1118. {block:IfSecondDropdownSubmenu6Title}<a href="{Text:Second Dropdown Submenu 6 Link}">{Text:Second Dropdown Submenu 6 Title}</a>{/block:IfSecondDropdownSubmenu6Title}
  1119.  
  1120. {block:IfSecondDropdownSubmenu7Title}<a href="{Text:Second Dropdown Submenu 7 Link}">{Text:Second Dropdown Submenu 7 Title}</a>{/block:IfSecondDropdownSubmenu7Title}
  1121.  
  1122. {block:IfSecondDropdownSubmenu8Title}<a href="{Text:Second Dropdown Submenu 8 Link}">{Text:Second Dropdown Submenu 8 Title}</a>{/block:IfSecondDropdownSubmenu8Title}
  1123.  
  1124. {block:IfSecondDropdownSubmenu9Title}<a href="{Text:Second Dropdown Submenu 9 Link}">{Text:Second Dropdown Submenu 9 Title}</a>{/block:IfSecondDropdownSubmenu9Title}
  1125.  
  1126. {block:IfSecondDropdownSubmenu10Title}<a href="{Text:Second Dropdown Submenu 10 Link}">{Text:Second Dropdown Submenu 10 Title}</a>{/block:IfSecondDropdownSubmenu10Title}
  1127.  
  1128. </ul>
  1129. </li>
  1130. {/block:ifSecondDropdownTitle}
  1131.  
  1132.  
  1133.  
  1134.  
  1135.  
  1136. </ul>
  1137. </nav>
  1138. </div>
  1139. {/block:ifNotHideTopMenuBar}
  1140. <section class="logo-section">
  1141.  
  1142. <a href="/">
  1143.  
  1144. {block:IfUseLogoImage}
  1145. <div class="logo-div">
  1146. <a href="{text:Logo Link}"><img src="{image:Logo}"></a>
  1147. </div>
  1148. {/block:IfUseLogoImage}
  1149.  
  1150.  
  1151. {block:IfNotUseLogoImage}
  1152.  
  1153. <h1 class="blog-title"><a href="{text:Logo Link}">{title}</a></h1>
  1154. {/block:IfNotUseLogoImage}
  1155.  
  1156.  
  1157. </a>
  1158.  
  1159. <!--
  1160. {block:ifNoLogo}
  1161. <h1 class="title"><a href="{text:Logo Link}">{title}</a></h1>
  1162. {/block:ifNoLogo}
  1163.  
  1164. {block:ifLogo}
  1165. <div class="logo-div">
  1166. <a href="{text:Logo Link}"><img src="{image:Logo}"></a>
  1167. </div>
  1168.  
  1169. {/block:ifLogo}
  1170. --->
  1171.  
  1172. {block:ifSearchButton}
  1173. <section class='search-bar page-width' align='center'>
  1174. <form action="/search" method="get">
  1175. <input type="text" name="q" value="{SearchQuery}"/>
  1176. <input type="submit" class='submit' value="Search"/>
  1177. </form>
  1178. </section>
  1179. {/block:ifSearchButton}
  1180.  
  1181.  
  1182. </section>
  1183.  
  1184.  
  1185.  
  1186.  
  1187.  
  1188.  
  1189. <section class="categories-menu page-width {block:ifHideTagMenu} tag-display {/block:ifHideTagMenu} {select:Categories menu} {block:PermalinkPage} post-p {/block:PermalinkPage} {block:TagPage} tag-p{/block:TagPage}{block:DayPage} disabled{/block:DayPage}">
  1190.  
  1191. <ul id="categories" class="menu">
  1192. <li><span>{text:Categories menu label 1}</span><span>{text:Categories menu label 2}</span></li>
  1193. <li class="active"><a href="/">{text:Categories menu all posts}</a><span>{text:Categories menu all posts}</span></li>{block:IfCategory1taglabel}
  1194. <li><a href="/tagged/{text:Category 1 tag link}">{text:Category 1 tag label}</a><span>{text:Category 1 tag link}</span></li>{/block:IfCategory1taglabel}{block:IfCategory2taglabel}
  1195. <li><a href="/tagged/{text:Category 2 tag link}">{text:Category 2 tag label}</a><span>{text:Category 2 tag link}</span></li>{/block:IfCategory2taglabel}{block:IfCategory3taglabel}
  1196. <li><a href="/tagged/{text:Category 3 tag link}">{text:Category 3 tag label}</a><span>{text:Category 3 tag link}</span></li>{/block:IfCategory3taglabel}{block:IfCategory4taglabel}
  1197. <li><a href="/tagged/{text:Category 4 tag link}">{text:Category 4 tag label}</a><span>{text:Category 4 tag link}</span></li>{/block:IfCategory4taglabel}{block:IfCategory5taglabel}
  1198. <li><a href="/tagged/{text:Category 5 tag link}">{text:Category 5 tag label}</a><span>{text:Category 5 tag link}</span></li>{/block:IfCategory5taglabel}{block:IfCategory6taglabel}
  1199. <li><a href="/tagged/{text:Category 6 tag link}">{text:Category 6 tag label}</a><span>{text:Category 6 tag link}</span></li>{/block:IfCategory6taglabel}{block:IfCategory7taglabel}
  1200. <li><a href="/tagged/{text:Category 7 tag link}">{text:Category 7 tag label}</a><span>{text:Category 7 tag link}</span></li>{/block:IfCategory7taglabel}{block:IfCategory8taglabel}
  1201. <li><a href="/tagged/{text:Category 8 tag link}">{text:Category 8 tag label}</a><span>{text:Category 8 tag link}</span></li>{/block:IfCategory8taglabel}{block:IfCategory9taglabel}
  1202. <li><a href="/tagged/{text:Category 9 tag link}">{text:Category 9 tag label}</a><span>{text:Category 9 tag link}</span></li>{/block:IfCategory9taglabel}{block:IfCategory10taglabel}
  1203. <li><a href="/tagged/{text:Category 10 tag link}">{text:Category 10 tag label}</a><span>{text:Category 10 tag link}</span></li>{/block:IfCategory10taglabel}{block:IfCategory11taglabel}
  1204. <li><a href="/tagged/{text:Category 11 tag link}">{text:Category 11 tag label}</a><span>{text:Category 11 tag link}</span></li>{/block:IfCategory11taglabel}{block:IfCategory12taglabel}
  1205. <li><a href="/tagged/{text:Category 12 tag link}">{text:Category 12 tag label}</a><span>{text:Category 12 tag link}</span></li>{/block:IfCategory12taglabel}{block:IfCategory13taglabel}
  1206. <li><a href="/tagged/{text:Category 13 tag link}">{text:Category 13 tag label}</a><span>{text:Category 13 tag link}</span></li>{/block:IfCategory13taglabel}{block:IfCategory14taglabel}
  1207. <li><a href="/tagged/{text:Category 14 tag link}">{text:Category 14 tag label}</a><span>{text:Category 14 tag link}</span></li>{/block:IfCategory14taglabel}{block:IfCategory15taglabel}
  1208. <li><a href="/tagged/{text:Category 15 tag link}">{text:Category 15 tag label}</a><span>{text:Category 15 tag link}</span></li>{/block:IfCategory15taglabel}
  1209.  
  1210.  
  1211.  
  1212. </ul>
  1213.  
  1214. </section>
  1215.  
  1216.  
  1217.  
  1218.  
  1219.  
  1220.  
  1221.  
  1222. {block:IndexPage}
  1223. {block:TagPage}
  1224. <section class="tag-page">
  1225. <span>{lang:TagResultCount posts tagged Tag 2}</span>
  1226. </section>
  1227. {/block:TagPage}
  1228. {block:SearchPage}
  1229. <section class="search-page">
  1230. <span>{lang:SearchResultCount results for SearchQuery 2}</span>
  1231. </section>
  1232. {/block:SearchPage}
  1233. {block:DayPage}
  1234. <section class="day-page">
  1235. <span>{lang:Viewing everything posted on Month DayOfMonth Year}</span>
  1236. </section>
  1237. {/block:DayPage}
  1238.  
  1239.  
  1240.  
  1241. {/block:IndexPage}
  1242.  
  1243. <section class="content {select:Posts container max width} {block:PermalinkPage}content-pp{/block:PermalinkPage}">
  1244. <div class="content-wrap {select:Space between posts}">
  1245.  
  1246. <div id="posts" class="posts {block:IndexPage}{select:Posts columns number}{/block:IndexPage} {block:PermalinkPage}col-md-12{/block:PermalinkPage} {select:Posts aspect ratio} {block:PermalinkPage}permalink-page{/block:PermalinkPage}">
  1247.  
  1248. {block:Posts inlineMediaWidth="1200"}
  1249. <article data-tags="{TagsAsClasses}" data-postID="{PostID}" class="{TagsAsClasses} post sam {block:Caption}has-caption{/block:Caption} {block:PermalinkPage} permalink-post{/block:PermalinkPage}{block:Text} text{/block:Text}{block:Photo} photo{/block:Photo}{block:Panorama} panorama{/block:Panorama}{block:Photoset} photoset{/block:Photoset}{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} question{/block:Answer}">
  1250.  
  1251. <div class="post-wrapper {select:Post on click} {block:IfNotShowScrollbarsForLongPosts}no-scrollbar{/block:IfNotShowScrollbarsForLongPosts}">
  1252.  
  1253. {block:Text}
  1254. {block:IndexPage}
  1255. <div class="scrollable">
  1256. {block:IfPostHasSyndication}
  1257. <div class="post-syndication-wrap">
  1258. <a href="{Permalink}" class="syndication-permalink " >
  1259.  
  1260. {/block:IfPostHasSyndication}
  1261.  
  1262.  
  1263. {block:Title}
  1264. <div class="post-title">
  1265. <a href="{Permalink}" class="post-permalink">
  1266. {Title}
  1267. </a>
  1268. <a href="#" class="post-lightbox" data-postURL="{Permalink}">
  1269. {Title}
  1270. </a>
  1271. </div>
  1272. {/block:Title}
  1273. <div class="post-text typography">
  1274. <a href="{Permalink}" class="post-permalink">
  1275. {Body}
  1276. </a>
  1277. </div>
  1278. {block:IfPostHasSyndication}
  1279. </a>
  1280. </div>
  1281. {/block:IfPostHasSyndication}
  1282. </div>
  1283. {/block:IndexPage}
  1284. {block:PermalinkPage}
  1285. {block:Title}
  1286. <div class="post-title sam-post">{Title}</div>
  1287. {/block:Title}
  1288. <div class="post-text typography">
  1289. {Body}
  1290. </div>
  1291. {/block:PermalinkPage}
  1292. {/block:Text}
  1293.  
  1294. {block:Photo}
  1295. {block:IndexPage}
  1296. <div class="preloader"></div>
  1297. <div class="photo-cover" style="background-image: url({PhotoURL-HighRes})"></div>
  1298. {/block:IndexPage}
  1299. {block:PermalinkPage}
  1300. {LinkOpenTag}<img src="{PhotoURL-HighRes}" width="{PhotoWidth-HighRes}" height="{PhotoHeight-HighRes}" alt="{PhotoAlt}">{LinkCloseTag}
  1301. {/block:PermalinkPage}
  1302. {/block:Photo}
  1303.  
  1304. {block:Panorama}
  1305. {block:IndexPage}
  1306. <div class="preloader"></div>
  1307. <div class="photo-cover" style="background-image: url({PhotoURL-Panorama})"></div>
  1308. {/block:IndexPage}
  1309. {block:PermalinkPage}
  1310. {LinkOpenTag}<img src="{PhotoURL-Panorama}" width="{PhotoWidth-HighRes}" height="{PhotoHeight-HighRes}" alt="{PhotoAlt}">{LinkCloseTag}
  1311. {/block:PermalinkPage}
  1312. {/block:Panorama}
  1313.  
  1314. {block:Photoset}
  1315. {block:IndexPage}
  1316. {block:Photos}
  1317. <div class="photo-cover" style="background-image: url({PhotoURL-HighRes})"></div>
  1318. {/block:Photos}
  1319. <div class="photoset-counter"><i class="icon-picture-stack"></i><span>{PhotoCount}</span></div>
  1320. <div class="preloader"></div>
  1321. {/block:IndexPage}
  1322. {block:PermalinkPage}
  1323. <div class="photoset-grid" data-layout="{PhotosetLayout}" data-id="photoset{PostID}">
  1324. {block:Photos}
  1325. <img src="{PhotoURL-500}"
  1326. {block:HighRes}data-highres="{PhotoURL-HighRes}"{/block:HighRes}
  1327. width="{PhotoWidth-500}" height="{PhotoHeight-500}"
  1328. {block:Caption}alt="{Caption}"{/block:caption} />
  1329. {/block:Photos}
  1330. </div>
  1331. {/block:PermalinkPage}
  1332. {/block:Photoset}
  1333.  
  1334. {block:Quote}
  1335. {block:IndexPage}
  1336. <div class="scrollable">
  1337. {/block:IndexPage}
  1338. <div class="quote-content">
  1339. <blockquote>
  1340. {block:IndexPage}
  1341. <a href="{Permalink}" class="post-permalink">
  1342. {Quote}
  1343. </a>
  1344. <a href="#" class="post-lightbox" data-postURL="{Permalink}">
  1345. {Quote}
  1346. </a>
  1347. {/block:IndexPage}
  1348. {block:PermalinkPage}
  1349. {Quote}
  1350. {/block:PermalinkPage}
  1351. </blockquote>
  1352. </div>
  1353. {block:Source}
  1354. <div class="source post-text typography">- {Source}</div>
  1355. {/block:Source}
  1356. {block:IndexPage}
  1357. </div>
  1358. {/block:IndexPage}
  1359. {/block:Quote}
  1360.  
  1361. {block:Link}
  1362. {block:IndexPage}
  1363. <div class="scrollable">
  1364. {/block:IndexPage}
  1365. <div class="post-title">
  1366. <a href="{Permalink}" class="post-permalink">
  1367. {Name}
  1368. </a>
  1369. <a href="#" class="post-lightbox" data-postURL="{Permalink}">
  1370. {Name}
  1371. </a>
  1372. </div>
  1373. <a class="visit-link"href="{URL}" title="{URL}">
  1374. <i class="icon-permalink"></i>
  1375. <span>Visit this link</span>
  1376. </a>
  1377. {block:Description}
  1378. <div class="post-text typography">
  1379. {Description}
  1380. </div>
  1381. {/block:Description}
  1382. {block:IndexPage}
  1383. </div>
  1384. {/block:IndexPage}
  1385. {/block:Link}
  1386.  
  1387. {block:Chat}
  1388. {block:IndexPage}
  1389. <div class="scrollable">
  1390. {/block:IndexPage}
  1391. {block:Title}
  1392. <div class="post-title">
  1393. <a href="{Permalink}" class="post-permalink">
  1394. {Title}
  1395. </a>
  1396. <a href="#" class="post-lightbox" data-postURL="{Permalink}">
  1397. {Title}
  1398. </a>
  1399. </div>
  1400. {/block:Title}
  1401. <ul class="chat-content">
  1402. {block:Lines}
  1403. <li class="{Alt} user_{UserNumber}">
  1404. {block:Label}
  1405. <span class="label">{Label}</span>
  1406. {/block:Label}{Line}
  1407. </li>
  1408. {/block:Lines}
  1409. </ul>
  1410. {block:IndexPage}
  1411. </div>
  1412. {/block:IndexPage}
  1413. {/block:Chat}
  1414.  
  1415. {block:Audio}
  1416. <div class="audio-wrapper post-wrapper">{AudioEmbed-640}</div>
  1417. {/block:Audio}
  1418.  
  1419. {block:Video}
  1420. {block:IndexPage}
  1421. <div class="video-player">
  1422. {Video-700}
  1423. </div>
  1424. {/block:IndexPage}
  1425. {block:PermalinkPage}
  1426. <div class="video-wrapper">
  1427. {Video-700}
  1428. </div>
  1429. {/block:PermalinkPage}
  1430. {/block:Video}
  1431.  
  1432. {block:Answer}
  1433. {block:IndexPage}
  1434. <div class="scrollable">
  1435. <div class="index-question">
  1436. <a href="{Permalink}" class="post-permalink">
  1437. {Question}
  1438. </a>
  1439. <a href="#" class="post-lightbox" data-postURL="{Permalink}">
  1440. {Question}
  1441. </a>
  1442. </div>
  1443. {/block:IndexPage}
  1444. {block:PermalinkPage}
  1445. <div class="index-question">
  1446. {Question}
  1447. </div>
  1448. {/block:PermalinkPage}
  1449. {block:Answerer}
  1450. <div class="first-answer post-text typography">
  1451. {Answerer}:
  1452. <blockquote class="answerer-answer">
  1453. {Answer}
  1454. </blockquote>
  1455. </div>
  1456. {/block:Answerer}
  1457. <div class="replies post-text typography">
  1458. {Replies}
  1459. </div>
  1460. {block:IndexPage}
  1461. </div>
  1462. {/block:IndexPage}
  1463. {/block:Answer}
  1464.  
  1465. {block:IndexPage}
  1466. <div class="post-meta {select:Post on click}
  1467. {block:Text}disabled{/block:Text}
  1468. {block:Chat}disabled{/block:Chat}
  1469. {block:Link}disabled{/block:Link}
  1470. {block:Quote}disabled{/block:Quote}
  1471. {block:Answer}disabled{/block:Answer}">
  1472. <div class="title-and-category">
  1473. <div class="title-name {block:IfNotShowPostsTitle} disabled{/block:IfNotShowPostsTitle}"></div>
  1474. <div class="category-name {block:IfNotShowPostsCategory} disabled{/block:IfNotShowPostsCategory}">{PostType}</div>
  1475. </div>
  1476. <div class="counters {block:IfNotShowPostsNotesAndCommentsCounters} disabled{/block:IfNotShowPostsNotesAndCommentsCounters}">
  1477. <i class="icon-heart"></i><span class="counter-num">{NoteCountWithLabel}</span>
  1478. {block:IfDisqusShortname}
  1479. <i class="icon-comments"></i><a class="counter-num" href="{Permalink}#disqus_thread">0 Comments</a>
  1480. {/block:IfDisqusShortname}
  1481. </div>
  1482. <a class="post-permalink" href="{Permalink}"></a>
  1483. <a class="post-lightbox" data-postURL="{Permalink}" href="#"></a>
  1484. </div>
  1485. {/block:IndexPage}
  1486.  
  1487. {block:Caption}
  1488. <div class="post-text typography {block:IndexPage}disabled{/block:IndexPage}">
  1489. {Caption}
  1490. </div>
  1491. {/block:Caption}
  1492.  
  1493. {block:PermalinkPage}
  1494. {block:IfShowExifData}{block:Exif}
  1495. <div class="exif-data">
  1496. <ul>{block:Camera}
  1497. <li>Camera: {Camera}</li>{/block:Camera}{block:Aperture}
  1498. <li>Aperture: {Aperture}</li>{/block:Aperture}{block:Exposure}
  1499. <li>Exposure: {Exposure}</li>{/block:Exposure}{block:FocalLength}
  1500. <li>Focal Length: {FocalLength}</li>{/block:FocalLength}
  1501. </ul>
  1502. </div>
  1503. {/block:Exif}{/block:IfShowExifData}
  1504. {/block:PermalinkPage}
  1505.  
  1506. {block:PermalinkPage}
  1507. <div class="post-info">
  1508. <div class="page-width">
  1509. <div class="wrapper">
  1510. <div id="stats-btn" class="stats option-text">
  1511. <i class="icon-info"></i>
  1512. <div class="label">Info</div>
  1513. <div class="stats-wrap">
  1514. <div class="stats-content">
  1515. <div class="type">
  1516. <i class="icon-{block:Text}text{/block:Text}{block:Photo}picture{/block:Photo}{block:Panorama}picture{/block:Panorama}{block:Photoset}picture{/block:Photoset}{block:Quote}quotes{/block:Quote}{block:Link}permalink{/block:Link}{block:Chat}comments{/block:Chat}{block:Audio}music{/block:Audio}{block:Video}movie{/block:Video}{block:Answer}question{/block:Answer}"></i>
  1517. <span>{PostType}</span>
  1518. </div>
  1519. <div class="sts-info">
  1520. <div>Posted on:<a href="{blogURL}day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}">{DayOfMonth} {ShortMonth}, {Year}</a></div>
  1521. {block:Answer}
  1522. <div>Asked by:{Asker}</div>
  1523. {/block:Answer}
  1524. {block:Submission}
  1525. <div>Submitted by:<a href="{SubmitterURL}">{Submitter}</a></div>
  1526. {/block:Submission}
  1527. {block:RebloggedFrom}
  1528. <div>Rebloged from:<a href="{ReblogParentURL}">{ReblogParentName}</a></div>
  1529. {/block:RebloggedFrom}
  1530. {block:ContentSource}
  1531. <div>{lang:Source}:<a href="{SourceURL}">{SourceTitle}</a></div>
  1532. {/block:ContentSource}
  1533. </div>
  1534. <div class="stats-counters">
  1535. <i class="icon-heart"></i><span class="counter-num">{NoteCountWithLabel}</span>
  1536. {block:IfDisqusShortname}
  1537. <i class="icon-comments"></i><a class="counter-num" href="{Permalink}#disqus_thread">0 Comments</a>
  1538. {/block:IfDisqusShortname}
  1539. </div>
  1540. </div>
  1541. </div>
  1542. </div><div class="option-btn">
  1543. <i class="icon icon-like"></i>
  1544. <i class="icon icon-heart"></i>
  1545. {LikeButton size="16"}
  1546. </div><a href="{ReblogURL}" class="option-btn">
  1547. <i class="icon icon-reblog"></i>
  1548. </a>{block:IfFacebookShareButton}<div class="option-btn" onClick="window.open(,"gl"9;https://www.facebook.com/sharer/sharer.php?u={Permalink}&t={URLEncodedTitle}', 'facebook_share', 'height=320, width=640, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, directories=no, status=no');">
  1549. <i class="icon icon-facebook"></i>
  1550. </div>{/block:IfFacebookShareButton}{block:IfTwitterShareButton}<div class="option-btn" onClick="window.open(,"gl"9;https://twitter.com/share?text={URLEncodedTitle}&url={Permalink}', 'twitter_share', 'height=320, width=640, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, directories=no, status=no');">
  1551. <i class="icon icon-twitter"></i>
  1552. </div>{/block:IfTwitterShareButton}{block:IfGooglePlusShareButton}<div class="option-btn" onClick="window.open(,"gl"9;https://plus.google.com/share?url={ShortURL}', 'google_plus_share', 'height=320, width=500, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, directories=no, status=no');">
  1553. <i class="icon icon-google-plus"></i>
  1554. </div>{/block:IfGooglePlusShareButton}{block:HasTags}<div id="tags-btn" class="tags option-text">
  1555. <i class="icon-tag"></i>
  1556. <div class="label">Tags</div>
  1557. <div class="tags-wrap">
  1558. {block:Tags}<a href="{TagURL}"><i class="icon-tag"></i><span>{Tag}</span></a>{/block:Tags}
  1559. </div>
  1560. </div>{/block:HasTags}
  1561.  
  1562.  
  1563. <div class="option-text permalink">
  1564. <i class="icon-tag"></i>
  1565. <div class="label"><a href="{permalink}">Permalink</a></div>
  1566. </div>
  1567.  
  1568.  
  1569.  
  1570. </div>
  1571. </div>
  1572. </div>
  1573. {/block:PermalinkPage}
  1574.  
  1575. {block:PermalinkPage}
  1576. {block:IfDisqusShortname}
  1577. <div id="disqus_thread" class="disqus {block:IndexPage} disabled{/block:IndexPage}"></div>
  1578. {/block:IfDisqusShortname}
  1579. {block:PostNotes}
  1580. <div class="post-notes-wrap">
  1581. <div class="post-notes-btn toggle-parent">{text:Show post notes text}</div>
  1582. {PostNotes-64}
  1583. </div>
  1584. {/block:PostNotes}
  1585. {/block:PermalinkPage}
  1586.  
  1587. </div>
  1588.  
  1589. </article>
  1590.  
  1591. {/block:Posts}
  1592.  
  1593. </div>
  1594. </div>
  1595. </section>
  1596.  
  1597. <section class="bottom-nav page-width">
  1598. {block:IndexPage}
  1599. <span id="more-posts" class="button">{lang:Load more posts}</span>
  1600. {/block:IndexPage}
  1601. {block:PermalinkPagination}
  1602. <div class="pages-nav">
  1603. {block:NextPost}<a href="{NextPost}" class="button">{lang:Previous post}</a>{/block:NextPost}
  1604. {block:PreviousPost}<a href="{PreviousPost}" class="button">{lang:Next post}</a>{/block:PreviousPost}
  1605. </div>
  1606. {/block:PermalinkPagination}
  1607.  
  1608. {block:ifBacktotop}
  1609. <div class="top-btn">
  1610. <a class="internal button" href="#top">{text:Scroll top button text}</a>
  1611. </div>
  1612. {/block:ifBacktotop}
  1613.  
  1614. </section>
  1615.  
  1616. <section class="footer-section">
  1617.  
  1618. <div class="disclaimer-div">
  1619. <h4>{text:Disclaimer label}</h4>
  1620. <div class="disclaimer-links">
  1621.  
  1622. {block:IfFooterMenuLabel1}<li><a href="{Text:Footer Menu Link 1}">{Text:Footer Menu Label 1}</a></li>{/block:IfFooterMenuLabel1}
  1623. {block:IfFooterMenuLabel2}<li><a href="{Text:Footer Menu Link 2}">{Text:Footer Menu Label 2}</a></li>{/block:IfFooterMenuLabel2}
  1624. {block:IfFooterMenuLabel3}<li><a href="{Text:Footer Menu Link 3}">{Text:Footer Menu Label 3}</a></li>{/block:IfFooterMenuLabel3}
  1625. {block:IfFooterMenuLabel4}<li><a href="{Text:Footer Menu Link 4}">{Text:Footer Menu Label 4}</a></li>{/block:IfFooterMenuLabel4}
  1626. {block:IfFooterMenuLabel5}<li><a href="{Text:Footer Menu Link 5}">{Text:Footer Menu Label 5}</a></li>{/block:IfFooterMenuLabel5}
  1627. {block:IfFooterMenuLabel6}<li><a href="{Text:Footer Menu Link 6}">{Text:Footer Menu Label 6}</a></li>{/block:IfFooterMenuLabel6}
  1628. {block:IfFooterMenuLabel7}<li><a href="{Text:Footer Menu Link 7}">{Text:Footer Menu Label 7}</a></li>{/block:IfFooterMenuLabel7}
  1629. {block:IfFooterMenuLabel8}<li><a href="{Text:Footer Menu Link 8}">{Text:Footer Menu Label 8}</a></li>{/block:IfFooterMenuLabel8}
  1630. {block:IfFooterMenuLabel9}<li><a href="{Text:Footer Menu Link 9}">{Text:Footer Menu Label 9}</a></li>{/block:IfFooterMenuLabel9}
  1631. {block:IfFooterMenuLabel10}<li><a href="{Text:Footer Menu Link 10}">{Text:Footer Menu Label 10}</a></li>{/block:IfFooterMenuLabel10}
  1632.  
  1633.  
  1634. </div>
  1635. </div>
  1636.  
  1637. <div class="copyright">
  1638. <p>All Rights Reserved</p>
  1639. <p>© <a href="{text:Copyright label link}"> {text:Copyright label}</a></p>
  1640. </div>
  1641.  
  1642. </section>
  1643.  
  1644. <footer>
  1645. <div class="page-width ft-wrap {block:PermalinkPage}ft-wrap-pp{/block:PermalinkPage}">
  1646. <div class="ft-container">
  1647.  
  1648.  
  1649. </div>
  1650. </div>
  1651.  
  1652. </footer>
  1653.  
  1654. <div class="lightbox-mask"></div>
  1655. <div class="lightbox-back button">
  1656. <i class="icon icon-submit"></i>
  1657. <span>{lang:Back}</span>
  1658. </div>
  1659.  
  1660. <div class="lightbox">
  1661. <div class="lightbox-wrap">
  1662. <div class="lightbox-inner-wrap"></div>
  1663. </div>
  1664. </div>
  1665.  
  1666. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  1667.  
  1668. <script src="https://static.tumblr.com/8wlin78/aGUoil1or/queis-theme.min.js"></script>
  1669. <script src="https://static.tumblr.com/8wlin78/zpjncaoom/jquery.photoset-grid.js"></script>
  1670. <script src="https://static.tumblr.com/8wlin78/orencaos9/jquery.mcustomscrollbar.js"></script>
  1671. <script src="https://static.tumblr.com/8wlin78/Ll4ncaot0/nivo-lightbox.min.js"></script>
  1672. <script src="https://static.tumblr.com/8wlin78/fA9n7ywrj/masonry.pkgd.min.js"></script>
  1673. <script src="https://static.tumblr.com/8wlin78/UFrnt9pjq/socialstream.jquery.min.js"></script>
  1674. {block:IfFooterShowTwitterFeed}{block:Twitter}
  1675. <script src="https://static.tumblr.com/8wlin78/ysgncaoqo/moment.min.js"></script>
  1676. <script src="https://static.tumblr.com/8wlin78/Q0rncaorg/livestamp.min.js"></script>
  1677. <script type="text/javascript" src="/tweets.js"></script>
  1678. {/block:Twitter}{/block:IfFooterShowTwitterFeed}
  1679.  
  1680. <script type="text/javascript">
  1681. var lbLoaded = function() {
  1682. $('a.nivo-lb').nivoLightbox({
  1683. effect: 'fadeScale'
  1684. });
  1685. $('.photoset-grid').photosetGrid({
  1686. highresLinks: true,
  1687. gutter: '5px',
  1688. onComplete: function(){
  1689. var pictures = $('.photoset-grid a');
  1690. pictures.attr('data-lightbox-gallery', 'photoset')
  1691. .nivoLightbox({
  1692. effect: 'fadeScale'
  1693. });
  1694. }
  1695. });
  1696. {block:IfShowScrollbarsForLongPosts}
  1697. $(".scrollable").mCustomScrollbar({
  1698. theme:"light-thin",
  1699. advanced:{
  1700. updateOnContentResize: true
  1701. }
  1702. });
  1703. {/block:IfShowScrollbarsForLongPosts}
  1704. var iframes = $('.typography iframe, .video-wrapper iframe, .video-wrapper video, .audio-wrapper iframe');
  1705. for (var i = 0; i < iframes.length; i++) {
  1706. var ci = $(iframes[i]),
  1707. ciW = ci.attr('width'),
  1708. ciH = ci.attr('height'),
  1709. aspect = ciH / ciW,
  1710. parentW = ci.parent().width();
  1711. ci.css({"width": parentW, "height": parentW * aspect});
  1712. }
  1713. };
  1714. $(document).ready(function(){
  1715. /*Masonry init */
  1716. var container = document.querySelector('.ft-container');
  1717. msnry = new Masonry( container, {
  1718. itemSelector: '.ft-section',
  1719. columnWidth: container.querySelector('.ft-section')
  1720. });
  1721. setTimeout(function(){
  1722. msnry.layout();
  1723. }, 3000);
  1724. setInterval(function(){
  1725. msnry.layout();
  1726. }, 10000);
  1727.  
  1728. var iframes = $('.typography iframe, .video-wrapper iframe, .video-wrapper video, .audio-wrapper iframe');
  1729. for (var i = 0; i < iframes.length; i++) {
  1730. var ci = $(iframes[i]),
  1731. ciW = ci.attr('width'),
  1732. ciH = ci.attr('height'),
  1733. aspect = ciH / ciW,
  1734. parentW = ci.parent().width();
  1735. ci.css({"width": parentW, "height": parentW * aspect});
  1736. }
  1737.  
  1738. /*Theme script init*/
  1739. $(document).queistheme({
  1740. disqusID: '{text:Disqus Shortname}',
  1741. bannerDelay: '{text:Header image change delay}'
  1742. });
  1743.  
  1744. $(".lightbox-wrap").mCustomScrollbar({
  1745. theme:"light-thin",
  1746. advanced:{
  1747. updateOnContentResize: true
  1748. }
  1749. });
  1750. lbLoaded();
  1751.  
  1752. {block:IfInstagramAccessToken}
  1753. var InstaToken = '{text:Instagram access token}',
  1754. InstaImageLimit = '{text:instagram image limit}',
  1755. InstaFeed = $('.instagram-feed'),
  1756. InstaFeedUl = $('<ul/>').addClass('instagram-list').appendTo(InstaFeed);
  1757. $.ajax({
  1758. url: 'https://api.instagram.com/v1/users/self/media/recent/?access_token=' + InstaToken,
  1759. dataType: 'jsonp'
  1760. })
  1761. .done(function (r) {
  1762. $.each(r.data, function (i, item) {
  1763. if (i < InstaImageLimit) {
  1764. var imgCap = item.caption,
  1765. imgAlt = '';
  1766. if (imgCap) {
  1767. imgAlt = item.caption.text;
  1768. }
  1769. $('<img/>').attr({
  1770. alt: imgAlt,
  1771. src: item.images.thumbnail.url
  1772. })
  1773. .appendTo(InstaFeedUl).wrap('<li><a href="' + item.link + '" title="' + imgAlt + '"></a></li>');
  1774. }
  1775. })
  1776. })
  1777. {/block:IfInstagramAccessToken}
  1778.  
  1779. {block:IfFlickrUsername}
  1780. /* === Flickr FEED === */
  1781. $('.flickr-feed').socialstream({
  1782. socialnetwork: 'flickr',
  1783. limit: {text:Flickr image limit},
  1784. username: '{text:Flickr username}'
  1785. });
  1786. {/block:IfFlickrUsername}
  1787.  
  1788. });
  1789. </script>
  1790.  
  1791. {block:IfDisqusShortname}
  1792. <script type="text/javascript">
  1793. var disqus_shortname = '{text:Disqus Shortname}';
  1794. (function () {
  1795. var s = document.createElement('script'); s.async = true;
  1796. s.type = 'text/javascript';
  1797. s.src = '//' + disqus_shortname + '.disqus.com/count.js';
  1798. (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
  1799. }());
  1800.  
  1801. var disqus_shortname = '{text:Disqus Shortname}';
  1802. var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
  1803. dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
  1804. (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  1805.  
  1806. </script>
  1807. {/block:IfDisqusShortname}
  1808.  
  1809.  
  1810. <script type="text/javascript">
  1811. $( ".permalink-page .post-text.typography" ).wrapInner( "<div class='sam-row'></div>" );
  1812. $( ".permalink-page .tmblr-full" ).wrap( "<div class='sam-col-md-6'></div>" );
  1813.  
  1814.  
  1815. </script>
  1816. <script type="text/javascript">
  1817. document.querySelectorAll(`#categories a`).forEach(item=>{
  1818. if(item.href.includes('tag-link')){
  1819. let href=item.href.split('tag-link:');
  1820. if(href[1].includes('https://') || href[1].includes('http://') ){
  1821. item.href=href[1];
  1822. }
  1823. else {
  1824. item.href=`https://${href[1]}`;
  1825. }
  1826. }
  1827. });
  1828. </script>
  1829.  
  1830.  
  1831.  
  1832. </body>
  1833. </html>
  1834.  
Advertisement
Add Comment
Please, Sign In to add comment