API tools faq
paste
feiinho

Orenda Theme http://cubthemes.com/orenda

feiinho
May 4th, 2016
163
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 174.75 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <!--_____ __ ________
  5. / ______ __/ /_/_ __/ /_ ___ ____ ___ ___ _____
  6. / / / / / / __ \/ / / __ \/ _ \/ __ `__ \/ _ \/ ___/
  7. / /___/ /_/ / /_/ / / / / / / __/ / / / / / __(__ )
  8. \____/\__,_/_.___/_/ /_/ /_/\___/_/ /_/ /_/\___/____/
  9.  
  10. =======================================================
  11. || http://cubthemes.com ||
  12. =======================================================
  13. || Name: Orenda Theme
  14. -------------------------------------------------------
  15. || Version: 1.3
  16. -------------------------------------------------------
  17. || Website: http://cubthemes.com/orenda
  18. ------------------------------------------------------>
  19.  
  20. <!--================================================================
  21. General Meta
  22. =================================================================-->
  23. <!-- Charset (99.99% cases it's utf-8) -->
  24. <meta charset="utf-8">
  25. <!-- Meta Description -->
  26. {block:Description}
  27. <meta name="description" content="{MetaDescription}">
  28. {/block:Description}
  29. <!-- viewport fix -->
  30. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  31. <meta name="apple-mobile-web-app-capable" content="yes">
  32. <!-- Blog & Page Titles -->
  33. <title>
  34. {block:SearchPage}
  35. {lang:Search results for SearchQuery} -
  36. {/block:SearchPage}
  37. {block:PermalinkPage}
  38. {block:PostSummary}{PostSummary} - {/block:PostSummary}
  39. {/block:PermalinkPage}
  40. {Title}
  41. </title>
  42. {block:Hidden}
  43. <!--================================================================
  44. Image Options
  45. =================================================================-->
  46. <meta name="image:Body Background Image" content="" />
  47. <meta name="image:Custom Favicon Image" content="" />
  48. <meta name="image:Logo Image" content="" />
  49. <meta name="image:Slide 01 Image" content="" />
  50. <meta name="image:Slide 02 Image" content="" />
  51. <meta name="image:Slide 03 Image" content="" />
  52. <meta name="image:Slide 04 Image" content="" />
  53. <meta name="image:Loading Overlay Image" content="" />
  54. <!--================================================================
  55. Colors
  56. =================================================================-->
  57. <!-- General Colors -->
  58. <meta name="color:Body Background Color" content="#d1cbc4" />
  59. <meta name="color:Text Color" content="#322e3d" />
  60. <meta name="color:Link Color" content="#322e3d" />
  61. <meta name="color:Link Hover Color" content="#fd432b" />
  62. <meta name="color:Scrollbar Background Color" content="#ffffff" />
  63. <meta name="color:Scrollbar Color" content="#322e3d" />
  64. <!-- Navbar Colors -->
  65. <meta name="color:Navbar Background Color" content="#ffffff" />
  66. <meta name="color:Navbar Button Color" content="#ffffff" />
  67. <meta name="color:Navbar Button Hover Color" content="#ffffff" />
  68. <meta name="color:Navbar Text Color" content="#322e3d" />
  69. <meta name="color:Navbar Text Hover Color" content="#fc432a" />
  70. <meta name="color:Navbar Dropdown Button Hover Color" content="#ffffff" />
  71. <meta name="color:Navbar Dropdown Link Color" content="#322e3d" />
  72. <meta name="color:Navbar Dropdown Link Hover Color" content="#fc432a" />
  73. <meta name="color:Navbar Dropdown Search Border Color" content="#e3e3e3" />
  74. <!-- Sidebar -->
  75. <meta name="color:Inner Sidebar Background Color" content="" />
  76. <meta name="color:Outer Sidebar Background Color" content="" />
  77. <meta name="color:Blog Title Color" content="#322e3d" />
  78. <meta name="color:Blog Description Text Color" content="#ffffff" />
  79. <meta name="color:Blog Description Background Color" content="#322e3d" />
  80. <meta name="color:Slider Caption Text Color" content="#ffffff" />
  81. <meta name="color:Slider Navigation Buttons Color" content="#19171e" />
  82. <meta name="color:Slider Navigation Buttons Hover Color" content="#ffffff" />
  83. <meta name="color:Slider Navigation Active Button Color" content="#fd432b" />
  84. <meta name="color:Social Feed Tab Button Color" content="#19171e" />
  85. <meta name="color:Social Feed Tab Button Hover Color" content="#fd432b" />
  86. <meta name="color:Social Feed Selected Tab Color" content="#322e3d" />
  87. <meta name="color:Social Feed Text Color" content="#ffffff" />
  88. <meta name="color:Social Buttons Text Color" content="#ffffff" />
  89. <meta name="color:Social Buttons Color" content="#322e3d" />
  90. <meta name="color:Social Buttons Hover Color" content="#fd432b" />
  91. <meta name="color:Group Members Title Color" content="#ffffff" />
  92. <meta name="color:Group Members Background Color" content="#322e3d" />
  93. <!-- General Post and Post Type Colors -->
  94. <meta name="color:Post Header Background Color" content="#322e3d" />
  95. <meta name="color:Post Title Color" content="#ffffff" />
  96. <meta name="color:Post Title Hover Color" content="#ffffff" />
  97. <meta name="color:Post Content Background Color" content="#ffffff" />
  98. <meta name="color:Post Icons Color" content="#ffffff" />
  99. <meta name="color:Post Footer Text Color" content="#ffffff" />
  100. <meta name="color:Post Footer Link Color" content="#ffffff" />
  101. <meta name="color:Post Footer Link Hover Color" content="#ffffff" />
  102. <meta name="color:Post Footer Background Color" content="#322e3d" />
  103. <meta name="color:Post Footer Border Color" content="#19171e" />
  104. <meta name="color:Post Footer Blocks Hover Color" content="#fd432b" />
  105. <meta name="color:Post Footer Blocks Toggle Background Color" content="#322e3d" />
  106. <meta name="color:Answer Post Bubbles Background Color" content="#e3e3e3" />
  107. <meta name="color:Answer Post Borders Color" content="#322e3d" />
  108. <meta name="color:Chat Post Text Background Color" content ="#e3e3e3" />
  109. <meta name="color:Chat Post Text Color" content ="#322e3d" />
  110. <meta name="color:Disqus Background Color" content="#ffffff" />
  111. <meta name="color:Notes Text Color" content="#322e3d" />
  112. <meta name="color:Notes Background Color" content="#ffffff" />
  113. <meta name="color:Notes Comment Background Color" content="#ffffff" />
  114. <meta name="color:Notes Borders Color" content="#322e3d" />
  115. <!-- Footer Colors -->
  116. <meta name="color:Pagination Text Color" content="#ffffff" />
  117. <meta name="color:Pagination Button Color" content="#322e3d" />
  118. <meta name="color:Pagination Button Hover Color" content="#fd432b" />
  119. <meta name="color:Back To Top Arrow Color" content="#ffffff" />
  120. <meta name="color:Back To Top Button Color" content="#322e3d" />
  121. <meta name="color:Back To Top Button Hover Color" content="#fd432b" />
  122. <meta name="color:Body Footer Background Color" content="#322e3d" />
  123. <meta name="color:Body Footer Text Color" content="#6a647a" />
  124. <!--================================================================
  125. Fonts
  126. =================================================================-->
  127. <meta name="font:General Text Font" content="'PT Sans', 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif" />
  128. <meta name="font:Blog Title Font" content="Oswald" />
  129. <meta name="font:Heading Font" content="PT Sans" />
  130. <!--================================================================
  131. Drop-down Lists
  132. =================================================================-->
  133. <meta name="select:Sidebar Size" content="4" title="4/12 (default)" />
  134. <meta name="select:Sidebar Size" content="1" title="1/12" />
  135. <meta name="select:Sidebar Size" content="2" title="2/12" />
  136. <meta name="select:Sidebar Size" content="3" title="3/12" />
  137. <meta name="select:Sidebar Size" content="5" title="5/12" />
  138. <meta name="select:Sidebar Size" content="6" title="6/12" />
  139. <meta name="select:Sidebar Size" content="7" title="7/12" />
  140. <meta name="select:Sidebar Size" content="8" title="8/12" />
  141. <meta name="select:Sidebar Size" content="9" title="9/12" />
  142. <meta name="select:Sidebar Size" content="10" title="10/12" />
  143. <meta name="select:Sidebar Size" content="11" title="11/12" />
  144. <meta name="select:Sidebar Size" content="12" title="12/12" />
  145. <!-- Content Size -->
  146. <meta name="select:Content Size" content="8" title="8/12 (default)" />
  147. <meta name="select:Content Size" content="1" title="1/12" />
  148. <meta name="select:Content Size" content="2" title="2/12" />
  149. <meta name="select:Content Size" content="3" title="3/12" />
  150. <meta name="select:Content Size" content="4" title="4/12" />
  151. <meta name="select:Content Size" content="5" title="5/12" />
  152. <meta name="select:Content Size" content="6" title="6/12" />
  153. <meta name="select:Content Size" content="7" title="7/12" />
  154. <meta name="select:Content Size" content="9" title="9/12" />
  155. <meta name="select:Content Size" content="10" title="10/12" />
  156. <meta name="select:Content Size" content="11" title="11/12" />
  157. <meta name="select:Content Size" content="12" title="12/12" />
  158. <!-- Number of Columns -->
  159. <meta name="select:Number of Columns" content="12" title="1 column" />
  160. <meta name="select:Number of Columns" content="6" title="2 columns" />
  161. <meta name="select:Number of Columns" content="4" title="3 columns" />
  162. <meta name="select:Number of Columns" content="3" title="4 columns" />
  163. <meta name="select:Number of Columns" content="2" title="6 columns" />
  164. <!-- Maximum Content Width -->
  165. <meta name="select:Maximum Container Width" content="1170px" title="Normal" />
  166. <meta name="select:Maximum Container Width" content="970px" title="Narrow" />
  167. <meta name="select:Maximum Container Width" content="750px" title="Narrower" />
  168. <meta name="select:Maximum Container Width" content="full-width" title="Full Width" />
  169. <!-- Maximum Content Width -->
  170. <meta name="select:Maximum Container Width On Permalink" content="1170px" title="Normal" />
  171. <meta name="select:Maximum Container Width On Permalink" content="970px" title="Narrow" />
  172. <meta name="select:Maximum Container Width On Permalink" content="750px" title="Narrower" />
  173. <meta name="select:Maximum Container Width On Permalink" content="full-width" title="Full Width" />
  174. <!-- Sidebar Possition -->
  175. <meta name="select:Sidebar Possition" content="left" title="Left" />
  176. <meta name="select:Sidebar Possition" content="right" title="Right" />
  177. <!-- Navbar Buttons Type -->
  178. <meta name="select:Navbar Buttons Type" content="navbar-nav" title="Inline" />
  179. <meta name="select:Navbar Buttons Type" content="navbar-stacked" title="Stacked" />
  180. <!-- Navbar Buttons Text Position -->
  181. <meta name="select:Navbar Buttons Text Position" content="text-center" title="Center" />
  182. <meta name="select:Navbar Buttons Text Position" content="text-left" title="Left" />
  183. <meta name="select:Navbar Buttons Text Position" content="text-right" title="Right" />
  184. <!-- Slider Effect -->
  185. <meta name="select:Slide Change Effect" content="slide" title="Slide" />
  186. <meta name="select:Slide Change Effect" content="fade" title="Fade" />
  187. <!-- Google Code Prettify Theme -->
  188. <meta name="select:Code Prettify Theme" content="//static.tumblr.com/4ryjdsi/khin7khwe/google-code-prettify-tomorrow-night-theme.css" title="Dark" />
  189. <meta name="select:Code Prettify Theme" content="//static.tumblr.com/4ryjdsi/hxqn7kvp4/google-code-prettify-tomorrow-theme.css" title="Light" />
  190. <!-- Navbar Hook -->
  191. <meta name="select:Navbar Hook" content="hook-header" title="Header" />
  192. <meta name="select:Navbar Hook" content="hook-sidebar" title="Sidebar" />
  193. <meta name="select:Navbar Hook" content="hook-footer" title="Footer" />
  194. <!-- Navbar Hook Position -->
  195. <meta name="select:Navbar Hook Position" content="101" title="1" />
  196. <meta name="select:Navbar Hook Position" content="102" title="2" />
  197. <meta name="select:Navbar Hook Position" content="103" title="3" />
  198. <meta name="select:Navbar Hook Position" content="104" title="4" />
  199. <meta name="select:Navbar Hook Position" content="105" title="5" />
  200. <meta name="select:Navbar Hook Position" content="106" title="6" />
  201. <meta name="select:Navbar Hook Position" content="107" title="7" />
  202. <meta name="select:Navbar Hook Position" content="108" title="8" />
  203. <meta name="select:Navbar Hook Position" content="109" title="9" />
  204. <!-- Logo Hook -->
  205. <meta name="select:Logo Hook" content="hook-navbar" title="Navbar" />
  206. <meta name="select:Logo Hook" content="hook-sidebar" title="Sidebar" />
  207. <meta name="select:Logo Hook" content="hook-header" title="Header" />
  208. <meta name="select:Logo Hook" content="hook-footer" title="Footer" />
  209. <!-- Logo Hook Position -->
  210. <meta name="select:Logo Hook Position" content="101" title="1" />
  211. <meta name="select:Logo Hook Position" content="102" title="2" />
  212. <meta name="select:Logo Hook Position" content="103" title="3" />
  213. <meta name="select:Logo Hook Position" content="104" title="4" />
  214. <meta name="select:Logo Hook Position" content="105" title="5" />
  215. <meta name="select:Logo Hook Position" content="106" title="6" />
  216. <meta name="select:Logo Hook Position" content="107" title="7" />
  217. <meta name="select:Logo Hook Position" content="108" title="8" />
  218. <meta name="select:Logo Hook Position" content="109" title="9" />
  219. <!-- Blog Title Hook -->
  220. <meta name="select:Blog Title Hook" content="hook-navbar" title="Navbar" />
  221. <meta name="select:Blog Title Hook" content="hook-sidebar" title="Sidebar" />
  222. <meta name="select:Blog Title Hook" content="hook-header" title="Header" />
  223. <meta name="select:Blog Title Hook" content="hook-footer" title="Footer" />
  224. <!-- Title Hook Position -->
  225. <meta name="select:Blog Title Hook Position" content="102" title="2" />
  226. <meta name="select:Blog Title Hook Position" content="101" title="1" />
  227. <meta name="select:Blog Title Hook Position" content="103" title="3" />
  228. <meta name="select:Blog Title Hook Position" content="104" title="4" />
  229. <meta name="select:Blog Title Hook Position" content="105" title="5" />
  230. <meta name="select:Blog Title Hook Position" content="106" title="6" />
  231. <meta name="select:Blog Title Hook Position" content="107" title="7" />
  232. <meta name="select:Blog Title Hook Position" content="108" title="8" />
  233. <meta name="select:Blog Title Hook Position" content="109" title="9" />
  234. <!-- Blog Avatar Hook -->
  235. <meta name="select:Blog Avatar Hook" content="hook-sidebar" title="Sidebar" />
  236. <meta name="select:Blog Avatar Hook" content="hook-header" title="Header" />
  237. <meta name="select:Blog Avatar Hook" content="hook-footer" title="Footer" />
  238. <!-- Blog Avatar Hook Position -->
  239. <meta name="select:Blog Avatar Hook Position" content="101" title="1" />
  240. <meta name="select:Blog Avatar Hook Position" content="102" title="2" />
  241. <meta name="select:Blog Avatar Hook Position" content="103" title="3" />
  242. <meta name="select:Blog Avatar Hook Position" content="104" title="4" />
  243. <meta name="select:Blog Avatar Hook Position" content="105" title="5" />
  244. <meta name="select:Blog Avatar Hook Position" content="106" title="6" />
  245. <meta name="select:Blog Avatar Hook Position" content="107" title="7" />
  246. <meta name="select:Blog Avatar Hook Position" content="108" title="8" />
  247. <meta name="select:Blog Avatar Hook Position" content="109" title="9" />
  248. <!-- Blog Description -->
  249. <meta name="select:Blog Description Hook" content="hook-sidebar" title="Sidebar" />
  250. <meta name="select:Blog Description Hook" content="hook-header" title="Header" />
  251. <meta name="select:Blog Description Hook" content="hook-footer" title="Footer" />
  252. <!-- Blog Description Hook Position -->
  253. <meta name="select:Blog Description Hook Position" content="103" title="3" />
  254. <meta name="select:Blog Description Hook Position" content="101" title="1" />
  255. <meta name="select:Blog Description Hook Position" content="102" title="2" />
  256. <meta name="select:Blog Description Hook Position" content="104" title="4" />
  257. <meta name="select:Blog Description Hook Position" content="105" title="5" />
  258. <meta name="select:Blog Description Hook Position" content="106" title="6" />
  259. <meta name="select:Blog Description Hook Position" content="107" title="7" />
  260. <meta name="select:Blog Description Hook Position" content="108" title="8" />
  261. <meta name="select:Blog Description Hook Position" content="109" title="9" />
  262. <!-- Slider Hook -->
  263. <meta name="select:Slider Hook" content="hook-header" title="Header" />
  264. <meta name="select:Slider Hook" content="hook-sidebar" title="Sidebar" />
  265. <meta name="select:Slider Hook" content="hook-footer" title="Footer" />
  266. <!-- Slider Hook Position -->
  267. <meta name="select:Slider Hook Position" content="102" title="2" />
  268. <meta name="select:Slider Hook Position" content="101" title="1" />
  269. <meta name="select:Slider Hook Position" content="103" title="3" />
  270. <meta name="select:Slider Hook Position" content="104" title="4" />
  271. <meta name="select:Slider Hook Position" content="105" title="5" />
  272. <meta name="select:Slider Hook Position" content="106" title="6" />
  273. <meta name="select:Slider Hook Position" content="107" title="7" />
  274. <meta name="select:Slider Hook Position" content="108" title="8" />
  275. <meta name="select:Slider Hook Position" content="109" title="9" />
  276. <!-- Social Buttons Hook -->
  277. <meta name="select:Social Buttons Hook" content="hook-footer" title="Footer" />
  278. <meta name="select:Social Buttons Hook" content="hook-header" title="Header" />
  279. <meta name="select:Social Buttons Hook" content="hook-sidebar" title="Sidebar" />
  280. <!-- Social Buttons Hook Position -->
  281. <meta name="select:Social Buttons Hook Position" content="102" title="2" />
  282. <meta name="select:Social Buttons Hook Position" content="101" title="1" />
  283. <meta name="select:Social Buttons Hook Position" content="103" title="3" />
  284. <meta name="select:Social Buttons Hook Position" content="104" title="4" />
  285. <meta name="select:Social Buttons Hook Position" content="105" title="5" />
  286. <meta name="select:Social Buttons Hook Position" content="106" title="6" />
  287. <meta name="select:Social Buttons Hook Position" content="107" title="7" />
  288. <meta name="select:Social Buttons Hook Position" content="108" title="8" />
  289. <meta name="select:Social Buttons Hook Position" content="109" title="9" />
  290. <!-- Social Feed Hook -->
  291. <meta name="select:Social Feed Hook" content="hook-sidebar" title="Sidebar" />
  292. <meta name="select:Social Feed Hook" content="hook-header" title="Header" />
  293. <meta name="select:Social Feed Hook" content="hook-pre-footer" title="Pre Footer" />
  294. <!-- Social Feed Position -->
  295. <meta name="select:Social Feed Hook Position" content="106" title="6" />
  296. <meta name="select:Social Feed Hook Position" content="101" title="1" />
  297. <meta name="select:Social Feed Hook Position" content="102" title="2" />
  298. <meta name="select:Social Feed Hook Position" content="103" title="3" />
  299. <meta name="select:Social Feed Hook Position" content="104" title="4" />
  300. <meta name="select:Social Feed Hook Position" content="105" title="5" />
  301. <meta name="select:Social Feed Hook Position" content="107" title="7" />
  302. <meta name="select:Social Feed Hook Position" content="108" title="8" />
  303. <meta name="select:Social Feed Hook Position" content="109" title="9" />
  304. <!-- Group Members Hook -->
  305. <meta name="select:Group Members Hook" content="hook-sidebar" title="Sidebar" />
  306. <meta name="select:Group Members Hook" content="hook-header" title="Header" />
  307. <meta name="select:Group Members Hook" content="hook-footer" title="Footer" />
  308. <!-- Group Members Hook Position -->
  309. <meta name="select:Group Members Hook Position" content="108" title="8" />
  310. <meta name="select:Group Members Hook Position" content="101" title="1" />
  311. <meta name="select:Group Members Hook Position" content="102" title="2" />
  312. <meta name="select:Group Members Hook Position" content="103" title="3" />
  313. <meta name="select:Group Members Hook Position" content="104" title="4" />
  314. <meta name="select:Group Members Hook Position" content="105" title="5" />
  315. <meta name="select:Group Members Hook Position" content="106" title="6" />
  316. <meta name="select:Group Members Hook Position" content="107" title="7" />
  317. <meta name="select:Group Members Hook Position" content="109" title="9" />
  318. <!-- Custom Text Block Hook -->
  319. <meta name="select:Custom Text Block Hook" content="hook-sidebar" title="Sidebar" />
  320. <meta name="select:Custom Text Block Hook" content="hook-header" title="Header" />
  321. <meta name="select:Custom Text Block Hook" content="hook-footer" title="Footer" />
  322. <!-- Custom Text Block Hook Position -->
  323. <meta name="select:Custom Text Block Hook Position" content="109" title="9" />
  324. <meta name="select:Custom Text Block Hook Position" content="101" title="1" />
  325. <meta name="select:Custom Text Block Hook Position" content="102" title="2" />
  326. <meta name="select:Custom Text Block Hook Position" content="103" title="3" />
  327. <meta name="select:Custom Text Block Hook Position" content="104" title="4" />
  328. <meta name="select:Custom Text Block Hook Position" content="105" title="5" />
  329. <meta name="select:Custom Text Block Hook Position" content="106" title="6" />
  330. <meta name="select:Custom Text Block Hook Position" content="107" title="7" />
  331. <meta name="select:Custom Text Block Hook Position" content="108" title="8" />
  332. <!--================================================================
  333. Booleans
  334. =================================================================-->
  335. <!-- General -->
  336. <meta name="if:Enable Infinite Scroll" content="1" />
  337. <meta name="if:Enable Infinite Scroll Custom Trigger" content="1" />
  338. <!-- Navbar -->
  339. <meta name="if:Enable Navbar Home Link" content="1" />
  340. <meta name="if:Enable Navbar Random Link" content="0" />
  341. <meta name="if:Enable Navbar Ask Link" content="1" />
  342. <meta name="if:Enable Navbar Submit Link" content="0" />
  343. <meta name="if:Enable Navbar Search Bar" content="1" />
  344. <meta name="if:Enable Navbar Fixed On Top" content="0" />
  345. <meta name="if:Enable Navbar Fixed On Bottom" content="0" />
  346. <meta name="if:Enable Only Navbar In Header On Permalink" content="1" />
  347. <!-- Sidebar -->
  348. <meta name="if:Enable Sidebar" content="1" />
  349. <meta name="if:Enable Sticky Sidebar" content="0" />
  350. <meta name="if:Enable Sidebar On Side" content="0" />
  351. <meta name="if:Enable Sidebar In Footer On Mobile" content="1" />
  352. <!-- Post -->
  353. <meta name="if:Enable Post Sharing Button" content="1" />
  354. <meta name="if:Enable Post Type Button" content="0" />
  355. <meta name="if:Enable Post Like Button" content="1" />
  356. <meta name="if:Enable Post Reblog Button" content="1" />
  357. <meta name="if:Enable Post Tags Button" content="1" />
  358. <meta name="if:Enable Post Date Button" content="1" />
  359. <meta name="if:Enable Post Source Button" content="1" />
  360. <meta name="if:Enable Post Author Button" content="0" />
  361.  
  362. <meta name="if:Enable Stacked Post Buttons" content="1" />
  363. <meta name="if:Enable Post Content Padding" content="1" />
  364. <meta name="if:Enable Stretched Post Images" content="0" />
  365. <!-- Blocks -->
  366. <meta name="if:Enable Slider Block" content="0" />
  367. <meta name="if:Enable Social Feed Block" content="0" />
  368. <meta name="if:Enable Social Buttons Block" content="0" />
  369. <meta name="if:Enable Blog Title Block" content="1" />
  370. <meta name="if:Enable Blog Avatar Block" content="0" />
  371. <meta name="if:Enable Blog Description Block" content="1" />
  372. <meta name="if:Enable Group Members Block" content="0" />
  373. <meta name="if:Enable Custom Text Block" content="0" />
  374. <!-- Misc -->
  375. <meta name="if:Enable Smooth Transitions" content="0" />
  376. <meta name="if:Enable Help Bar" content="1" />
  377. <meta name="if:Enable Loading Overlay" content="0" />
  378.  
  379. <!--================================================================
  380. Text
  381. =================================================================-->
  382. <meta name="text:Gutter Size" content="30" />
  383. <meta name="text:Border Radius" content="4" />
  384. <meta name="text:Sidebar On Side Width" content="500" />
  385. <meta name='text:Disqus Shortname' content="" />
  386. <meta name="text:Google Analytics ID" content="" />
  387. <meta name="text:Group Members" content="Group Members" />
  388. <meta name="text:Custom Text Block Content" content="" />
  389.  
  390. <meta name="text:Slide 01 Caption" content="" />
  391. <meta name="text:Slide 01 Text" content="" />
  392. <meta name="text:Slide 01 Link" content="" />
  393. <meta name="text:Slide 02 Caption" content="" />
  394. <meta name="text:Slide 02 Text" content="" />
  395. <meta name="text:Slide 02 Link" content="" />
  396. <meta name="text:Slide 03 Caption" content="" />
  397. <meta name="text:Slide 03 Text" content="" />
  398. <meta name="text:Slide 03 Link" content="" />
  399. <meta name="text:Slide 04 Caption" content="" />
  400. <meta name="text:Slide 04 Text" content="" />
  401. <meta name="text:Slide 04 Link" content="" />
  402.  
  403. <meta name="text:Text Post Tag" content="text" />
  404. <meta name="text:Photo Post Tag" content="photo" />
  405. <meta name="text:Panorama Post Tag" content="panorama" />
  406. <meta name="text:Photoset Post Tag" content="photoset" />
  407. <meta name="text:Quote Post Tag" content="quote" />
  408. <meta name="text:Link Post Tag" content="link" />
  409. <meta name="text:Chat Post Tag" content="chat" />
  410. <meta name="text:Video Post Tag" content="video" />
  411. <meta name="text:Audio Post Tag" content="audio" />
  412. <meta name="text:Answer Post Tag" content="answer" />
  413.  
  414. <meta name="text:Social Feed Tumblr Blog URL" content="" />
  415. <meta name="text:Social Feed WeHeartIt Username" content="" />
  416. <meta name="text:Social Feed Pinterest Username" content="" />
  417. <meta name="text:Social Feed Flickr User ID" content="" />
  418. <meta name="text:Social Feed DeviantArt Username" content="" />
  419. <meta name="text:Social Feed Dribbble Username" content="" />
  420. <meta name="text:Social Feed Behance Username" content="" />
  421.  
  422. <meta name="text:Social Button Facebook" content="" />
  423. <meta name="text:Social Button Twitter" content="" />
  424. <meta name="text:Social Button WeHeartIt" content="" />
  425. <meta name="text:Social Button Pinterest" content="" />
  426. <meta name="text:Social Button Instagram" content="" />
  427. <meta name="text:Social Button Tumblr Full URL" content="" />
  428. <meta name="text:Social Button DeviantArt" content="" />
  429. <meta name="text:Social Button Flickr" content="" />
  430. <meta name="text:Social Button Dribbble" content="" />
  431. <meta name="text:Social Button Behance" content="" />
  432. <meta name="text:Social Button Website" content="" />
  433. <meta name="text:Social Button eMail" content="" />
  434. {/block:Hidden}
  435. <!--================================================================
  436. Open Graph / creits: Matthew Hudson https://gist.github.com/matthewhudson/1603502
  437. =================================================================-->
  438. <!-- Open Graph tags for your home page (index). -->
  439. <meta property="og:site_name" content="{Title}" />
  440. <meta property="og:description" content="{MetaDescription}" />
  441. <meta property="og:locale" content="en_US" />
  442.  
  443. {block:IndexPage}
  444. <meta property="og:image" content="{PortraitURL-128}" />
  445. <meta property="og:title" content="{Title}" />
  446. <meta property="og:type" content="blog" />
  447. <meta property="og:url" content="{BlogURL}" />
  448. {/block:IndexPage}
  449.  
  450. {block:PostSummary}
  451. <meta property="og:title" content="{PlaintextPostSummary}" />
  452. {/block:PostSummary}
  453.  
  454. <!-- Open Graph tags to customize your permalinks. -->
  455. {block:Permalink}
  456. <meta property="og:type" content="article" />
  457. <meta property="og:url" content="{Permalink}" />
  458. {block:Posts}
  459. {block:Text}
  460. <meta property="og:image" content="http://static.tumblr.com/vswwmyc/mmHla8c7g/text.png"/>
  461. {/block:Text}
  462. {block:Photo}
  463. <meta property="og:image" content="{PhotoURL-500}"/>
  464. {/block:Photo}
  465. {block:Photoset}
  466. <meta property="og:image" content="http://static.tumblr.com/vswwmyc/ACBla8cb5/photo.png"/>
  467. {/block:Photoset}
  468. {block:Quote}
  469. <meta property="og:image" content="http://static.tumblr.com/vswwmyc/kahla8ccw/quote.png"/>
  470. {/block:Quote}
  471. {block:Link}
  472. <meta property="og:image" content="http://static.tumblr.com/vswwmyc/K6Vla8cek/link.png"/>
  473. {/block:Link}
  474. {block:Chat}
  475. <meta property="og:image" content="http://static.tumblr.com/vswwmyc/9Ysla8cgl/chat.png"/>
  476. {/block:Chat}
  477. {block:Video}
  478. <meta property="og:image" content="http://static.tumblr.com/vswwmyc/KiUla8chx/video.png"/>
  479. {/block:Video}
  480. {block:Audio}
  481. <meta property="og:image" content="http://static.tumblr.com/vswwmyc/FyZla8c36/audio.png"/>
  482. {/block:Audio}
  483. {block:Answer}
  484. <meta property="og:image" content="{AskerPortraitURL-128}"/>
  485. {/block:Answer}
  486. {/block:Posts}
  487. {/block:Permalink}
  488. <!--================================================================
  489. General Includes
  490. =================================================================-->
  491. <!-- Favicon (Tumblr avatar) -->
  492. <link rel="shortcut icon" href="{block:IfCustomFaviconImageImage}{image:Custom Favicon Image}{/block:IfCustomFaviconImageImage}{block:IfNotCustomFaviconImageImage}{Favicon}{/block:IfNotCustomFaviconImageImage}">
  493. <!-- RSS -->
  494. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  495. <!--================================================================
  496. External Includes
  497. =================================================================-->
  498. <!-- Bootstrap CSS Min -->
  499. <link href="http://static.tumblr.com/4ryjdsi/Mwxnapqr0/bootstrap.min.css" rel="stylesheet" />
  500. <!-- Font Awesome -->
  501. <link href="//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.css" rel="stylesheet" />
  502. <!-- Google Fonts -->
  503. <link href='//fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic' rel='stylesheet' type='text/css' />
  504. <link href='//fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic' rel='stylesheet' type='text/css' />
  505. <!-- Google Prettify CSS Min -->
  506. <link href="{select:Code Prettify Theme}" rel="stylesheet" />
  507. <style>
  508. /* Please note that some styles are imported from bootstrap.min.css */
  509.  
  510. /* Because of issues with the Oswald font and webkit browsers, it needs to be called like this */
  511. @font-face {
  512. font-family: 'Oswald';
  513. font-style: bold;
  514. font-weight: 700;
  515. src: local('☺'), url(http://themes.googleusercontent.com/static/fonts/oswald/v8/bH7276GfdCjMjApa_dkG6aCWcynf_cDxXwCLxiixG1c.ttf) format('truetype');
  516. }
  517. /* Bootstrap Core Hacks */
  518. .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {padding: 0 15px; padding: 0 calc({text:Gutter Size}px / 2);}
  519.  
  520. /* Global Styles */
  521. {block:IfEnableSmoothTransitions}
  522. a, li, ul, img,
  523. .toggle-content,
  524. .footer-blocks{-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
  525. {/block:IfEnableSmoothTransitions}
  526. body {font-family: "PT Sans", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; /* This is the font set by default if no other font is set */}
  527. body {color: {color:Text Color}; font-family:{font:General Text Font}; background: url('{image:Body Background Image}') {color:Body Background Color}; margin: 0; padding: 0; line-height: 1.7; font-size: 14px; {block:IfEnableLoadingOverlay}overflow: hidden;{/block:IfEnableLoadingOverlay}}
  528. a {color: {color:Link Color}; text-decoration: underline;}
  529. a:hover {color: {color:Link Hover Color}; text-decoration: underline;}
  530. a:focus {outline: none; outline-offset: 0px;}
  531. h1, h2, h3, h4, h5, h6 {font-family: {font:Heading Font};}
  532. img {max-width: 100%;}
  533. pre {border: none!important; -webkit-border-radius: {text:Border Radius}px; -moz-border-radius: {text:Border Radius}px; border-radius: {text:Border Radius}px;}
  534. blockquote {padding: 0 10px; font-size: inherit; margin: 0 0 10px; border-left: 5px solid {color:Text Color};}
  535. /* Custom Scrollbar ( Support: Chrome, Opera 15+, Safari) */
  536. ::-webkit-scrollbar-track {background-color: rgba(0,0,0,0.1);}
  537. ::-webkit-scrollbar {width: 8px; background-color: {color:Scrollbar Background Color};}
  538. ::-webkit-scrollbar-thumb {background-color: {color:Scrollbar Color};}
  539. /* Responsive iFrame - credit http://avexdesigns.com/ */
  540. .responsive-iframe {position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; -webkit-border-radius: {text:Border Radius}px; -moz-border-radius: {text:Border Radius}px; border-radius: {text:Border Radius}px; overflow: hidden;}
  541. .responsive-iframe iframe,
  542. .responsive-iframe object,
  543. .responsive-iframe embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
  544. /* General */
  545. .container {margin: {text:Gutter Size}px auto;}
  546. .container-fluid {margin: {text:Gutter Size}px auto;}
  547. {block:IndexPage}.{select:Maximum Container Width}-fix {width: 100%!important; max-width: 100%!important;}{/block:IndexPage}
  548. {block:PermalinkPage}.{select:Maximum Container Width On Permalink}-fix {width: 100%!important; max-width: 100%!important;}{/block:PermalinkPage}
  549. {block:PermalinkPage}.{select:Maximum Container Width On Permalink}-fix {width: 100%!important; max-width: 100%!important;}{/block:PermalinkPage}
  550. {block:SearchPage}.{select:Maximum Container Width On Permalink}-fix {width: 100%!important; max-width: 100%!important;}{/block:SearchPage}
  551. /* Loading Overlay */
  552. #loading-overlay {z-index: 9999; position: fixed; left: 0; top: 0; bottom: 0; right: 0; background: {color:Background Color}; }
  553. .loading {color: {color:Text Color}; position: absolute; top: 50%; text-align: center; width: 100%;}
  554. .loading img {border-radius: 50%;}
  555. /* Header */
  556. .header {z-index: 2;}
  557. /* Navbar */
  558. #navbar > .container-fluid {margin: 0 auto;}
  559. #navbar > .container {margin: 0 auto;}
  560. .navbar-header {margin: 0 0 {text:Gutter Size}px; background: {color:Navbar Button Color}; -webkit-border-radius: {text:Border Radius}px; -moz-border-radius: {text:Border Radius}px; border-radius: {text:Border Radius}px;}
  561. .navbar-toggle { width: 100%; }
  562. .navbar-collapse.in {overflow: visible;}
  563. .navbar-collapse {padding: 0; border: none; max-height: initial;}
  564. .navbar {margin-bottom: {text:Gutter Size}px; -webkit-border-radius: {text:Border Radius}px; -moz-border-radius: {text:Border Radius}px; border-radius: {text:Border Radius}px; border: none; font-size: 14px;}
  565. .navbar-fixed-top, .navbar-fixed-bottom {margin: 0;}
  566. .navbar-stacked > .navbar-form.navbar-nav {margin-right: 0px;}
  567. .navbar li>a,
  568. .navbar li>a:visited {color: {color:Navbar Text Color}; background: {color:Navbar Button Color}; text-decoration: none; padding: 20px;}
  569. .navbar li>a:hover,
  570. .navbar li>a:focus {color: {color:Navbar Text Hover Color}; background: {color:Navbar Button Hover Color}; text-decoration: none;}
  571. .navbar ul {background: {color:Navbar Background Color};}
  572. .navbar-nav li.dropdown a { -webkit-border-top-right-radius: {text:Border Radius}px; -webkit-border-bottom-right-radius: {text:Border Radius}px; -moz-border-radius-topright: {text:Border Radius}px; -moz-border-radius-bottomright: {text:Border Radius}px; border-top-right-radius: {text:Border Radius}px; border-bottom-right-radius: {text:Border Radius}px; }
  573. .navbar-nav li.dropdown.open a { -webkit-border-bottom-right-radius: 0px; -moz-border-radius-bottomright: 0px; border-bottom-right-radius: 0px; }
  574. .nav .open>a,
  575. .nav .open>a:hover,
  576. .nav .open>a:focus {background: {color:Navbar Button Hover Color};}
  577. .dropdown-menu {-webkit-border-radius: 0; -moz-border-radius: 0; left: auto; right: 0; border-radius: 0; margin: 0; box-shadow: 0 8px 12px rgba(0,0,0,0.1); padding: 0; border: none; background: none!important;}
  578. .navbar-stacked > .dropdown > .dropdown-menu {position: static; float: none; width: auto; margin-top: 0; background-color: transparent;}
  579. .navbar-stacked-fix-two > .navbar-header {float: none; margin-bottom: {text:Gutter Size}px;}
  580. .navbar-stacked-fix-two .dropdown-menu {box-shadow: none;}
  581. .dropdown-menu > li {background: {color:Navbar Button Hover Color}; }
  582. .dropdown-menu > li > a {padding: 20px!important; background: {color:Navbar Button Hover Color}; color: {color:Navbar Dropdown Link Color};}
  583. .dropdown-menu > li > a:hover {background: {color:Navbar Dropdown Button Hover Color}; color: {color:Navbar Dropdown Link Hover Color};}
  584. .dropdown-menu li:last-child {overflow: hidden; -webkit-border-bottom-left-radius: {text:Border Radius}px; -webkit-border-bottom-right-radius: {text:Border Radius}px; -moz-border-radius-bottomleft: {text:Border Radius}px; -moz-border-radius-bottomright: {text:Border Radius}px; border-bottom-left-radius: {text:Border Radius}px; border-bottom-right-radius: {text:Border Radius}px;}
  585. .navbar-fixed-bottom .dropdown-menu {box-shadow: 0 -8px 12px rgba(0,0,0,0.1); margin-bottom: 0!important;}
  586. .navbar-fixed-bottom .dropdown-menu li:last-child {-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
  587. .navbar-fixed-bottom .dropdown-menu li:first-child {-webkit-border-top-left-radius: {text:Border Radius}px; -webkit-border-top-right-radius: {text:Border Radius}px; -moz-border-radius-topleft: {text:Border Radius}px; -moz-border-radius-topright: {text:Border Radius}px; border-top-left-radius: {text:Border Radius}px; border-top-right-radius: {text:Border Radius}px; overflow: hidden;}
  588. .navbar-form {border: none;}
  589. .navbar-form input {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
  590. .navbar-form input:focus {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
  591. .navbar-form.navbar-stacked {background: {color:Navbar Button Color}; padding: 4px; margin: 0;}
  592. .navbar-form.navbar-nav {margin: 0;}
  593. .navbar-form.navbar-stacked input {border: none; -webkit-border-radius: {text:Border Radius}px; -moz-border-radius: {text:Border Radius}px; border-radius: {text:Border Radius}px; height: 32px;}
  594. .navbar-form button {border: none; -webkit-border-radius: {text:Border Radius}px; -moz-border-radius: {text:Border Radius}px; border-radius: {text:Border Radius}px; background: {color:Navbar Button Color};}
  595. .navbar-form button:hover,
  596. .navbar-form button:focus {background: {color:Navbar Button Hover Color};}
  597. .navbar-form button:hover > i {color: {color:Navbar Dropdown Link Hover Color};}
  598. .navbar-nav,
  599. .navbar-stacked {margin: 0; -webkit-border-radius: {text:Border Radius}px; -moz-border-radius: {text:Border Radius}px; border-radius: {text:Border Radius}px;}
  600. .navbar-form.navbar-nav {background: {color:Navbar Button Color}; padding: 5px;}
  601. .navbar-form.navbar-nav input,
  602. .navbar-form.navbar-stacked input {border: none; -webkit-border-radius: {text:Border Radius}px; -moz-border-radius: {text:Border Radius}px; border-radius: {text:Border Radius}px; height: 32px;}
  603. .{select:Navbar Buttons Type}-fix {background: none!important;}
  604. .navbar-stacked > li:first-child > a {-webkit-border-top-left-radius: {text:Border Radius}px; -webkit-border-top-right-radius: {text:Border Radius}px; -moz-border-radius-topleft: {text:Border Radius}px; -moz-border-radius-topright: {text:Border Radius}px; border-top-left-radius: {text:Border Radius}px; border-top-right-radius: {text:Border Radius}px;}
  605. .navbar-stacked li:last-child > a {-webkit-border-bottom-left-radius: {text:Border Radius}px; -webkit-border-bottom-right-radius: {text:Border Radius}px; -moz-border-radius-bottomleft: {text:Border Radius}px; -moz-border-radius-bottomright: {text:Border Radius}px; border-bottom-left-radius: {text:Border Radius}px; border-bottom-right-radius: {text:Border Radius}px;}
  606. .navbar-form.navbar-nav > .input-group > .input-group-btn.search-button {width: auto;}
  607. .navbar-form.navbar-nav > .input-group > input.form-control {}
  608. .sidebar > .navbar > .navbar-form.navbar-nav > .input-group > .input-group-btn.search-button {width: 1%;}
  609. .sidebar > .navbar > .navbar-form.navbar-nav {margin: {text:Gutter Size}px 0 0 0;}
  610. .search-button,
  611. .search-button a,
  612. .search-button a:visited {color: {color:Navbar Dropdown Link Color};}
  613. .search-button:hover,
  614. search-button:focus,
  615. .search-button a:hover,
  616. .search-button a:focus {color: {color:Navbar Dropdown Link Hover Color};}
  617. .navbar-fixed-top {-webkit-border-radius: 0!important; -moz-border-radius: 0!important; border-radius: 0!important;}
  618. .navbar-fixed-bottom {-webkit-border-radius: 0!important; -moz-border-radius: 0!important; border-radius: 0!important;}
  619. #search-bar {border-top: 1px solid {color:Navbar Dropdown Search Border Color};}
  620. {block:IfEnableNavbarFixedOnTop}
  621. #navbar {-webkit-box-shadow: 0px 8px 12px 0px rgba(50, 50, 50, 0.1); -moz-box-shadow: 0px 8px 12px 0px rgba(50, 50, 50, 0.1); box-shadow: 0px 8px 12px 0px rgba(50, 50, 50, 0.1);}
  622. {/block:IfEnableNavbarFixedOnTop}
  623. {block:IfEnableNavbarFixedOnBottom}
  624. #navbar {-webkit-box-shadow: 0px -8px 12px 0px rgba(50, 50, 50, 0.1); -moz-box-shadow: 0px -8px 12px 0px rgba(50, 50, 50, 0.1); box-shadow: 0px -8px 12px 0px rgba(50, 50, 50, 0.1);}
  625. {/block:IfEnableNavbarFixedOnBottom}
  626. /* Sidebar */
  627. #sidebar-wrapper {background: {color:Outer Sidebar Background Color};}
  628. #sidebar-wrapper.sticky { float: none; position: fixed; top: 20px; z-index: 6; left: auto; }
  629. .sidebar {overflow: hidden; background: {color:Inner Sidebar Background Color};}
  630. {block:IfEnableSidebarOnSide}
  631. #hook-sidebar {padding-top: {text:Gutter Size}px;}
  632. {/block:IfEnableSidebarOnSide}
  633. /* Logo */
  634. #blog-logo {margin-bottom: {text:Gutter Size}px;}
  635. #hook-navbar > #blog-logo {padding: 15px; margin: 0;}
  636. .navbar-nav-fix-two #hook-navbar > #blog-logo img {max-height: 30px; width: auto;}
  637.  
  638. {block:IfLogoImageImage}
  639. .logo-{select:Logo Hook} {display: block;}
  640. {block:IfLogoImageImage}
  641. /* Blog Avatar */
  642. #blog-avatar {margin-bottom: {text:Gutter Size}px;}
  643. #blog-avatar img {border: 5px solid {color:Link Color};}
  644. #blog-avatar a:hover img {border: 5px solid {color:Link Hover Color};}
  645. /* Blog Title */
  646. #blog-title {}
  647. #blog-title h1 {margin: 0 0 {text:Gutter Size}px; font-family: {font:Blog Title Font}, sans-serif;}
  648. #blog-title a, #blog-title a:visited {color: {color:Blog Title Color}; text-decoration: none;}
  649. #blog-title a:hover {color: {color:Link Hover Color};}
  650. #hook-navbar #blog-title h1 { margin: 0; float: left; line-height: 60px; padding: 0 15px; font-size: 24px; font-weight: bold; }
  651. /* Description */
  652. #description {background: {color:Blog Description Background Color}; color: {color:Blog Description Text Color}; margin: 0 0 {text:Gutter Size}px; padding: 15px; -webkit-border-radius: {text:Border Radius}px; -moz-border-radius: {text:Border Radius}px; border-radius: {text:Border Radius}px;}
  653. /* Feed Tabs */
  654. .social-feed {margin-bottom: {text:Gutter Size}px;}
  655. .clear-fix {clear: both;}
  656. .tab-content ul {list-style-type: none; padding: 0; margin: 0;}
  657. .feeds-title {padding: 10px 0 10px 15px; white-space: nowrap;}
  658. .nav-tabs {border: none;}
  659. .nav-tabs>li {margin: 0; width: 12%;}
  660. .nav-tabs>li>a {border-radius: 0; background: {color:Social Feed Tab Button Color}; color: {color:Social Feed Text Color}; margin: 0; border: none; padding: 0; padding: 10px 0;}
  661. .nav-tabs>li:last-child>a {-webkit-border-top-left-radius: {text:Border Radius}px; -moz-border-radius-topleft: {text:Border Radius}px; border-top-left-radius: {text:Border Radius}px;}
  662. .nav-tabs>li:first-child>a {-webkit-border-top-right-radius: {text:Border Radius}px; -moz-border-radius-topright: {text:Border Radius}px; border-top-right-radius: {text:Border Radius}px;}
  663. .nav-tabs>li>a:hover {background: {color:Social Feed Tab Button Hover Color};}
  664. .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {border-width: 0px; background: {color:Social Feed Selected Tab Color}; color: {color:Social Feed Text Color};}
  665. .nav-tabs>li.active>a {background: {color:Social Feed Selected Tab Color}; color: {color:Social Feed Text Color}; border: none;}
  666. .nav-tabs>li.active>a:hover {background: {color:Social Feed Selected Tab Color}; border: none; color: {color:Social Feed Text Color};}
  667. .tab-pane {background: {color:Social Feed Selected Tab Color}; overflow: auto; padding: 10px; -webkit-border-radius: {text:Border Radius}px; -webkit-border-top-right-radius: 0; -moz-border-radius: {text:Border Radius}px; -moz-border-radius-topright: 0; border-radius: {text:Border Radius}px; border-top-right-radius: 0;}
  668. .feed-image-wrapper {padding: 5px; float: left; width: 25%; max-width: 140px;}
  669. .feed-image-wrapper:hover {padding: 10px;}
  670. .feed-image {width: 10%; padding: 50%; box-sizing: border-box; overflow: hidden; position: relative; background-repeat: no-repeat; background-size: cover; background-position: 50% 0; -webkit-border-radius: {text:Border Radius}px; -moz-border-radius: {text:Border Radius}px; border-radius: {text:Border Radius}px;}
  671. .follow-wrapper {padding: 10px 5px 5px; line-height: 1; color: {color:Social Feed Text Color};}
  672. .follow-wrapper a, .follow-wrapper a:visited {color: {color:Social Feed Text Color}; text-decoration: none;}
  673. .follow-wrapper a:hover, .follow-wrapper a:focus {color: {color:Social Feed Text Color}; text-decoration: none;}
  674. /* Group Members */
  675. #group-members {padding: 10px; background: {color:Group Members Background Color}; overflow: auto; -webkit-border-radius: {text:Border Radius}px; -moz-border-radius: {text:Border Radius}px; border-radius: {text:Border Radius}px; margin-bottom: {text:Gutter Size}px;}
  676. #group-members ul {padding: 0; margin: 0; list-style-type: none;}
  677. #group-members li {width: 25%; padding: 5px; float: left;}
  678. #group-members li:hover {padding: 10px;}
  679. #group-members img {-webkit-border-radius: {text:Border Radius}px; -moz-border-radius: {text:Border Radius}px; border-radius: {text:Border Radius}px; width: 100%; height: auto;}
  680. #group-members .members-title {padding: 5px 5px 10px; line-height: 1; color: {color:Group Members Title Color};}
  681. /* Custom Text Block */
  682. #custom-text-block {margin-bottom: {text:Gutter Size}px; -webkit-border-radius: {text:Border Radius}px; -moz-border-radius: {text:Border Radius}px; border-radius: {text:Border Radius}px; overflow: hidden;}
  683. /* Post General CSS */
  684. article > .article-border-radius:first-child {-webkit-border-top-left-radius: {text:Border Radius}px; -webkit-border-top-right-radius: {text:Border Radius}px; -moz-border-radius-topleft: {text:Border Radius}px; -moz-border-radius-topright: {text:Border Radius}px; border-top-left-radius: {text:Border Radius}px; border-top-right-radius: {text:Border Radius}px;}
  685. .post-wrapper {margin-bottom: {text:Gutter Size}px;}
  686. {block:PermalinkPage}
  687. .post-wrapper { width: 100%!important; }
  688. {/block:PermalinkPage}
  689. .post-content {background: {color:Post Content Background Color}; {block:IfEnablePostContentPadding}padding: 15px; padding: calc({text:Gutter Size}px / 2);{/block:IfEnablePostContentPadding}}
  690. .post-content > .caption {margin: 10px 0 0;}
  691. {block:IfEnableStretchedPostImages}
  692. .post-content img {width: 100%;}
  693. {/block:IfEnableStretchedPostImages}
  694. .post-content p:last-child {margin: 0;}
  695. .post h3 {margin: 0;}
  696. .post h3 a, .post h3 a:visited {color: {color:Post Title Color}; text-decoration: none; font-size: 24px; font-weight: bold; text-shadow: 1px 1px 1px rgba(0,0,0,0.2);}
  697. .post h3 a:hover {color: {color:Post Title Hover Color}; text-decoration: underline;}
  698. .post header {background: {color:Post Header Background Color}; padding: 15px;}
  699. .post-icons {color: {color:Post Icons Color};}
  700. /* Text Post */
  701. /* Image Post */
  702. .image-post img {-webkit-border-radius: {text:Border Radius}px; -moz-border-radius: {text:Border Radius}px; border-radius: {text:Border Radius}px;}
  703. /* Panorama Post */
  704. .panorama-post img {-webkit-border-radius: {text:Border Radius}px; -moz-border-radius: {text:Border Radius}px; border-radius: {text:Border Radius}px;}
  705. /* Photoset Post */
  706. .photoset-wrapper {overflow: hidden; -webkit-border-radius: {text:Border Radius}px; -moz-border-radius: {text:Border Radius}px; border-radius: {text:Border Radius}px;}
  707. /* Link Post */
  708. .link-post {padding-bottom: 0;}
  709. .link-icon {display: block; font-size: 28px!important; color: {color:Post Title Color}; margin-bottom: 8px;}
  710. .link-post h3 {margin: 0;}
  711. .link-post h3 a, .link-post h3 a:visited {color: {color:Post Title Color}; text-decoration: none; font-size: 24px; font-weight: bold; text-shadow: 1px 1px 1px rgba(0,0,0,0.2);}
  712. .link-post h3 a:hover {text-decoration: underline;}
  713. .link-source {margin-top: 2px; opacity: 0.5; color: {color:Post Title Color};}
  714. .link-source a, .link-source a:visited{color: {color:Post Title Color}; text-decoration: none;}
  715. .link-source a:hover {text-decoration: underline;}
  716. /* Quote Post */
  717. .quote-post {padding-bottom: 0;}
  718. .quote-post h3 {margin: 0; line-height:1;}
  719. .quote-post .quote-quote {color: {color:Text Color}; text-decoration: none; display: block; font-size: 30px; font-style: italic; font-weight: bold; line-height: 1.2;}
  720. .quote-source {opacity: 0.5; color: {color:Text Color}; font-weight: bold;}
  721. .quote-source a, .quote-source a:visited{color: {color:Text Color}; text-decoration: none;}
  722. .quote-source a:hover {text-decoration: underline;}
  723. /* Chat Post */
  724. .chat-chat {margin: 0 0 2px; padding: 0; color: #333; display: table; width: 100%; line-height: 1;}
  725. .chat-chat:last-child {margin: 0;}
  726. .user_1 > .chat-label {background:rgba(233,76,111,0.7)}
  727. .user_2 > .chat-label {background:rgba(40,171,227,0.7)}
  728. .user_3 > .chat-label {background:rgba(31,218,154,0.7)}
  729. .user_4 > .chat-label {background:rgba(232,183,26,0.7)}
  730. .user_5 > .chat-label {background:rgba(88,140,115,0.7)}
  731. .user_6 > .chat-label {background:rgba(140,70,70,0.7)}
  732. .user_7 > .chat-label {background:rgba(246,120,29,0.7)}
  733. .user_8 > .chat-label {background:rgba(156,153,149,0.7)}
  734. .user_9 > .chat-label {background:rgba(155,83,156,0.7)}
  735. .user_10 > .chat-label {background:rgba(115,197,225,0.7)}
  736. .chat-label {font-weight: bold; background: #f5f5f5; padding: 10px; color: #fff; display: table-cell; white-space: nowrap; width: 5%; background: rgba(0,0,0,0.7); -webkit-border-top-left-radius: {text:Border Radius}px; -webkit-border-bottom-left-radius: {text:Border Radius}px; -moz-border-radius-topleft: {text:Border Radius}px; -moz-border-radius-bottomleft: {text:Border Radius}px; border-top-left-radius: {text:Border Radius}px; border-bottom-left-radius: {text:Border Radius}px;}
  737. .chat-line {padding: 10px; background: {color:Chat Post Text Background Color}; color: {color:Chat Post Text Color}; display: table-cell; width: 95%; -webkit-border-top-right-radius: {text:Border Radius}px; -webkit-border-bottom-right-radius: {text:Border Radius}px; -moz-border-radius-topright: {text:Border Radius}px; -moz-border-radius-bottomright: {text:Border Radius}px; border-top-right-radius: {text:Border Radius}px; border-bottom-right-radius: {text:Border Radius}px;}
  738. /* Audio Post */
  739. .tumblr_audio_player {width: 100%; height: 60px; -webkit-border-radius: {text:Border Radius}px; -moz-border-radius: {text:Border Radius}px; border-radius: {text:Border Radius}px;}
  740. .album-art-image {width: 100%; height: auto; -webkit-border-radius: {text:Border Radius}px; -moz-border-radius: {text:Border Radius}px; border-radius: {text:Border Radius}px;}
  741. .audio-post-wrapper {position: relative;}
  742. .audio-player-wrapper {position: absolute; left: 30px; right: 50%; bottom: 23px;}
  743. /* Video Post */
  744. .tumblr_video_container {width: 100%!important; height: auto!important;}
  745. /* Answer Post */
  746. .asker-avatar {width: 60px!important; height: 60px; position: absolute; z-index: 1; -webkit-border-radius: {text:Border Radius}px; -moz-border-radius: {text:Border Radius}px; border-radius: {text:Border Radius}px;}
  747. .asker-question {background: {color:Answer Post Bubbles Background Color}; padding: 13px 15px; position: relative; border-right: 20px solid {color:Answer Post Borders Color}; min-height: 60px; line-height: 17px; margin-left: 70px; -webkit-border-radius: {text:Border Radius}px; -moz-border-radius: {text:Border Radius}px; border-radius: {text:Border Radius}px;}
  748. .asker-question::before {content: "\f059"; position: absolute; top: 22px; top: calc(50% - 9px); right: -16px; color: {color:Answer Post Bubbles Background Color}; font-size: 14px; font-family: FontAwesome;}
  749. .asker-question::after {content: "\f0d9"; position: absolute; top: 22px; left: -9px; color: {color:Answer Post Bubbles Background Color}; font-size: 28px; font-family: FontAwesome;}
  750. .answer {position: relative;}
  751. .answerer-avatar {width: 60px!important;height: 60px; position: absolute; right: 0; top: 0; z-index: 1; -webkit-border-radius: {text:Border Radius}px; -moz-border-radius: {text:Border Radius}px; border-radius: {text:Border Radius}px;}
  752. .answerer-answer {background: {color:Answer Post Bubbles Background Color}; padding: 13px 15px; position: relative; border-left: 20px solid {color:Answer Post Borders Color}; min-height: 60px; line-height: 17px; margin-top: 10px; -webkit-border-radius: {text:Border Radius}px; -webkit-border-top-right-radius: 0; -moz-border-radius: {text:Border Radius}px; -moz-border-radius-topright: 0; border-radius: {text:Border Radius}px; border-top-right-radius: 0;}
  753. .answerer-answer::before {content: "\f05a"; position: absolute; top: 22px; top: calc(50% - 9px); left: -16px; color: {color:Answer Post Bubbles Background Color}; font-size: 14px; font-family: FontAwesome;}
  754. .answerer-answer::after {content: "\f0d8"; position: absolute; top: -13px; right: 2px; color: {color:Answer Post Bubbles Background Color}; font-size: 28px; font-family: FontAwesome;}
  755. .answerer-answer.reblogged-answer {margin-right: 70px;}
  756. .answerer-answer.reblogged-answer::after {content: "\f0da"; right: -9px; top: 22px;}
  757. .replies {background: {color:Answer Post Bubbles Background Color}; padding: 13px 15px; position: relative; border-left: 20px solid {color:Answer Post Borders Color}; min-height: 60px; line-height: 17px; margin-top: 10px; -webkit-border-radius: {text:Border Radius}px; -webkit-border-top-right-radius: 0; -moz-border-radius: {text:Border Radius}px; -moz-border-radius-topright: 0; border-radius: {text:Border Radius}px; border-top-right-radius: 0;}
  758. .replies::before {content: "\f086"; position: absolute; top: 22px; top: calc(50% - 9px); left: -17px; color: {color:Answer Post Bubbles Background Color}; font-size: 14px; font-family: FontAwesome;}
  759. /* Infinite Scroll & Custom Trigger */
  760. #load-more {width: 100%; background-color: {color:Pagination Button Color}; -webkit-border-radius: {text:Border Radius}px; -moz-border-radius: {text:Border Radius}px; border-radius: {text:Border Radius}px; line-height: 2.9; display: block; color: {color:Pagination Text Color}; height: 40px; cursor: pointer; margin-bottom: {text:Gutter Size}px; position: relative;}
  761. #load-more:hover {background: {color:Pagination Button Hover Color};}
  762. #load-more-auto { width: 100%; background-color: {color:Pagination Button Color}; -webkit-border-radius: {text:Border Radius}px; -moz-border-radius: {text:Border Radius}px; border-radius: {text:Border Radius}px; line-height: 2.9; display: block; color: {color:Pagination Text Color}; height: 40px; cursor: pointer; margin-bottom: {text:Gutter Size}px; position: relative;}
  763. #load-more-auto > #infscr-hook {position: initial;}
  764. #load-more-auto > #infscr-hook > #infscr-loading {line-height: 2.8; margin-bottom: 15px;}
  765. #no-more {margin-bottom: {text:Gutter Size}px; text-align: center;}
  766. #infscr-loading {text-align: initial; -moz-transition: none; -webkit-transition: none; -o-transition: none; transition: none; color: {color:Pagination Text Color}; display: inline-block;}
  767. #infscr-loading img { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin-top: -3px;}
  768. #infscr-hook {position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto auto;}
  769. #infscr-button-message {line-height: 2.9;}
  770. /* Post Footer */
  771. .post-footer {background: {color:Post Footer Background Color}; border-bottom: 15px solid {color:Post Footer Border Color}; font-size: 14px; color: {color:Post Footer Text Color}; -webkit-border-bottom-right-radius: {text:Border Radius}px; -webkit-border-bottom-left-radius: {text:Border Radius}px; -moz-border-radius-bottomright: {text:Border Radius}px; -moz-border-radius-bottomleft: {text:Border Radius}px; border-bottom-right-radius: {text:Border Radius}px; border-bottom-left-radius: {text:Border Radius}px; position: relative;}
  772. .post-footer a {color: {color:Post Footer Link Color}; text-decoration: none;}
  773. .post-footer a:hover {color: {color:Post Footer Link Hover Color}; text-decoration: underline;}
  774. .footer-blocks {width: 40px; height: 40px; text-align: center; cursor: pointer; line-height: 2.9;}
  775. .footer-blocks:hover, .footer-blocks:focus {background: {color:Post Footer Blocks Hover Color};}
  776. .footer-blocks.like:hover {background: inherit; cursor: default;}
  777. .footer-blocks.reblog:hover {background: inherit; cursor: default;}
  778. .footer-blocks-content {}
  779. .footer-blocks-content a {width: auto!important; display: block;}
  780. /* Stacked Post Buttons */
  781. .if-stacked-post-footer-buttons {float: right;}
  782. .toggle-stacked-post-footer-buttons {display: none;}
  783. {block:IfEnableStackedPostButtons}
  784. .if-stacked-post-footer-buttons {display: none; position: absolute; right: 0; bottom: 40px; background: {color:Post Footer Background Color}; width: 40px; z-index: 98;}
  785. .toggle-stacked-post-footer-buttons {display: block;}
  786. .toggle-content {right: 40px!important; bottom: 0!important;}
  787. {/block:IfEnableStackedPostButtons}
  788. /* Post Notes */
  789. .notes-count {line-height: 2.9; padding: 0 10px;}
  790. .post-notes {overflow: auto; }
  791. .notes-label {margin: {text:Gutter Size}px 0; line-height: 1;}
  792. .post-notes ol { margin: 0; padding: 0; list-style: none; overflow: auto; }
  793. .post-notes ol > li { min-height: 60px; width: 50%; float: left; padding: 0; position: relative; color: {color:Notes Text Color};}
  794. .post-notes ol > li a, .post-notes ol > li a:visited, .post-notes ol > li a:hover, .post-notes ol > li a:focus {color: {color:Notes Text Color};}
  795. .post-notes ol > li.like > .action::before {content: "\f004"; position: absolute; top: 19px; top: calc(50% - 11px); right: -17px; color: {color:Notes Background Color}; font-size: 14px; font-family: FontAwesome;}
  796. .post-notes ol > li.reblog > .action::before {content: "\f079"; position: absolute; top: 19px; top: calc(50% - 12px); right: -17px; color: {color:Notes Background Color}; font-size: 14px; font-family: FontAwesome;}
  797. .post-notes ol > li.reply > .action::before {content: "\f075"; position: absolute; top: 18px; top: calc(50% - 12px); right: -17px; color: {color:Notes Background Color}; font-size: 14px; font-family: FontAwesome;}
  798. .post-notes ol > li.original_post > .action::before {content: "\f15c"; position: absolute; top: 19px; top: calc(50% - 11px); right: -16px; color: {color:Notes Background Color}; font-size: 14px; font-family: FontAwesome;}
  799. .post-notes ol > li:nth-child(2n+1) {clear: both; padding: 0 5px 10px 0;}
  800. .post-notes ol > li:nth-child(2n+0) {padding: 0 0 10px 5px;}
  801. .post-notes ol > li > .avatar_frame > .avatar {-webkit-border-top-left-radius: {text:Border Radius}px; -webkit-border-bottom-left-radius: {text:Border Radius}px; -moz-border-radius-topleft: {text:Border Radius}px; -moz-border-radius-bottomleft: {text:Border Radius}px; border-top-left-radius: {text:Border Radius}px; border-bottom-left-radius: {text:Border Radius}px;}
  802. .post-notes ol > li > .avatar_frame > .avatar:hover {padding: 5px;}
  803. .post-notes ol > li > .avatar_frame {position: absolute; width: 60px; z-index: 9; left:0; top:0;}
  804. .post-notes ol > li:nth-child(2n) > .avatar_frame{margin-left: 5px;}
  805. .post-notes ol > li > .action {background: {color:Notes Background Color}; padding: 10px 10px 10px 74px; -webkit-border-radius: {text:Border Radius}px; -moz-border-radius: {text:Border Radius}px; border-radius: {text:Border Radius}px; float: left; width: 100%; min-height: 60px; word-break: break-all; line-height: 1.5; border-right: 20px solid {color:Notes Borders Color}; position: relative;}
  806. .post-notes ol > li > blockquote {float: left; margin: 8px 0 0 0; padding: 5px 10px; background: {color:Notes Comment Background Color}; -webkit-border-radius: {text:Border Radius}px; -moz-border-radius: {text:Border Radius}px; border-radius: {text:Border Radius}px; position: relative; border: none;}
  807. .post-notes ol > li > blockquote::before {content: "\f0d8"; position: absolute; top: -28px; left: 22px; color: {color:Notes Comment Background Color}; font-size: 28px; font-family: FontAwesome;}
  808. .post-notes ol > li > blockquote a, .post-notes ol > li > blockquote a:visited {text-decoration: none;}
  809. .post-notes ol > li > blockquote a:hover, .post-notes ol > li > blockquote a:focus {text-decoration: none;}
  810. .more_notes_link_container {min-height: initial!important; width: 100%!important; display: block; line-height: 2.8;}
  811. .more_notes_link_container a {display: block;}
  812. .toggled-stacked .toggle-content {
  813. -webkit-border-top-right-radius: 0px;
  814. -webkit-border-bottom-right-radius: 0px;
  815. -moz-border-radius-topright: 0px;
  816. -moz-border-radius-bottomright: 0px;
  817. border-top-right-radius: 0px;
  818. border-bottom-right-radius: 0px;
  819. -webkit-border-top-left-radius: {text:Border Radius}px;
  820. -webkit-border-bottom-left-radius: {text:Border Radius}px;
  821. -moz-border-radius-topleft: {text:Border Radius}px;
  822. -moz-border-radius-bottomleft: {text:Border Radius}px;
  823. border-top-left-radius: {text:Border Radius}px;
  824. border-bottom-left-radius: {text:Border Radius}px;
  825. }
  826. .toggle-wrapper {position: relative;}
  827. .toggle {}
  828. .toggle-content {padding: 10px; background: {color:Post Footer Blocks Hover Color}; position: absolute; bottom: 40px; right: 0; white-space: nowrap; opacity: 1; max-width: 300px; -webkit-border-top-left-radius: {text:Border Radius}px; -webkit-border-top-right-radius: {text:Border Radius}px; -moz-border-radius-topleft: {text:Border Radius}px; -moz-border-radius-topright: {text:Border Radius}px; border-top-left-radius: {text:Border Radius}px; border-top-right-radius: {text:Border Radius}px; line-height: 1.45;}
  829. .toggle-arrow {width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid {color:Post Footer Blocks Toggle Background Color}; position: absolute; margin-top: 10px; right: 10px; display: none;}
  830. .transform {-moz-transform: scale(0) translateY(100%); -webkit-transform: scale(0) translateY(100%); -o-transform: scale(0) translateY(100%); -ms-transform: scale(0) translateY(100%); transform: scale(0) translateY(100%); -moz-transform-origin: 100% 100% 0; -webkit-transform-origin: 100% 100% 0; -o-transform-origin: 100% 100% 0; -ms-transform-origin: 100% 100% 0; /* IE 9 */ transform-origin: 100% 100% 0; opacity: 0;}
  831. .share-short-url input {width: 100%; display: block; border: none; color: #333; padding: 5px 10px; margin-bottom: 10px;}
  832. .share-buttons {overflow: auto;}
  833. .share-buttons > a, .share-buttons > a:visited {background: {color:Post Footer Blocks Toggle Background Color}; -webkit-border-radius: {text:Border Radius}px; -moz-border-radius: {text:Border Radius}px; border-radius: {text:Border Radius}px; width: 40px; height: 40px; text-align: center; line-height: 2.8; color: #fff; display: inline-block; margin-right: 6px;}
  834. .share-buttons > a:last-child {margin: 0;}
  835. .share-buttons > a:hover {color: #fff; background: {color:Post Footer Blocks Hover Color};}
  836. .permalink {display: block;}
  837. .disqus-label {margin: {text:Gutter Size}px 0; line-height: 1;}
  838. #disqus_thread {background: {color:Disqus Background Color}; padding: 0 15px; -webkit-border-radius: {text:Border Radius}px; -moz-border-radius: {text:Border Radius}px; border-radius: {text:Border Radius}px;}
  839. .reblog-button {margin-top: 2px;}
  840. .like-button {margin-top: 1px;}
  841. /* Permalink */
  842. {block:Permalink}
  843. {block:IfEnableOnlyNavbarInHeaderOnPermalink}
  844. #hook-header > #slider,
  845. #hook-header > #description,
  846. #hook-header > #group-members,
  847. #hook-header > #social-feed,
  848. #hook-header > #custom-text-block {
  849. display: none;
  850. }
  851. {/block:IfEnableOnlyNavbarInHeaderOnPermalink}
  852. {/block:Permalink}
  853. {block:SearchPage}
  854. {block:IfEnableOnlyNavbarInHeaderOnPermalink}
  855. #hook-header > #slider,
  856. #hook-header > #description,
  857. #hook-header > #group-members,
  858. #hook-header > #social-feed,
  859. #hook-header > #custom-text-block {
  860. display: none;
  861. }
  862. {/block:IfEnableOnlyNavbarInHeaderOnPermalink}
  863. {/block:SearchPage}
  864. /* General Options */
  865. .clearfix {clear: both;}
  866. .no-gutter {padding: 0;}
  867. /* Pagination */
  868. #pagination {margin-bottom: {text:Gutter Size}px; overflow: auto; text-align: center;}
  869. #pagination a, #pagination a:visited, #pagination span {background: {color:Pagination Button Color}; padding: 10px 15px; display: inline-block; font-weight: bold; margin-right: 6px; color: {color:Pagination Text Color}; text-decoration: none; -webkit-border-radius: {text:Border Radius}px; -moz-border-radius: {text:Border Radius}px; border-radius: {text:Border Radius}px;}
  870. #pagination a:hover, #pagination a:focus {background: {color:Pagination Button Hover Color}; text-decoration: none;}
  871. #pagination a:last-child {margin-right: 0;}
  872. #prev-page, #prev-page:visited {}
  873. #prev-page:hover, #prev-page:focus {}
  874. .current-page {background: {color:Pagination Button Hover Color}!important; -webkit-border-radius: {text:Border Radius}px; -moz-border-radius: {text:Border Radius}px; border-radius: {text:Border Radius}px;}
  875. /* Footer */
  876. .body-footer {background: {color:Body Footer Background Color};}
  877. #hook-footer {padding: 15px; -webkit-border-radius: {text:Border Radius}px; -moz-border-radius: {text:Border Radius}px; border-radius: {text:Border Radius}px;}
  878. .copyright {color: {color:Body Footer Text Color}; }
  879. .copyright a, .copyright a:visited {color: {color:Body Footer Text Color};}
  880. .copyright a:hover {text-decoration: none;}
  881. #social-buttons {font-size: 14px;}
  882. #social-buttons i {color: {color:Social Buttons Text Color};}
  883. #social-buttons > a, #social-buttons > a:visited {margin-bottom: {text:Gutter Size}px; background: {color:Social Buttons Color}; -webkit-border-radius: {text:Border Radius}px; -moz-border-radius: {text:Border Radius}px; border-radius: {text:Border Radius}px; display: inline-block; width: 40px; height: 40px; margin-left: 5px; text-align: center; line-height: 2.9; color: {color:Social Buttons Text Color};}
  884. #social-buttons > a:first-child {margin-left: 0;}
  885. #social-buttons > a:hover {background: {color:Social Buttons Hover Color};}
  886. #hook-footer > #social-buttons {text-align: center;}
  887. #hook-footer > #social-buttons > a, #hook-footer > #social-buttons > a:visited { float: none; display: inline-block; }
  888. /* Back to top */
  889. #back-to-top, #back-to-top:visited {position: fixed; bottom: {text:Gutter Size}px; right: 0; background: {color:Back To Top Button Color}; color: {color:Back To Top Arrow Color}; padding: 10px; cursor: pointer; display: none; -webkit-border-top-left-radius: {text:Border Radius}px; -webkit-border-bottom-left-radius: {text:Border Radius}px; -moz-border-radius-topleft: {text:Border Radius}px; -moz-border-radius-bottomleft: {text:Border Radius}px; border-top-left-radius: {text:Border Radius}px; border-bottom-left-radius: {text:Border Radius}px; z-index: 99;}
  890. #back-to-top:hover, #back-to-top:focus {background: {color:Back To Top Button Hover Color};}
  891. /* Screen Options */
  892. @media (min-width: 768px) {
  893. .navbar {background: {color:Navbar Background Color};}
  894. .navbar.navbar-stacked {background: none;}
  895. .navbar-nav > li:first-child > a {-webkit-border-top-left-radius: {text:Border Radius}px; -webkit-border-bottom-left-radius: {text:Border Radius}px; -moz-border-radius-topleft: {text:Border Radius}px; -moz-border-radius-bottomleft: {text:Border Radius}px; border-top-left-radius: {text:Border Radius}px;border-bottom-left-radius: {text:Border Radius}px;}
  896. .navbar-header {margin: 0;}
  897. .navbar-nav { float: right; }
  898. }
  899. @media (min-width: 992px) {
  900. {block:IfEnableSidebarOnSide}
  901. #sidebar-wrapper {width: {text:Sidebar On Side Width}px; position: fixed; top: 0; bottom: 0; {select:Sidebar Possition}: 0;}
  902. {/block:IfEnableSidebarOnSide}
  903. .container-fluid {{block:IfEnableSidebarOnSide}margin-{select:Sidebar Possition}: {text:Sidebar On Side Width}px;{/block:IfEnableSidebarOnSide}}
  904. .container {
  905. width: {select:Maximum Container Width On Permalink};
  906. {block:IndexPage}width: {select:Maximum Container Width};{block:IndexPage}
  907. max-width: 970px;
  908. }
  909. {block:IfNotEnableStackedPostButtons}
  910. .if-stacked-post-footer-buttons {display: block!important;}
  911. {/block:IfNotEnableStackedPostButtons}
  912. }
  913. @media (min-width: 1200px) {
  914. .container {
  915. width: {select:Maximum Container Width On Permalink};
  916. {block:IndexPage}width: {select:Maximum Container Width};{block:IndexPage}
  917. max-width: 1170px;
  918. }
  919. }
  920. @media (max-width: 1199px) {
  921. }
  922. @media (max-width: 991px) {
  923. .post-wrapper {width: 100%!important;}
  924. .sidebar > .navbar > .navbar-form.navbar-nav > .input-group > .input-group-btn.search-button {width: auto;}
  925. .sidebar > .navbar > .navbar-form.navbar-nav {margin: 5px 0;}
  926. #sidebar-wrapper {margin-top: 0!important;}
  927. .if-stacked-post-footer-buttons {display: none; position: absolute; right: 0; bottom: 40px; background: {color:Post Footer Background Color}; width: 40px; z-index: 98;}
  928. .toggle-stacked-post-footer-buttons {display: block;}
  929. .toggle-content {right: 40px!important; bottom: 0!important;}
  930. #hook-navbar > #blog-logo img {max-height: 30px; width: auto;}
  931. }
  932. @media (max-width: 767px) {
  933. #hook-navbar > #blog-logo {position: absolute;}
  934. .navbar {margin-bottom: 0;}
  935. .navbar-collapse {margin-bottom: {text:Gutter Size}px;}
  936. .navbar-form.navbar-nav {width: 100%;}
  937. .navbar-form.navbar-nav > .input-group > .input-group-btn.search-button {width: 1%;}
  938. .sidebar > .navbar > .navbar-form.navbar-nav > .input-group > .input-group-btn.search-button {width: 1%;}
  939. .navbar-fixed-bottom {position: initial;}
  940. .navbar-fixed-top {position: initial;}
  941. .slimScrollDiv {padding: 0!important; height: auto!important;}
  942. .sidebar {height: auto!important;}
  943. body {margin: 0!important;}
  944. .navbar-nav > li:first-child > a {-webkit-border-top-left-radius: {text:Border Radius}px; -webkit-border-top-right-radius: {text:Border Radius}px; -moz-border-radius-topleft: {text:Border Radius}px; -moz-border-radius-topright: {text:Border Radius}px; border-top-left-radius: {text:Border Radius}px; border-top-right-radius: {text:Border Radius}px;}
  945. .navbar-nav li:last-child > a {-webkit-border-bottom-left-radius: {text:Border Radius}px; -webkit-border-bottom-right-radius: {text:Border Radius}px; -moz-border-radius-bottomleft: {text:Border Radius}px; -moz-border-radius-bottomright: {text:Border Radius}px; border-bottom-left-radius: {text:Border Radius}px; border-bottom-right-radius: {text:Border Radius}px;}
  946. .navbar-header {display: block!important;}
  947. #navbar #blog-logo { display: none; }
  948.  
  949. }
  950. /* slimScroll CSS */
  951. .slimScrollDiv {overflow: initial!important; position: relative;}
  952. .slimScrollBar {background: {color:Scrollbar Color}!important; opacity: 1!important; -webkit-border-radius: 0px!important; -moz-border-radius: 0px!important; border-radius: 0px!important;}
  953. .slimScrollRail {background-color: {color:Scrollbar Background Color}; -webkit-border-radius: 0px!important; -moz-border-radius: 0px!important; border-radius: 0px!important;}
  954. /* FlexSlider CSS */
  955. .slider-caption a, .slider-caption a:visited {color: {color:Slider Caption Text Color};}
  956. .slider-caption a:hover, .slider-caption a:focus {color: {color:Slider Caption Text Color};}
  957. .slide-img {-webkit-border-radius: {text:Border Radius}px!important; -moz-border-radius: {text:Border Radius}px!important; border-radius: {text:Border Radius}px!important;}
  958. /* Browser Resets */
  959. .flex-container a:active,
  960. .flexslider a:active,
  961. .flex-container a:focus,
  962. .flexslider a:focus {outline: none;}
  963. .slides,
  964. .flex-control-nav,
  965. .flex-direction-nav {margin: 0; padding: 0; list-style: none;}
  966. /* FlexSlider Necessary Styles */
  967. .flexslider {margin: 0; padding: 0; overflow: hidden;}
  968. .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;}
  969. .flexslider .slides img {width: 100%; display: block;}
  970. .flex-pauseplay span {text-transform: capitalize;}
  971. /* Clearfix for the .slides element */
  972. .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
  973. html[xmlns] .slides {display: block;}
  974. * html .slides {height: 1%;}
  975. .no-js .slides > li:first-child {display: block;}
  976. /* FlexSlider Default Theme */
  977. .flexslider {margin: 0 0 {text:Gutter Size}px; position: relative; zoom: 1;}
  978. .flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
  979. .loading .flex-viewport {max-height: 300px;}
  980. .flexslider .slides {zoom: 1;}
  981. .carousel li {margin-right: 5px}
  982. /* Direction Nav */
  983. .flex-direction-nav {*height: 0;}
  984. .flex-direction-nav a {margin: -20px 0 0; display: block; position: absolute; top: 50%; z-index: 10; cursor: pointer; opacity: 0; -webkit-transition: all .3s ease;}
  985. .flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
  986. .flex-direction-nav .flex-prev {left: -36px;}
  987. .flexslider:hover .flex-next {opacity: 0.4; right: 5px; color: {color:Slider Navigation Buttons Color};}
  988. .flexslider:hover .flex-prev {opacity: 0.4; left: 5px; color: {color:Slider Navigation Buttons Color};}
  989. .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1; color: {color:Slider Navigation Buttons Hover Color};}
  990. .flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}
  991. /* Control Nav */
  992. .flex-control-nav {width: 100%; text-align: center; transition: 0.3s ease; line-height: 0;}
  993. .flex-control-nav li {display: inline-block; zoom: 1; *display: inline; vertical-align: top;}
  994. .flex-control-paging li a {height: 14px; width: 14px; margin: 10px 5px 0; display: block; background: {color:Slider Navigation Buttons Color}; cursor: pointer; text-indent: -9999px; -webkit-border-radius: {text:Border Radius}px; -moz-border-radius: {text:Border Radius}px; border-radius: {text:Border Radius}px;}
  995. .flex-control-paging li a:hover {border: 4px solid {color:Slider Navigation Buttons Color}; background: {color:Slider Navigation Buttons Hover Color}; }
  996. .flex-control-paging li a.flex-active { background: {color:Slider Navigation Active Button Color}; cursor: default; border: none; }
  997. .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
  998. .flex-control-thumbs li {width: 25%; float: left; margin: 0;}
  999. .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
  1000. .flex-control-thumbs img:hover {opacity: 1;}
  1001. .flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
  1002. /* Caption */
  1003. .slides li {position: relative;}
  1004. .slides li > div {position: absolute;left: 0;bottom: 0;padding: 2% 3%; /*background: rgba(0,0,0,0.5);*/ color:{color:Slider Caption Text Color};line-height: 1.4;}
  1005. .slider-caption {position: relative; float: left; z-index: 10; line-height: 1.3; font-weight: bold; text-shadow: 3px 3px 0px rgba(0, 0, 0, 0.2); margin-left: -5px; font-size: 60px;}
  1006. .slider-caption a,
  1007. .slider-caption a:visited {text-decoration: none;}
  1008. .slider-caption a:hover,
  1009. .slider-caption a:focus {text-decoration: underline;}
  1010. .slider-text {position: relative; float: left; clear: both; z-index: 9; line-height: 1.2; background: rgba(0,0,0,0.3); display: inline; box-shadow: 5px 0 0 rgba(0,0,0,0.3), -5px 0 0 rgba(0,0,0,0.3); font-size: 40px;}
  1011. .slider-text a,
  1012. .slider-text a:visited {color:{color:Slider Caption Text Color}; text-decoration: underline;}
  1013. .slider-text a:hover,
  1014. .slider-text a:focus {color:{color:Slider Caption Text Color}; text-decoration: none;}
  1015. .slide-image-link-fix {position: absolute; display: block; top: 0; left: 0; bottom: 0; right: 0; z-index: 6;}
  1016. /* FontAwesome Fix */
  1017. .fa {font-size: 14px;}
  1018. .fa-lg {font-size: 19px;}
  1019. .fa-2x {font-size: 28px;}
  1020. .fa-3x {font-size: 42px;}
  1021. .fa-4x {font-size: 56px;}
  1022. .fa-5x {font-size: 70px;}
  1023. /* Colorbox */
  1024. #cboxOverlay,
  1025. #cboxWrapper,
  1026. #colorbox { position: absolute; top: 0; left: 0; z-index: 2147483648; overflow: hidden; }
  1027. #cboxWrapper { max-width: none; }
  1028. #cboxOverlay { position: fixed; width: 100%; height: 100%; }
  1029. #cboxBottomLeft,
  1030. #cboxMiddleLeft { clear: left; }
  1031. #cboxContent { position: relative; }
  1032. #cboxLoadedContent { overflow: auto; -webkit-overflow-scrolling: touch; }
  1033. #cboxTitle { margin: 0; }
  1034. #cboxLoadingGraphic,
  1035. #cboxLoadingOverlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  1036. #cboxClose,
  1037. #cboxNext,
  1038. #cboxPrevious,
  1039. #cboxSlideshow { cursor: pointer; }
  1040. .cboxPhoto { float: left; margin: auto; border: 0; display: block; max-width: none; -ms-interpolation-mode: bicubic; }
  1041. .cboxIframe { width: 100%; height: 100%; display: block; border: 0; }
  1042. #cboxContent,
  1043. #cboxLoadedContent,
  1044. #colorbox { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; }
  1045. #cboxOverlay { background: #101112; -webkit-box-shadow: inset 0 0 20px 5px rgba(0,0,0,.75); -moz-box-shadow: inset 0 0 20px 5px rgba(0,0,0,.75); box-shadow: inset 0 0 20px 5px rgba(0,0,0,.75); }
  1046. #colorbox { outline: 0; }
  1047. #cboxBottomCenter,
  1048. #cboxBottomLeft,
  1049. #cboxBottomRight,
  1050. #cboxMiddleLeft,
  1051. #cboxMiddleRight,
  1052. #cboxTopCenter,
  1053. #cboxTopLeft,
  1054. #cboxTopRight { cursor: pointer; height: 0; width: 0; }
  1055. #cboxContent { background-color: {color:Background Color}; overflow: hidden; }
  1056. .cboxIframe { background-color: {color:Background Color}; }
  1057. #cboxError { padding: 50px; text-align: center; }
  1058. #cboxLoadedContent { margin-bottom: 0; }
  1059. #cboxTitle { position: absolute; bottom: 4px; left: 0; text-align: center; width: 100%; color: #949494; }
  1060. #cboxCurrent { position: absolute; bottom: 4px; left: 58px; color: #949494; }
  1061. #cboxLoadingGraphic { background: url(//static.tumblr.com/4ryjdsi/Yywn53llz/spiffygif_22x22.gif) center center no-repeat; }
  1062. #cboxClose,
  1063. #cboxNext,
  1064. #cboxPrevious,
  1065. #cboxSlideshow { border: 0; padding: 0; margin: 0; overflow: visible; width: auto; background: 0; }
  1066. #cboxClose:active,
  1067. #cboxNext:active,
  1068. #cboxPrevious:active,
  1069. #cboxSlideshow:active { outline: 0; }
  1070. #cboxSlideshow { position: absolute; bottom: 4px; right: 30px; color: #0092ef; }
  1071. #cboxPrevious { position: absolute; bottom: 0; left: 0; width: 25px; height: 25px; text-indent: -9999px; }
  1072. #cboxPrevious:hover { background-position: -75px -25px; }
  1073. #cboxNext { position: absolute; bottom: 0; left: 27px; width: 25px; height: 25px; text-indent: -9999px; }
  1074. #cboxNext:hover { background-position: -50px -25px; }
  1075. #cboxClose { position: absolute; top: 0; right: 0; width: 30px; height: 30px; text-indent: -9999px; z-index: 9999; -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.15); -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.15); box-shadow: 0 0 5px 0 rgba(0,0,0,.15); display: none; }
  1076. #cboxClose::before { content: "\f00d"; font-family: FontAwesome; text-indent: 0; position: absolute; top: 0; left: 0; font-size: 18px; background-color: #ff5252; color: #fff; line-height: 30px; width: 30px; }
  1077. .cboxIE #cboxTopLeft,
  1078. .cboxIE #cboxTopCenter,
  1079. .cboxIE #cboxTopRight,
  1080. .cboxIE #cboxBottomLeft,
  1081. .cboxIE #cboxBottomCenter,
  1082. .cboxIE #cboxBottomRight,
  1083. .cboxIE #cboxMiddleLeft,
  1084. .cboxIE #cboxMiddleRight { filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF) }
  1085. /* Help Bar */
  1086. #help-bar {position: fixed; top: 0; left: 0; z-index: 9999999; font-size: 12px; display: none; color: #333; font-family: arial, sans-serif;}
  1087. #help-bar a {color: #333; text-decoration: underline;}
  1088. #help-bar a:hover {color: #fd432b; text-decoration: none;}
  1089. #help-bar-toggle {padding: 5px 10px; background: #fff; -webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.3); -moz-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.3); box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.3); float: right; cursor: pointer; color: #333;}
  1090. #help-bar-content {padding: 5px 10px; background: #fff; -webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.3); -moz-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.3); box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.3); float: right; display: none; max-width: 200px;}
  1091. #module-holder {display: none;}
  1092. /* Custom CSS */
  1093. {CustomCSS}
  1094. /* CubThemes Support Center */
  1095. /* General */
  1096. #cubthemes-toggle { position: fixed; left: 0; top: 0; background-color: #323441; color: #fff; padding: 5px 10px; cursor: pointer; display: none; }
  1097. #cubthemes-overlay { display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.9); cursor: zoom-out; z-index: 99999999999999999998; }
  1098. #cubthemes-overlay.active { display: block; }
  1099. #cubthemes-support { font-family: Arial, sans-serif; font-size: 14px; line-height: 1.7; display: none; width: 900px; box-shadow: 0 3px 10px rgba(0,0,0,0.1); position: absolute; margin: 0px auto; position: fixed; top: 100px; right: 0; left: 0; z-index: 99999999999999999999; }
  1100. #cubthemes-support.active { display: block; }
  1101. #cubthemes-support a,
  1102. #cubthemes-support a:hover,
  1103. #cubthemes-support a:focus { color: #43a047; }
  1104. /* Header */
  1105. #cubthemes-support .ct-header { background-color: #323441; color: #fff; }
  1106. #cubthemes-support .ct-header::after { content: ' '; clear: both; display: table; }
  1107. #cubthemes-support .ct-header a { color: #fff; text-decoration: none; opacity: 0.7; }
  1108. #cubthemes-support .ct-header a:hover,
  1109. #cubthemes-support .ct-header a:focus { opacity: 1.0; }
  1110. #cubthemes-support .ct-header .ct-title { float: left; line-height: 50px; font-weight: bold; padding-left: 15px; }
  1111. #cubthemes-support .ct-header .ct-title img { display: inline; vertical-align: middle; margin-top: -2px; }
  1112. #cubthemes-support .ct-header .ct-title span { color: #66bb6a; }
  1113. #cubthemes-support .ct-header .ct-tabs { list-style: none; padding: 0; margin: 0; float: right; }
  1114. #cubthemes-support .ct-header .ct-tabs li { display: inline-block; }
  1115. #cubthemes-support .ct-header .ct-tabs li a { display: block; line-height: 50px; padding: 0 15px; cursor: pointer; }
  1116. #cubthemes-support .ct-header .ct-tabs li a.active { color: #323441; background-color: #fff; cursor: default; opacity: 1.0; }
  1117. /* Body */
  1118. #cubthemes-support .ct-body { background-color: #fff; padding: 30px; }
  1119. #cubthemes-support .ct-body .ct-tab-pane { display: none; }
  1120. #cubthemes-support .ct-body .ct-tab-pane.active { display: block; }
  1121. #cubthemes-support .ct-body .ct-tab-pane .ct-theme-title { font-size: 24px; font-weight: bold; margin-bottom: 30px; }
  1122. #cubthemes-support .ct-body .ct-tab-pane .ct-theme-title span { font-size: 14px; font-weight: normal; }
  1123. /* Footer */
  1124. #cubthemes-support .ct-footer { padding: 0; background-color: #fff; border-top: 1px solid #e3e3e3; }
  1125. #cubthemes-support .ct-footer::after { content: ' '; clear: both; display: table; }
  1126. #cubthemes-support .ct-footer span { font-size: 12px; margin: 15px; line-height: 31px; display: inline-block; }
  1127. #cubthemes-support .ct-footer .ct-close { float: right; margin: 15px; line-height: 30px; border: 1px solid #e3e3e3; padding: 0px 10px; display: inline-block; cursor: pointer; }
  1128. </style>
  1129. </head>
  1130. <body>
  1131. <!-- Main Body -->
  1132. {block:IfEnableLoadingOverlay}
  1133. <!-- Loading Overlay -->
  1134. <div id="loading-overlay">
  1135. <div class="loading">
  1136. <img alt="Loading..." src="{block:IfLoadingOverlayImageImage}{image:Loading Overlay Image}{/block:IfLoadingOverlayImageImage}{block:IfNotLoadingOverlayImageImage}http://static.tumblr.com/4ryjdsi/Yywn53llz/spiffygif_22x22.gif{/block:IfNotLoadingOverlayImageImage}">
  1137. </div>
  1138. </div>
  1139. {/block:IfEnableLoadingOverlay}
  1140. <!-- Google Analytics -->
  1141. {block:IfGoogleAnalyticsID}
  1142. <!-- Start Google Analytics JS -->
  1143. <script type="text/javascript">
  1144. var _gaq = _gaq || [];
  1145. _gaq.push(['_setAccount', '{text:Google Analytics ID}']);
  1146. _gaq.push(['_trackPageview']);
  1147.  
  1148. (function() {
  1149. var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  1150. ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  1151. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  1152. })();
  1153. </script>
  1154. <!-- End Google Analytics JS -->
  1155. {/block:IfGoogleAnalyticsID}
  1156. <!-- Content Container -->
  1157. <div id="container" class="container{block:IfEnableSidebarOnSide}-fluid{/block:IfEnableSidebarOnSide} full-width-fix">
  1158. <div id="header-row" class="row">
  1159. <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
  1160. <!-- Header -->
  1161. <header id="hook-header" class="header">
  1162. </header>
  1163. </div>
  1164. </div> <!-- /. header-row -->
  1165. <div id="content-row" class="row">
  1166. <!-- Sidebar -->
  1167. {block:IfEnableSidebar}
  1168. <div id="sidebar-wrapper" class="col-lg-{select:Sidebar Size} col-md-{select:Sidebar Size} col-sm-12 col-xs-12 pull-{select:Sidebar Possition}">
  1169. <div id="hook-sidebar" class="sidebar">
  1170. </div><!-- /.sidebar -->
  1171. </div><!-- /sidebar column -->
  1172. {/block:IfEnableSidebar}
  1173. <!-- Content -->
  1174. <div id="content-wrapper" class="col-lg-{select:Content Size} col-md-{select:Content Size} col-sm-12 col-xs-12">
  1175. <div class="row">
  1176. <div id="content" class="content">
  1177. {block:NoSearchResults}
  1178. <div class="post-wrapper col-lg-12 col-md-12 col-sm-12 col-xs-12">
  1179. <article class="post no-results">
  1180. <div class="post-content">
  1181. {lang:No search results for SearchQuery 2}
  1182. </div>
  1183. </article>
  1184. </div>
  1185. {/block:NoSearchResults}
  1186. {block:Posts}
  1187. <!-- Posts -->
  1188. <div class="post-wrapper col-lg-{select:Number of Columns} col-md-{select:Number of Columns} col-sm-12 col-xs-12">
  1189. {block:Text}
  1190. <!-- Text Posts -->
  1191. <article class="post text-post">
  1192. {block:Title}
  1193. <header class="article-border-radius">
  1194. <h3>
  1195. <a href="{Permalink}">
  1196. {Title}
  1197. </a>
  1198. </h3>
  1199. </header>
  1200. {/block:Title}
  1201. <div class="post-content article-border-radius">
  1202. {Body}
  1203. </div>
  1204. {/block:Text}
  1205. {block:Photo}
  1206. <!-- Photo Posts -->
  1207. <article class="post image-post">
  1208. <div class="post-content article-border-radius">
  1209. <a href="{PhotoURL-HighRes}" class="colorbox-image">
  1210. <img src="{PhotoURL-HighRes}" {block:HighRes}data-at2x="{PhotoURL-HighRes}"{/block:HighRes} alt="{PhotoAlt}" />
  1211. </a>
  1212. {block:Caption}
  1213. <div class="caption">
  1214. {Caption}
  1215. </div>
  1216. {/block:Caption}
  1217. </div>
  1218. {/block:Photo}
  1219. {block:Panorama}
  1220. <!-- Panorama Posts -->
  1221. <article class="post panorama-post">
  1222. <div class="post-content article-border-radius">
  1223. {LinkOpenTag}
  1224. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  1225. {LinkCloseTag}
  1226. {block:Caption}
  1227. <div class="caption">
  1228. {Caption}
  1229. </div>
  1230. {/block:Caption}
  1231. </div>
  1232. {/block:Panorama}
  1233. {block:Photoset}
  1234. <!-- Photoset Posts -->
  1235. <article class="post photoset-post">
  1236. <div class="post-content article-border-radius">
  1237. <div class="photoset-wrapper" data-layout="{PhotosetLayout}">
  1238. {block:Photos}
  1239. <img src="{PhotoURL-HighRes}" {block:HighRes}data-at2x="{PhotoURL-HighRes}"{/block:HighRes} alt="{PhotoAlt}" />
  1240. {/block:Photos}
  1241. </div>
  1242. {block:Caption}
  1243. <div class="caption">
  1244. {Caption}
  1245. </div>
  1246. {/block:Caption}
  1247. </div>
  1248. {/block:Photoset}
  1249. {block:Quote}
  1250. <!-- Quote Posts -->
  1251. <article class="post quote-post">
  1252. <div class="post-content article-border-radius">
  1253. <h3>
  1254. <div class="quote-quote text-center">
  1255. &ldquo;{Quote}&rdquo;
  1256. </div>
  1257. </h3>
  1258. {block:Source}
  1259. <div class="quote-source text-right">
  1260. - {Source}
  1261. </div>
  1262. {/block:Source}
  1263. </div>
  1264. {/block:Quote}
  1265. {block:Link}
  1266. <!-- Link Posts -->
  1267. <article class="post link-post">
  1268. <header class="article-border-radius">
  1269. <i class="fa fa-external-link-square link-icon text-center"></i>
  1270. <h3 class="text-center">
  1271. <a href="{URL}" target="_blank" class="link">{Name}</a>
  1272. </h3>
  1273. <div class="link-source half-visible text-center">
  1274. <a href="http://{Host}" class="link" target="_blank">{Host}</a>
  1275. </div>
  1276. </header>
  1277. {block:Description}
  1278. <div class="post-content article-border-radius">
  1279. <div class="link-description">
  1280. {Description}
  1281. </div>
  1282. </div>
  1283. {/block:Description}
  1284. {/block:Link}
  1285. {block:Chat}
  1286. <!-- Chat Posts -->
  1287. <article class="post chat-post">
  1288. {block:Title}
  1289. <header class="article-border-radius">
  1290. <h3>
  1291. <a href="{Permalink}">
  1292. {Title}
  1293. </a>
  1294. </h3>
  1295. </header>
  1296. {/block:Title}
  1297. <div class="post-content article-border-radius">
  1298. {block:Lines}
  1299. <div class="{Alt} user_{UserNumber} chat-chat">
  1300. {block:Label}
  1301. <div class="chat-label">
  1302. {Label}
  1303. </div>
  1304. {/block:Label}
  1305. <div class="chat-line">
  1306. {Line}
  1307. </div>
  1308. </div>
  1309. {/block:Lines}
  1310. </div>
  1311. {/block:Chat}
  1312. {block:Video}
  1313. <!-- Video Posts -->
  1314. <article class="post video-post">
  1315. <div class="post-content article-border-radius">
  1316. <div class="responsive-iframe">
  1317. {Video-700}
  1318. </div>
  1319. {block:Caption}
  1320. <div class="caption">
  1321. {Caption}
  1322. </div>
  1323. {/block:Caption}
  1324. </div>
  1325. {/block:Video}
  1326. {block:Audio}
  1327. <!-- Audio Posts -->
  1328. <article class="post audio-post">
  1329. <div class="post-content article-border-radius post-content-audio">
  1330. <div class="audio-post-wrapper">
  1331. {block:AlbumArt}
  1332. <img class="album-art-image" src="{AlbumArtURL}" />
  1333. {/block:AlbumArt}
  1334. <div {block:AlbumArt}class="audio-player-wrapper"{/block:AlbumArt}>
  1335. {block:AudioPlayer}
  1336. {AudioPlayer}
  1337. {/block:AudioPlayer}
  1338. </div>
  1339. </div>
  1340. {block:Caption}
  1341. <div class="caption">
  1342. {Caption}
  1343. </div>
  1344. {/block:Caption}
  1345. </div>
  1346. {/block:Audio}
  1347. {block:Answer}
  1348. <!-- Answer Posts -->
  1349. <article class="post answer-post">
  1350. <div class="post-content article-border-radius">
  1351. <div class="question">
  1352. <img class="asker-avatar" src="{AskerPortraitURL-128}" alt="asker-avatar">
  1353. <div class="asker-question">{Asker} asked: {Question}</div>
  1354. </div>
  1355.  
  1356. <div class="answer">
  1357. <div class="answerer-answer{block:Answerer} reblogged-answer{/block:Answerer}">
  1358. {block:Answerer}
  1359. {Answerer} answered:
  1360. {/block:Answerer}
  1361. {Answer}
  1362. </div>
  1363. {block:Answerer}
  1364. <img class="answerer-avatar" src="{AnswererPortraitURL-128}" alt="answerer-avatar">
  1365. {/block:Answerer}
  1366. </div>
  1367. {block:Answerer}
  1368. <div class="replies">
  1369. {Replies}
  1370. </div>
  1371. {/block:Answerer}
  1372. </div>
  1373. {/block:Answer}
  1374. <footer class="post-footer">
  1375. <!-- Reblog & Like Buttons & Notes Count -->
  1376. {block:IfEnablePostLikeButton}
  1377. <div class="pull-left footer-blocks like">
  1378. <div class="footer-blocks-content text-center">
  1379. <div class="like-button">
  1380. {LikeButton color="white" size="14"}
  1381. </div>
  1382. </div>
  1383. </div>
  1384. {/block:IfEnablePostLikeButton}
  1385. {block:IfEnablePostReblogButton}
  1386. <div class="pull-left footer-blocks reblog text-center">
  1387. <div class="footer-blocks-content">
  1388. <div class="reblog-button">
  1389. {ReblogButton color="white" size="14"}
  1390. </div>
  1391. </div>
  1392. </div>
  1393. {/block:IfEnablePostReblogButton}
  1394. <div class="notes-count pull-left">
  1395. {block:NoteCount}
  1396. <a href="{Permalink}">
  1397. {NoteCountWithLabel}
  1398. </a>
  1399. {/block:NoteCount}
  1400. </div>
  1401. <!-- Post Footer Toggle Stacked -->
  1402. <div class="pull-right footer-blocks toggle-stacked-post-footer-buttons" data-target="class-{PostID}">
  1403. <div class="footer-blocks-content">
  1404. <i class="fa fa-ellipsis-v post-icons"></i>
  1405. </div>
  1406. </div>
  1407. <div class="if-stacked-post-footer-buttons class-{PostID}">
  1408. <!-- Post Permalink -->
  1409. <div class="pull-right footer-blocks">
  1410. <div class="footer-blocks-content">
  1411. <a href="{Permalink}" class="permalink"><i class="fa fa-link post-icons"></i></a>
  1412. </div>
  1413. </div>
  1414. <!-- Post Icons -->
  1415. {block:IfEnablePostTypeButton}
  1416. <div class="pull-right footer-blocks">
  1417. <div class="footer-blocks-content">
  1418. {block:Text}
  1419. <a href="{BlogURL}tagged/{text:Text Post Tag}/">
  1420. <i class="fa fa-pencil-square-o post-icons"></i>
  1421. </a>
  1422. {/block:Text}
  1423. {block:Photo}
  1424. <a href="{BlogURL}tagged/{text:Photo Post Tag}/">
  1425. <i class="fa fa-camera post-icons"></i>
  1426. </a>
  1427. {/block:Photo}
  1428. {block:Panorama}
  1429. <a href="{BlogURL}tagged/{text:Panorama Post Tag}/">
  1430. <i class="fa fa-camera post-icons"></i>
  1431. </a>
  1432. {/block:Panorama}
  1433. {block:Photoset}
  1434. <a href="{BlogURL}tagged/{text:Photoset Post Tag}/">
  1435. <i class="fa fa-camera post-icons"></i>
  1436. </a>
  1437. {/block:Photoset}
  1438. {block:Quote}
  1439. <a href="{BlogURL}tagged/{text:Quote Post Tag}/">
  1440. <i class="fa fa-quote-left post-icons"></i>
  1441. </a>
  1442. {/block:Quote}
  1443. {block:Link}
  1444. <a href="{BlogURL}tagged/{text:Link Post Tag}/">
  1445. <i class="fa fa-external-link post-icons"></i>
  1446. </a>
  1447. {/block:Link}
  1448. {block:Chat}
  1449. <a href="{BlogURL}tagged/{text:Chat Post Tag}/">
  1450. <i class="fa fa-comments-o post-icons"></i>
  1451. </a>
  1452. {/block:Chat}
  1453. {block:Video}
  1454. <a href="{BlogURL}tagged/{text:Video Post Tag}/">
  1455. <i class="fa fa-video-camera post-icons"></i>
  1456. </a>
  1457. {/block:Video}
  1458. {block:Audio}
  1459. <a href="{BlogURL}tagged/{text:Audio Post Tag}/">
  1460. <i class="fa fa-microphone post-icons"></i>
  1461. </a>
  1462. {/block:Audio}
  1463. {block:Answer}
  1464. <a href="{BlogURL}tagged/{text:Answer Post Tag}/">
  1465. <i class="fa fa-question-circle post-icons"></i>
  1466. </a>
  1467. {/block:Answer}
  1468. </div>
  1469. </div>
  1470. {/block:IfEnablePostTypeButton}
  1471. {block:IfEnablePostSharingButton}
  1472. <!-- Sharing -->
  1473. <div class="pull-right toggle-wrapper sharing">
  1474. <div class="toggle footer-blocks"><i class="fa fa-share post-icons"></i></div>
  1475. <div class="toggle-content transform">
  1476. <div class="share-short-url">
  1477. <input type="text" readonly value="{ShortURL}">
  1478. </div>
  1479. <div class="share-buttons">
  1480. <a target="_blank" href="https://twitter.com/intent/tweet?url={ShortURL}" class="share-twitter"><i class="fa fa-twitter"></i></a>
  1481. <a target="_blank" href="https://www.facebook.com/sharer.php?u={Permalink}{block:Title}&t={Title}{/block:Title}" class="share-facebook"><i class="fa fa-facebook"></i></a>
  1482. <a target="_blank" href="//pinterest.com/pin/create%2Fbutton/?url={Permalink}&media={block:Photo}{PhotoURL-500}{/block:Photo}{block:Photoset}{block:Photos}{PhotoURL-500}&{/block:Photos}{/block:Photoset}" class="share-pinterest"><i class="fa fa-pinterest"></i></a>
  1483. <a target="_blank" href="https://plus.google.com/share?url={Permalink}" class="share-google"><i class="fa fa-google-plus"></i></a>
  1484. </div>
  1485. <div class="toggle-arrow"></div>
  1486. </div>
  1487. </div>
  1488. {/block:IfEnablePostSharingButton}
  1489. {block:IndexPage}
  1490. {block:IfDisqusShortname}
  1491. <!-- Disqus Comments Count -->
  1492. <div class="pull-right toggle-wrapper disqus-comments-count">
  1493. <div class="toggle footer-blocks"><i class="fa fa-comments post-icons"></i></div>
  1494. <div class="toggle-content transform">
  1495. <a class="dsq-comment-count" href="{Permalink}#disqus_thread">Comments</a>
  1496. <div class="toggle-arrow"></div>
  1497. </div>
  1498. </div>
  1499. {/block:IfDisqusShortname}
  1500. {/block:IndexPage}
  1501. {block:ContentSource}
  1502. {block:IfEnablePostSourceButton}
  1503. <!-- Post Source -->
  1504. <div class="pull-right toggle-wrapper source">
  1505. <div class="toggle footer-blocks">
  1506. <i class="fa fa-globe post-icons"></i>
  1507. </div>
  1508. <div class="toggle-content transform">
  1509. {lang:Source}: <a href="{SourceURL}" target="_blank">{SourceTitle}</a>
  1510. <div class="toggle-arrow"></div>
  1511. </div>
  1512. </div>
  1513. {/block:IfEnablePostSourceButton}
  1514. {/block:ContentSource}
  1515. {block:IfEnablePostAuthorButton}
  1516. <!-- Post Author -->
  1517. <div class="pull-right toggle-wrapper source">
  1518. <div class="toggle footer-blocks">
  1519. <i class="fa fa-user post-icons"></i>
  1520. </div>
  1521. <div class="toggle-content transform">
  1522. Submitted by: <a href="{PostAuthorURL}" target="_blank">{PostAuthorName}</a>
  1523. <div class="toggle-arrow"></div>
  1524. </div>
  1525. </div>
  1526. {/block:IfEnablePostAuthorButton}
  1527. {block:HasTags}
  1528. {block:IfEnablePostTagsButton}
  1529. <!-- Post Tags -->
  1530. <div class="pull-right toggle-wrapper tags">
  1531. <div class="toggle footer-blocks"><i class="fa fa-tags post-icons"></i></div>
  1532. <div class="toggle-content transform text-right">
  1533. <div>
  1534. {block:Tags}
  1535. <div>#<a class="tags" href="{TagURL}" target="_blank">{Tag}</a></div>
  1536. {/block:Tags}
  1537. </div>
  1538. <div class="toggle-arrow"></div>
  1539. </div>
  1540. </div>
  1541. {/block:IfEnablePostTagsButton}
  1542. {/block:HasTags}
  1543. {block:Date}
  1544. {block:IfEnablePostDateButton}
  1545. <!-- Post Date -->
  1546. <div class="pull-right toggle-wrapper date">
  1547. <div class="toggle footer-blocks">
  1548. <i class="fa fa-clock-o post-icons"></i>
  1549. </div>
  1550. <div class="toggle-content transform">
  1551. {TimeAgo}
  1552. <div class="toggle-arrow"></div>
  1553. </div>
  1554. </div>
  1555. {/block:IfEnablePostDateButton}
  1556. {/block:Date}
  1557. </div><!-- .if-stacked-post-footer-buttons -->
  1558. <div class="clearfix"></div>
  1559. </footer> <!-- /. footer -->
  1560. </article>
  1561. {block:PermalinkPage}
  1562. {block:IfDisqusShortname}
  1563. <!-- Disqus Comments -->
  1564. <div class="disqus-label"><i class="fa fa-comments"></i> Comments</div>
  1565. <div id="disqus_thread"></div>
  1566. {/block:IfDisqusShortname}
  1567. {block:PostNotes}
  1568. <!-- Post Notes -->
  1569. <div class="post-notes">
  1570. <div class="notes-label"><i class="fa fa-paperclip"></i> Notes</div>
  1571. {PostNotes-64}
  1572. </div>
  1573. {/block:PostNotes}
  1574. {/block:PermalinkPage}
  1575. </div> <!-- /post-wrapper -->
  1576. {/block:Posts}
  1577. </div><!-- /content -->
  1578. </div>
  1579. {block:Pagination}
  1580. <!-- Pagination -->
  1581. {block:IfEnableInfiniteScroll}
  1582. {block:IfEnableInfiniteScrollCustomTrigger}
  1583. <div id="load-more" class="text-center"><div id="infscr-hook"></div><div id="infscr-button-message">Load More</div></div>
  1584. {/block:IfEnableInfiniteScrollCustomTrigger}
  1585. {block:IfNotEnableInfiniteScrollCustomTrigger}
  1586. <div id="load-more-auto" class="text-center"><div id="infscr-hook"></div></div>
  1587. {block:IfNotEnableInfiniteScrollCustomTrigger}
  1588. {/block:IfEnableInfiniteScroll}
  1589. <div id="pagination" class="{block:IfEnableInfiniteScroll}hidden{/block:IfEnableInfiniteScroll}">
  1590. {block:PreviousPage}
  1591. <a id="prev-page" href="{PreviousPage}">Previous</a>
  1592. {/block:PreviousPage}
  1593. {block:JumpPagination length="5"}
  1594. {block:CurrentPage}
  1595. <span class="current-page">{PageNumber}</span>
  1596. {/block:CurrentPage}
  1597. {block:JumpPage}
  1598. <a class="jump-page" href="{URL}">{PageNumber}</a>
  1599. {/block:JumpPage}
  1600. {/block:JumpPagination}
  1601. {block:NextPage}
  1602. <a id="next-page"href="{NextPage}">Next</a>
  1603. {/block:NextPage}
  1604. </div>
  1605. {/block:Pagination}
  1606. {block:IfEnableSidebarInFooterOnMobile}
  1607. <div id="sidebar-mobile-reposition"></div>
  1608. {/block:IfEnableSidebarInFooterOnMobile}
  1609. </div><!-- /content column -->
  1610. </div><!-- /main content row -->
  1611. <div class="row">
  1612. <div id="footer-wrapper" class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
  1613. <div id="hook-pre-footer"></div>
  1614. <footer id="hook-footer" class="body-footer">
  1615. <!-- Social Buttons -->
  1616. {block:IfEnableSocialButtonsBlock}
  1617. <div id="social-buttons" class="social-buttons">
  1618. {block:IfSocialButtonFacebook}
  1619. <a href="{text:Social Button Facebook}" target="_blank"><i class="fa fa-facebook"></i></a>
  1620. {/block:IfSocialButtonFacebook}
  1621. {block:IfSocialButtonTwitter}
  1622. <a href="{text:Social Button Twitter}" target="_blank"><i class="fa fa-twitter"></i></a>
  1623. {/block:IfSocialButtonTwitter}
  1624. {block:IfSocialButtonWeHeartIt}
  1625. <a href="{text:Social Button WeHeartIt}" target="_blank"><i class="fa fa-heart"></i></a>
  1626. {/block:IfSocialButtonWeHeartIt}
  1627. {block:IfSocialButtonPinterest}
  1628. <a href="{text:Social Button Pinterest}" target="_blank"><i class="fa fa-pinterest"></i></a>
  1629. {/block:IfSocialButtonPinterest}
  1630. {block:IfSocialButtonInstagram}
  1631. <a href="{text:Social Button Instagram}" target="_blank"><i class="fa fa-instagram"></i></a>
  1632. {/block:IfSocialButtonInstagram}
  1633. {block:IfSocialButtonTumblrFullURL}
  1634. <a href="{text:Social Button Tumblr Full URL}/" target="_blank"><i class="fa fa-tumblr"></i></a>
  1635. {/block:IfSocialButtonTumblrFullURL}
  1636. {block:IfSocialButtonDeviantArt}
  1637. <a href="{text:Social Button DeviantArt}" target="_blank"><i class="fa fa-deviantart"></i></a>
  1638. {/block:IfSocialButtonDeviantArt}
  1639. {block:IfSocialButtonFlickr}
  1640. <a href="{text:Social Button Flickr}" target="_blank"><i class="fa fa-flickr"></i></a>
  1641. {/block:IfSocialButtonFlickr}
  1642. {block:IfSocialButtonDribbble}
  1643. <a href="{text:Social Button Dribbble}" target="_blank"><i class="fa fa-dribbble"></i></a>
  1644. {/block:IfSocialButtonDribbble}
  1645. {block:IfSocialButtonBehance}
  1646. <a href="{text:Social Button Behance}" target="_blank"><i class="fa fa-behance"></i></a>
  1647. {/block:IfSocialButtonBehance}
  1648. {block:IfSocialButtonWebsite}
  1649. <a href="{text:Social Button Website}" target="_blank"><i class="fa fa-globe"></i></a>
  1650. {/block:IfSocialButtonWebsite}
  1651. {block:IfSocialButtoneMail}
  1652. <a href="mailto:{text:Social Button eMail}"><i class="fa fa-envelope"></i></a>
  1653. {/block:IfSocialButtoneMail}
  1654. </div>
  1655. {/block:IfEnableSocialButtonsBlock}
  1656. <!-- Copyrights -->
  1657. <div class="copyright text-center">
  1658. <div>{Title} &copy; {CopyrightYears}</div>
  1659. <div><span><a href="http://cubthemes.com/orenda" target="_blank">Orenda</a> by <a href="http://cubthemes.com" target="_blank">CubThemes</a></span></div>
  1660. </div>
  1661. </footer>
  1662. </div><!-- /footer-wrapper -->
  1663. </div><!-- /row -->
  1664. </div><!-- /container -->
  1665. <div id="back-to-top"><i class="fa fa-chevron-up"></i></div>
  1666. <div id="module-holder">
  1667. <!-- Navigation -->
  1668. <nav id="navbar" class="navbar navbar-stacked-fix {select:Navbar Buttons Type}-fix-two {block:IfEnableNavbarFixedOnTop}navbar-fixed-top{/block:IfEnableNavbarFixedOnTop}{block:IfEnableNavbarFixedOnBottom}navbar-fixed-bottom{/block:IfEnableNavbarFixedOnBottom}" role="navigation">
  1669. {block:IfEnableNavbarFixedOnTop}
  1670. <div class="{block:IfEnableSidebarOnSide}container-fluid{/block:IfEnableSidebarOnSide}{block:IfNotEnableSidebarOnSide}container{/block:IfNotEnableSidebarOnSide} full-width-fix">
  1671. {/block:IfEnableNavbarFixedOnTop}
  1672. {block:IfEnableNavbarFixedOnBottom}
  1673. <div class="{block:IfEnableSidebarOnSide}container-fluid{/block:IfEnableSidebarOnSide}{block:IfNotEnableSidebarOnSide}container{/block:IfNotEnableSidebarOnSide} full-width-fix">
  1674. {/block:IfEnableNavbarFixedOnBottom}
  1675. <div class="navbar-header logo-hook-navbar">
  1676. <div id="hook-navbar"></div>
  1677. <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#as-navbar-collapse">
  1678. <i class="fa fa-navicon fa-lg"></i>
  1679. </button>
  1680. </div>
  1681. <div class="collapse navbar-collapse" id="as-navbar-collapse">
  1682. <!-- Navigation Content -->
  1683. <ul class="nav {select:Navbar Buttons Type} {select:Navbar Buttons Text Position}">
  1684. {block:IfEnableNavbarHomeLink}
  1685. <!-- Home Link -->
  1686. <li>
  1687. <a href="{BlogURL}">
  1688. {lang:Home}
  1689. </a>
  1690. </li>
  1691. {/block:IfEnableNavbarHomeLink}
  1692. <!-- Custom Pages Links -->
  1693. {block:HasPages}
  1694. {block:Pages}
  1695. <li>
  1696. <a href="{URL}/">
  1697. {Label}
  1698. </a>
  1699. </li>
  1700. {/block:Pages}
  1701. {/block:HasPages}
  1702. <!-- Random Link -->
  1703. {block:IfEnableNavbarRandomLink}
  1704. <li>
  1705. <a href="{BlogURL}random/">
  1706. {lang:Random}
  1707. </a>
  1708. </li>
  1709. {/block:IfEnableNavbarRandomLink}
  1710. <!-- Submit Link -->
  1711. {block:IfEnableNavbarSubmitLink}
  1712. {block:SubmissionsEnabled}
  1713. <li>
  1714. <a href="{BlogURL}submit/">
  1715. {SubmitLabel}
  1716. </a>
  1717. </li>
  1718. {/block:SubmissionsEnabled}
  1719. {/block:IfEnableNavbarSubmitLink}
  1720. <!-- Ask Link -->
  1721. {block:IfEnableNavbarAskLink}
  1722. {block:AskEnabled}
  1723. <li>
  1724. <a href="{BlogURL}ask/">
  1725. {AskLabel}
  1726. </a>
  1727. </li>
  1728. {/block:AskEnabled}
  1729. {/block:IfEnableNavbarAskLink}
  1730. <li class="dropdown">
  1731. <a href="#" class="dropdown-toggle" data-toggle="dropdown">
  1732. <i class="fa fa-ellipsis-v"></i>
  1733. </a>
  1734. <ul id="dropdown" class="dropdown-menu">
  1735. <li>
  1736. <a href="{BlogURL}archive/">Archive</a>
  1737. </li>
  1738. <li>
  1739. <a href="{BlogURL}rss/">RSS</a>
  1740. </li>
  1741. {block:IfEnableNavbarSearchBar}
  1742. <li>
  1743. <form id="search-bar" class="navbar-form {select:Navbar Buttons Type}" role="search" action="/search" method="get">
  1744. <div class="input-group">
  1745. <input type="text" class="form-control" name="q" value="{SearchQuery}" placeholder="{lang:Search}">
  1746. <span class="input-group-btn search-button">
  1747. <button type="submit" class="btn btn-default"><i class="fa fa-search search-button"></i></button>
  1748. </span>
  1749. </div>
  1750. </form>
  1751. </li>
  1752. {block:IfEnableNavbarSearchBar}
  1753. </ul>
  1754. </li>
  1755. </ul>
  1756. </div> <!-- /.navbar-collapse -->
  1757. {block:IfEnableNavbarFixedOnTop}
  1758. </div>
  1759. {/block:IfEnableNavbarFixedOnTop}
  1760. {block:IfEnableNavbarFixedOnBottom}
  1761. </div>
  1762. {/block:IfEnableNavbarFixedOnBottom}
  1763. </nav>
  1764. <!-- Custom Logo -->
  1765. {block:IfLogoImageImage}
  1766. <div id="blog-logo" class="text-center">
  1767. <a href="{BlogURL}" title="{lang:Home}">
  1768. <img src="{image:Logo Image}" />
  1769. </a>
  1770. </div>
  1771. {/block:IfLogoImageImage}
  1772. <!-- Blog Title -->
  1773. {block:IfEnableBlogTitleBlock}
  1774. <div id="blog-title">
  1775. <h1 class="text-center">
  1776. <a href="{BlogURL}" title="{lang:Home}">
  1777. {Title}
  1778. </a>
  1779. </h1>
  1780. </div>
  1781. {/block:IfEnableBlogTitleBlock}
  1782. <!-- Blog Avatar -->
  1783. {block:IfEnableBlogAvatarBlock}
  1784. <div id="blog-avatar" class="text-center">
  1785. <a href="{BlogURL}" title="{lang:Home}">
  1786. <img class="img-circle" src="{PortraitURL-128}" />
  1787. </a>
  1788. </div>
  1789. {/block:IfEnableBlogAvatarBlock}
  1790. <!-- Blog description -->
  1791. {block:IfEnableBlogDescriptionBlock}
  1792. <div id="description">
  1793. {Description}
  1794. </div>
  1795. {/block:IfEnableBlogDescriptionBlock}
  1796. <!-- Slider -->
  1797. {block:IfEnableSliderBlock}
  1798. <div id="slider" class="flexslider">
  1799. <ul class="slides">
  1800. <!-- Slide 01 Image & Link -->
  1801. {block:IfSlide01ImageImage}
  1802. <li>
  1803. <div>
  1804. <!-- Slide 01 Caption -->
  1805. {block:IfSlide01Caption}
  1806. <div class="slider-caption">
  1807. {text:Slide 01 Caption}
  1808. </div>
  1809. {/block:IfSlide01Caption}
  1810. {block:IfSlide01Text}
  1811. <div class="slider-text">
  1812. {text:Slide 01 Text}
  1813. </div>
  1814. {/block:IfSlide01Text}
  1815. {block:IfSlide01Link}
  1816. <a href="{text:Slide 01 Link}" class="slide-image-link-fix slide-link-01"></a>
  1817. {/block:IfSlide01Link}
  1818. </div>
  1819. {block:IfSlide01Link}
  1820. <a href="{text:Slide 01 Link}" class="slide-link-01">
  1821. {/block:IfSlide01Link}
  1822. <img src="{image:Slide 01 Image}" alt="" class="slide-img" />
  1823. {block:IfSlide01Link}
  1824. </a>
  1825. {/block:IfSlide01Link}
  1826. </li>
  1827. {/block:IfSlide01ImageImage}
  1828. <!-- Slide 02 Image & Link -->
  1829. {block:IfSlide02ImageImage}
  1830. <li>
  1831. <div>
  1832. <!-- Slide 02 Caption -->
  1833. {block:IfSlide02Caption}
  1834. <div class="slider-caption">
  1835. {text:Slide 02 Caption}
  1836. </div>
  1837. {/block:IfSlide02Caption}
  1838. {block:IfSlide02Text}
  1839. <div class="slider-text">
  1840. {text:Slide 02 Text}
  1841. </div>
  1842. {/block:IfSlide02Text}
  1843. {block:IfSlide02Link}
  1844. <a href="{text:Slide 02 Link}" class="slide-image-link-fix slide-link-02"></a>
  1845. {/block:IfSlide02Link}
  1846. </div>
  1847. {block:IfSlide02Link}
  1848. <a href="{text:Slide 02 Link}" class="slide-link-02">
  1849. {/block:IfSlide02Link}
  1850. <img src="{image:Slide 02 Image}" alt="" class="slide-img" />
  1851. {block:IfSlide02Link}
  1852. </a>
  1853. {/block:IfSlide02Link}
  1854. </li>
  1855. {/block:IfSlide02ImageImage}
  1856. <!-- Slide 03 Image & Link -->
  1857. {block:IfSlide03ImageImage}
  1858. <li>
  1859. <div>
  1860. <!-- Slide 03 Caption -->
  1861. {block:IfSlide03Caption}
  1862. <div class="slider-caption">
  1863. {text:Slide 03 Caption}
  1864. </div>
  1865. {/block:IfSlide03Caption}
  1866. {block:IfSlide03Text}
  1867. <div class="slider-text">
  1868. {text:Slide 03 Text}
  1869. </div>
  1870. {/block:IfSlide03Text}
  1871. {block:IfSlide03Link}
  1872. <a href="{text:Slide 03 Link}" class="slide-image-link-fix slide-link-03"></a>
  1873. {/block:IfSlide03Link}
  1874. </div>
  1875. {block:IfSlide03Link}
  1876. <a href="{text:Slide 03 Link}" class="slide-link-03">
  1877. {/block:IfSlide03Link}
  1878. <img src="{image:Slide 03 Image}" alt="" class="slide-img" />
  1879. {block:IfSlide03Link}
  1880. </a>
  1881. {/block:IfSlide03Link}
  1882. </li>
  1883. {/block:IfSlide03ImageImage}
  1884. <!-- Slide 04 Image & Link -->
  1885. {block:IfSlide04ImageImage}
  1886. <li>
  1887. <div>
  1888. <!-- Slide 04 Caption -->
  1889. {block:IfSlide04Caption}
  1890. <div class="slider-caption">
  1891. {text:Slide 04 Caption}
  1892. </div>
  1893. {/block:IfSlide04Caption}
  1894. {block:IfSlide04Text}
  1895. <div class="slider-text">
  1896. {text:Slide 04 Text}
  1897. </div>
  1898. {/block:IfSlide04Text}
  1899. {block:IfSlide04Link}
  1900. <a href="{text:Slide 04 Link}" class="slide-image-link-fix slide-link-04"></a>
  1901. {/block:IfSlide04Link}
  1902. </div>
  1903. {block:IfSlide04Link}
  1904. <a href="{text:Slide 04 Link}" class="slide-link-04">
  1905. {/block:IfSlide04Link}
  1906. <img src="{image:Slide 04 Image}" alt="" class="slide-img" />
  1907. {block:IfSlide04Link}
  1908. </a>
  1909. {/block:IfSlide04Link}
  1910. </li>
  1911. {/block:IfSlide04ImageImage}
  1912. </ul>
  1913. </div>
  1914. {/block:IfEnableSliderBlock}
  1915. {block:IfEnableSocialFeedBlock}
  1916. <div id="social-feed" class="social-feed">
  1917. <!-- Nav tabs -->
  1918. <ul class="nav nav-tabs">
  1919. {block:IfSocialFeedBehanceUsername}
  1920. <li class="text-center pull-right"><a href="#behance" data-toggle="tab"><i class="fa fa-behance fa-lg"></i></a></li>
  1921. {/block:IfSocialFeedBehanceUsername}
  1922. {block:IfSocialFeedDribbbleUsername}
  1923. <li class="text-center pull-right"><a href="#dribbble" data-toggle="tab"><i class="fa fa-dribbble fa-lg"></i></a></li>
  1924. {/block:IfSocialFeedDribbbleUsername}
  1925. {block:IfSocialFeedDeviantArtUsername}
  1926. <li class="text-center pull-right"><a href="#deviantart" data-toggle="tab"><i class="fa fa-deviantart fa-lg"></i></a></li>
  1927. {/block:IfSocialFeedDeviantArtUsername}
  1928. {block:IfSocialFeedFlickrUserID}
  1929. <li class="text-center pull-right"><a href="#flickr" data-toggle="tab"><i class="fa fa-flickr fa-lg"></i></a></li>
  1930. {/block:IfSocialFeedFlickrUserID}
  1931. {block:IfSocialFeedPinterestUsername}
  1932. <li class="text-center pull-right"><a href="#pinterest" data-toggle="tab"><i class="fa fa-pinterest fa-lg"></i></a></li>
  1933. {block:IfSocialFeedPinterestUsername}
  1934. {block:IfSocialFeedWeHeartItUsername}
  1935. <li class="text-center pull-right"><a href="#weheartit" data-toggle="tab"><i class="fa fa-heart fa-lg"></i></a></li>
  1936. {/block:IfSocialFeedWeHeartItUsername}
  1937. {block:IfSocialFeedTumblrBlogURL}
  1938. <li class="text-center pull-right"><a href="#tumblr" data-toggle="tab"><i class="fa fa-tumblr fa-lg"></i></a></li>
  1939. {/block:IfSocialFeedTumblrBlogURL}
  1940. </ul>
  1941. <!-- Tab panes -->
  1942. <div class="tab-content">
  1943. {block:IfSocialFeedBehanceUsername}
  1944. <!-- Behance -->
  1945. <div class="tab-pane" id="behance">
  1946. <div id="behance-feed"></div>
  1947. </div>
  1948. {/block:IfSocialFeedBehanceUsername}
  1949. {block:IfSocialFeedDribbbleUsername}
  1950. <!-- Dribbble -->
  1951. <div class="tab-pane" id="dribbble">
  1952. <div id="dribbble-feed"></div>
  1953. </div>
  1954. {/block:IfSocialFeedDribbbleUsername}
  1955. {block:IfSocialFeedDeviantArtUsername}
  1956. <!-- DeviantArt -->
  1957. <div class="tab-pane" id="deviantart">
  1958. <div id="deviantart-feed"></div>
  1959. </div>
  1960. {/block:IfSocialFeedDeviantArtUsername}
  1961. {block:IfSocialFeedFlickrUserID}
  1962. <!-- Flickr -->
  1963. <div class="tab-pane" id="flickr">
  1964. <ul id="flickr-feed"></ul>
  1965. </div>
  1966. {/block:IfSocialFeedFlickrUserID}
  1967. {block:IfSocialFeedPinterestUsername}
  1968. <!-- Pinterest -->
  1969. <div class="tab-pane" id="pinterest">
  1970. <div id="pinterest-feed"></div>
  1971. </div>
  1972. {/block:IfSocialFeedPinterestUsername}
  1973. {block:IfSocialFeedWeHeartItUsername}
  1974. <!-- WeHeartIt -->
  1975. <div class="tab-pane" id="weheartit">
  1976. <div id="weheartit-feed"></div>
  1977. </div>
  1978. {/block:IfSocialFeedWeHeartItUsername}
  1979. {block:IfSocialFeedTumblrBlogURL}
  1980. <!-- Tumblr -->
  1981. <div class="tab-pane" id="tumblr">
  1982. <div id="tumblr-feed"></div>
  1983. </div>
  1984. {/block:IfSocialFeedTumblrBlogURL}
  1985. </div><!-- .tab-content -->
  1986. </div><!-- .social-feeds -->
  1987. {/block:IfEnableSocialFeedBlock}
  1988. {block:IfEnableGroupMembersBlock}
  1989. {block:GroupMembers}
  1990. <div id="group-members">
  1991. <div class="members-title">
  1992. {text:Group Members}
  1993. </div>
  1994. <ul>
  1995. {block:GroupMember}
  1996. <li>
  1997. <a href="{GroupMemberURL}" target="_blank">
  1998. <img src="{GroupMemberPortraitURL-128}" alt="{GroupMemberTitle}" />
  1999. </a>
  2000. </li>
  2001. {/block:GroupMember}
  2002. </ul>
  2003. </div>
  2004. {/block:GroupMembers}
  2005. {/block:IfEnableGroupMembersBlock}
  2006. {block:IfEnableCustomTextBlock}
  2007. <div id="custom-text-block">
  2008. {text:Custom Text Block Content}
  2009. </div>
  2010. {/block:IfEnableCustomTextBlock}
  2011. </div>
  2012. {block:IfEnableHelpBar}
  2013. <!-- CubThemes Support Center -->
  2014. <div id="cubthemes-toggle"><i class="fa fa-life-ring"></i> Theme Support</div>
  2015. <div id="cubthemes-overlay"></div>
  2016. <div id="cubthemes-support">
  2017. <div class="ct-header">
  2018. <div class="ct-title">
  2019. <img src="http://static.tumblr.com/4ryjdsi/wEdnrkzcg/cubthemes-support-logo.png" />
  2020. </div>
  2021. <ul class="ct-tabs">
  2022. <li class="tab"><a data-toggle="#ct-about" class="active">About</a></li>
  2023. <li class="tab"><a data-toggle="#ct-documentation">Documentation</a></li>
  2024. <li class="tab"><a data-toggle="#ct-changelog">Changelog</a></li>
  2025. <li class="tab"><a data-toggle="#ct-ticket">Open Ticket</a></li>
  2026. <li class="tab"><a data-toggle="#ct-feedback">Feedback</a></li>
  2027. </ul>
  2028. </div>
  2029. <div class="ct-body">
  2030. <div class="ct-tabs-content">
  2031. <div id="ct-about" class="ct-tab-pane active">
  2032. <div class="ct-theme-title">Orenda <span>v1.3 (<a href="http://updates.cubthemes.com/search/orenda/">check for updates</a>)</span></div>
  2033. <iframe data-src="https://cubthemes.com/orenda/" width="100%" height="500" frameborder="0"></iframe>
  2034. </div>
  2035. <div id="ct-documentation" class="ct-tab-pane">
  2036. <iframe data-src="https://cubthemes.com/support/orenda-documentation/" width="100%" height="500" frameborder="0"></iframe>
  2037. </div>
  2038. <div id="ct-changelog" class="ct-tab-pane">
  2039. <iframe data-src="https://cubthemes.com/support/orenda-changelog/" width="100%" height="500" frameborder="0"></iframe>
  2040. </div>
  2041. <div id="ct-ticket" class="ct-tab-pane">
  2042. <iframe data-src="https://cubthemes.com/ticket/" width="100%" height="500" frameborder="0"></iframe>
  2043. </div>
  2044. <div id="ct-feedback" class="ct-tab-pane">
  2045. <iframe data-src="https://cubthemes.com/feedback/" width="100%" height="500" frameborder="0"></iframe>
  2046. </div>
  2047. </div>
  2048. </div>
  2049. <div class="ct-footer">
  2050. <div class="ct-social"></div>
  2051. <span>Follow CubThemes on <a href="http://tumblr.com/follow/cubthemes/">Tumblr</a> and <a href="http://twitter.com/cubthemes/">Twitter</a> for the latest news, updates and releases.</span>
  2052. <div class="ct-close">Close</div>
  2053. </div>
  2054. </div>
  2055. {/block:IfEnableHelpBar}
  2056. <!--================================================================
  2057. Javascript
  2058. =================================================================-->
  2059. <!-- jQuery Librery Min -->
  2060. <script src="//static.tumblr.com/4ryjdsi/MSRn5baig/jquery-1.11.0.min.js"></script>
  2061. <!-- Bootstrap JS Min -->
  2062. <script src="//static.tumblr.com/4ryjdsi/j2Gn5bajd/bootstrap.min.js"></script>
  2063. <!-- Masonry -->
  2064. <script src="//static.tumblr.com/4ryjdsi/Cqln8no1u/masonry.pkgd.min.js"></script>
  2065. <!-- Photoset Fix -->
  2066. <script src="//static.tumblr.com/4ryjdsi/E6Hn7h989/jquery.photoset-grid.min.js"></script>
  2067. <!-- Infinite Scroll Min -->
  2068. <script src="//static.tumblr.com/4ryjdsi/qcnn2wjme/jquery.infinitescroll.js"></script>
  2069. {block:IfEnableSliderBlock}
  2070. <!-- FlexSlider JS Min -->
  2071. <script src="//static.tumblr.com/4ryjdsi/JhAn878hi/jquery.flexslider-min.js"></script>
  2072. {/block:IfEnableSliderBlock}
  2073. <!-- Images Loaded JS Min -->
  2074. <script src="//static.tumblr.com/4ryjdsi/LKEn8nnrc/imagesloaded.pkgd.min.js"></script>
  2075. <!-- Google Prettify JS Min -->
  2076. <script src="//static.tumblr.com/4ryjdsi/j01n2nivv/prettify.js"></script>
  2077. {block:IfEnableStickySidebar}
  2078. <!-- Sticky Float JS -->
  2079. <script src="//static.tumblr.com/4ryjdsi/hdyn5balu/stickyfloat.js"></script>
  2080. {/block:IfEnableStickySidebar}
  2081. <!-- Slim Scroll JS Min -->
  2082. <script src="//static.tumblr.com/4ryjdsi/A93n5bamb/jquery.slimscroll.min.js"></script>
  2083. {block:IfEnableSocialFeedBlock}
  2084. <!-- Social Feed -->
  2085. <script src="//static.tumblr.com/4ryjdsi/1fKnq39ex/jquery.social-feed-v1-4.js"></script>
  2086. {/block:IfEnableSocialFeedBlock}
  2087. <!-- Colorbox -->
  2088. <script src="//static.tumblr.com/4ryjdsi/Zlcn7mqy2/jquery.colorbox-min.js"></script>
  2089. <!-- Retina Min JS -->
  2090. <script src="//static.tumblr.com/4ryjdsi/IeFn7oi8j/retina.min.js"></script>
  2091. <script src="//static.tumblr.com/4ryjdsi/8C5n8nz2x/scripts-2.2.js"></script>
  2092. <script>
  2093. //<![CDATA[
  2094. /*
  2095. * Hooks & Modules - credit to http://stackoverflow.com/a/22542870/1419575
  2096. */
  2097. var modules = [
  2098. { module: 'navbar', hook: '{select:Navbar Hook}', position: '{select:Navbar Hook Position}'},
  2099. {block:IfEnableSocialButtonsBlock}
  2100. { module: 'social-buttons', hook: '{select:Social Buttons Hook}', position: '{select:Social Buttons Hook Position}'},
  2101. {/block:IfEnableSocialButtonsBlock}
  2102. { module: 'description', hook: '{select:Blog Description Hook}', position: '{select:Blog Description Hook Position}'},
  2103. {block:IfEnableSliderBlock}
  2104. { module: 'slider', hook: '{select:Slider Hook}', position: '{select:Slider Hook Position}'},
  2105. {/block:IfEnableSliderBlock}
  2106. {block:IfLogoImageImage}
  2107. { module: 'blog-logo', hook: '{select:Logo Hook}', position: '{select:Logo Hook Position}'},
  2108. {/block:IfLogoImageImage}
  2109. {block:IfEnableBlogTitleBlock}
  2110. { module: 'blog-title', hook: '{select:Blog Title Hook}', position: '{select:Blog Title Hook Position}'},
  2111. {/block:IfEnableBlogTitleBlock}
  2112. {block:IfEnableBlogAvatarBlock}
  2113. { module: 'blog-avatar', hook: '{select:Blog Avatar Hook}', position: '{select:Blog Avatar Hook Position}'},
  2114. {/block:IfEnableBlogAvatarBlock}
  2115. {block:IfEnableSocialFeedBlock}
  2116. { module: 'social-feed', hook: '{select:Social Feed Hook}', position: '{select:Social Feed Hook Position}'},
  2117. {/block:IfEnableSocialFeedBlock}
  2118. {block:IfEnableGroupMembersBlock}
  2119. { module: 'group-members', hook: '{select:Group Members Hook}', position: '{select:Group Members Hook Position}'},
  2120. {/block:IfEnableGroupMembersBlock}
  2121. {block:IfEnableCustomTextBlock}
  2122. { module: 'custom-text-block', hook: '{select:Custom Text Block Hook}', position: '{select:Custom Text Block Hook Position}'},
  2123. {/block:IfEnableCustomTextBlock}
  2124. ];
  2125. /*
  2126. * Sort Modules by Position
  2127. */
  2128. function byPosition(a,b) {return b.position-a.position;}
  2129. modules.sort(byPosition);
  2130. {block:IfEnableSidebarInFooterOnMobile}
  2131. function changeModulePlaces(){
  2132. var bodyWidth = $('body').width();
  2133. if(bodyWidth < 991 && bodyWidth != 0){
  2134. $('#hook-sidebar').prependTo('#sidebar-mobile-reposition');
  2135. } else {
  2136. {block:IfEnableSidebarOnSide}
  2137. $('#hook-sidebar').prependTo('#sidebar-wrapper > .slimScrollDiv');
  2138. {/block:IfEnableSidebarOnSide}
  2139. {block:IfNotEnableSidebarOnSide}
  2140. $('#hook-sidebar').prependTo('#sidebar-wrapper');
  2141. {block:IfNotEnableSidebarOnSide}
  2142. }
  2143. }
  2144. $(document).ready(function(){
  2145. changeModulePlaces();
  2146. });
  2147. $(window).resize(function(){
  2148. changeModulePlaces();
  2149. });
  2150. {/block:IfEnableSidebarInFooterOnMobile}
  2151.  
  2152. var columnCount = {select:Number of Columns};
  2153. var gutter = {text:Gutter Size};
  2154. var container = $('#content');
  2155. var pageNum = 1;
  2156. var permalink = false
  2157. {block:PermalinkPage}
  2158. var permalink = true;
  2159. {/block:PermalinkPage}
  2160.  
  2161. /*
  2162. * Masonry
  2163. */
  2164. if(!permalink){
  2165. if ({select:Number of Columns} < 12) {
  2166. /* Masonry Options */
  2167. function masonryOptions(){
  2168. container.imagesLoaded(function(){
  2169. container.masonry({
  2170. itemSelector: '.post-wrapper',
  2171. });
  2172. });
  2173. }
  2174. }
  2175. }
  2176. /*
  2177. * Infinite Scroll
  2178. */
  2179. if(!permalink){ /* execute scripts if not permalink (no need of masonry or infinite scroll) */
  2180. {block:IfEnableInfiniteScroll}
  2181. function infiniteScrollOptions(){
  2182. container.infinitescroll({
  2183. navSelector : '#pagination',
  2184. nextSelector : '#next-page',
  2185. itemSelector : '#content div.post-wrapper',
  2186. loading: {
  2187. start: undefined,
  2188. finished: undefined,
  2189. finishedMsg: '<div id="no-more">{lang:No more posts}</div>',
  2190. img: "http://static.tumblr.com/4ryjdsi/Yywn53llz/spiffygif_22x22.gif",
  2191. msg: null,
  2192. msgText: '',
  2193. selector: '#infscr-hook',
  2194. speed: 'fast'
  2195. },
  2196. errorCallback: function(){
  2197. $('#infscr-button-message').hide();
  2198. $('#infscr-loading').attr("style", "display: block!important");
  2199. $('#infscr-hook').attr("style", "position: initial");
  2200. }},function(arrayOfNewElems){
  2201. /* Add Tumblr like buttons script for retrieved items */
  2202. pageNum++;
  2203. Tumblr.LikeButton.get_status_by_page(pageNum);
  2204. /* Add scripts to retrieved elements */
  2205. postFooterToggleStacked();
  2206. postFooterToggle();
  2207. prettyPrint();
  2208. colorboxOptions();
  2209. photosetFix();
  2210. answerPostFix();
  2211. if ({select:Number of Columns} > 12) {
  2212. /* Add Masonry to retrieved elements */
  2213. var $newElements = $(arrayOfNewElems).css({opacity: 0});
  2214. $newElements.imagesLoaded(function() {
  2215. $newElements.animate({opacity: 1});
  2216. container.masonry('appended', $newElements, true);
  2217. });
  2218. masonryOptions();
  2219. }
  2220. }
  2221. );
  2222. }
  2223. $(document).ready(function () {
  2224. infiniteScrollOptions(); /* Execute Infinite Scroll Function */
  2225. });
  2226. {/block:IfEnableInfiniteScroll}
  2227. {block:IfEnableInfiniteScrollCustomTrigger}
  2228. /* Infinite Scroll Custom Trigger */
  2229. $(document).ready(function(){
  2230. $(window).unbind('.infscr');
  2231. $('#load-more').click(function(){
  2232. container.infinitescroll('retrieve');
  2233. });
  2234. });
  2235. {/block:IfEnableInfiniteScrollCustomTrigger}
  2236. }
  2237. /*
  2238. * Post Footer Toggle Buttons
  2239. */
  2240. function postFooterToggle() {
  2241. $('.toggle').click(function(e) {
  2242. e.stopImmediatePropagation();
  2243. $('.toggle-content').addClass('transform');
  2244. $('.toggle').removeAttr('style');
  2245. $(this).next().toggleClass('transform');
  2246. $(this).css('background-color', '{color:Post Footer Blocks Hover Color}');
  2247. });
  2248. $('body').click(function(e) {
  2249. //event.stopImmediatePropagation();
  2250. if (!$(e.target).is('.toggle-wrapper *') || $(e.target).is('.close-all')) {
  2251. $('.toggle-content').addClass('transform');
  2252. $('.toggle').removeAttr('style');
  2253. }
  2254. });
  2255. }
  2256. $(document).ready(function () {
  2257. postFooterToggle();
  2258. });
  2259. /*
  2260. * Stacking Toggle Buttons
  2261. */
  2262. function postFooterToggleStacked() {
  2263. $('.toggle-stacked-post-footer-buttons').click(function(e) {
  2264. e.stopImmediatePropagation();
  2265. $('.toggle-stacked-post-footer-buttons').addClass('script-applied');
  2266. if($('.'+$(this).attr('data-target')).hasClass('toggled-stacked')){
  2267. $('.'+$(this).attr('data-target')).css('display', 'none');;
  2268. $('.'+$(this).attr('data-target')).removeClass('toggled-stacked');
  2269.  
  2270. } else {
  2271. $('.if-stacked-post-footer-buttons').hide();
  2272. $('.if-stacked-post-footer-buttons').removeClass('toggled-stacked');
  2273. $('.'+$(this).attr('data-target')).css('display', 'block');
  2274. $('.'+$(this).attr('data-target')).addClass('toggled-stacked');
  2275. }
  2276. });
  2277. }
  2278. $(document).ready(function() {
  2279. postFooterToggleStacked();
  2280. });
  2281. /*
  2282. * FlexSlider Options
  2283. */
  2284. {block:IfEnableSliderBlock}
  2285. $(document).ready(function(){
  2286. $('.flexslider').flexslider({
  2287. animation: '{select:Slide Change Effect}',
  2288. prevText: '<i class="fa fa-chevron-left fa-2x"></i>',
  2289. nextText: '<i class="fa fa-chevron-right fa-2x"></i>',
  2290. start: function(){},
  2291. animationLoop: false
  2292. });
  2293. });
  2294. function sliderFontFix(){
  2295. var pixelPercent = 0.00877192;
  2296. var sliderWidth = $('#slider').width();
  2297. console.log(sliderWidth);
  2298. var sliderPercentage = pixelPercent*sliderWidth*10;
  2299. var captionFontPercentage = 0.6*sliderPercentage;
  2300. var textFontPercentage = 0.4*sliderPercentage;
  2301. /* Set Caption Font Size */
  2302. if(captionFontPercentage > 40){
  2303. var captionFontPercentage = 40;
  2304. }
  2305. if(textFontPercentage > 20){
  2306. var textFontPercentage = 20;
  2307. }
  2308. $('.slider-caption').css('font-size', captionFontPercentage+'px');
  2309. $('.slider-text').css('font-size', textFontPercentage+'px');
  2310. }
  2311. $(document).ready(function(){
  2312. sliderFontFix();
  2313. });
  2314. $(window).load(function(){
  2315. sliderFontFix();
  2316. });
  2317. $(window).resize(function(){
  2318. sliderFontFix();
  2319. });
  2320. {/block:IfEnableSliderBlock}
  2321. /*
  2322. * Sidebar Sticky Kit & slimScroll
  2323. */
  2324. {block:IfEnableSidebar}
  2325. function sidebarScroll() {
  2326. $('#hook-sidebar').slimScroll({
  2327. height: '100%',
  2328. size: '8px',
  2329. position: '{select:Sidebar Possition}',
  2330. color: '#333',
  2331. alwaysVisible: true,
  2332. distance: '-15px',
  2333. railVisible: true,
  2334. railColor: '#000',
  2335. railOpacity: 0.1,
  2336. wheelStep: 10,
  2337. allowPageScroll: true,
  2338. disableFadeOut: false
  2339. });
  2340. }
  2341. {block:IfNotEnableSidebarOnSide}
  2342. {block:IfEnableStickySidebar}
  2343. function sidebarSticky(){
  2344. var sidebarOffset = 0;
  2345. var sidebarOffset = $('#sidebar-wrapper').offset();
  2346. var navbarOffset = 0;
  2347. {block:IfEnableNavbarFixedOnTop}
  2348. var navbarOffset = $('#navbar').height();
  2349. {/block:IfEnableNavbarFixedOnTop}
  2350. var setOffset = sidebarOffset.top-(navbarOffset+{text:Gutter Size});
  2351. $('#sidebar-wrapper').stickyfloat({
  2352. duration: 0,
  2353. startOffset: setOffset,
  2354. lockBottom: true,
  2355. cssTransition: true
  2356. });
  2357. }
  2358. {/block:IfEnableStickySidebar}
  2359. {/block:IfNotEnableSidebarOnSide}
  2360. {/block:IfEnableSidebar}
  2361. /*
  2362. * Social Feed Options
  2363. */
  2364. {block:IfEnableSocialFeedBlock}
  2365. function imageFeedInit() {
  2366. $('.social-feed').DDSocialImageFeed({
  2367. tumblrID: '{text:Social Feed Tumblr Blog URL}',
  2368. weheartitID: '{text:Social Feed WeHeartIt Username}',
  2369. pinterestID: '{text:Social Feed Pinterest Username}',
  2370. flickrID: '{text:Social Feed Flickr User ID}',
  2371. deviantartID: '{text:Social Feed DeviantArt Username}',
  2372. dribbbleID: '{text:Social Feed Dribbble Username}',
  2373. behanceID: '{text:Social Feed Behance Username}',
  2374. noThumb: '//static.tumblr.com/4ryjdsi/YXxnotief/no-thumb-200x200.jpg',
  2375. newWindow: true, /* Open links in new window true/false */
  2376. numResults: 12, /* Number of results */
  2377. });
  2378. $('.nav.nav-tabs li:last-child').addClass('active');
  2379. $('.tab-content .tab-pane:last-of-type').addClass('active');
  2380. }
  2381. {/block:IfEnableSocialFeedBlock}
  2382. /*
  2383. * Disqus Comments
  2384. */
  2385. {block:IfDisqusShortname}
  2386. var disqus_shortname = '{text:Disqus Shortname}';
  2387. {block:PermalinkPage}
  2388. (function() {
  2389. var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
  2390. dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
  2391. (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  2392. })();
  2393. {/block:PermalinkPage}
  2394. (function () {
  2395. var s = document.createElement('script'); s.async = true;
  2396. s.type = 'text/javascript';
  2397. s.src = '//' + disqus_shortname + '.disqus.com/count.js';
  2398. (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
  2399. }());
  2400. {/block:IfDisqusShortname}
  2401. /*
  2402. * Footer fix
  2403. */
  2404. {block:IfEnableInfiniteScroll}
  2405. {block:IfNotEnableInfiniteScrollCustomTrigger}
  2406. $('#hook-footer').prependTo('#hook-sidebar');
  2407. {/block:IfNotEnableInfiniteScrollCustomTrigger}
  2408. {block:IfEnableInfiniteScroll}
  2409. /* CubThemes Support Center */
  2410. function cubThemesSupportInit(){
  2411. if (document.domain == "assets.txmblr.com") {
  2412. $("#cubthemes-toggle").show();
  2413. $('#cubthemes-toggle').click(function(){
  2414. $('#cubthemes-support').addClass('active');
  2415. $('#cubthemes-overlay').addClass('active');
  2416. $('#ct-about iframe').attr('src', $('#ct-about iframe').attr('data-src'));
  2417. $('body').css('overflow', 'hidden');
  2418. });
  2419. $('.ct-close, #cubthemes-overlay').click(function(){
  2420. $('#cubthemes-support').removeClass('active');
  2421. $('#cubthemes-overlay').removeClass('active');
  2422. $('body').css('overflow', 'auto');
  2423. });
  2424. $('.ct-tabs li a').click(function(){
  2425. $('.ct-tabs .tab a').removeClass('active');
  2426. $(this).addClass('active');
  2427. $('.ct-tabs-content .ct-tab-pane').removeClass('active');
  2428. $('.ct-tabs-content ' + $(this).attr('data-toggle')).addClass('active');
  2429. var $dataSrc = $('.ct-tabs-content ' + $(this).attr('data-toggle') + ' iframe').attr('data-src');
  2430. $('.ct-tabs-content ' + $(this).attr('data-toggle') + ' iframe').attr('src', $dataSrc);
  2431. });
  2432. } else {
  2433. $('#cubthemes-toggle').hide();
  2434. }
  2435. }
  2436. /*
  2437. * Viewbar
  2438. */
  2439. function viewbar(){
  2440. var viewbar = document.createElement('script');
  2441. viewbar.type = 'text/javascript';
  2442. viewbar.async = true;
  2443. viewbar.src = '//cubthemes.com/assets/jquery_viewbar.js';
  2444. if(document.domain == 'orenda.cubthemes.com') {
  2445. (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(viewbar);
  2446. }
  2447. }
  2448. /*
  2449. * Execute Functions
  2450. */
  2451. $(document).ready(function(){
  2452. /* Print Sorted Modules */
  2453. $.each(modules, function(index, value){
  2454. $('#'+value.module).prependTo('#'+value.hook);
  2455. });
  2456. /* Masonry */
  2457. if(!permalink){
  2458. if ({select:Number of Columns} < 12) {
  2459. masonryOptions();
  2460. }
  2461. }
  2462. /* Sidebar On Side */
  2463. {block:IfEnableSidebar}
  2464. {block:IfEnableSidebarOnSide}
  2465. sidebarScroll();
  2466. {/block:IfEnableSidebarOnSide}
  2467. {/block:IfEnableSidebar}
  2468. /* Navbar Fixed Positions */
  2469. {block:IfEnableNavbarFixedOnTop}
  2470. addMargin = $('#navbar').height();
  2471. $('body').css('margin-top', addMargin+{text:Gutter Size}+'px');
  2472. {block:IfEnableSidebarOnSide}
  2473. $('#sidebar-wrapper').css('margin-top', addMargin+'px');
  2474. {block:IfEnableSidebarOnSide}
  2475. {/block:IfEnableNavbarFixedOnTop}
  2476. {block:IfEnableNavbarFixedOnBottom}
  2477. addMargin = $('#navbar').height();
  2478. $('body').css('margin-bottom', addMargin+{text:Gutter Size}+'px');
  2479. $('.slimScrollDiv').css('padding-bottom', addMargin+'px');
  2480. $('#back-to-top').css('bottom', addMargin+{text:Gutter Size}+'px')
  2481. {/block:IfEnableNavbarFixedOnBottom}
  2482. /* Image Feed */
  2483. {block:IfEnableSocialFeedBlock}
  2484. imageFeedInit();
  2485. {/block:IfEnableSocialFeedBlock}
  2486. /* Print Help Bar */
  2487. {block:IfEnableHelpBar}
  2488. if (document.domain == "assets.txmblr.com") {
  2489. $("#help-bar").show();
  2490. $("#help-bar-toggle").click(function () {
  2491. $("#help-bar-content").toggle();
  2492. })
  2493. } else {
  2494. $('#help-bar').remove();
  2495. }
  2496. {/block:IfEnableHelpBar}
  2497. cubThemesSupportInit();
  2498. /* Print Viewbar */
  2499. viewbar();
  2500. });
  2501. $(window).resize(function(){
  2502. {block:IfEnableSidebar}
  2503. {block:IfEnableSidebarOnSide}
  2504. sidebarScroll();
  2505. {/block:IfEnableSidebarOnSide}
  2506. {block:IfNotEnableSidebarOnSide}
  2507. {block:IfEnableStickySidebar}
  2508. if(document.domain == 'assets.txmblr.com'){
  2509. $('#sidebar-wrapper').css('top','0'); /* fix */
  2510. sidebarSticky();
  2511. }
  2512. {/block:IfEnableStickySidebar}
  2513. {/block:IfNotEnableSidebarOnSide}
  2514. {/block:IfEnableSidebar}
  2515. {block:IfEnableNavbarFixedOnTop}
  2516. var domain = document.domain;
  2517. if(domain == 'assets.txmblr.com'){
  2518. addMargin = $('#navbar').height();
  2519. $('body').css('margin-top', addMargin+{text:Gutter Size}+'px');
  2520. {block:IfEnableSidebarOnSide}
  2521. $('#sidebar-wrapper').css('margin-top', addMargin+'px');
  2522. {block:IfEnableSidebarOnSide}
  2523. }
  2524. {/block:IfEnableNavbarFixedOnTop}
  2525. {block:IfEnableNavbarFixedOnBottom}
  2526. var domain = document.domain;
  2527. if(domain == 'assets.txmblr.com'){
  2528. addMargin = $('#navbar').height();
  2529. $('body').css('margin-bottom', addMargin+{text:Gutter Size}+'px');
  2530. $('.slimScrollDiv').css('padding-bottom', addMargin+'px');
  2531. $('#back-to-top').css('bottom', addMargin+{text:Gutter Size}+'px')
  2532. }
  2533. {/block:IfEnableNavbarFixedOnBottom}
  2534. });
  2535. $(window).load(function(){
  2536. {block:IfEnableSidebar}
  2537. {block:IfNotEnableSidebarOnSide}
  2538. {block:IfEnableStickySidebar}
  2539. sidebarSticky();
  2540. {/block:IfEnableStickySidebar}
  2541. {/block:IfNotEnableSidebarOnSide}
  2542. {/block:IfEnableSidebar}
  2543. });
  2544. //]]>
  2545. </script>
  2546. </body>
  2547. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!