API tools faq
paste
yanilavigne

Nathaniel Premium Theme

yanilavigne
Feb 8th, 2017
975
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 68.37 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <HTML>
  3.  
  4. <!--
  5. Nathaniel Theme by: Miss-Yani
  6. (w w w.m i s s y a n i.c o m)
  7. My Tumblr
  8. (w w w.missyani.tumblr.c o m)
  9. -->
  10.  
  11. <HEAD>
  12. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  13. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  14. <title>{Title}</title>
  15. <link rel="shortcut icon" href="{Favicon}">
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17. {block:Description}
  18. <meta name="description" content="{MetaDescription}" />
  19. {/block:Description}
  20.  
  21.  
  22.  
  23. <!-- IMAGES -->
  24.  
  25. <META name="image:Sidebar avatar" content="http://static.tumblr.com/6a929b7df2232fd941089ae620508969/txfvidw/HLsnwfsvs/tumblr_static_6zwsyrjz88w0wg4o4ok0wgg0s.jpg">
  26. <META name="image:Author avatar" content="http://static.tumblr.com/d5c0bcbc80243311cdd217390364ec29/txfvidw/Yrrnw5179/tumblr_static_ab13q7t1ev404s4w08gs0c0oo.jpg">
  27. <META name="image:featured one" content="http://static.tumblr.com/f67fe6cc905c45f9139bfc2db9f7a546/txfvidw/1pGnw58yz/tumblr_static_1zceuyuztf9c8o8wkk88080o0.jpg">
  28. <META name="image:featured two" content="http://static.tumblr.com/4a6c0a0115bdc2fb7d068c47a821687c/txfvidw/TGTnw58z0/tumblr_static_boqgapkwna8goosock8osooss.jpg">
  29. <META name="image:Background" content="">
  30. <META name="image:Banner 1 Size 1020x387" content="http://static.tumblr.com/869a1814e1ad0e81a418c92834d2a843/txfvidw/G8bnw2zlj/tumblr_static_34lx2n2cap0kk8o0k8wo8oswo.jpg">
  31. <META name="image:Banner 2 Size 1020x387" content="http://static.tumblr.com/79ca7509ae1d1a3d7903ffec195e62f5/txfvidw/4Dynw2zwt/tumblr_static_a5xnf2hagygc040ocs0g8gk8w.jpg">
  32. <META name="image:Banner 3 Size 1020x387" content="http://static.tumblr.com/7c08720689cbf5b3287a876894d1fc5e/txfvidw/yrOnw300v/tumblr_static_d1e244ph188wc0sw8kg0g8cgk.jpg">
  33. <META name="image:Banner 4 Size 1020x387" content="http://static.tumblr.com/a525eab052565b802c055acda4a5bb6d/txfvidw/zzcnw30qb/tumblr_static_7qod0wwj9kgsg4ws04koo8gw.jpg">
  34. <META name="image:Banner 5 Size 1020x387" content="http://static.tumblr.com/0a16b05587eac7a6ddc6b334d715080c/txfvidw/hGDnw30y6/tumblr_static_4s0wqop6nq0wc8kk0wk88ok4g.jpg">
  35. <META name="image:BackToTop" content="http://static.tumblr.com/8jq17g7/Ecym0czgw/ui.totop.png">
  36. <!-- IMAGES END -->
  37.  
  38.  
  39.  
  40. <!-- TEXT -->
  41. <META name="text:Author Name" content="Your Name Here">
  42. <META name="text:Author Description" content="Write anything about yourself here, your age, what you like and stuff :)">
  43. <META name="text:Banner 1 URL" content="http://static.tumblr.com/869a1814e1ad0e81a418c92834d2a843/txfvidw/G8bnw2zlj/tumblr_static_34lx2n2cap0kk8o0k8wo8oswo.jpg">
  44. <META name="text:Banner 2 URL" content="http://static.tumblr.com/79ca7509ae1d1a3d7903ffec195e62f5/txfvidw/4Dynw2zwt/tumblr_static_a5xnf2hagygc040ocs0g8gk8w.jpg">
  45. <META name="text:Banner 3 URL" content="http://static.tumblr.com/7c08720689cbf5b3287a876894d1fc5e/txfvidw/yrOnw300v/tumblr_static_d1e244ph188wc0sw8kg0g8cgk.jpg">
  46. <META name="text:Banner 4 URL" content="https://www.flickr.com/photos/nataliaviana/14859807823/">
  47. <META name="text:Banner 5 URL" content="https://www.flickr.com/photos/nataliaviana/5818685092/">
  48. <META name="text:Banner 1 text" content="If you think only sunshine brings you happiness, then you haven't danced in the rain">
  49. <META name="text:Banner 2 text" content="Let go of those who bring you down and surround yourself with those who bring out the best in you.">
  50. <META name="text:Banner 3 text" content="i wanna be close to someone that we can talk all night and never get tired">
  51. <META name="text:Banner 4 text" content="Today I will do what others won`t, so tomorrow I can accomplish what others can't">
  52. <META name="text:Banner 5 text" content="Not everything you want to say, needs to be said.">
  53. <META name="text:Banner 1 text title" content="If you think only sunshine brings you happiness, then you haven't danced in the rain">
  54. <META name="text:Banner 2 text title" content="Let go of those who bring you down and surround yourself with those who bring out the best in you.">
  55. <META name="text:Banner 3 text title" content="i wanna be close to someone that we can talk all night and never get tired">
  56. <META name="text:Banner 4 text title" content="Today I will do what others won`t, so tomorrow I can accomplish what others can't">
  57. <META name="text:Banner 5 text title" content="Not everything you want to say, needs to be said.">
  58. <META name="text:TAGGED LINK 1" content="Personal">
  59. <META name="text:TAGGED LINK 2" content="Thoughts">
  60. <META name="text:TAGGED LINK 3" content="Music">
  61. <META name="text:TAGGED LINK 4" content="Photography">
  62. <META name="text:TAGGED LINK 5" content="Reblogged">
  63. <META name="text:TAGGED LINK 1 URL" content="http://">
  64. <META name="text:TAGGED LINK 2 URL" content="http://">
  65. <META name="text:TAGGED LINK 3 URL" content="http://">
  66. <META name="text:TAGGED LINK 4 URL" content="http://">
  67. <META name="text:TAGGED LINK 5 URL" content="http://">
  68. <META name="text:Blog Title" content="Nathaniel Theme">
  69. <META name="text:Blog subtitle" content="A Premium Tumblr Theme">
  70. <META name="text: Top Link 1" content="Archive">
  71. <META name="text: Top Link 2" content="Random">
  72. <META name="text: Top Link 3" content="Pages">
  73. <META name="text: Top Link 4" content="RSS">
  74. <META name="text: Top Link 5" content="Theme">
  75. <META name="text: Top Link 6" content="More Links">
  76. <META name="text: Top Link 6 Submenu 1" content="Sub link 1">
  77. <META name="text: Top Link 6 Submenu 2" content="Sub link 2">
  78. <META name="text: Top Link 6 Submenu 3" content="Sub link 3">
  79. <META name="text: Top Link 6 Submenu 4" content="Sub link 4">
  80. <META name="text: Top Link 6 Submenu 5" content="Sub link 5">
  81. <META name="text: Top Link 1 URL" content="/archive">
  82. <META name="text: Top Link 2 URL" content="/random">
  83. <META name="text: Top Link 4 URL" content="{RSS}">
  84. <META name="text: Top Link 5 URL" content="http://missyani.com">
  85. <meta name='text:SB HEADER 1' content='MORE ABOUT ME' />
  86. <meta name='text:SB HEADER 2' content='TAGGED POSTS' />
  87. <meta name='text:SB HEADER 3' content='LATEST TWEETS' />
  88. <meta name='text:SB HEADER 4' content='STUFF I LIKE' />
  89. <meta name='text:SB HEADER 5' content='TEXT WIDGET 1' />
  90. <meta name='text:Text Widget 1' content='' />
  91. <meta name='text:SB HEADER 6' content='TEXT WIDGET 2' />
  92. <meta name='text:Text Widget 2' content='' />
  93. <meta name='text:SOCIAL LOGO 1' content='fa fa-facebook' />
  94. <meta name='text:SOCIAL LOGO 1 URL' content='http://facebook.com' />
  95. <meta name='text:SOCIAL LOGO 1 LABEL' content='Facebook' />
  96. <meta name='text:SOCIAL LOGO 2' content='fa fa-twitter' />
  97. <meta name='text:SOCIAL LOGO 2 URL' content='http://twitter.com' />
  98. <meta name='text:SOCIAL LOGO 2 LABEL' content='Twitter' />
  99. <meta name='text:SOCIAL LOGO 3' content='fa fa-instagram' />
  100. <meta name='text:SOCIAL LOGO 3 URL' content='http://instagram.com' />
  101. <meta name='text:SOCIAL LOGO 3 LABEL' content='Instagram' />
  102. <meta name='text:SOCIAL LOGO 4' content='fa fa-youtube' />
  103. <meta name='text:SOCIAL LOGO 4 URL' content='http://youtube.com' />
  104. <meta name='text:SOCIAL LOGO 4 LABEL' content='Youtube' />
  105. <meta name='text:SOCIAL LOGO 5' content='fa fa-envelope-o' />
  106. <meta name='text:SOCIAL LOGO 5 URL' content='/contact' />
  107. <meta name='text:SOCIAL LOGO 5 LABEL' content='Email' />
  108. <meta name='text:SOCIAL LOGO 6' content='fa fa-pinterest' />
  109. <meta name='text:SOCIAL LOGO 6 URL' content='http://pinterest.com' />
  110. <meta name='text:SOCIAL LOGO 6 LABEL' content='Pinterest' />
  111. <meta name='text:SOCIAL LOGO 7' content='fa fa-google-plus' />
  112. <meta name='text:SOCIAL LOGO 7 URL' content='http://plus.google.com' />
  113. <meta name='text:SOCIAL LOGO 7 LABEL' content='Google plus' />
  114. <meta name='text:SOCIAL LOGO 8' content='fa fa-linkedin' />
  115. <meta name='text:SOCIAL LOGO 8 URL' content='http://linkedin.com' />
  116. <meta name='text:SOCIAL LOGO 8 LABEL' content='Linkedin' />
  117. <meta name='text:Tumblr Username' content='' />
  118. <META name="text:Flickr ID" content="48658732@N04">
  119. <meta name='text:Disqus Shortname' content='' />
  120. <meta name="text:Tweets Limit" content="4"/>
  121. <meta name="text:Disqus Shortname" content=" "/>
  122. <meta name="text:Instagram User ID" content=" " />
  123. <meta name="text:Instagram Access Token" content='' />
  124. <meta name='text:Facebook Fanpage URL' content='https://www.facebook.com/missyanidesigns' />
  125. <meta name='text:Footer Widget 1 Title' content='Featured' />
  126. <meta name='text:Footer Widget 2 Title' content='Like me on Facebook' />
  127. <meta name='text:Footer Widget 3 Title' content='Flickr Stream' />
  128. <META name="text:featured one" content="Write whatever you like on this featured post, but dont make it too long.">
  129. <META name="text:featured two" content="You can write whatever you want on this featured post but dont make it too long.">
  130.  
  131. <!-- TEXT END -->
  132.  
  133.  
  134. <!-- COLORS -->
  135.  
  136. <META name="color:Main Background" content="#ffffff">
  137. <META name="color:Main Post Background" content="#fbfbfb">
  138. <META name="color:Main Font" content="#888888">
  139. <META name="color:Blog Title" content="#474545">
  140. <META name="color:Main Borders" content="#f6f6f6">
  141. <META name="color:Main Menu Font" content="#ffffff">
  142. <META name="color:Main Menu BG" content="#1d1c1c">
  143. <META name="color:Main Menu Font Hover" content="#7ca2a2">
  144. <META name="color:Main Menu Border" content="#eee">
  145. <META name="color:Main Menu Sub Font" content="#7ca2a2">
  146. <META name="color:Main Menu Sub Menu BG" content="#f6f6f6">
  147. <META name="color:Main Menu Sub Menu BG Hover" content="#c3dfdf">
  148. <META name="color:Main Menu Sub Font Hover"="#888888">
  149. <META name="color:Main Link Font" content="#a1c9c0">
  150. <META name="color:Main Link Font hover" content="#eabebe">
  151. <META name="color:Sidebar header font" content="#444444">
  152. <META name="color:Sidebar header border" content="#dfdcdc">
  153. <META name="color:Sidebar When Responsive BG" content="#222222">
  154. <META name="color:Sidebar When Responsive Font" content="#ffffff">
  155. <META name="color:Social Main BG" content="#f6f6f6">
  156. <META name="color:Social Main Font" content="#444444">
  157. <META name="color:Social Footer Btn BG" content="#333333">
  158. <META name="color:Social Footer Btn Font" content="#ffffff">
  159. <META name="color:Twitter Background" content="#f6f6f6">
  160. <META name="color:Twitter Font" content="#888888">
  161. <META name="color:CHAT BG" content="#dcdcdc">
  162. <META name="color:Slider Image Font" content="#474545">
  163. <META name="color:ReadMore Font" content="#666666">
  164. <META name="color:ReadMore BG hover" content="#fafafa">
  165. <META name="color:ReadMore Font hover" content="#7ca2a2">
  166. <META name="color:ReadMore BG" content="#fafafa">
  167. <META name="color:Bold Font" content="#aec1c1">
  168. <META name="color:Italic or Symbol Font" content="#decba4">
  169. <META name="color:Post title" content="#666666">
  170. <META name="color:Post Link Font" content="#666666">
  171. <META name="color:Post Link Font Hover" content="#afd5d5">
  172. <META name="color:Post Link BG" content="#7ca2a2">
  173. <META name="color:Post Link BG Hover" content="#444444">
  174. <META name="color:Post Details BG" content="#fafafa">
  175. <META name="color:Post Bottom details BG" content="#f6f6f6">
  176. <META name="color:Post Bottom details Font" content="#888888">
  177. <META name="color:Post Bottom details BG Hover" content="#7ca2a2">
  178. <META name="color:Post Bottom details Font Hover" content="#ffffff">
  179. <META name="color:Post Quotes BG" content="#5d7979">
  180. <META name="color:Post Quotes Font" content="#ffffff">
  181. <META name="color:TAGGED BG" content="#444444">
  182. <META name="color:TAGGED BG Hover" content="#7ca2a2">
  183. <META name="color:TAGGED Link" content="#7ca2a2">
  184. <META name="color:TAGGED Link Hover" content="#ffffff">
  185. <META name="color:Like Stuff BG" content="#f3f3f3">
  186. <META name="color:Search BG" content="#eeeeee">
  187. <META name="color:Search BG Hover" content="#9ad7b9">
  188. <META name="color:Search Button" content="#b2a283">
  189. <META name="color:Search Button Font" content="#ffffff">
  190. <META name="color:Search Font" content="#796c6c">
  191. <META name="color:Footer Background" content="#fafafa">
  192. <META name="color:Footer Widget Title" content="#444444">
  193. <META name="color:Footer Social BG" content="#f6f6f6">
  194. <META name="color:Footer Info Background" content="#444444">
  195. <META name="color:LoadMore Background" content="#444444">
  196. <META name="color:LoadMore Font" content="#ffffff">
  197. <!-- COLORS END -->
  198.  
  199.  
  200.  
  201. <!-- THEME FONTS -->
  202. <META name="font:Blog Main Font" content="KaiTi">
  203. <META name="font:Blog Main Title Font" content="Streetscript">
  204. <META name="font:Blog Main Subtitle Font" content="'Kaiti TC', 'KaiTi'">
  205. <META name="font:Sidebar Header Font" content="Alternate Gothic">
  206. <META name="font:Post Bottom Detail Font" content="Clarendon Text Pro">
  207. <META name="font:Post Main Title Font" content="Clarendon Text Pro">
  208. <META name="font:Blog Main Menu Font" content="Square Serif">
  209.  
  210. <!-- THEME FONTS END -->
  211.  
  212.  
  213. <!-- SHOW OR HIDE -->
  214.  
  215. <meta name="if:HideTAGGED" content="1"/>
  216. <meta name="if:HideABOUT" content="1"/>
  217. <meta name="if:HideLIKES" content="1"/>
  218. <meta name="if:HideBanner" content="1"/>
  219. <meta name="if:HideSocial" content="1"/>
  220. <meta name="if:HideSearch" content="1"/>
  221. <meta name="if:HideWidgets" content="1"/>
  222. <meta name="if:HideScrollEffect" content="1"/>
  223. <meta name="if:HidePostAnimationEffect" content="1"/>
  224. <meta name="if:ShowFixedTopMenu" content="1"/>
  225.  
  226.  
  227. <!-- JS -->
  228. <script type="text/javascript" src="http://static.tumblr.com/txfvidw/QXjnw2tiy/arianthemepckg1.js"></script>
  229. <script type="text/javascript" src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
  230.  
  231.  
  232.  
  233. <!-- CSS -->
  234. <link href='http://static.tumblr.com/txfvidw/RExnwe5k3/style.css' rel='stylesheet' type='text/css'>
  235. <link href='http://static.tumblr.com/txfvidw/tVmnwe87q/topstyle.css' rel='stylesheet' type='text/css'>
  236. <link rel="stylesheet" href="http://mynameismatthieu.com/WOW/css/libs/animate.css">
  237. <link rel="stylesheet" type="text/css" href="http://tympanus.net/Development/ElasticSVGElements/fonts/font-awesome-4.2.0/css/font-awesome.min.css" />
  238. <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
  239. <link rel="stylesheet" type="text/css" href="http://domclaxton.com/tumblrblog/minimal_v2_min.css" media="screen" />
  240. <!-- CSS END -->
  241.  
  242.  
  243.  
  244. <style type="text/css">
  245. iframe#tumblr_controls {
  246. top: 0% !important;
  247. right:0% !important;
  248. position: absolute !important;}
  249.  
  250. html {
  251. padding: 0;
  252. margin: 0;
  253. }
  254. /* BODY */
  255. body {
  256. padding: 0;
  257. margin: 0;
  258. font-family: {font:Blog Main Font}, sans-serif;
  259. font-size: 15px;
  260. color: #a6a6a6;
  261. background-color: {color:Main Background};
  262. background-image: url({image:Background});
  263. background-repeat: repeat;
  264. background-position: center center;
  265. }
  266. /* LINKS */
  267. a:link,
  268. a:visited {
  269. color: {color:Main Link Font};text-decoration: none;
  270. background-color: none;
  271. }
  272. a:link:hover{
  273. color: {color:Main Link Font Hover};
  274. }
  275. a:visited:hover{
  276. color: {color:Main Link Font Hover};
  277. }
  278.  
  279. p {
  280. line-height: 1.65em;
  281. margin: 0 0 1em 0;
  282. }
  283.  
  284. h1, h2, h3, h4, h5, h6 {
  285. margin: 0 0 1em 0;
  286. font-weight: normal;
  287.  
  288. }
  289. /* HEADER STYLES */
  290. .header {
  291. font-size: 40px;
  292. font-family: {font:Post Main Title Font}, serif;
  293. color: {color:post title} !important;
  294. line-height: 100%;
  295. text-align: center;
  296. max-width: 700px;
  297. margin-top: 10px;
  298. letter-spacing: -1px;
  299. font-weight: normal;
  300. }
  301. .imageheader {
  302. font-size: 30px;
  303. font-family: {font:Post Main Title Font}, serif;
  304. color: {color:post title} !important;
  305. line-height: 100%;
  306. text-align: center;
  307. max-width: 700px;
  308. letter-spacing: -1px;
  309. font-weight: normal;
  310. padding-bottom: 20px;
  311.  
  312. }
  313. .date {
  314. font: 10px {font:Blog Main Font}, sans-serif;
  315. color: {color:Link Font};
  316. text-transform: uppercase;
  317. text-align: center;
  318. letter-spacing: 1px;
  319. margin-bottom: 20px;
  320. margin-top: 5px;
  321. }
  322. .title {
  323. font-size: 85px;
  324. font-family: {font:Blog Main Title Font}, serif;
  325. color: {color:Blog Title};
  326. margin-bottom: 10px;
  327. }
  328. @media all and (max-device-width: 720px){
  329. .title {
  330. font-size: 55px;
  331. }
  332. }
  333. @media all and (max-device-width: 320px){
  334. .title {
  335. font-size: 25px;
  336. }
  337. }
  338. .subtitle {
  339. font: 20px {font:Blog Main Subtitle Font}, sans-serif;
  340. text-align: center;
  341. letter-spacing: 2px;
  342. margin-top: -45px;
  343. margin-bottom: 30px;
  344. }
  345.  
  346. .header2 {
  347. overflow: hidden;
  348. text-align: center;
  349. font-size: 12px ;
  350. font-family: {font:Sidebar Header Font}, sans-serif;
  351. letter-spacing: 2px;
  352. text-transform: uppercase;
  353. margin-bottom:20px;
  354. color:{color:Sidebar header font};
  355. }
  356. .header2 > span{
  357. position: relative;
  358. display: inline-block;
  359. }
  360. .header2 > span:before, .header2 > span:after{
  361. content: "";
  362. position: absolute;
  363. top: 50%;
  364. border-bottom: 15px solid;
  365. border-color:{color:Sidebar header border};
  366. width: 591px;
  367. margin: -5px 15px;
  368. }
  369. .header2 > span:before{
  370. right: 100%;
  371. }
  372. .header2 > span:after{
  373. left: 100%;
  374. }
  375. /* BOLD ITALIC UNDERLINED*/
  376. b {
  377. color: {color:Bold Font};}
  378. strong {
  379. color: {color:Bold Font};}
  380. i {
  381. color: {color:Italic or Symbol Font};}
  382. u {
  383. color: {color:Italic Font};
  384. }
  385. blockquote {
  386. border-left: 2px solid {color:Post bottom border};
  387. padding: 0px;
  388. }
  389. /* TAGGED */
  390. a.nav {
  391. background-color:{color:TAGGED BG};
  392. height: 30px;
  393. color:{color:TAGGED Link};
  394. padding: 3px 8px;
  395. margin-bottom: 10px;
  396. -webkit-transition: .30s ease-in;
  397. display: block;
  398. text-align: center;
  399. line-height: 200%;
  400. font-size: 15px;
  401. font-family: {font:Blog Main Font}, sans-serif;
  402. }
  403. a.nav:hover {
  404. background-color:{color:TAGGED BG Hover};
  405. color:{color:TAGGED Link Hover};
  406. border-radius: 10px;
  407. padding: 3px 8px;
  408. }
  409. /* MAIN MENU */
  410. #cssmenuwrap {
  411. width: 100%;
  412. margin: 0 auto;
  413. padding: 0px;
  414. height: auto;
  415. position:relative;
  416. {block:IfShowFixedTopMenu}
  417. position:fixed;
  418. {/block:IfShowFixedTopMenu}
  419. top: 0px;
  420. background: {color:Main Menu BG};
  421. z-index: 9999999;
  422. opacity: 0.9;
  423. }
  424. #cssmenu {
  425. position: relative;
  426. height: 44px;
  427. background: {color:Main Menu BG};
  428. width: auto;{block:IfHideFixedTopMenu}
  429. -webkit-box-shadow: 0px 4px 5px 0px rgba(227,227,227,1);
  430. -moz-box-shadow: 0px 4px 5px 0px rgba(227,227,227,1);
  431. box-shadow: 0px 4px 5px 0px rgba(227,227,227,1);{block:IfHideFixedTopMenu}
  432.  
  433. }
  434. #cssmenu ul {
  435. list-style: none;
  436. padding: 0;
  437. margin: 0;
  438. line-height: 1;
  439. }
  440. #cssmenu > ul {
  441. position: relative;
  442. display: block;
  443. background:{color:Main Menu BG};
  444. width: 100%;
  445. z-index: 500;
  446. }
  447. #cssmenu:after,
  448. #cssmenu > ul:after {
  449. content: ".";
  450. display: block;
  451. clear: both;
  452. visibility: hidden;
  453. line-height: 0;
  454. height: 0;
  455. }
  456. #cssmenu.align-right > ul > li {
  457. float: right;
  458. }
  459. #cssmenu.align-center ul {
  460. text-align: center;
  461. }
  462. #cssmenu.align-center ul ul {
  463. text-align: left;
  464. }
  465. #cssmenu > ul > li {
  466. display: inline-block;
  467. position: relative;
  468. margin: 0;
  469. padding: 0;
  470. }
  471. #cssmenu > ul > #menu-button {
  472. display: none;
  473. }
  474. #cssmenu ul li a {
  475. display: block;
  476. font-family: {font:Blog Main Menu Font}, sans-serif;
  477. text-decoration: none;
  478. }
  479. #cssmenu > ul > li > a {
  480. font-size: 14px;
  481. font-weight: bold;
  482. padding: 15px 20px;
  483. color: {color:Main Menu Font}!important;
  484. text-transform: uppercase;
  485. -webkit-transition: color 0.25s ease-out;
  486. -moz-transition: color 0.25s ease-out;
  487. -ms-transition: color 0.25s ease-out;
  488. -o-transition: color 0.25s ease-out;
  489. transition: color 0.25s ease-out;
  490. }
  491. #cssmenu > ul > li.has-sub > a {
  492. padding-right: 32px;
  493. }
  494. #cssmenu > ul > li:hover > a {
  495. color:{color:Main Menu Font Hover}! important;
  496. }
  497. #cssmenu li.has-sub::after {
  498. display: block;
  499. content: "";
  500. position: absolute;
  501. width: 0;
  502. height: 0;
  503. }
  504. #cssmenu > ul > li.has-sub::after {
  505. right: 10px;
  506. top: 20px;
  507. border: 5px solid transparent;
  508. border-top-color: {color:Main Menu Font Hover};
  509. }
  510. #cssmenu > ul > li:hover::after {
  511. border-top-color: {color:Main Menu Border};
  512. }
  513. #cssmenu ul ul li a {
  514. width: 130px;
  515. border-bottom: 1px solid #eeeeee;
  516. padding: 10px 20px;
  517. font-size: 12px;
  518. color:{color:Main Menu Sub Font};
  519. background: {color:Main Menu Sub Menu BG};
  520. -webkit-transition: all .35s ease;
  521. -moz-transition: all .35s ease;
  522. -ms-transition: all .35s ease;
  523. -o-transition: all .35s ease;
  524. transition: all .35s ease;
  525. }
  526. #cssmenu.align-right ul ul li a {
  527. text-align: right;
  528. }
  529. #cssmenu ul ul li:hover > a {
  530. background: {color:Main Menu Sub Menu BG Hover};
  531. color: {color:Main Menu Sub Font Hover};
  532. }
  533. @media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  534. #cssmenu {
  535. width: auto;
  536. }
  537. #cssmenu.align-center ul {
  538. text-align: left;
  539. }
  540. #cssmenu.align-right > ul > li {
  541. float: none;
  542. }
  543. #cssmenu ul {
  544. width: auto;
  545. }
  546. #cssmenu .submenuArrow,
  547. #cssmenu #indicatorContainer {
  548. display: none;
  549. }
  550. #cssmenu > ul {
  551. height: auto;
  552. display: block;
  553. }
  554. #cssmenu > ul > li {
  555. float: none;
  556. }
  557. #cssmenu li,
  558. #cssmenu > ul > li {
  559. display: none;
  560. }
  561. #cssmenu ul ul,
  562. #cssmenu ul ul ul,
  563. #cssmenu ul > li:hover > ul,
  564. #cssmenu ul ul > li:hover > ul,
  565. #cssmenu.align-right ul ul,
  566. #cssmenu.align-right ul ul ul,
  567. #cssmenu.align-right ul > li:hover > ul,
  568. #cssmenu.align-right ul ul > li:hover > ul {
  569. position: relative;
  570. left: auto;
  571. top: auto;
  572. opacity: 1;
  573. padding-left: 0;
  574. padding-right: 0;
  575. right: auto;
  576. }
  577. #cssmenu ul .has-sub::after {
  578. display: none;
  579. }
  580. #cssmenu ul li a {
  581. padding: 12px 20px;
  582. }
  583. #cssmenu ul ul li a {
  584. border: 0;
  585. background: none;
  586. width: auto;
  587. padding: 8px 35px;
  588. }
  589. #cssmenu.align-right ul ul li a {
  590. text-align: left;
  591. }
  592. #cssmenu ul ul li:hover > a {
  593. background: none;
  594. color: #8c9195;
  595. }
  596. #cssmenu ul ul ul a {
  597. padding: 8px 50px;
  598. }
  599. #cssmenu ul ul ul ul a {
  600. padding: 8px 65px;
  601. }
  602. #cssmenu ul ul ul ul ul a {
  603. padding: 8px 80px;
  604. }
  605. #cssmenu ul ul ul ul ul ul a {
  606. padding: 8px 95px;
  607. }
  608. #cssmenu > ul > #menu-button {
  609. display: block;
  610. cursor: pointer;
  611. }
  612. #cssmenu #menu-button > a {
  613. padding: 14px 20px;
  614. }
  615. #cssmenu ul.open li,
  616. #cssmenu > ul.open > li {
  617. display: block;
  618. }
  619. #cssmenu > ul.open > li#menu-button > a {
  620. color: #fff;
  621. border-bottom: 1px solid rgba(150, 150, 150, 0.1);
  622. }
  623. #cssmenu ul ul::after {
  624. display: none;
  625. }
  626. #cssmenu #menu-button::after {
  627. display: block;
  628. content: '';
  629. position: absolute;
  630. height: 3px;
  631. width: 22px;
  632. border-top: 2px solid #7a8189;
  633. border-bottom: 2px solid #7a8189;
  634. right: 20px;
  635. top: 15px;
  636. }
  637. #cssmenu #menu-button::before {
  638. display: block;
  639. content: '';
  640. position: absolute;
  641. height: 3px;
  642. width: 22px;
  643. border-top: 2px solid #7a8189;
  644. right: 20px;
  645. top: 25px;
  646. }
  647. #cssmenu ul.open #menu-button::after,
  648. #cssmenu ul.open #menu-button::before {
  649. border-color: #fff;
  650. }
  651. }
  652.  
  653. /* IMAGE SLIDER */
  654. .slide-text {
  655. position: absolute;
  656. bottom: 0;
  657. background-color:rgba(255,255,255, .60);
  658. color:{color:Slider Image Font};
  659. width: 100%;
  660. padding: 10px;
  661. padding-bottom: 25px;
  662. box-sizing: border-box;
  663. background-image: url(http://static.tumblr.com/txfvidw/c3Dnvmbdf/2015-02-08_06-52-11__separator-1.png);
  664. background-position: bottom center;
  665. background-repeat: no-repeat;
  666. }
  667. .slide-text h3 {
  668. margin: 0;
  669. font: 20px {font:Blog Main Title Font};
  670. }
  671. @media screen and (max-width: 767px) {
  672.  
  673. .slide-text {
  674. position: static;
  675. background-color: {color:Slider Text};
  676. }
  677.  
  678. }
  679.  
  680. /* Prev and Next Buttons */
  681. .cycle-prev, .cycle-next {
  682. position: absolute;
  683. top: 30%;
  684. background-color: rgba(255, 255, 255, .50);
  685. color:{color:Slider Image Font};
  686. padding: 20px;
  687. display: block;
  688. cursor: pointer;
  689. font-size: 130%;
  690. z-index: 1000;
  691. opacity: 0;
  692. transition: opacity .5s;
  693. }
  694. /*SOCIAL BUTTONS */
  695. .socialbtn ul li a i {
  696. background: {color:Social Main BG};
  697. color: {color:Social Main Font};
  698. width: 25px;
  699. height: 25px;
  700. font-size: 25px;
  701. margin: 5px 5px 0px 0px;
  702. padding: 15px;
  703.  
  704. }
  705. @media only screen and (max-width: 800px) {
  706. .socialbtn ul li a i{
  707. width: 25px;
  708. height: 25px;
  709. font-size: 22px;
  710. margin: 5px 5px 0px 0px;
  711. padding: 10px;
  712. }
  713.  
  714. }
  715. .fa-facebook, .fa-linkedin, .fa-twitter, .fa-instagram, .fa-youtube, .fa-envelope-o, .fa-rss, .fa-heart, .fa-pinterest {
  716. background: {color:Social Main BG};
  717. }
  718. .fa-facebook:hover {
  719. background:#3b5998;
  720. color: #fff;
  721. }
  722. .fa-linkedin:hover {
  723. background:#007bb6;
  724. color: #fff;
  725. }
  726. .fa-twitter:hover {
  727. background:#00aced;
  728. color: #fff;
  729. }
  730. .fa-instagram:hover {
  731. background:#B7A58F;
  732. color: #fff;
  733. }
  734. .fa-youtube:hover {
  735. background: #de1a2a;
  736. color: #fff;
  737. }
  738. .fa-envelope-o:hover {
  739. background:#00a8ec ;
  740. color: #fff;
  741. }
  742. .fa-rss:hover {
  743. background:#dd4b39;
  744. color: #fff;
  745. }
  746. .fa-heart:hover {
  747. background:#dd4b39;
  748. color: #fffffff;
  749. }
  750. .fa-google-plus:hover {
  751. background: #d34433;
  752. color: #fff;
  753. }
  754. .fa-pinterest:hover {
  755. background: #cb2027;
  756. color: #fff;
  757. }
  758. .socialbtn ul li a i {
  759. transition: all 0.2s ease-in-out;
  760. }
  761. .socialbtn ul li a i:hover {
  762. opacity: .7; transform: rotate(360deg);
  763. border-radius: 100px;
  764. }
  765. /*SOCIAL FOOTER */
  766.  
  767. .socialbtnfooter {
  768. background-color:{color:Footer Social BG};
  769. width: 100%;
  770. height: auto;
  771. color: {color:Footer Text Info};
  772. font-size: 10px;
  773. text-transform: uppercase;
  774. letter-spacing: 2px;
  775. padding-top: 15px;padding-bottom: 15px;
  776. text-align: center;
  777. margin-top: 10px;
  778. position: relative;
  779. margin-bottom: -10px;
  780. }
  781. .socialbtnfooter ul li a i {
  782. background: {color:Social Footer Btn BG};
  783. color: {color:Social Footer Btn Font};
  784. width: 20px;
  785. height: 20px;
  786. font-size: 20px;
  787. margin: 0px 5px 0px 12px;
  788. padding: 12px;
  789. border-radius: 100px;
  790. }
  791. blockquote {
  792. font-family: {font:Blog Main Font}, serif;
  793. width: 90%;
  794. margin: 0.25em 0;
  795. padding:20px;
  796. line-height: 1.45;
  797. position: relative;
  798.  
  799. }
  800. ol.notes {
  801. padding: 0px;
  802. margin: 25px 0px;
  803. list-style-type: none;
  804. border-bottom: solid 2px {color:Post bottom border};
  805. text-align: left;
  806. }
  807.  
  808. ol.notes li.note {
  809. border-top: solid 2px {color:Post bottom border};
  810. padding: 10px;
  811. }
  812.  
  813. ol.notes li.note img.avatar {
  814. vertical-align: -4px;
  815. margin-right: 10px;
  816. width: 16px;
  817. height: 16px;
  818. }
  819.  
  820. ol.notes li.note span.action {
  821. font-weight: bold;
  822. }
  823.  
  824. ol.notes li.note .answer_content {
  825. font-weight: normal;
  826. }
  827.  
  828. ol.notes li.note blockquote {
  829. border-color: {color:post bottom border};
  830. padding: 4px 10px;
  831. margin: 10px 0px 0px 25px;
  832. }
  833. ol.notes li.note blockquote a {
  834. text-decoration: none;
  835.  
  836.  
  837. }
  838. /* POST STYLE */
  839. .posts {
  840. max-width: 700px;
  841. width: 100%;
  842. height: auto;
  843. text-align: left;
  844. margin-bottom: 80px;
  845. }
  846. #postdetailswrap {
  847. max-width: 700px;
  848. width: 100%;
  849. height: auto;
  850.  
  851. }
  852. #postdetails {
  853. padding: 15px 10px 15px 10px;
  854. height: auto;
  855. margin-top: -10px;
  856. background-color: {color:Post Details BG};
  857. font: 10px {font:Post Bottom Detail Font}, sans-serif;
  858. text-transform: uppercase;
  859. letter-spacing: 1px;
  860. border: 1px solid {color:Main borders};
  861. }
  862. #postdetails .det{
  863. float: left;
  864. background: {color:Post Bottom details BG};
  865. width: auto;
  866. height: 10px;
  867. font-size: 10px;
  868. margin-left: 2px;
  869. padding: 8px;
  870. margin-top: 5px;
  871. }
  872. #postdetails .det a{
  873. color: {color:Post Bottom details Font}! important;
  874. }
  875. #postdetails .det:hover{
  876. background: {color:Post Bottom details BG Hover};
  877. }
  878. #postdetails .det a:hover{
  879. color: {color:Post Bottom details Font Hover}! important;
  880. }
  881. @media only screen and (max-width: 800px) {
  882. #postdetails .det{
  883. width: auto;
  884. height:10px;
  885. font-size: 10px;
  886. margin: -10px 5px 0px 0px;
  887. padding: 8px;
  888. }
  889.  
  890. }
  891.  
  892. }
  893.  
  894. #postdetails .right {
  895. float: right;
  896. height: auto;
  897. margin-top: -20px;
  898.  
  899.  
  900. }
  901. #postdetails .left {
  902. float: left;
  903. height: auto;
  904.  
  905. }
  906. @media only screen and (max-width: 414px) {
  907. #postdetails .det{
  908. width: auto;
  909. height:10px;
  910. font-size: 10px;
  911. margin: -5px 5px 10px 0px;
  912. padding: 8px;
  913. }
  914.  
  915. }
  916.  
  917. #postdetails .right {
  918. float: right;
  919. height: auto;
  920. margin-top: -20px;
  921.  
  922.  
  923. }
  924. @media screen and (max-width: 800px) {
  925. #postdetails .right,
  926. #postdetails .left{
  927. width: auto;
  928. float: none;}
  929. #socialpost {
  930. display: none;
  931.  
  932. }
  933. }
  934.  
  935. .socialpostbtn ul li a i {
  936. background: {color:Post Bottom details BG};
  937. color: {color:Post Bottom details Font}! important;
  938. width: 10px;
  939. height: 10px;
  940. font-size: 12px;
  941. margin-left: 2px;margin-top: 15px;
  942. padding: 8px;
  943. }
  944. .socialpostbtn ul li a i:hover {
  945. background: {color:Post Bottom details BG Hover};
  946. color: {color:Post Bottom details Font Hover}! important;
  947. }
  948. #postdetails .tagged{
  949. margin-left: 10px;
  950. padding-top: -8px;
  951. }
  952. #postdetails .tagged a{
  953. text-align: left;
  954. color: #888! important;
  955. }
  956. /*FLICKR */
  957. #flickr img {
  958. float: left;
  959. margin:0 5px 5px 0px;
  960. padding: 3px;
  961. width: 27%;
  962. height: 28%;
  963. border: 1px solid {color:Main Borders} !important;
  964. }
  965. #flickr a img:hover {
  966. border: 1px solid {color:link color};
  967. -webkit-transition: .30s ease-in;
  968. opacity: 0.5;
  969. }
  970. #spacebuttom {
  971. margin-top: 50px;
  972. }
  973. #likes {
  974. max-width: 238px;
  975. width: 100%;
  976. margin-left: -10px;
  977. }
  978. ul#likes {
  979. list-style-type: none;
  980. margin: 0 0 0 0;
  981. padding: 0px;
  982. }
  983. li.like_post {
  984. /* Should match the width specified in the Likes tag */
  985. width: 100%;
  986. float: left;
  987. padding: 10px;
  988. background: {color:Like Stuff BG};
  989. -moz-box-shadow: 0px 2px 15px #333;
  990. margin-bottom: 5px;
  991. }
  992. li.like_post img {
  993. width: 100%;
  994. -webkit-transition: .30s ease-in;
  995. }
  996. li.like_post img:hover {
  997. -webkit-transform: rotate(-10deg);
  998. -moz-transform: rotate(-10deg);
  999. -moz-box-shadow: 5px 2px 15px #333;
  1000. }
  1001. li.like_post blockquote {
  1002. margin: 0;
  1003. padding: 0 0 0 10px;
  1004. border-left: 1px solid {color:Like Stuff BG};
  1005. }
  1006. li.like_post ol,
  1007. li.like_post ul {
  1008. margin: 0 0 0 15px;
  1009. padding: 0;
  1010. }
  1011. li.like_post .like_link a {
  1012. font-weight: bold;
  1013. }
  1014. li.like_post .like_title {
  1015. font-weight: bold;
  1016. }
  1017. li.like_post .post_info_bottom {
  1018. margin: 10px 0 0 0;
  1019. display: block !important;
  1020. }
  1021. .authorname {
  1022. text-align: left;
  1023. font-size: 15px;
  1024. font-family: {font:Blog Main Title Font}, serif;
  1025. color: {color:Blog Title};
  1026. padding-bottom: 5px;
  1027. margin-top: -15px;
  1028. }
  1029. @media only screen and (max-width: 480px) {
  1030. .title {
  1031. font-size: 45px;
  1032. }
  1033. }
  1034. @media only screen and (max-width: 768px) {
  1035. .title {
  1036. font-size: 65px;
  1037. }
  1038. }
  1039. .circular {
  1040. width: 100%;
  1041. height: auto;
  1042. margin-top: -20px;
  1043. }
  1044. .desc {
  1045. font-size: 15px;
  1046. font-family: {font:Blog Main Font}, sans-serif;
  1047. }
  1048. #sbspace {
  1049. margin-top: 50px;
  1050. }
  1051. #postspace {
  1052. margin-bottom: 50px;
  1053. }
  1054. .read-more {
  1055. background-color: {color:Readmore BG};
  1056. border: 1px solid #eee;
  1057. height: 30px;
  1058. width: 200px;
  1059. color: {color:Readmore Font};
  1060. padding: 10px 8px;
  1061. margin: 0 auto;
  1062. margin-bottom: 10px;
  1063. -webkit-transition: .30s ease-in;
  1064. display: block;
  1065. text-align: center;
  1066. line-height: 200%;
  1067. font-size: 15px;
  1068. font-family: {font:Blog Main Font}, sans-serif;
  1069. }
  1070. .read-more:hover {
  1071. background-color:{color:ReadMore BG hover};
  1072. color:{color:ReadMore font Hover} !important;
  1073. }
  1074.  
  1075. .fix {
  1076. clear: both;
  1077. }
  1078.  
  1079. .group:before,
  1080. .group:after {
  1081. content: "";
  1082. display: table;
  1083. }
  1084.  
  1085. .group:after {
  1086. clear: both;
  1087. }
  1088.  
  1089. .group {
  1090. zoom: 1;
  1091. }
  1092. .post-image {
  1093. max-width:700px;
  1094. width: 100%;
  1095. height: auto;
  1096. vertical-align: bottom;
  1097. border-radius: 5px 5px 0 0;
  1098. -webkit-transition: all 1.5s;
  1099. -o-transition: all 1.5s;
  1100. transition: all 1.5s;
  1101. }
  1102. .post-imgtext {
  1103. margin-top: -10px;
  1104. padding:40px 30px 20px 30px;
  1105. background: {color:Main Post Background};
  1106.  
  1107.  
  1108. }
  1109. .text {
  1110. padding-top: 10px;
  1111. padding: 30px;
  1112. padding-bottom: 20px;
  1113. background: {color:Main Post Background};
  1114.  
  1115. }
  1116. .textpost {
  1117. max-width: 700px;
  1118. width: 100%;
  1119. }
  1120. .textpost img {
  1121. max-width: 700px;
  1122. width: 100%;
  1123. height:auto;
  1124. }
  1125. .quotes {
  1126. max-width:700px;
  1127. width: 100%;
  1128. height: auto;
  1129. background-color: {color:Post Quotes BG};
  1130. vertical-align: bottom;
  1131. border-radius: 5px 5px 0 0;
  1132. padding: 0px;
  1133. font-size: 30px;
  1134. font-family: {font:Post Main Title Font}, serif;
  1135. color: {color:Post Quotes Font} !important;
  1136. line-height: 100%;
  1137. text-align: center;
  1138.  
  1139. }
  1140. .qpadding {
  1141. max-width:650px;
  1142. padding: 40px 30px 40px 30px;
  1143. background-color: {color:Post Quotes BG};
  1144. }
  1145. .post-quotestext {
  1146. margin-top: -5px;
  1147. padding:20px;
  1148. padding-bottom: 30px;
  1149. background: {color:Main Post Background};
  1150. text-align: right;
  1151.  
  1152.  
  1153. }
  1154. .links {
  1155. max-width:700px;
  1156. width: 100%;
  1157. height: auto;
  1158. background: {color:Post Link BG};
  1159. vertical-align: bottom;
  1160. border-radius: 5px 5px 0 0;
  1161. padding: 0px;
  1162. font-size: 30px;
  1163. font-family: {font:Post Main Title Font}, serif;
  1164. line-height: 100%;
  1165. text-align: center;
  1166. }
  1167. .fa-arrow-right {
  1168. color: {color:Post Link Font};
  1169. margin-left: 5px;
  1170. }
  1171. .links :hover {
  1172. background: {color:Post Link BG Hover};
  1173. }
  1174. .links a {
  1175. color: {color:Post Link Font};
  1176. }
  1177. .links a:hover {
  1178. color: {color:Post Link Font Hover};
  1179. }
  1180. .lpadding {
  1181. max-width:650px;
  1182. padding: 40px 30px 40px 30px;
  1183. }
  1184. .post-linkstext {
  1185. margin-top: -5px;
  1186. padding:30px;
  1187. padding-bottom: 20px;
  1188. background: {color:Main Post Background};
  1189. }
  1190. .chat {
  1191. padding-top: 10px;
  1192. padding: 10px;
  1193. padding-bottom: 20px;
  1194. background:{color:Main Post Background};
  1195. font-size: 15px;
  1196. }
  1197. .chat li {
  1198. padding: 10px;
  1199. list-style-type: none;
  1200. }
  1201. .chat li:nth-child(odd) {
  1202. background: #eee;
  1203.  
  1204. }
  1205. .audioplayer {
  1206. position: relative;
  1207. width: 100%;
  1208. overflow: hidden;
  1209. }
  1210. .audioplayer iframe {
  1211. position: relative;
  1212. display: block;
  1213. width: 100%;
  1214. }
  1215. .spotify_audio_container {
  1216. max-width: 700px;
  1217. }
  1218. .spotify_audio_wrap {
  1219. position: relative;
  1220. height: 0;
  1221. padding-bottom: 100%;
  1222. margin-bottom: 80px;
  1223. overflow: visible;
  1224. }
  1225. .soundcloud_audio_player {
  1226. max-width: 700px;
  1227. }
  1228. .post-musictext {
  1229. margin-top: -10px;
  1230. padding: 30px;
  1231. padding-bottom: 20px;
  1232. background: {color:Main Post Background};
  1233. }
  1234. .post-videotext {
  1235. margin-top: -5px;
  1236. padding: 30px;
  1237. padding-bottom: 20px;
  1238. background: {color:Main Post Background};
  1239. }
  1240.  
  1241. #question {
  1242. position: relative;
  1243. max-width: 700px;
  1244. width: 100%;
  1245. }
  1246.  
  1247. .bubble
  1248. {
  1249. position: relative;
  1250. min-height: 67px;
  1251. height: auto;
  1252. z-index: 1;
  1253. margin: 0 auto;
  1254. padding: 20px 10px 20px 10px;
  1255. background-color: {color:Post Quotes BG};
  1256. vertical-align: bottom;
  1257. border-radius: 5px 5px 0 0;
  1258. font-size: 30px;
  1259. font-family: {font:Post Main Title Font}, serif;
  1260. color: {color:Post Quotes Font} !important;
  1261. line-height: 100%;
  1262. text-align: center;
  1263. -webkit-border-radius: 10px;
  1264. -moz-border-radius: 10px;
  1265. border-radius: 10px;
  1266.  
  1267. }
  1268.  
  1269. .bubble:after
  1270. {
  1271. content: '';
  1272. position: absolute;
  1273. border-style: solid;
  1274. border-width: 15px 15px 0;
  1275. border-color: {color:Post Quotes BG} transparent;
  1276. display: block;
  1277. width: 0;
  1278. z-index: 1;
  1279. bottom: -15px;
  1280. left: 113px;
  1281. }
  1282. #question .askerimg {
  1283. float: left;
  1284. padding-left: 30px;
  1285. padding-right:10px;
  1286. }
  1287. #question .answer {
  1288. margin-top: -10px;
  1289. padding:40px 30px 0px 30px;
  1290. background: {color:Main Post Background};
  1291. }
  1292. .abouttheauthor {
  1293. margin-top: 50px;
  1294. padding:30px;
  1295. background: {color:Main Post Background};
  1296. margin-bottom: 20px;
  1297. clear: both;
  1298. }
  1299. .permapagination {
  1300. float: left;
  1301. width: 43%;
  1302. padding:20px;
  1303. background: {color:TAGGED BG};
  1304. color: {color:TAGGED Link};
  1305. font-size: 1.5em;
  1306. margin-bottom: 10px;
  1307. display: inline;
  1308. margin-left: 5px;
  1309. text-align: center;
  1310. }
  1311. @media only screen and (max-width: 414px) {
  1312. .permapagination {
  1313. width:35%;
  1314. padding:15px;
  1315. font-size: 1em;
  1316. }
  1317. }
  1318. @media only screen and (max-width: 800px) {
  1319. .permapagination {
  1320. width: 40%;
  1321. }
  1322. }
  1323.  
  1324. /* Footer */
  1325. #footer {
  1326. max-width: 100%;
  1327. margin: 0px auto;
  1328. padding: 0px;
  1329. background: {color:Footer Background};
  1330. -webkit-box-shadow: 0px -2px 5px 0px rgba(199,199,199,1);
  1331. -moz-box-shadow: 0px -2px 5px 0px rgba(199,199,199,1);
  1332. box-shadow: 0px -2px 5px 0px rgba(199,199,199,1);
  1333. }
  1334. .footer-widget-area {
  1335. background-color: {color:Footer Widget Background} ;
  1336. margin-right: 10px;
  1337. width: 32%;
  1338. height: auto;
  1339. float: left;
  1340. box-sizing: border-box;
  1341. padding: 10px;
  1342. text-align: left;
  1343. }
  1344. @media only screen and (max-width: 800px) {
  1345. .footer-widget-area {
  1346. width: 31.2%;
  1347.  
  1348. }
  1349.  
  1350. }
  1351. .footer-widget-title {
  1352. color: {color:Footer Widget Title};
  1353. font-size: 20px;
  1354. font-family: {font:Blog Main Font}, serif;
  1355. letter-spacing: 2px;
  1356. padding-bottom: 30px;
  1357. }
  1358.  
  1359. @media screen and (max-width: 450px) {
  1360.  
  1361. .footer-widget-area {
  1362. width: auto;
  1363. float: none;
  1364. margin-left:-15px;
  1365. }
  1366. .footer-widget-area {
  1367. padding-right: 0;
  1368. }
  1369. }
  1370. .footerinfo {
  1371. width: 100%;
  1372. height: auto;
  1373. background-color: {color:Footer Info Background};
  1374. color: {color:Footer Text Info};
  1375. font-size: 10px;
  1376. text-transform: uppercase;
  1377. letter-spacing: 2px;
  1378. padding-top: 15px;padding-bottom: 15px;
  1379. text-align: center;
  1380. margin-top: 0px;
  1381. }
  1382. #tweets li{
  1383. list-style: none;
  1384. margin-bottom:10px;margin-left: -5px;
  1385. width: 100%;
  1386. height: auto;
  1387. display: block;
  1388. text-align: left;
  1389. background-color: {color:Twitter Background};
  1390. padding: 5px 10px 5px 10px;
  1391. }
  1392. #tweets li a{
  1393. color: {color:Twitter Font}!important;
  1394. font-size: 15px;
  1395. line-height: 1.5;
  1396.  
  1397. }
  1398. .content .fa-twitter{
  1399. color: #4AA8D8;
  1400. opacity: 0.7;
  1401. list-style: none;
  1402.  
  1403. }
  1404.  
  1405. /* Search */
  1406.  
  1407. input, select, textarea {
  1408. background: none repeat scroll 0 0 {color:Search BG};
  1409. color: #5e5e5e;
  1410. border: 1px solid {color:Search BG};
  1411. display: block;
  1412. font-family: {font:Blog Main Font};
  1413. font-size: inherit;
  1414. padding: 10px;
  1415. width: 100%;
  1416. box-sizing: border-box;
  1417. font-size: 16px;
  1418. margin: 0;
  1419. height: 40px;
  1420. }
  1421. #searchtext {
  1422. overflow: hidden;
  1423. }
  1424. a.search-submit-button {
  1425. background: none repeat scroll 0 0 {color:Search Button};
  1426. color: #5e5e5e !important;
  1427. display: block;
  1428. float: right;
  1429. font-family: inherit;
  1430. font-size: 20px;
  1431. padding: 8px 10px;
  1432. text-align: center;
  1433. width: 45px;
  1434. box-sizing: border-box;
  1435. height: 40px;
  1436. }
  1437. #form-container {
  1438. /* width: 60%; */
  1439. }
  1440.  
  1441. .pagination, .arianscroll {
  1442. margin-top: -5px;
  1443. padding:30px;
  1444. padding-bottom: 20px;
  1445. margin-bottom: 60px;
  1446. background: {color:LoadMore Background};
  1447. border: 1px solid {color:Main borders};
  1448. }
  1449. .pagination a, .pagination span, .next a {
  1450. display: inline-block;
  1451. margin: 0 5px;
  1452. color: {color:LoadMore Font};
  1453. }
  1454. .next_page, .prev_page {
  1455. margin: 0 20px !important;
  1456. }
  1457. .prev_page, .next_page, .next a {
  1458. padding: 15px;
  1459. font-weight: 700;
  1460. border-radius: 2px;
  1461. text-transform: uppercase;
  1462. letter-spacing: 2px;
  1463. font-size: 18px;
  1464.  
  1465. }
  1466. .next a { text-align: center; }
  1467. #infscr-loading { display: none !important; }
  1468.  
  1469. /* Reveal and Hide Styles */
  1470. .toggle-btn,
  1471. #postdetails .detres,
  1472. .responsivesidebar {
  1473. display: none;
  1474. }
  1475. .resmain { width:100%; background-color: {color:Sidebar When Responsive BG}; padding: 0px; clear: both;margin-top: -10px;color:{color:Sidebar When Responsive Font};
  1476. }
  1477.  
  1478. @media screen and (max-width: 603px) {
  1479. .toggle-btn-visible {
  1480. display: block;
  1481. margin-top: 50px;
  1482. margin-top: -5px;
  1483. padding:30px;
  1484. padding-bottom: 20px;
  1485. margin-bottom: 60px;
  1486. background: {color:Main Post Background};
  1487. border: 1px solid {color:Main Border};
  1488. text-transform: uppercase;
  1489. letter-spacing: 2px;
  1490. font-size: 18px;
  1491. }
  1492. .toggle-target-hidden {
  1493. display: none;
  1494. }
  1495.  
  1496. .toggle-target-expanded {
  1497. display: block;
  1498. }
  1499. }
  1500. .main-area .toggle-btn-visible {
  1501. display: block;
  1502. }
  1503.  
  1504. .main-area .toggle-target-hidden {
  1505. display: none;
  1506. }
  1507.  
  1508. .main-area .toggle-target-expanded {
  1509. display: block;
  1510.  
  1511.  
  1512. }
  1513. @media screen and (max-width: 800px) {
  1514. #postdetails .detres{
  1515. display: inline;
  1516. }
  1517. }
  1518. .resnavwrapper {
  1519. width: 100%;
  1520. height: auto;
  1521. position: relative;
  1522. text-align: center;
  1523. }
  1524. .resnavmain {
  1525. max-width: 767px;
  1526. width: 100%;
  1527. height: auto;
  1528. text-align: center;
  1529. }
  1530. .resnav {
  1531. background-color:{color:Sidebar When Responsive BG};
  1532. height: 30px;
  1533. color:{color:Sidebar When Responsive Font};
  1534. padding: 3px 8px;
  1535. margin-bottom: 10px;margin-right: 10px;
  1536. -webkit-transition: .30s ease-in;
  1537. display: block;
  1538. text-align: center;
  1539. line-height: 200%;
  1540. font-size: 15px;
  1541. font-family: 'Kaiti TC', 'KaiTi', sans-serif, sans-serif;
  1542. float: left;
  1543. position: relative;
  1544. }
  1545. .resnav:hover {
  1546. background-color:{color:Main Menu Font};
  1547. color:{color:Main Menu BG};
  1548. border-radius: 10px;
  1549. padding: 3px 8px;
  1550.  
  1551. }
  1552. .toplink {
  1553. background: url('{image:BackToTop}') no-repeat;
  1554. position:fixed;
  1555. bottom:30px; right:20px;
  1556. width: 51px; height: 51px;
  1557. }
  1558. {CustomCSS}
  1559. </style>
  1560.  
  1561. <script type="text/javascript">
  1562. $(function() {
  1563. $.fn.scrollToTop = function() {
  1564. $(this).hide().removeAttr("href");
  1565. if ($(window).scrollTop() != "0") {
  1566. $(this).fadeIn("slow")
  1567. }
  1568. var scrollDiv = $(this);
  1569. $(window).scroll(function() {
  1570. if ($(window).scrollTop() == "0") {
  1571. $(scrollDiv).fadeOut("slow")
  1572. } else {
  1573. $(scrollDiv).fadeIn("slow")
  1574. }
  1575. });
  1576. $(this).click(function() {
  1577. $("html, body").animate({
  1578. scrollTop: 0
  1579. }, "slow")
  1580. })
  1581. }
  1582. });
  1583. $(function() {
  1584. $(".toplink").scrollToTop();
  1585. });
  1586. </script>
  1587.  
  1588.  
  1589.  
  1590. <script>
  1591. function changeNavigation(id)
  1592. {document.getElementById('main').innerHTML=document.getElementById(id).innerHTML}
  1593. </script>
  1594.  
  1595. </head>
  1596. <body>
  1597. <div id="fb-root"></div>
  1598. <script>(function(d, s, id) {
  1599. var js, fjs = d.getElementsByTagName(s)[0];
  1600. if (d.getElementById(id)) return;
  1601. js = d.createElement(s); js.id = id;
  1602. js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.4";
  1603. fjs.parentNode.insertBefore(js, fjs);
  1604. }(document, 'script', 'facebook-jssdk'));</script>
  1605.  
  1606.  
  1607. <center>
  1608.  
  1609.  
  1610. <div id='cssmenuwrap'>
  1611. <div id='cssmenu'>
  1612. <ul>
  1613. <li><a href='/'><span>Home</span></a></li>
  1614. {block:IfTopLink1}<li><a href='{text: Top Link 1 URL}'><span>{text: Top Link 1}</span></a></li> {/block:IfTopLink1}
  1615.  
  1616. {block:IfTopLink2}<li class='last'><a href='{text: Top Link 2 URL}'><span>{text: Top Link 2}</span></a></li> {block:IfTopLink2}
  1617. {block:HasPages}
  1618. <li class='active has-sub'><a href='#'><span>{text: Top Link 3}</span></a>
  1619. <ul>
  1620. {block:Pages}<li><a href='{URL}'><span>{Label}</span></a></li>{/block:Pages}
  1621. </ul>
  1622. </li> {/block:HasPages}
  1623. {block:IfTopLink4} <li><a href='{text: Top Link 4 URL}'><span>{text: Top Link 4}</span></a></li> {block:IfTopLink4}
  1624. {block:IfTopLink5}<li class='last'><a href='{text: Top Link 5 URL}'><span>{text: Top Link 5}</span></a></li> {block:IfTopLink5}
  1625.  
  1626. {block:IfTopLink6}<li class='active has-sub'><a href='#'><span>{text: Top Link 6}</span></a>{/block:IfTopLink6}
  1627. <ul>
  1628. {block:IfTopLink6Submenu1}<li><a href='{URL}'><span>{text: Top Link 6 Submenu 1}</span></a></li>{/block:IfTopLink6Submenu1}
  1629. {block:IfTopLink6Submenu2}<li><a href='{URL}'><span>{text: Top Link 6 Submenu 2}</span></a></li>{/block:IfTopLink6Submenu2}
  1630. {block:IfTopLink6Submenu3}<li><a href='{URL}'><span>{text: Top Link 6 Submenu 3}</span></a></li>{/block:IfTopLink6Submenu3}
  1631. {block:IfTopLink6Submenu4}<li><a href='{URL}'><span>{text: Top Link 6 Submenu 4}</span></a></li>{/block:IfTopLink6Submenu4}
  1632. {block:IfTopLink6Submenu5}<li><a href='{URL}'><span>{text: Top Link 6 Submenu 5}</span></a></li>{/block:IfTopLink6Submenu5}
  1633. </ul>
  1634. </li>
  1635. {block:SubmissionsEnabled} <li><a href='/submit'><span>{SubmitLabel}</span></a></li>{/block:SubmissionsEnabled}
  1636. {block:AskEnabled}<li><a href='/ask'><span>{AskLabel}</span></a></li> {/block:AskEnabled}
  1637. </ul>
  1638. </div></div>
  1639.  
  1640. <div id="maincontainer">
  1641. <a href="/"><div class="title">{text:Blog Title}</div></a><br>
  1642. <div class="subtitle">{text:Blog subtitle}</div>
  1643.  
  1644.  
  1645. <!--START OF THE BANNER SLIDESHOW HERE -->
  1646.  
  1647.  
  1648. {block:IfHidebanner}
  1649.  
  1650. <div class="test2" id="test2">
  1651. <div class="cycle-slideshow" data-cycle-slides=".slide" data-cycle-pause-on-hover="true">
  1652.  
  1653. <span class="cycle-prev">&laquo;</span>
  1654. <span class="cycle-next">&raquo;</span>
  1655.  
  1656.  
  1657.  
  1658. <div class="slide">
  1659. <a href="{text:Banner 1 URL}"><img src="{image:Banner 1 Size 1020x387}"></a>
  1660.  
  1661. <div class="slide-text">
  1662. <h3>{text:Banner 1 text title}</h3>
  1663. <p>{text:Banner 1 text} </p>
  1664. </div>
  1665. </div>
  1666. <div class="slide">
  1667. <a href="{text:Banner 2 URL}"> <img src="{image:Banner 2 Size 1020x387}"></a>
  1668. <div class="slide-text">
  1669. <h3>{text:Banner 2 text title}</h3>
  1670. <p>{text:Banner 2 text} </p>
  1671. </div>
  1672. </div>
  1673. <div class="slide">
  1674. <a href="{text:Banner 3 URL}"> <img src="{image:Banner 3 Size 1020x387}"></a>
  1675. <div class="slide-text">
  1676. <h3>{text:Banner 3 text title}</h3>
  1677. <p>{text:Banner 3 text} .</p>
  1678. </div>
  1679. </div>
  1680. <div class="slide">
  1681. <a href="{text:Banner 4 URL}"><img src="{image:Banner 4 Size 1020x387}"></a>
  1682. <div class="slide-text">
  1683. <h3>{text:Banner 4 text title}</h3>
  1684. <p>{text:Banner 4 text} </p>
  1685. </div>
  1686. </div>
  1687. <div class="slide">
  1688. <a href="{text:Banner 5 URL}"> <img src="{image:Banner 5 Size 1020x387}"></a><div class="slide-text">
  1689. <h3>{text:Banner 5 text title}</h3>
  1690. <p>{text:Banner 5 text} </p>
  1691. </div>
  1692. </div>
  1693. </div>
  1694. </div>
  1695.  
  1696. {/block:IfHidebanner}
  1697.  
  1698.  
  1699. <!-- BANNER SLIDESHOW ENDS HERE -->
  1700.  
  1701.  
  1702.  
  1703.  
  1704.  
  1705.  
  1706. <div class="content-area group">
  1707. <div id="postspace"></div>
  1708. <!--START OF SIDEBAR -->
  1709.  
  1710. <div id="side-column">
  1711.  
  1712.  
  1713. <!--SIDEBAR ABOUT ME -->
  1714.  
  1715. {block:IfHideABOUT}<div id="sbspace"></div>
  1716. <div class="header2"><span>{text:SB HEADER 1}</span></div><br>
  1717. <a href="/"><img class="circular" src="{image:Sidebar avatar}" ></img></a><br>
  1718. {block:Description}<br><div class="desc">{Description}</div><br>{/block:Description}
  1719. {/block:IfHideABOUT}
  1720.  
  1721. <!--SIDEBAR ABOUT ME END -->
  1722.  
  1723.  
  1724.  
  1725.  
  1726.  
  1727. <!--SIDEBAR SOCIAL BUTTONS HERE -->
  1728. {block:IfHideSocial}
  1729. <div id="social">
  1730. <div class="socialbtn">
  1731. <ul>
  1732. {block:IfSOCIALLOGO1} <li><a href="{text:SOCIAL LOGO 1 URL}"><i class="{text:SOCIAL LOGO 1}"></i></a></li>{/block:IfSOCIALLOGO1}
  1733. {block:IfSOCIALLOGO2}<li><a href="{text:SOCIAL LOGO 2 URL}"><i class="{text:SOCIAL LOGO 2}"></i></a></li>{/block:IfSOCIALLOGO2}
  1734. {block:IfSOCIALLOGO3}<li><a href="{text:SOCIAL LOGO 3 URL}"><i class="{text:SOCIAL LOGO 3}"></i> </a></li>{/block:IfSOCIALLOGO3}
  1735. {block:IfSOCIALLOGO4}<li><a href="{text:SOCIAL LOGO 4 URL}"><i class="{text:SOCIAL LOGO 4}"></i> </a></li>{/block:IfSOCIALLOGO4}
  1736. {block:IfSOCIALLOGO5}<li><a href="{text:SOCIAL LOGO 5 URL}"><i class="{text:SOCIAL LOGO 5}"></i> </a></li>{/block:IfSOCIALLOGO5}
  1737. {block:IfSOCIALLOGO6}<li><a href="{text:SOCIAL LOGO 6 URL}"><i class="{text:SOCIAL LOGO 6}"></i></a></li>{/block:IfSOCIALLOGO6}
  1738. {block:IfSOCIALLOGO7}<li><a href="{text:SOCIAL LOGO 7 URL}"><i class="{text:SOCIAL LOGO 7}"></i></a></li>{/block:IfSOCIALLOGO7}
  1739. {block:IfSOCIALLOGO8}<li><a href="{text:SOCIAL LOGO 8 URL}"><i class="{text:SOCIAL LOGO 8}"></i></a></li>{/block:IfSOCIALLOGO8}
  1740.  
  1741. </ul></div></div>
  1742.  
  1743. {/block:IfHideSocial}
  1744. <!--SIDEBAR SOCIAL BUTTONS ENDS HERE -->
  1745.  
  1746.  
  1747.  
  1748. <!--TEXT WIDGET #1 HERE -->
  1749.  
  1750. {block:IfTextWidget1}
  1751. <div class="header2"><span>{text:SB HEADER 5}</span></div>
  1752. <div class="desc">{text:Text Widget 1}</div>
  1753. {/block:IfTextWidget1}
  1754.  
  1755.  
  1756.  
  1757. <!--SIDEBAR TAGGED BUTTONS HERE -->
  1758.  
  1759. {block:IfHideTAGGED}<div id="sbspace"></div>
  1760. <div class="header2"><span>{text:SB HEADER 2}</span></div>
  1761. {block:IfTAGGEDLINK1}
  1762. <a class="nav" href="{text:TAGGED LINK 1 URL}">{text:TAGGED LINK 1}</a>
  1763. {/block:IfTAGGEDLINK1}
  1764. {block:IfTAGGEDLINK2}
  1765. <a class="nav" href="{text:TAGGED LINK 2 URL}">{text:TAGGED LINK 2}</a>
  1766. {/block:IfTAGGEDLINK2}
  1767. {block:IfTAGGEDLINK3}
  1768. <a class="nav" href="{text:TAGGED LINK 3 URL}">{text:TAGGED LINK 3}</a>
  1769. {/block:IfTAGGEDLINK3}
  1770. {block:IfTAGGEDLINK4}
  1771. <a class="nav" href="{text:TAGGED LINK 4 URL}">{text:TAGGED LINK 4}</a>
  1772. {/block:IfTAGGEDLINK4}
  1773. {block:IfTAGGEDLINK5}
  1774. <a class="nav" href="{text:TAGGED LINK 5 URL}">{text:TAGGED LINK 5}</a>
  1775. {/block:IfTAGGEDLINK5}
  1776. <div id="sbspace"></div>
  1777. {/block:IfHideTAGGED}
  1778.  
  1779. <!--SIDEBAR TAGGED BUTTONS ENDS HERE -->
  1780.  
  1781.  
  1782.  
  1783.  
  1784.  
  1785. <!--TWITTER HERE -->
  1786.  
  1787. {block:Twitter}
  1788.  
  1789. <div id="twitter" style="display:none;">
  1790. <div class="header2"><span><a href="http://twitter.com/{TwitterUsername}">{text:SB HEADER 3}</a></span></div>
  1791.  
  1792. <div id="tweets"></div>
  1793. </div>
  1794.  
  1795. {/block:Twitter}
  1796.  
  1797.  
  1798.  
  1799.  
  1800. <!--LIKE STUFF HERE -->
  1801.  
  1802. {block:IfHideLIKES}<div id="sbspace"></div>
  1803. {block:Likes}<div class="header2"><span>{text:SB HEADER 4}</span></div>
  1804. <div id="likes">
  1805.  
  1806.  
  1807.  
  1808. {Likes limit="3" summarize="100" width="300"}
  1809.  
  1810. <a href="http://www.tumblr.com/liked/by/{Name}">
  1811. See more stuff I like
  1812. </a>
  1813.  
  1814. </div>
  1815. <br><br><br>
  1816.  
  1817. {/block:Likes}
  1818. {/block:IfHideLIKES}
  1819.  
  1820.  
  1821. <!--TEXT WIDGET #2 HERE -->
  1822.  
  1823. {block:IfTextWidget2}
  1824.  
  1825. <div class="header2"><span>{text:SB HEADER 6}</span></div>
  1826. <div class="desc">{text:Text Widget 2}</div>
  1827. {block:IfTextWidget2}
  1828.  
  1829.  
  1830. <!--SEARCH HERE -->
  1831.  
  1832. {block:IfHideSearch}
  1833. <div id="sbspace"></div>
  1834. <div id="form-container">
  1835. <form action="/search" method="get">
  1836.  
  1837. <a class="search-submit-button" href="Search"/>
  1838. <i class="fa fa-search"></i>
  1839. </a> <div id="searchtext">
  1840. <input type="text" name="q" value="{SearchQuery}"/></div>
  1841.  
  1842. </form>
  1843.  
  1844.  
  1845. </div>
  1846.  
  1847. {/block:IfHideSearch}
  1848.  
  1849. </div>
  1850.  
  1851.  
  1852.  
  1853. <!-- START OF POSTS HERE -->
  1854.  
  1855.  
  1856. <div id="content">
  1857.  
  1858. <div id="postspace"></div>
  1859. {block:Posts}
  1860. <div class="wow bounceInUp">
  1861. <div class="posts">
  1862.  
  1863.  
  1864.  
  1865.  
  1866.  
  1867.  
  1868. <!--TEXT AREA HERE -->
  1869. {block:Text}
  1870. <div class="post text">
  1871. {block:Title}
  1872. <a href="{Permalink}"><div class="header">{Title}</div></a>
  1873. <div class="date"><i class="fa fa-calendar"></i><a href="{Permalink}">{DayOfWeek}, {DayOfMonthWithZero} {Month} {Year}</a>
  1874. {block:IfDisqusShortname} <i class="fa fa-comment"></i> <a href="{Permalink}#disqus_thread">Comments</a>
  1875. {/block:IfDisqusShortname}
  1876. </div>
  1877. {/block:Title}<div class="textpost">{Body}</div>
  1878. {block:More}<a href="{Permalink}#more"><p class="read-more">Continue Reading...</p></a><a name="more"></a>{/block:More}
  1879. </div>
  1880. {/block:Text}
  1881.  
  1882.  
  1883.  
  1884.  
  1885.  
  1886.  
  1887. <!--PHOTO AREA HERE -->
  1888.  
  1889.  
  1890. {Block:Photo}{LinkOpenTag}
  1891. <img class="post-image" src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>{LinkCloseTag}
  1892. {block:Caption} <div class="post-imgtext">{Caption}{block:More}<a href="{Permalink}#more"><p class="read-more">Continue Reading...</p></a><a name="more"></a>{/block:More} </div>{/block:Caption}
  1893. {/Block:Photo}
  1894.  
  1895.  
  1896.  
  1897.  
  1898.  
  1899. <!--PANORAMA AREA HERE -->
  1900.  
  1901. {block:Panorama}
  1902. <div class="post panorama">
  1903. {LinkOpenTag}
  1904. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  1905. {LinkCloseTag}{block:Caption}
  1906. <div class="caption">{Caption}</div>
  1907. {/block:Caption}
  1908. </div>
  1909. {/block:Panorama}
  1910.  
  1911.  
  1912.  
  1913.  
  1914.  
  1915. <!--PHOTOSET AREA HERE -->
  1916.  
  1917.  
  1918. {block:Photoset}
  1919. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  1920. {block:Photos}
  1921. <div class="photo-data">
  1922. <div class="pxu-photo">
  1923. <img alt="{PhotoAlt}" src="{PhotoURL-HighRes}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" class="{block:Exif}exif-yes {/block:Exif}{block:Caption}caption-yes{/block:Caption}" {block:Exif}data-camera="{block:Camera}{Camera}{/block:Camera}" data-iso="{block:ISO}{ISO}{/block:ISO}" data-aperture="{block:Aperture}{Aperture}{/block:Aperture}" data-exposure="{block:Exposure}{Exposure}{/block:Exposure}" data-focal="{block:FocalLength}{FocalLength}{/block:FocalLength}"{/block:Exif} {block:Caption}data-caption="{Caption}"{/block:Caption}>
  1924. </div>
  1925. <div class="icons">
  1926. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}">
  1927. <span class="zoom">Zoom</span>
  1928. </a>
  1929. <span class="info">Info</span>
  1930. </div>
  1931. </div>
  1932. {/block:Photos}
  1933.  
  1934. </div><!-- close SLIDESHOW -->
  1935.  
  1936. {block:Caption}<div class="post-imgtext">{Caption}</div>{/block:Caption}
  1937.  
  1938. {/block:Photoset}
  1939.  
  1940.  
  1941.  
  1942.  
  1943.  
  1944. <!--QUOTES AREA HERE -->
  1945.  
  1946. {block:Quote}
  1947. <div class="quotes"> <div class="qpadding">
  1948. "{Quote}"
  1949. </div></div>
  1950. {block:Source}
  1951. <div class="post-quotestext">-{Source}</div>
  1952. {/block:Source}
  1953. {/block:Quote}
  1954.  
  1955.  
  1956.  
  1957.  
  1958.  
  1959. <!--LINK AREA HERE -->
  1960. {block:Link}
  1961. <div class="links"> <div class="lpadding">
  1962. <a href="{URL}" {Target}>{Name}<i class="fa fa-arrow-right"></i></a>
  1963. </div></div>
  1964. {block:Description}
  1965. <div class="post-linkstext">{Description}</div>
  1966. {/block:Description}
  1967. {/block:Link}
  1968.  
  1969.  
  1970.  
  1971.  
  1972. <!--CHAT AREA HERE -->
  1973.  
  1974. {block:Chat}<div class="chat">
  1975. {block:Title}<a href="{Permalink}"><div class="header">{Title}</div></a>{/block:Title}
  1976.  
  1977. <div class="date"><i class="fa fa-calendar"></i><a href="{Permalink}">{DayOfWeek}, {DayOfMonthWithZero} {Month} {Year}</a>
  1978. </div>
  1979. {block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label"><b>{Label}</b></span>{/block:Label}&nbsp;{Line}</li>
  1980. {/block:Lines}</div>
  1981. {/block:Chat}
  1982.  
  1983.  
  1984. <!--VIDEO AREA HERE -->
  1985. {block:Video}
  1986. {Video-700}
  1987. {block:Caption}<div class="post-videotext">{Caption}</div>{/block:Caption}
  1988. {/block:Video}
  1989.  
  1990.  
  1991.  
  1992. <!--AUDIO AREA HERE -->
  1993. {block:Audio}
  1994. {block:AudioEmbed}
  1995. <div class="audioplayer">{AudioEmbed}</div>
  1996. {/block:AudioEmbed}
  1997. {block:Caption}
  1998. <div class="post-musictext">{Caption}</div>
  1999. {/block:Caption}
  2000. {/block:Audio}
  2001.  
  2002.  
  2003. <!--ANSWER AREA HERE -->
  2004. {block:Answer}
  2005. <div id="question">
  2006. <div class="bubble"><img class="askerimg" src="{AskerPortraitURL-64}" alt=""></img>{Asker}: {Question}</img></div>
  2007. {block:Answerer}<div class="answer clearfix">{Answer}</div>{/block:Answerer}
  2008. <div class="answer clearfix">{Replies}
  2009. </div></div>
  2010. {/block:Answer}
  2011.  
  2012.  
  2013. <!--POST BOTTOM DETAILS HERE -->
  2014.  
  2015. <div id="postdetailswrap">
  2016. <div id="postdetails">
  2017.  
  2018.  
  2019. <!--LEFT AREA HERE -->
  2020.  
  2021. <div class="left">
  2022. <div class="det"><i class="fa fa-clock-o"></i><a href="{PermaLink}">{TimeAgo}</a></div> {block:NoteCount}<div class="det"> <a href="{PermaLink}">{NoteCountWithLabel}</a> </div>{/block:NoteCount}
  2023. {block:RebloggedFrom}<div class="det"> <a href="{ReblogParentURL}"> via </a></div> {/block:RebloggedFrom}{block:ContentSource}<div class="det"><a href="{SourceURL}" target="_blank">&#9400;</a> </div>{/block:ContentSource} {block:IfDisqusShortname}<div class="det"><i class="fa fa-comment"></i> <a href="{Permalink}#disqus_thread"></a>
  2024. <script type="text/javascript">
  2025. var disqus_shortname = '{text:Disqus Shortname}';
  2026.  
  2027. (function () {
  2028. var s = document.createElement('script'); s.async = true;
  2029. s.type = 'text/javascript';
  2030. s.src = 'http://' + disqus_shortname + '.disqus.com/count.js';
  2031. (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
  2032. }());
  2033. </script></div>{/block:IfDisqusShortname}<div class="detres"><div class="det"><i class="fa fa-share-square-o"></i><a class="share" href="{ReblogURL}">Reblog</a> </div>
  2034. <div class="det"><i class="fa fa-share"></i><a class='a2a_dd share' href='http://www.addtoany.com/share_save'>Share</a><p class='a2a_linkname_escape' style='display:none'>{Title}</p><script type='text/javascript'>var a2a_config = a2a_config || {};a2a_config.linkname_escape=1;a2a_config.linkurl="{Permalink}";</script>
  2035. </div></div>
  2036.  
  2037.  
  2038. </div>
  2039.  
  2040.  
  2041.  
  2042. <!--RIGHT AREA HERE -->
  2043.  
  2044. <div class="right">
  2045.  
  2046.  
  2047. <div id="socialpost">
  2048. <div class="socialpostbtn">
  2049. <ul>
  2050. <li><a class="share" href="{ReblogURL}"><i class="fa fa-share-square-o"></i></a></li>
  2051. <li><a class="share" href="http://www.facebook.com/sharer/sharer.php?{Permalink}"><i class="fa fa-facebook"></i></a></li>
  2052.  
  2053. <li><a class="share" href="https://twitter.com/intent/tweet?&url={Permalink}&via=YOUR TWITTER USERNAME"><i class="fa fa-twitter"></i></a></li>
  2054.  
  2055.  
  2056. <li><a class="share" href="https://plus.google.com/share?url={Permalink}"><i class="fa fa-google-plus"></i></a></li>
  2057. <li><a class="share" href="http://www.linkedin.com/shareArticle?mini=true&url={Permalink}&title={Title}&source={Permalink}"><i class="fa fa-linkedin"></i></a></li>
  2058.  
  2059. </ul></div></div>
  2060.  
  2061. </div><div class="tagged fix">
  2062. {block:HasTags}
  2063.  
  2064. <i class="fa fa-tags"></i>
  2065. {block:Tags}<a class="tags" href="{TagURL}"> {Tag}</a> ,{/block:Tags}
  2066.  
  2067. {/block:HasTags}</div>
  2068.  
  2069.  
  2070.  
  2071. </div></div>
  2072.  
  2073.  
  2074.  
  2075.  
  2076. </div>
  2077.  
  2078. {block:PermalinkPage}
  2079. {block:PermalinkPagination}<center>
  2080. {block:NextPost}<a class="permapagination" href="{NextPost}">&#171;Previous Post</a>{/block:NextPost}
  2081. {block:PreviousPost}<a class="permapagination" href="{PreviousPost}">Next Post&#187;</a>{/block:PreviousPost}
  2082. </center> {/block:PermalinkPagination}
  2083. <div class="abouttheauthor">
  2084. <center><a href="/"><img class="circularperma" src="{image:Author avatar}" ></img></a><br><div class="authorname"><a href="/">{text:Author Name}</a></div>
  2085. <br><div class="sbdescperma">
  2086. {text:Author Description}</div><br><br></center>
  2087. </div>
  2088.  
  2089.  
  2090. {block:IfDisqusShortname}
  2091. <div id="disqus_thread"></div>
  2092. <script type="text/javascript">
  2093. /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
  2094. var disqus_shortname = '{text:Disqus Shortname}'; // required: replace example with your Disqus site shortname
  2095. var disqus_url = '{Permalink}';
  2096. var disqus_title = '{block:PostTitle}{PostTitle}{/block:PostTitle}';
  2097.  
  2098. /* * * DON'T EDIT BELOW THIS LINE * * */
  2099. (function() {
  2100. var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
  2101. dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
  2102. (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  2103. })();
  2104. </script>
  2105. <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
  2106. <a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a><br>
  2107. {/block:IfDisqusShortname}
  2108. <br><br>
  2109.  
  2110. {block:PostNotes}
  2111. <br>
  2112. {PostNotes}
  2113. {block:RebloggedFrom}<br>Via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{block:ContentSource}<br>Source:<a href="{SourceURL}" target="_blank">{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo} {SourceTitle}{/block:NoSourceLogo}</a> {/block:ContentSource}
  2114. {/block:PostNotes}
  2115.  
  2116. {/block:PermalinkPage}
  2117.  
  2118. </div>
  2119.  
  2120. {/block:Posts}
  2121. </div></div>
  2122.  
  2123.  
  2124. <!--PAGINATION AREA HERE -->
  2125.  
  2126. {block:Pagination}
  2127. <div class="arianscroll">
  2128. {block:NextPage} <div class="next">
  2129. <a href="{NextPage}">Load more posts</a></div>
  2130. {/block:NextPage}
  2131. </div>
  2132. {/block:Pagination}
  2133.  
  2134.  
  2135.  
  2136.  
  2137.  
  2138. <!--FOR SCREEN WIDTH 600 AND BELOW -->
  2139.  
  2140.  
  2141. <span data-toggle-target=".responsivesidebar" class="toggle-btn">Show Sidebar</span>
  2142. <div class="responsivesidebar">
  2143. <div class="resnavwrapper"><div class="resnavmain">
  2144. <center>
  2145. <div class="resnav" onclick="document.getElementById('main').innerHTML=document.getElementById('profile').innerHTML">About
  2146. </div>
  2147. {block:Twitter}<div class="resnav" onclick="document.getElementById('main').innerHTML=document.getElementById('twitter').innerHTML">Twitter
  2148. </div> {/block:Twitter}
  2149. <div class="resnav" onclick="document.getElementById('main').innerHTML=document.getElementById('credits').innerHTML">Likes
  2150. </div>
  2151. {block:AskEnabled}<div class="resnav" onclick="document.getElementById('main').innerHTML=document.getElementById('tag').innerHTML">Got a Question?
  2152. </div>{/block:AskEnabled}
  2153. </center></div></div>
  2154. <div class="resmain">
  2155.  
  2156. <div id="main" style="padding: 20px">
  2157.  
  2158. <center><a href="/"><img class="circularperma" src="{image:Sidebar Avatar}" ></img></a><br><div class="authorname"><a href="/">Your Name Here</a></div>
  2159. <br><div class="sbdescperma">
  2160. {Description}</div><br><br></center>
  2161. </div>
  2162.  
  2163. <div id="profile" style="display: none; padding: 20px">
  2164. <center><a href="/"><img class="circularperma" src="{image:Sidebar Avatar}" ></img></a><br><div class="authorname"><a href="/">Your Name Here</a></div>
  2165. <br><div class="sbdescperma">
  2166. {Description}</div><br><br></center>
  2167. </div>
  2168.  
  2169. {block:Twitter}<div id="links" style="display: none; padding: 20px">
  2170. <div id="twitter" style="display:none; padding: 20px;">
  2171. <div id="tweets"></div>
  2172. </div>
  2173.  
  2174.  
  2175. </div> {/block:Twitter}
  2176.  
  2177. {block:AskEnabled}<div id="tag" style="display: none; padding: 20px">
  2178.  
  2179. <p><iframe frameborder="0" scrolling="no" width="100%" height="190" src="http://www.tumblr.com/ask_form/{text:Tumblr Username}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--></p>
  2180. </div>{/block:AskEnabled}
  2181.  
  2182. <div id="credits" style="display: none">
  2183.  
  2184. {block:Likes}<div class="header2"><span>STUFF I LIKE</span></div>
  2185. <div id="likes">
  2186. {Likes limit="3" summarize="100" width="300"}
  2187. <a href="http://www.tumblr.com/liked/by/{Name}">
  2188. See more stuff I like</a>
  2189. </div>
  2190. {/block:Likes}
  2191.  
  2192. </div></div></div></div>
  2193.  
  2194.  
  2195.  
  2196.  
  2197.  
  2198. <!--FOOTER AREA HERE -->
  2199.  
  2200.  
  2201.  
  2202. <div id="footer">
  2203.  
  2204. <!--FOOTER WIDGETS STARTS -->
  2205. {block:IfHideWidgets}
  2206.  
  2207. <div class="footerbox">
  2208. <div class="footer-widgets clearfix">
  2209.  
  2210.  
  2211.  
  2212.  
  2213. <!--FOOTER WIDGET ONE -->
  2214.  
  2215.  
  2216. <div class="footer-widget-area">
  2217. <div class="footer-widget-title">{text:Footer Widget 1 Title}</div>
  2218.  
  2219. <div id="featured">
  2220. <a href="/"><img class="circularbot" src="{image:featured one}" ></img></a><br>
  2221. <br><div class="sbdescbot">{text:featured one}</div><br><br></div>
  2222. <div id="featured">
  2223. <a href="/"><img class="circularbot" src="{image:featured two}" ></img></a><br>
  2224. <br><div class="sbdescbot">{text:featured two}</div><br><br>
  2225. </div>
  2226. </div>
  2227.  
  2228.  
  2229. <!-- /FOOTER WIDGET ONE END-->
  2230.  
  2231.  
  2232.  
  2233.  
  2234.  
  2235.  
  2236. <!--FOOTER WIDGET TWO -->
  2237.  
  2238.  
  2239. <div class="footer-widget-area">
  2240. <div class="footer-widget-title">{text:Footer Widget 2 Title}</div>
  2241. <div class="fb-page" data-href="{text:Facebook Fanpage URL}" data-width="100%" data-height="180" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"><div class="fb-xfbml-parse-ignore"><blockquote cite="{text:Facebook Fanpage URL}"><a href="{text:Facebook Fanpage URL}">Missyanidesigns</a></blockquote></div></div>
  2242. </div>
  2243.  
  2244.  
  2245. <!-- /FOOTER WIDGET TWO -->
  2246.  
  2247.  
  2248.  
  2249.  
  2250.  
  2251.  
  2252.  
  2253. <!--FOOTER WIDGET THREE -->
  2254.  
  2255. <div class="footer-widget-area">
  2256. <div class="footer-widget-title">{text:Footer Widget 3 Title}</div><div id="flickr">
  2257. <script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?count=6&display=latest&size=s&layout=x&source=user&user={text:Flickr ID}"></script>
  2258. </div>
  2259. </div>
  2260.  
  2261. <!-- /FOOTER WIDGET THREE END -->
  2262.  
  2263.  
  2264.  
  2265.  
  2266. </div></div>
  2267.  
  2268. {/block:IfHideWidgets}
  2269. <!-- END OF FOOTER WIDGETS -->
  2270.  
  2271.  
  2272.  
  2273.  
  2274.  
  2275.  
  2276. <!--FOOTER SOCIAL BUTTONS -->
  2277.  
  2278.  
  2279. <div class="socialbtnfooter wow lightSpeedIn">
  2280. <center> <div class="socialbtncenter"><ul>
  2281.  
  2282. {block:IfSOCIALLOGO1} <li><a href="{text:SOCIAL LOGO 1 URL}"><i class="{text:SOCIAL LOGO 1}"></i>{text:SOCIAL LOGO 1 LABEL}</a></li>{/block:IfSOCIALLOGO1}
  2283. {block:IfSOCIALLOGO2}<li><a href="{text:SOCIAL LOGO 2 URL}"><i class="{text:SOCIAL LOGO 2}"></i>{text:SOCIAL LOGO 2 LABEL}</a></li>{/block:IfSOCIALLOGO2}
  2284. {block:IfSOCIALLOGO3}<li><a href="{text:SOCIAL LOGO 3 URL}"><i class="{text:SOCIAL LOGO 3}"></i>{text:SOCIAL LOGO 3 LABEL} </a></li>{/block:IfSOCIALLOGO3}
  2285. {block:IfSOCIALLOGO4}<li><a href="{text:SOCIAL LOGO 4 URL}"><i class="{text:SOCIAL LOGO 4}"></i>{text:SOCIAL LOGO 4 LABEL} </a></li>{/block:IfSOCIALLOGO4}
  2286. {block:IfSOCIALLOGO5}<li><a href="{text:SOCIAL LOGO 5 URL}"><i class="{text:SOCIAL LOGO 5}"></i> {text:SOCIAL LOGO 5 LABEL}</a></li>{/block:IfSOCIALLOGO5}
  2287. {block:IfSOCIALLOGO6}<li><a href="{text:SOCIAL LOGO 6 URL}"><i class="{text:SOCIAL LOGO 6}"></i>{text:SOCIAL LOGO 6 LABEL}</a></li>{/block:IfSOCIALLOGO6}
  2288. {block:IfSOCIALLOGO7}<li><a href="{text:SOCIAL LOGO 7 URL}"><i class="{text:SOCIAL LOGO 7}"></i>{text:SOCIAL LOGO 7 LABEL}</a></li>{/block:IfSOCIALLOGO7}
  2289. {block:IfSOCIALLOGO8}<li><a href="{text:SOCIAL LOGO 8 URL}"><i class="{text:SOCIAL LOGO 8}"></i>{text:SOCIAL LOGO 8 LABEL}</a></li>{/block:IfSOCIALLOGO8}
  2290.  
  2291.  
  2292. </ul></center></div></div>
  2293.  
  2294.  
  2295. <!-- /FOOTER SOCIAL BUTTONS END -->
  2296.  
  2297.  
  2298. <!-- FOOTER INSTAGRAM -->
  2299. <div id="instawrap">
  2300. <div id="instafeed"></div></div>
  2301. <!-- /FOOTER INSTAGRAM END -->
  2302.  
  2303.  
  2304.  
  2305.  
  2306. <!-- FOOTER INFO CREDITS -->
  2307.  
  2308. <div class="footerinfo fix">&copy; <a href="/">{Title}</a> - 2009 | Theme <a href="http://missyani.com">Nathaniel</a> By: MissYani.com | Powered By: <a href="http://tumblr.com">Tumblr</a></div>
  2309. </div><!-- container -->
  2310.  
  2311.  
  2312. <!-- /FOOTER INFO CREDITS -->
  2313.  
  2314.  
  2315.  
  2316. </div>
  2317. </div>
  2318.  
  2319.  
  2320. <!--START OF THEME SCRIPTS DO NOT DELETE ANY OF THE CODES BELOW -->
  2321.  
  2322.  
  2323. <script>
  2324. window.onload = function(){
  2325. window.setTimeout(function(){
  2326. document.getElementById('test2').style.display = 'block';
  2327. }, 0);
  2328. };
  2329. </script>
  2330.  
  2331.  
  2332.  
  2333. <script type="text/javascript" src="http://static.tumblr.com/txfvidw/mkOnw86te/declarativetoggle.js"></script>
  2334.  
  2335.  
  2336.  
  2337. <!-- Put this at the bottom of the page -->
  2338. <script type="text/javascript">
  2339. function recent_tweets(data) {
  2340. for (i=0; i<{text:Tweets Limit}; i++) {
  2341. document.getElementById("tweets").innerHTML =
  2342. document.getElementById("tweets").innerHTML +
  2343. '<li><a href="http://twitter.com/{TwitterUsername}/status/' +
  2344. (data[i].id_str ? data[i].id_str : data[i].id) +
  2345. '"><div class="content"><i class="fa fa-twitter"></i>' + data[i].text +
  2346. '</div></a></li>';
  2347. }
  2348. document.getElementById("twitter").style.display = 'block';
  2349. }
  2350. </script>
  2351.  
  2352.  
  2353. {block:Twitter}
  2354. <script type="text/javascript" src="/tweets.js"></script>
  2355. {/block:Twitter}
  2356.  
  2357. <script type="text/javascript">
  2358. /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
  2359. var disqus_shortname = '{text:Disqus Shortname}'; // required: replace example with your forum shortname
  2360.  
  2361. /* * * DON'T EDIT BELOW THIS LINE * * */
  2362. (function () {
  2363. var s = document.createElement('script'); s.async = true;
  2364. s.type = 'text/javascript';
  2365. s.src = '//' + disqus_shortname + '.disqus.com/count.js';
  2366. (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
  2367. }());
  2368. </script>
  2369.  
  2370. <script type="text/javascript">
  2371. jQuery(document).ready(function($) {
  2372. $('.share').click(function() {
  2373. var NWin = window.open($(this).prop('href'), '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');
  2374. if (window.focus)
  2375. {
  2376. NWin.focus();
  2377. }
  2378. return false;
  2379. });
  2380. });
  2381. </script>
  2382.  
  2383.  
  2384. <script src='http://static.addtoany.com/menu/page.js' type='text/javascript'></script>
  2385.  
  2386. <!-- JS -->
  2387.  
  2388.  
  2389.  
  2390. <script type="text/javascript" src="http://static.tumblr.com/txfvidw/pn9nw35l4/arianthemepckg2.js"></script>
  2391. <script type="text/javascript" src='http://static.tumblr.com/txfvidw/KaEnvq8sv/instafeed.min.js'></script>
  2392.  
  2393. <script type="text/javascript">
  2394. var userFeed = new Instafeed({
  2395. get: 'user',
  2396. userId: {text:Instagram User ID},
  2397. accessToken: '{text:Instagram Access Token}',
  2398. limit: '6',
  2399. resolution: 'low_resolution',
  2400. });
  2401. userFeed.run();
  2402. </script>
  2403.  
  2404. <script src="http://static.tumblr.com/hugxd2w/nyZmm78dc/pxuphotoset.min.js"></script>
  2405. <script>
  2406. $(document).ready(function() {
  2407. $('.photo-slideshow').pxuPhotoset({
  2408. // options
  2409. }, function() {
  2410. // callback
  2411. });
  2412. });
  2413. </script>
  2414. {block:IfHidePostAnimationEffect}
  2415. <!-- Wow -->
  2416. <script src="http://mynameismatthieu.com/WOW/dist/wow.min.js"></script>
  2417.  
  2418. <script>
  2419. var wow = new WOW(
  2420. {
  2421. boxClass: 'wow', // animated element css class (default is wow)
  2422. animateClass: 'animated', // animation css class (default is animated)
  2423. offset: 10, // distance to the element when triggering the animation (default is 0)
  2424. mobile: true, // trigger animations on mobile devices (default is true)
  2425. live: true, // act on asynchronously loaded content (default is true)
  2426. callback: function(box) {
  2427. // the callback is fired every time an animation is started
  2428. // the argument that is passed in is the DOM node being animated
  2429. },
  2430. scrollContainer: null // optional scroll container selector, otherwise use window
  2431. }
  2432. );
  2433. wow.init();
  2434. </script>
  2435. {/block:IfHidePostAnimationEffect}
  2436.  
  2437.  
  2438. <script type="text/javascript">
  2439. // Infinite scroll (load more style) set up
  2440. $(function() {
  2441. var $container = $('#content')
  2442. $container.infinitescroll({
  2443. navSelector: '.arianscroll',
  2444. nextSelector: '.arianscroll a',
  2445. itemSelector: '.posts',
  2446. behavior: 'twitter',
  2447. debug : true,
  2448. // enable debug messaging ( to console.log )
  2449.  
  2450. loading: {
  2451. finishedMsg: 'No more pages to load.',
  2452. img: 'http://i.imgur.com/6RMhx.gif'
  2453. }
  2454. }, function( newElements ) {
  2455. var $elems = $(newElements);
  2456. $('.photo-slideshow').pxuPhotoset();
  2457. $('.animated').box();
  2458. $elems.imagesLoaded( function(){
  2459. $('#content').masonry({ appendedContent: $elems })
  2460. })
  2461. }
  2462. );
  2463. });
  2464. </script>
  2465.  
  2466.  
  2467. {block:IfHideScrollEffect}<script type="text/javascript" src="http://static.tumblr.com/txfvidw/DSUnw8y0n/smoothscroll.js"></script>{/block:IfHideScrollEffect}
  2468. <a href="#" class="toplink"></a>
  2469.  
  2470. </body>
  2471. </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!