API tools faq
paste
Advertisement
feiinho

Hakuna Matata leenthemes.com

feiinho
Jan 3rd, 2018
816
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 83.91 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en" class="no-js">
  3. <head>
  4. <!--======================================================
  5.  
  6. Hakuna Matata Tumblr theme
  7. Created by Hakuna Matata
  8. Published on May 3, 2015
  9. All rights reserved
  10. [email protected]
  11.  
  12. http://www.leenthemes.com/
  13.  
  14. ==========================================================
  15.  
  16. External resources used in this theme:
  17.  
  18. # SCRIPT: jQuery v1.11.2
  19. + http://jquery.com
  20. + jQuery Foundation, Inc. and other contributors
  21. + Licensed under the MIT license
  22.  
  23. # SCRIPT: Infinite Scroll
  24. + https://github.com/paulirish/infinite-scroll
  25. + version 2.0b2.120519
  26. + Copyright 2011/12 Paul Irish & Luke Shumard
  27. + Licensed under the MIT license
  28.  
  29. # SCRIPT: Modernizr 2.8.3 (Custom Build) | MIT & BSD
  30. + http://modernizr.com
  31.  
  32. # FONT: FONT AWESOME (v4.3.0)
  33. + http://fontawesome.io
  34. + Dave Gandy
  35. + Font licensed under the SIL Open Font License 1.1
  36. + CSS licensed under the MIT license
  37. ============================================================== -->
  38. <title>{Title}{block:TagPage} &bull; Posts Tagged &lsquo;{Tag}&rsquo;{/block:TagPage}{block:PostSummary} &bull; {PostSummary}{/block:PostSummary}</title>
  39. <link rel="shortcut icon" href="{Favicon}"/>
  40. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  41. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  42. {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  43. <meta charset="UTF-8"/>
  44. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  45. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  46. <link href='https://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,800italic,400,700,600,800' rel='stylesheet' type='text/css'>
  47. <script src="http://static.tumblr.com/zdvilra/EgNnod5dn/hakuna.js"></script>
  48. {block:Hidden}
  49. <meta name="font:Title" content="Streetscript"/>
  50. <meta name="image:Background image" content=""/>
  51. <meta name="color:Description Color" content="#444444">
  52. <meta name="color:Tweets Color" content="#444444">
  53. <meta name="color:Background Color" content="#f2f2f2">
  54. <meta name="color:Social media icons" content="#427ea3">
  55. <meta name="color:Menu bar Background" content="#d5d2d2">
  56. <meta name="color:Menu bar links" content="#000000">
  57. <meta name="color:Menu icon Color" content="#d377cd">
  58. <meta name="color:Search color" content="#606060">
  59. <meta name="color:Search color on focus" content="#333">
  60. <meta name="color:Links Color" content="#4e4a46">
  61. <meta name="color:Links on hover" content="#6e6e6e">
  62. <meta name="color:Pagination Color" content="#000">
  63. <meta name="color:Pagination Color on hover" content="#75b1d6">
  64. <meta name="color:Scroll to top" content="#d377cd">
  65. <meta name="color:Loading spinner" content="#d377cd">
  66. <meta name="color:Footer Color" content="#848282">
  67. <meta name="select:Layout type" content="col--three" title="Three column"/>
  68. <meta name="select:Layout type" content="col--two " title="Two column"/>
  69. <meta name="select:Layout type" content="col--one" title="One column"/>
  70. <meta name="if:Repeat Backgruond" content="1"/>
  71. <meta name="if:Infinite Scrolling" content="1"/>
  72. <meta name="if:Show info on hover" content="0"/>
  73. <meta name="if:Show Caption on main page" content="0"/>
  74. <meta name="if:Disable Search" content="0"/>
  75. <meta name="if:Square Social media icons" content="0"/>
  76. <meta name="if:Date Format TimeAgo" content="0"/>
  77. <meta name="if:Show Random Post" content="1"/>
  78. <meta name="if:Show Archive Page" content="1"/>
  79. <meta name="if:Show Feed Page" content="1"/>
  80. <meta name="text:Title font size" content="35px"/>
  81. <meta name="text:Description font size" content="16px"/>
  82. <meta name="text:WebSite URL" content=""/>
  83. <meta name="text:Facebook URL" content=""/>
  84. <meta name="text:Twitter URL" content=""/>
  85. <meta name="text:Google Plus URL" content=""/>
  86. <meta name="text:Dribbble URL" content=""/>
  87. <meta name="text:Instagram URL" content=""/>
  88. <meta name="text:Flickr URL" content=""/>
  89. <meta name="text:Youtube URL" content=""/>
  90. <meta name="text:Vine URL" content=""/>
  91. <meta name="text:We Heart It URL" content=""/>
  92. <meta name="text:Vimeo URL" content=""/>
  93. <meta name="text:DeviantArt URL" content=""/>
  94. <meta name="text:Pinterest URL" content=""/>
  95. <meta name="text:LinkedIn URL" content=""/>
  96. <meta name="text:Behance URL" content=""/>
  97. <meta name="text:GitHub URL" content=""/>
  98. <meta name="text:Spotify URL" content=""/>
  99. <meta name="text:SoundCloud URL" content=""/>
  100. <meta name="text:Wordpress URL" content=""/>
  101. <meta name="text:Tag 1" content=""/>
  102. <meta name="text:Tag 2" content=""/>
  103. <meta name="text:Tag 3" content=""/>
  104. <meta name="text:Tag 4" content=""/>
  105. <meta name="text:Tag 5" content=""/>
  106. <meta name="text:Disqus Shortname" content=""/>
  107. <meta name="text:Google Analytics ID" content=""/>
  108. {/block:Hidden}
  109. <!--[if IE]>
  110. <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  111. <![endif]-->
  112. <!-- stylesheet -->
  113. <link rel="stylesheet" href="http://static.tumblr.com/zdvilra/GZGnmptcq/bootstrap.min.css">
  114. <style type="text/css">
  115. html{overflow-x: hidden;}
  116. body {
  117. font: 400 150%/1.5 'Open Sans', sans-serif;
  118. color: rgb(94, 102, 97);
  119. overflow-x: hidden;
  120. background: {color:Background Color};
  121. {block:IfBackgroundImageImage}
  122. {block:IfNotRepeatBackgruond}
  123. background: url('{image:Background Image}') center center fixed;
  124. background-size: 100% 100% !important;
  125. {/block:IfNotRepeatBackgruond}
  126. {block:IfRepeatBackgruond}
  127. background: url({image:Background Image}) repeat fixed;
  128. {/block:IfRepeatBackgruond}
  129. {/block:IfBackgroundImageImage}
  130. }
  131. .container {
  132. padding: 40px 0;
  133. }
  134. .col-md-4{
  135. padding: 0 8px;
  136. }
  137. a {
  138. color: {color:Links Color};
  139. text-decoration: none;
  140. outline: none;
  141. }
  142. p{
  143. margin: 15px 0 0;
  144. }
  145. a:hover, a:focus {
  146. color: {color:Links on hover};
  147. outline: none;
  148. }
  149. .tumblr_blog , .read_more , .answerer , .asker{
  150. margin-right: 4px;
  151. background-color: rgba(68,68,68,0);
  152. background-image: -webkit-linear-gradient(top,rgba(68,68,68,0)50%,rgba(68,68,68,.25)50%);
  153. background-image: linear-gradient(to bottom,rgba(68,68,68,0)50%,rgba(68,68,68,.25)50%);
  154. color: {color:Links Color};
  155. text-decoration: none;
  156. background-repeat: repeat-x;
  157. background-size: 1em 2px;
  158. background-position: 0 1.15em;
  159. padding-bottom: .15em;
  160. }
  161. .read_more , .answerer , .asker{font-weight: bold;font-size: 14px;}
  162. button:focus {
  163. outline: none;
  164. }
  165. /* magnificPopup */
  166. .mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8;filter:alpha(opacity=80)}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur{cursor:crosshair}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:#fff}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;display:block;outline:0;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;filter:alpha(opacity=65);padding:0 0 18px 10px;color:#fff;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1;filter:alpha(opacity=100)}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px}.mfp-arrow{position:absolute;opacity:.65;filter:alpha(opacity=65);margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1;filter:alpha(opacity=100)}.mfp-arrow .mfp-a,.mfp-arrow .mfp-b,.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow .mfp-a,.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow .mfp-b,.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left .mfp-a,.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left .mfp-b,.mfp-arrow-left:before{margin-left:25px}.mfp-arrow-right{right:0}.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.mfp-ie7 .mfp-img{padding:0}.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}.mfp-ie7 .mfp-container{padding:0}.mfp-ie7 .mfp-content{padding-top:44px}.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}
  167. /* content */
  168. .content-wrap {
  169. -webkit-overflow-scrolling: touch;
  170. -webkit-transition: -webkit-transform 0.3s;
  171. transition: transform 0.3s;
  172. }
  173. .content {
  174. position: relative;
  175. }
  176. .content::before {
  177. position: absolute;
  178. min-height: 1000px;
  179. top: 0;
  180. left: 0;
  181. z-index: 10;
  182. width: 100%;
  183. height: 100%;
  184. background: rgba(0,0,0,0.3);
  185. content: '';
  186. opacity: 0;
  187. -webkit-transition: opacity 0.3s, -webkit-transform 0s 0.3s;
  188. transition: opacity 0.3s, transform 0s 0.3s;
  189. -webkit-transform: translate3d(100%,0,0);
  190. transform: translate3d(100%,0,0);
  191. }
  192. /* Menu Button */
  193. .menu-button {
  194. padding: 1.6rem;
  195. display: block;
  196. position: fixed;
  197. cursor: pointer;
  198. z-index: 9;
  199. opacity: 1;
  200. margin: 20px;
  201. width: 40px;
  202. height: 35px;
  203. padding: 10px;
  204. }
  205. .menu-button .line {
  206. width: 2.2rem;
  207. height: 2px;
  208. display: block;
  209. background: {color:Menu icon Color};
  210. -webkit-transition: all 0.3s ease;
  211. -moz-transition: all 0.3s ease;
  212. transition: all 0.3s ease;
  213. }
  214. .menu-button .line:before {
  215. content: "";
  216. width: 2.2rem;
  217. height: 2px;
  218. background: {color:Menu icon Color};
  219. display: block;
  220. -webkit-transition: all 0.3s ease;
  221. -moz-transition: all 0.3s ease;
  222. transition: all 0.3s ease;
  223. }
  224. .menu-button:before, .menu-button:after {
  225. content: "";
  226. width: 2.2rem;
  227. height: 2px;
  228. background: {color:Menu icon Color};
  229. display: block;
  230. margin-bottom: 0.5rem;
  231. -webkit-transition: all 0.3s ease;
  232. -moz-transition: all 0.3s ease;
  233. transition: all 0.3s ease;
  234. }
  235. .menu-button:after {margin-top: 0.5rem;}
  236. .menu-button:hover .line , .menu-button:hover:after , .menu-button:hover:before , .menu-button:hover .line:before{
  237. opacity: 0.7;
  238. }
  239. /* Close Button */
  240. .close-button {
  241. width: 16px;
  242. height: 16px;
  243. position: absolute;
  244. right: 1em;
  245. top: 1em;
  246. overflow: hidden;
  247. text-indent: 16px;
  248. border: none;
  249. z-index: 1001;
  250. background: transparent;
  251. color: transparent;
  252. }
  253. .close-button::before,
  254. .close-button::after {
  255. content: '';
  256. position: absolute;
  257. width: 2px;
  258. height: 100%;
  259. top: 0;
  260. left: 50%;
  261. background: {color:Menu bar links};
  262. }
  263. .close-button::before {
  264. -webkit-transform: rotate(45deg);
  265. transform: rotate(45deg);
  266. }
  267. .close-button::after {
  268. -webkit-transform: rotate(-45deg);
  269. transform: rotate(-45deg);
  270. }
  271. /* Menu */
  272. .menu-wrap {
  273. position: fixed;
  274. z-index: 1001;
  275. width: 300px;
  276. height: 100%;
  277. font-size: 15px;
  278. -webkit-transform: translate3d(-300px,0,0);
  279. transform: translate3d(-300px,0,0);
  280. -webkit-transition: -webkit-transform 0.3s;
  281. transition: transform 0.3s;
  282. }
  283. .menu-wrap a {color: {color:Menu bar links};}
  284. .menu-wrap a:hover,.menu-wrap a:focus {color: {color:Links on hover}}
  285. .menu {background: {color:Menu bar Background};width: calc(100% - 120px);height: 100%;padding: 2em 1em;}
  286. .icon-list {width: 280px;}
  287. .icon-list a {display: block;padding: 0.8em 6em 0.8em 0.8em;}
  288. .icon-list a i {opacity: 0.5;}
  289. .icon-list a span {margin-left: 10px;text-transform: uppercase;font-weight: 700;letter-spacing: 1px;font-size: 0.75em;}
  290. /* Morph Shape */
  291. .morph-shape {position: absolute;width: 120px;height: 100%;top: 0;right: 0;fill:{color:Menu bar Background};z-index: 1000;}
  292. /* Shown menu */
  293. .show-menu .menu-wrap {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
  294. .show-menu .content-wrap {-webkit-transition-delay: 0.1s;transition-delay: 0.1s;-webkit-transform: translate3d(100px,0,0);transform: translate3d(100px,0,0);}
  295. .show-menu .content::before {opacity: 1;-webkit-transition: opacity 0.3s;transition: opacity 0.3s;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
  296. img{max-width: 100%;height: auto;}
  297. /* Header */
  298. h1{margin: 0;}
  299. .col-header{text-align: center;padding: 40px 5px 25px;}
  300. .avatarShape{width: 96px;height: 96px;margin-bottom: 10px;border:4px solid #fff;-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 1px;-moz-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 1px;-ms-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 1px;-o-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 1px;box-shadow: rgba(0, 0, 0, 0.1) 0 1px 1px;}
  301. .square{border-radius:border-radius: 5%;}
  302. .circle{border-radius: 50%;}
  303. .col-header a{color: {TitleColor}}
  304. .col-header h1{font-weight: {TitleFontWeight};font-family:{font:Title}, "Helvetica Neue", HelveticaNeue, Arial, sans-serif;word-wrap: break-word;font-size: 24px;opacity: 0;-webkit-transform: scale3d(1.3,1.3,1.3);transform: scale3d(1.3,1.3,1.3);-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;transition: opacity 0.3s, transform 0.3s;margin:20px 0;}
  305. .col-header h2 {font-size: 16px;opacity: 0; line-height: 1.5;margin: 5px auto;color: {color:Description Color};-webkit-transform: scale3d(0,0,1);transform: scale3d(0,0,1);-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;transition: opacity 0.5s, transform 0.5s;}
  306. .cuddles{opacity: 1 !important;-webkit-transform: scale3d(1,1,1) !important;transform: scale3d(1,1,1) !important;}
  307.  
  308. /* Media Posts */
  309. .media--post{
  310. margin-bottom: 16px;
  311. background: rgba(255,255,255,1);
  312. word-wrap: break-word;
  313. border-radius: 2px;
  314. position: relative;
  315. border: 4px solid #fff;
  316. -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 1px;
  317. -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 1px;
  318. -ms-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 1px;
  319. -o-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 1px;
  320. box-shadow: rgba(0, 0, 0, 0.1) 0 1px 1px;
  321. {block:PermalinkPage}
  322. margin-bottom: 100px;
  323. {/block:PermalinkPage}
  324. }
  325. .post_media{
  326. padding: 10px 15px 15px;
  327. background: #fff;
  328. }
  329. .mainimg{
  330. display: block;
  331. width: 100%;
  332. }
  333. /*---------------*/
  334. /***** Milo *****/
  335. /*---------------*/
  336. {block:IfShowinfoonhover}
  337. figure{overflow: hidden;}
  338. figure.effect-milo {
  339. background: rgba(0,0,0,0.9);
  340. position: relative;
  341. }
  342. figure.effect-milo img:not(.re-img) {
  343. max-width: none;
  344. width: -webkit-calc(100% + 60px);
  345. width: calc(100% + 60px);
  346. opacity: 1;
  347. -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  348. transition: opacity 0.35s, transform 0.35s;
  349. -webkit-transform: translate3d(-10px,0,0) scale(1.05);
  350. transform: translate3d(-10px,0,0) scale(1.05);
  351. -webkit-backface-visibility: hidden;
  352. backface-visibility: hidden;
  353. }
  354. figure.effect-milo:hover img:not(.re-img) {
  355. opacity: 0.3;
  356. -webkit-transform: translate3d(0,0,0) scale(1);
  357. transform: translate3d(0,0,0) scale(1);
  358. }
  359. figure.effect-milo .lines {
  360. padding: 0 10px 0 0;
  361. width: 40%;
  362. color: #fff;
  363. font-size: 11px;
  364. line-height: 1.7;
  365. font-weight: bold;
  366. border-right: 1px solid #fff;
  367. text-align: right;
  368. opacity: 0;
  369. -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  370. transition: opacity 0.35s, transform 0.35s;
  371. -webkit-transform: translate3d(-30px,0,0);
  372. transform: translate3d(-30px,0,0);
  373. }
  374. figure.effect-milo .from--re{
  375. position: absolute;
  376. right: 20px;
  377. top: 21px;
  378. width: 50%;
  379. padding: 0 30px 30px 0;
  380. opacity: 0;
  381. -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  382. transition: opacity 0.35s, transform 0.35s;
  383. -webkit-transform: translate3d(0,-30px,0);
  384. transform: translate3d(0,-30px,0);
  385. }
  386. .from--re img{
  387. width: 48px;
  388. height: 48px;
  389. border-radius: 2px;
  390. }
  391. .from--re .viewline{
  392. font-size: 11px;
  393. font-weight: bold;
  394. margin-top: 4.5px;
  395. }
  396. .from--re .viewline .fa{
  397. margin-left: 5px;
  398. -webkit-transition: all 0.3s ease;
  399. -ms-transition: all 0.3s ease;
  400. -o-transition: all 0.3s ease;
  401. transition: all 0.3s ease;
  402. }
  403. .from--re .viewline:hover .fa{
  404. margin-left: 10px;
  405. }
  406. figure.effect-milo a{
  407. color: #fff;
  408. }
  409. .viewline a:hover, .viewline a:focus , figure.effect-milo a:hover{
  410. color: {color:Links on hover};
  411. outline: none;
  412. }
  413. figure.effect-milo:hover .lines , figure.effect-milo:hover .from--re {
  414. opacity: 1;
  415. -webkit-transform: translate3d(0,0,0);
  416. transform: translate3d(0,0,0);
  417. }
  418. figure imgnot(.re-img) {
  419. position: relative;
  420. display: block;
  421. min-height: 100%;
  422. max-width: 100%;
  423. opacity: 0.8;
  424. }
  425. figure figcaption {
  426. padding: 1em;
  427. color: #fff;
  428. text-transform: uppercase;
  429. font-size: 1.25em;
  430. -webkit-backface-visibility: hidden;
  431. backface-visibility: hidden;
  432. }
  433. figure figcaption::before,
  434. figure figcaption::after {
  435. pointer-events: none;
  436. }
  437. figure figcaption{
  438. position: absolute;
  439. top: 0;
  440. left: 0;
  441. width: 100%;
  442. height: 100%;
  443. }
  444. .lines i{
  445. margin-right: 6px;
  446. }
  447. {/block:IfShowinfoonhover}
  448. /* like button */
  449. .likeline{
  450. position: relative;
  451. }
  452. .likeline .like_button {
  453. opacity: 0;
  454. z-index: 999999;
  455. cursor: pointer;
  456. position: absolute;
  457. top: 2px;
  458. right: 35px;
  459. }
  460. .likeline .like_button.liked {
  461. opacity: 0;
  462. }
  463. .likeline .like_button.liked + i {
  464. color: #b04b40;
  465. }
  466. /* action for all posts but photos */
  467. .info{
  468. width: 100%;
  469. height: 55px;
  470. line-height: 60px;
  471. color: #bbb;
  472. background: #fff;
  473. font-size: 11px;
  474. padding: 0 5px 0 10px;
  475. font-weight: bold;
  476. border-top: 1px dashed #eee;
  477. }
  478. .info a{
  479. color: #bbb;
  480. }
  481. .info a:hover{
  482. color: #777;
  483. }
  484. .info .fa{
  485. margin-right: 4px;
  486. }
  487. .dateinfo , .noteinfo{
  488. float: left;
  489. }
  490. .noteinfo{padding-left: 12px;}
  491. .likeinfo , .rebloginfo{
  492. float: right;
  493. font-size: 14px;
  494. }
  495. .likeinfo{
  496. position: relative;
  497. padding-left: 8px;
  498. overflow: hidden;
  499. }
  500. .likeinfo .like_button:hover + i{
  501. color: #777;
  502. }
  503. .likeinfo .like_button {
  504. opacity: 0;
  505. z-index: 999999;
  506. cursor: pointer;
  507. position: absolute;
  508. top: 2px;
  509. right: 5px;
  510. }
  511. .likeinfo .like_button.liked {
  512. opacity: 0;
  513. }
  514. .likeinfo .like_button.liked + i {
  515. color: #FF1900;
  516. }
  517. /* share btn */
  518. .share-button{
  519. float: right;
  520. width: 25px;
  521. height: 25px;
  522. cursor: pointer;
  523. margin-top: 25px;
  524. position: relative;
  525. }
  526. .share-button .share--line {
  527. width: 1.3rem;
  528. height: 2px;
  529. display: block;
  530. background: #bbb;
  531. -webkit-transition: all 0.3s ease;
  532. -moz-transition: all 0.3s ease;
  533. transition: all 0.3s ease;
  534. }
  535. .share-button .share--line:before {
  536. content: "";
  537. width: 1.3rem;
  538. height: 2px;
  539. background: #bbb;
  540. display: block;
  541. -webkit-transition: all 0.3s ease;
  542. -moz-transition: all 0.3s ease;
  543. transition: all 0.3s ease;
  544. }
  545. .share-button:before, .share-button:after {
  546. content: "";
  547. width: 1.3rem;
  548. height: 2px;
  549. background: #bbb;
  550. display: block;
  551. margin-bottom: 0.2rem;
  552. -webkit-transition: all 0.3s ease;
  553. -moz-transition: all 0.3s ease;
  554. transition: all 0.3s ease;
  555. }
  556. .share-button:after {margin-top: 0.2rem;}
  557. .share-button:hover .share--line , .share-button:hover:after , .share-button:hover:before , .share-button:hover .share--line:before{
  558. background: #777;
  559. }
  560. .share-button.toggle:before, .share-button.toggle:after {
  561. opacity: 0;
  562. }
  563. .share-button.toggle .share--line {
  564. -webkit-transform: rotate(45deg);
  565. -moz-transform: rotate(45deg);
  566. -ms-transform: rotate(45deg);
  567. -o-transform: rotate(45deg);
  568. transform: rotate(45deg);
  569. display: block;
  570. }
  571. .share-button.toggle .share--line:before {
  572. -webkit-transform: rotate(-90deg);
  573. -moz-transform: rotate(-90deg);
  574. -ms-transform: rotate(-90deg);
  575. -o-transform: rotate(-90deg);
  576. transform: rotate(-90deg);
  577. display: block;
  578. }
  579. .share-blob{
  580. position: absolute;
  581. left: -55px;
  582. bottom: 45px;
  583. width: 120px;
  584. font-size: 13px;
  585.  
  586. visibility: hidden;
  587. opacity: 0;
  588. z-index: -8;
  589. -webkit-backface-visibility: hidden;
  590. -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  591. transition: opacity 0.35s, transform 0.35s;
  592. -webkit-transform: translate3d(0,20px,0);
  593. transform: translate3d(0,20px,0);
  594. }
  595. .share-btn:last-child:after {
  596. content: '';
  597. display: block;
  598. position: absolute;
  599. left: 3px;
  600. right: 0;
  601. margin: auto;
  602. height: 0;
  603. width: 0;
  604. border-left: 7px solid transparent;
  605. border-right: 7px solid transparent;
  606. border-top: 7px solid #55ACEE;
  607. }
  608. .open{
  609. -webkit-transform: translate3d(0px,0,0);
  610. transform: translate3d(0px,0,0);
  611. opacity: 1;
  612. visibility: visible;
  613. z-index: 1;
  614. }
  615. .share-btn {
  616. display: block;
  617. text-align: center;
  618. position: relative;
  619. background: #F6BC6F;
  620. color: #fff !important;
  621. line-height: 30px;
  622. border-bottom: 1px solid #fff;
  623. font-size: 13px;
  624. }
  625. .share-btn .fa{
  626. width: 30px;
  627. height: 30px;
  628. line-height: 30px;
  629. background: #31B0B5;
  630. float: left;
  631. margin-right: 10px;
  632. border-right: 1px solid #fff;
  633. }
  634. .share-btn .fa-facebook , .facebook-btn{
  635. background: #3F5A95;
  636. }
  637. .share-btn .fa-twitter , .twitter-btn{
  638. background: #55ACEE;
  639. }
  640. .share-btn .fa-google-plus , .google-btn{
  641. background: #DD4B39;
  642. }
  643. .share-btn .fa-pinterest-p , .pinterest-btn{
  644. background: #D01D15;
  645. }
  646. /* blockquote & guote posts */
  647. blockquote{
  648. border-left: 2px solid transparent;
  649. border-color: #ECECEC;
  650. padding: 5px 0 5px 12px;
  651. margin: 10px 0 10px;
  652. font-size: 15px;
  653. }
  654. b{font-size: 18px;}
  655. blockquote img{margin:10px 0 0}
  656. .quote_container{
  657. position:relative;
  658. padding:15px 0 0;
  659. }
  660. .the_quote{padding-bottom:10px;font-size:25px}
  661. /* videos */
  662. .i_Frame{
  663. position: relative;
  664. background: #fff;
  665. }
  666. .responsive-video-wrapper{
  667. width:100%;position:relative;padding:0;
  668. -webkit-transition: all 1.9s ease;
  669. -ms-transition: all 1.9s ease;
  670. -o-transition: all 1.9s ease;
  671. transition: all 1.9s ease;
  672. }
  673. .responsive-video-wrapper iframe,.responsive-video-wrapper object,.responsive-video-wrapper embed{
  674. position:absolute;top:0;left:0;width:100%;height:100%
  675. }
  676. /* links post */
  677. .link_text_container .link_text .link_title{
  678. margin-left: auto;
  679. display: block;
  680. font-size: 16px;
  681. line-height: 24px;
  682. margin-right: auto;
  683. max-width: 460px;
  684. overflow: visible;
  685. text-decoration: none;
  686. text-overflow: ellipsis;
  687. letter-spacing: 0.5px;
  688. position: relative;
  689. font-weight: bold;
  690. }
  691. .link_text_container {
  692. height: 100%;
  693. padding:8px;
  694. text-align: left;
  695. }
  696. .link_text_outer {
  697. display: table;
  698. width: 100%;
  699. min-height: 100%;
  700. height: 58px;
  701. }
  702. .link_text_outer .link_text{
  703. display: table-cell;
  704. width: 100%;
  705. vertical-align: middle;
  706. text-align: center;
  707. }
  708. .link_source{
  709. font-size: 12px;
  710. text-transform: uppercase;
  711. color: #D0D0D0;
  712. }
  713. /* text posts */
  714. .text_title_container{
  715. text-align: left;
  716. font-size: 22px;
  717. margin-top: 15px;
  718. }
  719. .the--caption , .the--tags{
  720. padding: 0px 20px 10px;
  721. background: #fff;
  722. }
  723. .the--tags{
  724. float: left;
  725. }
  726. .text_caption > :last-child{
  727. margin-bottom: 0;
  728. }
  729. .text_caption > :first-child{
  730. margin-top: 15px;
  731. }
  732. .text_caption figure{
  733. margin: 15px 0;
  734. }
  735. blockquote > :first-child{
  736. margin-top: 0;
  737. }
  738. .text_caption ul{
  739. padding-left: 20px;
  740. }
  741. /* chat posts */
  742.  
  743. .chattitle{
  744. padding: 15px 0px;
  745. font-size: 22px;
  746. }
  747. div[class^='user']{
  748. border-bottom: 1px dashed #eee;
  749. padding-bottom: 5px;
  750. padding-top: 7px;
  751. }
  752. div[class^='user']:last-child{
  753. border-bottom: none;
  754. }
  755. .labe_l{
  756. font-weight: bold;
  757. color: #000;
  758. }
  759.  
  760. /* asked posts */
  761.  
  762. .answer-wrap{
  763. padding: 20px 0 0;
  764. overflow: hidden;
  765. }
  766. .asker-wrap{
  767. border-bottom: 1px dashed #eee;
  768. padding: 20px 0;
  769. min-height: 85px;
  770. }
  771. .fl-left{
  772. margin-right: 15px;
  773. float: left;
  774. }
  775. .fl-right{
  776. margin-left: 15px;
  777. float: right;
  778. }
  779. .answered figure{
  780. margin: 15px 0 0;
  781. }
  782.  
  783. /* Disqus Shortname */
  784. .disqus{
  785. background: #fff;
  786. padding: 30px;
  787. margin-top: 15px;
  788. position: relative;
  789. }
  790.  
  791. /* notes */
  792. /* post-info-perma */
  793. ol.notes{
  794. list-style: none;
  795. padding: 25px;
  796. font-size: 14px;
  797. color: rgb(186, 186, 186);
  798. }
  799. .notes a{
  800. color: #818181;
  801. }
  802. .notes a:hover{
  803. text-decoration: underline;
  804. color: {color:Links on hover}
  805. }
  806. .post-notes{
  807. background: #fff;
  808. border-radius: 3px;
  809. }
  810. .note{
  811. margin-bottom: 3px;
  812. }
  813. .action{
  814. margin-left: 10px;
  815. line-height: 1.8;
  816. }
  817.  
  818. /* social */
  819.  
  820. .social{
  821. margin: 15px 0;
  822. width: 100%;
  823. padding: 0 20px;
  824. text-align: center;
  825. }
  826. .social ul{
  827. list-style: none;
  828. margin: 0;
  829. padding: 0;
  830. }
  831. .social ul li{
  832. display: inline-block;
  833. margin-bottom: 10px;
  834. margin-right: 5px;
  835. }
  836. .social ul li a{
  837. display: inline-block;
  838. width: 35px;
  839. height: 35px;
  840. font-size: 20px;
  841. color: #fff;
  842. background: {color:Social media icons};
  843. line-height: 35px;
  844. {block:IfNotSquareSocialmediaicons}
  845. border-radius: 50%;
  846. {/block:IfNotSquareSocialmediaicons}
  847. opacity: 0.8;
  848. -webkit-transition: all 0.1s ease;
  849. -ms-transition: all 0.1s ease;
  850. -o-transition: all 0.1s ease;
  851. transition: all 0.1s ease;
  852. -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 1px;-moz-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 1px;-ms-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 1px;-o-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 1px;box-shadow: rgba(0, 0, 0, 0.1) 0 1px 1px;
  853. }
  854. .social ul li a:hover{
  855. opacity: 1;
  856. color: {color:Social media icons};
  857. background: #fff;
  858. }
  859. .social ul li a i{
  860. margin: 0;
  861. padding: 0;
  862. }
  863. /* search */
  864. .input {position: relative;z-index: 1;display: inline-block;margin: 0 1em 1em;max-width: 350px;width: calc(100% - 2em);vertical-align: top;}
  865. .input__field {position: relative;display: block;float: right;padding: 0.8em;width: 60%;border: none;border-radius: 0;background: #f0f0f0;color: #aaa;font-weight: 400;-webkit-appearance: none; /* for box shadows to show on iOS */}
  866. .input__field:focus {outline: none;}
  867. .input__label {display: inline-block;float: right;padding: 0 1em;width: 40%;color: #000000;font-weight: bold;font-size: 70.25%;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
  868. .input--nao {overflow: hidden;}
  869. .input__field--nao {padding: 0.5em 0em 0.25em;width: 100%;background: transparent;color: #000000;font-size: 1.25em;}
  870. .input__label--nao {position: absolute;top: 0.95em;font-size: 0.85em;left: 0;display: block;width: 100%;text-align: left;padding: 0em;pointer-events: none;-webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transition: -webkit-transform 0.2s 0.15s, color 1s;transition: transform 0.2s 0.15s, color 1s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
  871. .graphic--nao {stroke: {color:Search Color};pointer-events: none;-webkit-transition: -webkit-transform 0.7s, stroke 0.7s;transition: transform 0.7s, stroke 0.7s;-webkit-transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1);transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1);}
  872. .input__field--nao:focus + .input__label--nao,.input--filled .input__label--nao {color: #333;-webkit-transform: translate3d(0, -1.25em, 0) scale3d(0.75, 0.75, 1);transform: translate3d(0, -1.25em, 0) scale3d(0.75, 0.75, 1);}
  873. .input__field--nao:focus ~ .graphic--nao,.input--filled .graphic--nao {stroke: {color:Search Color on focus};-webkit-transform: translate3d(-66.6%, 0, 0); transform: translate3d(-66.6%, 0, 0);}
  874. .graphic {position: absolute;top: 0;left: 0;fill: none;}
  875.  
  876. ::-webkit-input-placeholder { /* WebKit browsers */
  877. color: #fff;
  878. opacity: 0.5;
  879. }
  880. :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  881. color: #fff;
  882. opacity: 0.5;
  883. }
  884. ::-moz-placeholder { /* Mozilla Firefox 19+ */
  885. color: #fff;
  886. opacity: 0.5;
  887. }
  888. :-ms-input-placeholder { /* Internet Explorer 10+ */
  889. color: #fff;
  890. opacity: 0.5;
  891. }
  892. .input .fa{
  893. position: absolute;
  894. bottom: 10px;
  895. right: 0px;
  896. width: 30px;
  897. opacity: 0.6;
  898. color: {color:Search Color};
  899. }
  900. /* twitter */
  901. #twitter{
  902. margin: 15px 0;
  903. }
  904. #tweets li a{
  905. color: {color:Tweets Color};
  906. font-size: {text:Description font size};
  907. }
  908. .contentr .fa-twitter{
  909. color: #4AA8D8;
  910. }
  911. .rslides {
  912. position: relative;
  913. list-style: none;
  914. overflow: hidden;
  915. width: 100%;
  916. padding: 0;
  917. min-height: 120px;
  918. margin: 0;
  919. background: transparent;
  920. }
  921. .col--one .rslides{
  922. min-height: 50px;
  923. }
  924. .rslides li {
  925. -webkit-backface-visibility: hidden;
  926. position: absolute;
  927. display: none;
  928. padding-bottom: 25px;
  929. width: 100%;
  930. left: 0;
  931. top: 0;
  932. }
  933. .rslides li:first-child {
  934. position: relative;
  935. display: block;
  936. float: left;
  937. }
  938. /* Footer */
  939. #footer{
  940. padding: 70px 0 0;
  941. color: {color:Footer Color};
  942. opacity: 0.8;
  943. text-align: center;
  944. float: left;
  945. font-size: 15px;
  946. letter-spacing: 1px;
  947. margin: 30px auto 15px;
  948. width: 100%;
  949. }
  950. .footer{
  951. color: rgb(255,255,255,0.8);
  952. font-family: 'Ubuntu',sans-serif;
  953. text-decoration: none;
  954. }
  955. .footer p{
  956. font-size: 12px;
  957. letter-spacing: 1px;
  958. padding-left: 15px;
  959. padding-right: 15px;
  960. }
  961. .footer a{
  962. color: {color:Footer Color};
  963. text-decoration: none;
  964. text-transform: uppercase;
  965. }
  966. .footer a:hover{
  967. text-decoration: underline;
  968. }
  969. /* Infinity Spinner */
  970.  
  971. .spinner{
  972. width: 70px;
  973. height: 18px;
  974. position: absolute;
  975. top: 0;
  976. bottom: 0;
  977. right: 0;
  978. left: 0;
  979. margin: auto;
  980. text-align: center;
  981. }
  982. .spinnertags{
  983. text-align: center;
  984. margin: 15px auto;
  985. }
  986. .spinner > div , .spinnertags > div{
  987. width: 18px;
  988. height: 18px;
  989. background-color: {color:Loading spinner};
  990. border-radius: 100%;
  991. display: inline-block;
  992. -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  993. animation: bouncedelay 1.4s infinite ease-in-out;
  994. /* Prevent first frame from flickering when animation starts */
  995. -webkit-animation-fill-mode: both;
  996. animation-fill-mode: both;
  997. }
  998. .spinner .bounce1 , .spinnertags .bounce1{
  999. -webkit-animation-delay: -0.32s;
  1000. animation-delay: -0.32s;
  1001. }
  1002. .spinner .bounce2 , .spinnertags .bounce2{
  1003. -webkit-animation-delay: -0.16s;
  1004. animation-delay: -0.16s;
  1005. }
  1006. @-webkit-keyframes bouncedelay {
  1007. 0%, 80%, 100% { -webkit-transform: scale(0.0) }
  1008. 40% { -webkit-transform: scale(1.0) }
  1009. }
  1010.  
  1011. @keyframes bouncedelay {
  1012. 0%, 80%, 100% {
  1013. transform: scale(0.0);
  1014. -webkit-transform: scale(0.0);
  1015. } 40% {
  1016. transform: scale(1.0);
  1017. -webkit-transform: scale(1.0);
  1018. }
  1019. }
  1020. /* Pages */
  1021. .pagination {
  1022. display: block;
  1023. margin: 60px 0px 0;
  1024. -webkit-border-radius: 0;
  1025. border-radius: 0;
  1026. text-align: center;
  1027. padding: 0px;
  1028. }
  1029. .pagination ul {
  1030. -webkit-box-shadow: none;
  1031. -moz-box-shadow: none;
  1032. box-shadow: none;
  1033. list-style: none;
  1034. padding: 0;
  1035. margin: 0;
  1036. }
  1037. .pagination ul > li {
  1038. display: inline-block;
  1039. margin-bottom: 10px;
  1040. margin-top: 10px;
  1041. }
  1042. .pagination ul > li > a, .pagination ul > li > span {
  1043. float: none;
  1044. margin: 0;
  1045. margin-right: 3px;
  1046. }
  1047. .btn {
  1048. color: {color:Pagination Color} !important;
  1049. background: none;
  1050. border: 2px solid rgba(255,255,255,0.4);
  1051. margin-bottom: 10px;
  1052. margin-right: 4px;
  1053. font-size: 12px;
  1054. padding: 9px 17px;
  1055. font-weight: 800;
  1056. text-shadow: none;
  1057. text-transform: uppercase;
  1058. -webkit-border-radius: 0;
  1059. border-radius: 0;
  1060. -webkit-transition: all 200ms ease-in;
  1061. -o-transition: all 200ms ease-in;
  1062. -moz-transition: all 200ms ease-in;
  1063. -webkit-box-shadow: none;
  1064. -moz-box-shadow: none;
  1065. box-shadow: none;
  1066. display: inline-block;
  1067. }
  1068. .btn:hover , .current_page{
  1069. color: {color:Pagination Color on hover} !important;
  1070. border-color: {color:Pagination Color on hover};
  1071. }
  1072. {block:IfInfiniteScrolling}
  1073. .pagination{
  1074. opacity: 0;
  1075. visibility: hidden;
  1076. }
  1077. {/block:IfInfiniteScrolling}
  1078.  
  1079. /* scroll to top */
  1080. .button {
  1081. background: none;
  1082. width: 40px;
  1083. height: 45px;
  1084. border: none;
  1085. position: fixed;
  1086. right: 10px;
  1087. bottom: 30px;
  1088. -webkit-tap-highlight-color: rgba(0,0,0,0);
  1089. -webkit-tap-highlight-color: transparent;
  1090. -webkit-touch-callout: none;
  1091. -webkit-user-select: none;
  1092. -khtml-user-select: none;
  1093. -moz-user-select: none;
  1094. -ms-user-select: none;
  1095. user-select: none;
  1096. }
  1097. .morph-shape1 {
  1098. position: absolute;
  1099. width: 100%;
  1100. height: 100%;
  1101. top: 0;
  1102. left: 0;
  1103. }
  1104. .button--line .morph-shape1 svg {
  1105. fill: {color:Scroll to top};
  1106. stroke: none;
  1107. opacity: 0.5;
  1108. stroke-width: 1px;
  1109. stroke-linecap: round;
  1110. }
  1111. .button__text{
  1112. font-size: 25px;
  1113. color: #fff;
  1114. text-align: center;
  1115. }
  1116. /* next page */
  1117. .np{
  1118. margin-top: 50px;
  1119. }
  1120. .np a{
  1121. width: 40px;
  1122. height: 40px;
  1123. background: #fff;
  1124. color: #000;
  1125. text-align: center;line-height: 40px;
  1126. display: inline-block;
  1127. -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 1px;-moz-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 1px;-ms-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 1px;-o-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 1px;box-shadow: rgba(0, 0, 0, 0.1) 0 1px 1px;
  1128. }
  1129. .np a:hover{
  1130. color: {color:Links on hover};
  1131. }
  1132. .post--tags{
  1133. display: inline-block;
  1134. margin-right: 5px;
  1135. line-height: 1.6;
  1136. }
  1137.  
  1138. .post--photo .info{
  1139. border: none;
  1140. }
  1141.  
  1142. /* Small devices (tablets, 768px and up) */
  1143. @media (min-width: 768px) {
  1144. .container {
  1145. padding: 80px 0 0;
  1146. min-height: 800px;
  1147. }
  1148. body{
  1149. overflow-x: visible;
  1150. }
  1151. .info{
  1152. padding: 0 20px;
  1153. }
  1154. .menu-button {
  1155. z-index: 1000;
  1156. margin: 10px;
  1157. border: none;
  1158. text-indent: 2.5em;
  1159. font-size: 1.5em;
  1160. background: none;
  1161. }
  1162. .col-header{
  1163. padding: 0 25px 15px;
  1164. }
  1165. .col-header > *:first-child{
  1166. margin-top: 0 !important;
  1167. }
  1168. .col-header h1{
  1169. font-size: {text:Title font size};
  1170. }
  1171. .col-header h2{
  1172. margin: 25px 0;
  1173. font-size: {text:Description font size};
  1174. }
  1175. iframe#tumblr_controls{
  1176. position: absolute !important;
  1177. -webkit-filter: invert(100%);
  1178. }
  1179. .post_media{
  1180. padding: 10px 25px 15px;
  1181. }
  1182. .col--two .col-md-4{
  1183. width: 100%;
  1184. }
  1185. .col--one .col-md-4{
  1186. width: 50%;
  1187. }
  1188. }
  1189.  
  1190. /* Medium devices (desktops, 992px and up) */
  1191. @media (min-width: 992px) {
  1192. .col--two .col-md-4{
  1193. width: 50%;
  1194. }
  1195. .col-md-offset-1 {
  1196. margin-left: 10%;
  1197. }
  1198. .col--one .col-md-4{
  1199. width: 100%;
  1200. margin-bottom: 30px;
  1201. }
  1202. .col--two , .col--one{
  1203. float: none;
  1204. width: 80%;
  1205. margin: 0 auto;
  1206. }
  1207. .col--one{
  1208. width: 60%;
  1209. }
  1210.  
  1211. .col--one figure.effect-milo .from--re{
  1212. right: 50px;
  1213. }
  1214. }
  1215. {CustomCSS}
  1216. </style>
  1217. </head>
  1218. <body>
  1219. <div class="wraper">
  1220. <div class="menu-wrap">
  1221. <nav class="menu">
  1222. <div class="icon-list">
  1223. <a href="/" {Target}><i class="fa fa-fw fa-star-o"></i><span>{lang:Home}</span></a>
  1224. {block:SubmissionsEnabled}
  1225. <a href="/submit" {Target}><i class="fa fa-fw fa-bell-o"></i><span>{SubmitLabel}</span></a>
  1226. {/block:SubmissionsEnabled}
  1227. {block:AskEnabled}
  1228. <a href="/ask" {Target}><i class="fa fa-fw fa-envelope-o"></i><span>{AskLabel}</span></a>
  1229. {/block:AskEnabled}
  1230. {block:HasPages}
  1231. {block:Pages}
  1232. <a href="{URL}" {Target}><i class="fa fa-file-text"></i><span>{Label}</span></a>
  1233. {/block:Pages}
  1234. {/block:HasPages}
  1235. {block:IfTag1}<a href="{BlogURL}tagged/{text:Tag 1}" {Target}><i class="fa fa-tag"></i><span>{text:Tag 1}</span></a>{/block:IfTag1}
  1236. {block:IfTag2}<a href="{BlogURL}tagged/{text:Tag 2}" {Target}><i class="fa fa-tag"></i><span>{text:Tag 2}</span></a>{/block:IfTag2}
  1237. {block:IfTag3}<a href="{BlogURL}tagged/{text:Tag 3}" {Target}><i class="fa fa-tag"></i><span>{text:Tag 3}</span></a>{/block:IfTag3}
  1238. {block:IfTag4}<a href="{BlogURL}tagged/{text:Tag 4}" {Target}><i class="fa fa-tag"></i><span>{text:Tag 4}</span></a>{/block:IfTag4}
  1239. {block:IfTag5}<a href="{BlogURL}tagged/{text:Tag 5}" {Target}><i class="fa fa-tag"></i><span>{text:Tag 5}</span></a>{/block:IfTag5}
  1240. {block:IfShowFeedPage}
  1241. <a href="{RSS}" {Target}><i class="fa fa-rss"></i><span>{lang:Feed}</span></a>
  1242. {/block:IfShowFeedPage}
  1243. {block:IfShowRandomPost}
  1244. <a href="/random" {Target}><i class="fa fa-random"></i><span>{lang:random}</span></a>
  1245. {/block:IfShowRandomPost}
  1246. {block:IfShowArchivePage}
  1247. <a href="/archive" {Target}><i class="fa fa-newspaper-o"></i><span>{lang:Archive}</span></a>
  1248. {/block:IfShowArchivePage}
  1249. <a href="http://www.leenthemes.com/" target="_blank"><i class="fa fa-paint-brush"></i><span>Leen themes</span></a>
  1250. </div>
  1251. </nav>
  1252. <button class="close-button" id="close-button">Close Menu</button>
  1253. <div class="morph-shape" id="morph-shape" data-morph-open="M-1,0h101c0,0,0-1,0,395c0,404,0,405,0,405H-1V0z">
  1254. <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 100 800" preserveAspectRatio="none">
  1255. <path d="M-1,0h101c0,0-97.833,153.603-97.833,396.167C2.167,627.579,100,800,100,800H-1V0z"/>
  1256. </svg>
  1257. </div>
  1258. </div><!-- End .menu-wrap -->
  1259. <span class="menu-button" id="open-button"><div class="line"></div></span>
  1260. <div class="content-wrap">
  1261. <div class="content">
  1262. <div class="container">
  1263. <div class="row">
  1264. <div class="col-md-12 {block:IndexPage}{select:Layout type}{/block:IndexPage}" id="grid">
  1265. <div class="masonry">
  1266. <div class="col-md-4 col-sm-6 col-xs-12 element profile">
  1267. <div class="col-header">
  1268. {block:ShowAvatar}
  1269. <a href="/"><img class="{AvatarShape} avatarShape" src="{PortraitURL-96}"></a>
  1270. {/block:ShowAvatar}
  1271. {block:ShowTitle}<h1><a href="/">{Title}</a></h1>{/block:ShowTitle}
  1272. {block:ShowDescription}<h2>{Description}</h2>{/block:ShowDescription}
  1273. {block:Twitter}
  1274. <div id="twitter" style="display:none;">
  1275. <ul id="tweets" class="rslides"></ul>
  1276. </div>
  1277. <script type="text/javascript">
  1278. function recent_tweets(data) {
  1279. for (i=0; i<data.length; i++) {
  1280. document.getElementById("tweets").innerHTML =
  1281. document.getElementById("tweets").innerHTML +
  1282. '<li><a href="http://twitter.com/{TwitterUsername}/status/' +
  1283. (data[i].id_str ? data[i].id_str : data[i].id) +
  1284. '" target="_blank"><div class="contentr"><i class="fa fa-twitter"></i> ' + data[i].text +
  1285. '</div></a></li>';
  1286. }
  1287. document.getElementById("twitter").style.display = 'block';
  1288. }
  1289. </script>
  1290. {/block:Twitter}<!-- Twitter -->
  1291.  
  1292. <div class="social">
  1293. <ul>
  1294. {block:IfWebSiteURL}<li><a href="{text:WebSite URL}" {Target}><i class="fa fa-flag"></i></a></li>{/block:IfWebSiteURL}
  1295. {block:IfFacebookURL}<li><a href="{text:Facebook URL}" {Target}><i class="fa fa-facebook"></i></a></li>{/block:IfFacebookURL}
  1296. {block:IfTwitterURL}<li><a href="{text:Twitter URL}" {Target}><i class="fa fa-twitter"></i></a></li>{/block:IfTwitterURL}
  1297. {block:IfGooglePlusURL}<li><a href="{text:Google Plus URL}" {Target}><i class="fa fa-google-plus"></i></a></li>{/block:IfGooglePlusURL}
  1298. {block:IfDribbbleURL}<li><a href="{text:Dribbble URL}" {Target}><i class="fa fa-dribbble"></i></a></li>{/block:IfDribbbleURL}
  1299. {block:IfInstagramURL}<li><a href="{text:Instagram URL}" {Target}><i class="fa fa-instagram"></i></a></li>{/block:IfInstagramURL}
  1300. {block:IfFlickrURL}<li><a href="{text:Flickr URL}" {Target}><i class="fa fa-flickr"></i></a></li>{/block:IfFlickrURL}
  1301. {block:IfYoutubeURL}<li><a href="{text:Youtube URL}" {Target}><i class="fa fa-youtube-play"></i></a></li>{/block:IfYoutubeURL}
  1302. {block:IfVineURL}<li><a href="{text:Vine URL}" {Target}><i class="fa fa-vine"></i></a></li>{/block:IfVineURL}
  1303. {block:IfWeHeartItURL}<li><a href="{text:We Heart It URL}" {Target}><i class="fa fa-heartbeat"></i></a></li>{/block:IfWeHeartItURL}
  1304. {block:IfVimeoURL}<li><a href="{text:Vimeo URL}" {Target}><i class="fa fa-vimeo-square"></i></a></li>{/block:IfVimeoURL}
  1305. {block:IfDeviantArtURL}<li><a href="{text:DeviantArt URL}" {Target}><i class="fa fa-deviantart"></i></a></li>{/block:IfDeviantArtURL}
  1306. {block:IfPinterestURL}<li><a href="{text:Pinterest URL}" {Target}><i class="fa fa-pinterest"></i></a></li>{/block:IfPinterestURL}
  1307. {block:IfLinkedInURL}<li><a href="{text:LinkedIn URL}" {Target}><i class="fa fa-linkedin-square"></i></a></li>{/block:IfLinkedInURL}
  1308. {block:IfBehanceURL}<li><a href="{text:Behance URL}" {Target}><i class="fa fa-behance"></i></a></li>{/block:IfBehanceURL}
  1309. {block:IfGitHubURL}<li><a href="{text:GitHub URL}" {Target}><i class="fa fa-github-alt"></i></a></li>{/block:IfGitHubURL}
  1310. {block:IfSpotifyURL}<li><a href="{text:Spotify URL}" {Target}><i class="fa fa-spotify"></i></a></li>{/block:IfSpotifyURL}
  1311. {block:IfSoundCloudURL}<li><a href="{text:SoundCloud URL}" {Target}><i class="fa fa-soundcloud"></i></a></li>{/block:IfSoundCloudURL}
  1312. {block:IfWordpressURL}<li><a href="{text:Wordpress URL}" {Target}><i class="fa fa-wordpress"></i></a></li>{/block:IfWordpressURL}
  1313. </ul>
  1314. </div><!-- social menu -->
  1315. {block:IfNotDisableSearch}
  1316. <div class="col--search">
  1317. <form action="/search" method="get">
  1318. <span class="input input--nao">
  1319. <input class="input__field input__field--nao" name="q" type="text" id="input-1" placeholder=''/>
  1320. <i class="fa fa-search"></i>
  1321. <label class="input__label input__label--nao" for="input-1"></label>
  1322. <svg class="graphic graphic--nao" width="300%" height="100%" viewBox="0 0 1200 60" preserveAspectRatio="none"><path d="M0,56.5c0,0,298.666,0,399.333,0C448.336,56.5,513.994,46,597,46c77.327,0,135,10.5,200.999,10.5c95.996,0,402.001,0,402.001,0"/>
  1323. </svg>
  1324. </span>
  1325. </form>
  1326. </div><!-- Colsearch -->
  1327. {/block:IfNotDisableSearch}
  1328. {block:PermalinkPage}
  1329. {block:PermalinkPagination}
  1330. <div class="np">
  1331. {block:NextPost}
  1332. <a href="{NextPost}"><i class="fa fa-arrow-left"></i></a>
  1333. {/block:NextPost}
  1334. {block:PreviousPost}
  1335. <a href="{PreviousPost}"><i class="fa fa-arrow-right"></i></a>
  1336. {/block:PreviousPost}
  1337. </div>
  1338. {/block:PermalinkPagination}
  1339. {/block:PermalinkPage}
  1340. </div>
  1341. </div>
  1342. {block:Posts}
  1343. {block:IndexPage}
  1344. <div class="col-md-4 col-sm-6 col-xs-12 element post--{PostType}" id="{PostID}">
  1345. <div class="media--post">
  1346. {/block:IndexPage}
  1347. {block:PermalinkPage}
  1348. <div class="col-md-6 col-sm-6 col-xs-12 perma_post post--{PostType}">
  1349. <div class="media--post">
  1350. {/block:PermalinkPage}
  1351. {block:Photo}
  1352. {block:IndexPage}
  1353. <figure class="effect-milo">
  1354. <img class="mainimg" src="{PhotoURL-500}" data-high="{PhotoURL-1280}" alt="{PhotoAlt}">
  1355. {block:IfShowinfoonhover}
  1356. <figcaption>
  1357. <div class="lines">
  1358. <div class="dateline">
  1359. <i class="fa fa-calendar"></i>
  1360. {block:IfDateFormatTimeAgo}
  1361. {TimeAgo}
  1362. {/block:IfDateFormatTimeAgo}
  1363. {block:IfNotDateFormatTimeAgo}
  1364. {DayOfMonthWithZero} {ShortMonth} {Year}
  1365. {/block:IfNotDateFormatTimeAgo}
  1366. </div>
  1367. <div class="noteline">
  1368. <i class="fa fa-bar-chart"></i> {NoteCountWithLabel}
  1369. </div>
  1370. <div class="reblogline">
  1371. <a href="{ReblogURL}" title="Reblog" {Target}>
  1372. <i class="fa fa-retweet"></i> reblog
  1373. </a>
  1374. </div>
  1375. <div class="likeline">
  1376. {LikeButton size="14"}
  1377. <i class="fa fa-heart-o"></i> like
  1378. </div>
  1379. </div>
  1380. <div class="from--re">
  1381. {block:RebloggedFrom}
  1382. <a href="{ReblogParentURL}" title="{ReblogParentTitle}" {Target}>
  1383. <img class="re-img" src="{ReblogParentPortraitURL-48}">
  1384. </a>
  1385. {/block:RebloggedFrom}
  1386. {block:NotReblog}
  1387. <a href="/" title="{Title}" {Target}>
  1388. <img class="re-img" src="{PortraitURL-48}">
  1389. </a>
  1390. {/block:NotReblog}
  1391. <div class="viewline">
  1392. <a href="{Permalink}">view the post <i class="fa fa-arrow-right"></i>
  1393. </a>
  1394. </div>
  1395. </div>
  1396. </figcaption>
  1397. {/block:IfShowinfoonhover}
  1398. </figure>
  1399. {block:IfNotShowinfoonhover}
  1400. <div class="info">
  1401. <div class="dateinfo">
  1402. <a href="{Permalink}">
  1403. <i class="fa fa-calendar"></i>
  1404. {block:IfDateFormatTimeAgo}
  1405. {TimeAgo}
  1406. {/block:IfDateFormatTimeAgo}
  1407. {block:IfNotDateFormatTimeAgo}
  1408. {DayOfMonthWithZero} {ShortMonth} {Year}
  1409. {/block:IfNotDateFormatTimeAgo}
  1410. </a>
  1411. </div>
  1412. <div class="noteinfo">
  1413. <a href="{Permalink}">
  1414. <i class="fa fa-bar-chart"></i> {NoteCountWithLabel}
  1415. </a>
  1416. </div>
  1417. <div class="likeinfo">
  1418. {LikeButton size="14"}
  1419. <i class="fa fa-heart"></i>
  1420. </div>
  1421. <div class="rebloginfo">
  1422. <a href="{ReblogURL}" title="Reblog" {Target}>
  1423. <i class="fa fa-retweet"></i>
  1424. </a>
  1425. </div>
  1426. <div class="share-button">
  1427. <div class="share--line"></div>
  1428. <div class="share-blob">
  1429. <a class="share-btn pinterest-btn" href="https://pinterest.com/pin/create/button/?url={ShortURL}&media={PhotoURL-HighRes}&description={PostTitle}" target="_blank"><i class="fa fa-pinterest-p"></i> pinterest</a>
  1430. <a class="share-btn facebook-btn" href="https://www.facebook.com/sharer/sharer.php?u={Permalink}" target="_blank"><i class="fa fa-facebook"></i> facebook</a>
  1431. <a class="share-btn google-btn" href="https://plus.google.com/share?url={Permalink}" target="_blank"><i class="fa fa-google-plus"></i> google +</a>
  1432. <a class="share-btn twitter-btn" href="https://twitter.com/intent/tweet?url={Permalink}" target="_blank"><i class="fa fa-twitter"></i> twitter</a>
  1433. </div>
  1434. </div>
  1435. </div>
  1436. {block:IfNotShowinfoonhover}
  1437. {/block:IndexPage}
  1438. {block:PermalinkPage}
  1439. {LinkOpenTag}
  1440. <figure>
  1441. <img class="mainimg" src="{PhotoURL-1280}" alt="{PhotoAlt}">
  1442. </figure>
  1443. {LinkCloseTag}
  1444. <div class="info">
  1445. <div class="dateinfo">
  1446. <a href="{Permalink}">
  1447. <i class="fa fa-calendar"></i>
  1448. {block:IfDateFormatTimeAgo}
  1449. {TimeAgo}
  1450. {/block:IfDateFormatTimeAgo}
  1451. {block:IfNotDateFormatTimeAgo}
  1452. {DayOfMonthWithZero} {ShortMonth} {Year}
  1453. {/block:IfNotDateFormatTimeAgo}
  1454. </a>
  1455. </div>
  1456. <div class="noteinfo">
  1457. <a href="{Permalink}">
  1458. <i class="fa fa-bar-chart"></i> {NoteCountWithLabel}
  1459. </a>
  1460. </div>
  1461. <div class="likeinfo">
  1462. {LikeButton size="14"}
  1463. <i class="fa fa-heart"></i>
  1464. </div>
  1465. <div class="rebloginfo">
  1466. <a href="{ReblogURL}" title="Reblog" {Target}>
  1467. <i class="fa fa-retweet"></i>
  1468. </a>
  1469. </div>
  1470. <div class="share-button">
  1471. <div class="share--line"></div>
  1472. <div class="share-blob">
  1473. <a class="share-btn pinterest-btn" href="https://pinterest.com/pin/create/button/?url={ShortURL}&media={PhotoURL-HighRes}&description={PostTitle}" target="_blank"><i class="fa fa-pinterest-p"></i> pinterest</a>
  1474. <a class="share-btn facebook-btn" href="https://www.facebook.com/sharer/sharer.php?u={Permalink}" target="_blank"><i class="fa fa-facebook"></i> facebook</a>
  1475. <a class="share-btn google-btn" href="https://plus.google.com/share?url={Permalink}" target="_blank"><i class="fa fa-google-plus"></i> google +</a>
  1476. <a class="share-btn twitter-btn" href="https://twitter.com/intent/tweet?url={Permalink}" target="_blank"><i class="fa fa-twitter"></i> twitter</a>
  1477. </div>
  1478. </div>
  1479. </div>
  1480. {/block:PermalinkPage}
  1481. {/block:Photo}
  1482. {block:Photoset}
  1483. <div class="photoset-grid photoset{PostID}" data-layout="{PhotosetLayout}" data-id="photoset{PostID}" data-popup="{PostID}">
  1484. {block:Photos}
  1485. <img src="{PhotoURL-400}" width="{PhotoWidth-400}" height="{PhotoHeight-400}" {block:HighRes}data-highres="{PhotoURL-HighRes}"{/block:HighRes}
  1486. {block:Caption}alt="{Caption}"{/block:caption} />
  1487. {/block:Photos}
  1488. </div>
  1489. <div class="info">
  1490. <div class="dateinfo">
  1491. <a href="{Permalink}">
  1492. <i class="fa fa-calendar"></i>
  1493. {block:IfDateFormatTimeAgo}
  1494. {TimeAgo}
  1495. {/block:IfDateFormatTimeAgo}
  1496. {block:IfNotDateFormatTimeAgo}
  1497. {DayOfMonthWithZero} {ShortMonth} {Year}
  1498. {/block:IfNotDateFormatTimeAgo}
  1499. </a>
  1500. </div>
  1501. <div class="noteinfo">
  1502. <a href="{Permalink}">
  1503. <i class="fa fa-bar-chart"></i> {NoteCountWithLabel}
  1504. </a>
  1505. </div>
  1506. <div class="likeinfo">
  1507. {LikeButton size="14"}
  1508. <i class="fa fa-heart"></i>
  1509. </div>
  1510. <div class="rebloginfo">
  1511. <a href="{ReblogURL}" title="Reblog" {Target}>
  1512. <i class="fa fa-retweet"></i>
  1513. </a>
  1514. </div>
  1515. <div class="share-button">
  1516. <div class="share--line"></div>
  1517. <div class="share-blob">
  1518. <a class="share-btn facebook-btn" href="https://www.facebook.com/sharer/sharer.php?u={Permalink}" target="_blank"><i class="fa fa-facebook"></i> facebook</a>
  1519. <a class="share-btn google-btn" href="https://plus.google.com/share?url={Permalink}" target="_blank"><i class="fa fa-google-plus"></i> google +</a>
  1520. <a class="share-btn twitter-btn" href="https://twitter.com/intent/tweet?url={Permalink}" target="_blank"><i class="fa fa-twitter"></i> twitter</a>
  1521. </div>
  1522. </div>
  1523. </div>
  1524. {/block:Photoset}
  1525. {block:Text}
  1526. <div class="post_media">
  1527. {block:Title}
  1528. <div class="text_title_container">
  1529. {Title}
  1530. </div>
  1531. {/block:Title}
  1532. <div class="text_caption">
  1533. {Body}
  1534. </div>
  1535. </div>
  1536. {block:Date}
  1537. <div class="info">
  1538. <div class="dateinfo">
  1539. <a href="{Permalink}">
  1540. <i class="fa fa-calendar"></i>
  1541. {block:IfDateFormatTimeAgo}
  1542. {TimeAgo}
  1543. {/block:IfDateFormatTimeAgo}
  1544. {block:IfNotDateFormatTimeAgo}
  1545. {DayOfMonthWithZero} {ShortMonth} {Year}
  1546. {/block:IfNotDateFormatTimeAgo}
  1547. </a>
  1548. </div>
  1549. <div class="noteinfo">
  1550. <a href="{Permalink}">
  1551. <i class="fa fa-bar-chart"></i> {NoteCountWithLabel}
  1552. </a>
  1553. </div>
  1554. <div class="likeinfo">
  1555. {LikeButton size="14"}
  1556. <i class="fa fa-heart"></i>
  1557. </div>
  1558. <div class="rebloginfo">
  1559. <a href="{ReblogURL}" title="Reblog" {Target}>
  1560. <i class="fa fa-retweet"></i>
  1561. </a>
  1562. </div>
  1563. <div class="share-button">
  1564. <div class="share--line"></div>
  1565. <div class="share-blob">
  1566. <a class="share-btn facebook-btn" href="https://www.facebook.com/sharer/sharer.php?u={Permalink}" target="_blank"><i class="fa fa-facebook"></i> facebook</a>
  1567. <a class="share-btn google-btn" href="https://plus.google.com/share?url={Permalink}" target="_blank"><i class="fa fa-google-plus"></i> google +</a>
  1568. <a class="share-btn twitter-btn" href="https://twitter.com/intent/tweet?url={Permalink}" target="_blank"><i class="fa fa-twitter"></i> twitter</a>
  1569. </div>
  1570. </div>
  1571. </div>
  1572. {/block:Date}
  1573. {/block:Text}
  1574. {block:Quote}
  1575. <div class="post_media">
  1576. <div class="quote_container">
  1577. <div class="the_quote"><i>&ldquo; {Quote} &rdquo; </i></div>
  1578. </div>
  1579. {block:PermalinkPage}
  1580. {block:Source}
  1581. <div class="text_caption">
  1582. {Source}
  1583. </div>
  1584. {/block:Source}
  1585. {/block:PermalinkPage}
  1586. </div>
  1587. <div class="info">
  1588. <div class="dateinfo">
  1589. <a href="{Permalink}">
  1590. <i class="fa fa-calendar"></i>
  1591. {block:IfDateFormatTimeAgo}
  1592. {TimeAgo}
  1593. {/block:IfDateFormatTimeAgo}
  1594. {block:IfNotDateFormatTimeAgo}
  1595. {DayOfMonthWithZero} {ShortMonth} {Year}
  1596. {/block:IfNotDateFormatTimeAgo}
  1597. </a>
  1598. </div>
  1599. <div class="noteinfo">
  1600. <a href="{Permalink}">
  1601. <i class="fa fa-bar-chart"></i> {NoteCountWithLabel}
  1602. </a>
  1603. </div>
  1604. <div class="likeinfo">
  1605. {LikeButton size="14"}
  1606. <i class="fa fa-heart"></i>
  1607. </div>
  1608. <div class="rebloginfo">
  1609. <a href="{ReblogURL}" title="Reblog" {Target}>
  1610. <i class="fa fa-retweet"></i>
  1611. </a>
  1612. </div>
  1613. <div class="share-button">
  1614. <div class="share--line"></div>
  1615. <div class="share-blob">
  1616. <a class="share-btn facebook-btn" href="https://www.facebook.com/sharer/sharer.php?u={Permalink}" target="_blank"><i class="fa fa-facebook"></i> facebook</a>
  1617. <a class="share-btn google-btn" href="https://plus.google.com/share?url={Permalink}" target="_blank"><i class="fa fa-google-plus"></i> google +</a>
  1618. <a class="share-btn twitter-btn" href="https://twitter.com/intent/tweet?url={Permalink}" target="_blank"><i class="fa fa-twitter"></i> twitter</a>
  1619. </div>
  1620. </div>
  1621. </div>
  1622. {/block:Quote}
  1623. {block:Chat}
  1624. <div class="post_media">
  1625. <div class="chatwrap">
  1626. {block:Title}
  1627. <div class="chattitle">
  1628. {Title}
  1629. </div>
  1630. {/block:Title}
  1631. {block:Lines}
  1632. <div class="user_{UserNumber}">
  1633. {block:Label}
  1634. <span class="labe_l">{Label}</span>
  1635. {/block:Label}
  1636. <span class="line">{Line}</span>
  1637. </div>
  1638. {/block:Lines}
  1639. </div>
  1640. </div>
  1641. <div class="info">
  1642. <div class="dateinfo">
  1643. <a href="{Permalink}">
  1644. <i class="fa fa-calendar"></i>
  1645. {block:IfDateFormatTimeAgo}
  1646. {TimeAgo}
  1647. {/block:IfDateFormatTimeAgo}
  1648. {block:IfNotDateFormatTimeAgo}
  1649. {DayOfMonthWithZero} {ShortMonth} {Year}
  1650. {/block:IfNotDateFormatTimeAgo}
  1651. </a>
  1652. </div>
  1653. <div class="noteinfo">
  1654. <a href="{Permalink}">
  1655. <i class="fa fa-bar-chart"></i> {NoteCountWithLabel}
  1656. </a>
  1657. </div>
  1658. <div class="likeinfo">
  1659. {LikeButton size="14"}
  1660. <i class="fa fa-heart"></i>
  1661. </div>
  1662. <div class="rebloginfo">
  1663. <a href="{ReblogURL}" title="Reblog" {Target}>
  1664. <i class="fa fa-retweet"></i>
  1665. </a>
  1666. </div>
  1667. <div class="share-button">
  1668. <div class="share--line"></div>
  1669. <div class="share-blob">
  1670. <a class="share-btn facebook-btn" href="https://www.facebook.com/sharer/sharer.php?u={Permalink}" target="_blank"><i class="fa fa-facebook"></i> facebook</a>
  1671. <a class="share-btn google-btn" href="https://plus.google.com/share?url={Permalink}" target="_blank"><i class="fa fa-google-plus"></i> google +</a>
  1672. <a class="share-btn twitter-btn" href="https://twitter.com/intent/tweet?url={Permalink}" target="_blank"><i class="fa fa-twitter"></i> twitter</a>
  1673. </div>
  1674. </div>
  1675. </div>
  1676. {/block:Chat}
  1677. {block:Link}
  1678. <div class="post_media">
  1679. <div class="link_button">
  1680. <div class="link_text_container">
  1681. <div class="link_text_outer">
  1682. <div class="link_text">
  1683. <a href="{URL}" target="_blank" class="link_title">{Name}</a>
  1684. <a href="{URL}" target="_blank" class="link_source">{Host}</a>
  1685. </div>
  1686. </div>
  1687. </div>
  1688. </div>
  1689. {block:Description}
  1690. <div class="post_content_inner">
  1691. <div class="post_body" data-subview="body">
  1692. {Description}
  1693. </div>
  1694. </div>
  1695. {/block:Description}
  1696. </div>
  1697. <div class="info">
  1698. <div class="dateinfo">
  1699. <a href="{Permalink}">
  1700. <i class="fa fa-calendar"></i>
  1701. {block:IfDateFormatTimeAgo}
  1702. {TimeAgo}
  1703. {/block:IfDateFormatTimeAgo}
  1704. {block:IfNotDateFormatTimeAgo}
  1705. {DayOfMonthWithZero} {ShortMonth} {Year}
  1706. {/block:IfNotDateFormatTimeAgo}
  1707. </a>
  1708. </div>
  1709. <div class="noteinfo">
  1710. <a href="{Permalink}">
  1711. <i class="fa fa-bar-chart"></i> {NoteCountWithLabel}
  1712. </a>
  1713. </div>
  1714. <div class="likeinfo">
  1715. {LikeButton size="14"}
  1716. <i class="fa fa-heart"></i>
  1717. </div>
  1718. <div class="rebloginfo">
  1719. <a href="{ReblogURL}" title="Reblog" {Target}>
  1720. <i class="fa fa-retweet"></i>
  1721. </a>
  1722. </div>
  1723. <div class="share-button">
  1724. <div class="share--line"></div>
  1725. <div class="share-blob">
  1726. <a class="share-btn facebook-btn" href="https://www.facebook.com/sharer/sharer.php?u={Permalink}" target="_blank"><i class="fa fa-facebook"></i> facebook</a>
  1727. <a class="share-btn google-btn" href="https://plus.google.com/share?url={Permalink}" target="_blank"><i class="fa fa-google-plus"></i> google +</a>
  1728. <a class="share-btn twitter-btn" href="https://twitter.com/intent/tweet?url={Permalink}" target="_blank"><i class="fa fa-twitter"></i> twitter</a>
  1729. </div>
  1730. </div>
  1731. </div>
  1732. {/block:Link}
  1733. {block:Answer}
  1734. <div class="post_media">
  1735. <div class="answer-post-wrap">
  1736. <div class="asker-wrap">
  1737. <img class="fl-left" src="{AskerPortraitURL-48}">
  1738. <div class="">{Asker} asked: {Question}</div>
  1739. </div>
  1740. {block:Answerer}
  1741. <div class="answer-wrap">
  1742. <img class="fl-right" src="{AnswererPortraitURL-48}" alt="{Title}"/>
  1743. <div class="answered">{Answerer} answered: {Answer}</div>
  1744. </div>
  1745. {/block:Answerer}
  1746. {Replies}
  1747. </div>
  1748. </div>
  1749. <div class="info">
  1750. <div class="dateinfo">
  1751. <a href="{Permalink}">
  1752. <i class="fa fa-calendar"></i>
  1753. {block:IfDateFormatTimeAgo}
  1754. {TimeAgo}
  1755. {/block:IfDateFormatTimeAgo}
  1756. {block:IfNotDateFormatTimeAgo}
  1757. {DayOfMonthWithZero} {ShortMonth} {Year}
  1758. {/block:IfNotDateFormatTimeAgo}
  1759. </a>
  1760. </div>
  1761. <div class="noteinfo">
  1762. <a href="{Permalink}">
  1763. <i class="fa fa-bar-chart"></i> {NoteCountWithLabel}
  1764. </a>
  1765. </div>
  1766. <div class="likeinfo">
  1767. {LikeButton size="14"}
  1768. <i class="fa fa-heart"></i>
  1769. </div>
  1770. <div class="rebloginfo">
  1771. <a href="{ReblogURL}" title="Reblog" {Target}>
  1772. <i class="fa fa-retweet"></i>
  1773. </a>
  1774. </div>
  1775. <div class="share-button">
  1776. <div class="share--line"></div>
  1777. <div class="share-blob">
  1778. <a class="share-btn facebook-btn" href="https://www.facebook.com/sharer/sharer.php?u={Permalink}" target="_blank"><i class="fa fa-facebook"></i> facebook</a>
  1779. <a class="share-btn google-btn" href="https://plus.google.com/share?url={Permalink}" target="_blank"><i class="fa fa-google-plus"></i> google +</a>
  1780. <a class="share-btn twitter-btn" href="https://twitter.com/intent/tweet?url={Permalink}" target="_blank"><i class="fa fa-twitter"></i> twitter</a>
  1781. </div>
  1782. </div>
  1783. </div>
  1784. {/block:Answer}
  1785. {block:Video}
  1786. <div class="i_Frame">
  1787. {VideoEmbed-400}
  1788. </div>
  1789. <div class="info">
  1790. <div class="dateinfo">
  1791. <a href="{Permalink}">
  1792. <i class="fa fa-calendar"></i>
  1793. {block:IfDateFormatTimeAgo}
  1794. {TimeAgo}
  1795. {/block:IfDateFormatTimeAgo}
  1796. {block:IfNotDateFormatTimeAgo}
  1797. {DayOfMonthWithZero} {ShortMonth} {Year}
  1798. {/block:IfNotDateFormatTimeAgo}
  1799. </a>
  1800. </div>
  1801. <div class="noteinfo">
  1802. <a href="{Permalink}">
  1803. <i class="fa fa-bar-chart"></i> {NoteCountWithLabel}
  1804. </a>
  1805. </div>
  1806. <div class="likeinfo">
  1807. {LikeButton size="14"}
  1808. <i class="fa fa-heart"></i>
  1809. </div>
  1810. <div class="rebloginfo">
  1811. <a href="{ReblogURL}" title="Reblog" {Target}>
  1812. <i class="fa fa-retweet"></i>
  1813. </a>
  1814. </div>
  1815. <div class="share-button">
  1816. <div class="share--line"></div>
  1817. <div class="share-blob">
  1818. <a class="share-btn facebook-btn" href="https://www.facebook.com/sharer/sharer.php?u={Permalink}" target="_blank"><i class="fa fa-facebook"></i> facebook</a>
  1819. <a class="share-btn google-btn" href="https://plus.google.com/share?url={Permalink}" target="_blank"><i class="fa fa-google-plus"></i> google +</a>
  1820. <a class="share-btn twitter-btn" href="https://twitter.com/intent/tweet?url={Permalink}" target="_blank"><i class="fa fa-twitter"></i> twitter</a>
  1821. </div>
  1822. </div>
  1823. </div>
  1824. {/block:Video}
  1825. {block:Audio}
  1826. <div class="i_Frame">
  1827. {block:AudioEmbed}
  1828. {AudioEmbed}
  1829. {/block:AudioEmbed}
  1830. </div>
  1831. <div class="info">
  1832. <div class="dateinfo">
  1833. <a href="{Permalink}">
  1834. <i class="fa fa-calendar"></i>
  1835. {block:IfDateFormatTimeAgo}
  1836. {TimeAgo}
  1837. {/block:IfDateFormatTimeAgo}
  1838. {block:IfNotDateFormatTimeAgo}
  1839. {DayOfMonthWithZero} {ShortMonth} {Year}
  1840. {/block:IfNotDateFormatTimeAgo}
  1841. </a>
  1842. </div>
  1843. <div class="noteinfo">
  1844. <a href="{Permalink}">
  1845. <i class="fa fa-bar-chart"></i> {NoteCountWithLabel}
  1846. </a>
  1847. </div>
  1848. <div class="likeinfo">
  1849. {LikeButton size="14"}
  1850. <i class="fa fa-heart"></i>
  1851. </div>
  1852. <div class="rebloginfo">
  1853. <a href="{ReblogURL}" title="Reblog" {Target}>
  1854. <i class="fa fa-retweet"></i>
  1855. </a>
  1856. </div>
  1857. <div class="share-button">
  1858. <div class="share--line"></div>
  1859. <div class="share-blob">
  1860. <a class="share-btn facebook-btn" href="https://www.facebook.com/sharer/sharer.php?u={Permalink}" target="_blank"><i class="fa fa-facebook"></i> facebook</a>
  1861. <a class="share-btn google-btn" href="https://plus.google.com/share?url={Permalink}" target="_blank"><i class="fa fa-google-plus"></i> google +</a>
  1862. <a class="share-btn twitter-btn" href="https://twitter.com/intent/tweet?url={Permalink}" target="_blank"><i class="fa fa-twitter"></i> twitter</a>
  1863. </div>
  1864. </div>
  1865. </div>
  1866. {/block:Audio}
  1867. {block:IfShowCaptiononmainpage}
  1868. {block:Caption}
  1869. <div class="the--caption">
  1870. {Caption}
  1871. </div>
  1872. {/block:Caption}
  1873. {/block:IfShowCaptiononmainpage}
  1874. {block:PermalinkPage}
  1875. {block:Date}
  1876. {block:Caption}
  1877. <div class="the--caption">
  1878. {Caption}
  1879. </div>
  1880. {/block:Caption}
  1881. {block:HasTags}
  1882. <div class="the--tags">
  1883. {block:Tags}
  1884. <a class="post--tags" href="{TagURL}" {Target}>#{Tag}</a>
  1885. {/block:Tags}
  1886. </div>
  1887. {/block:HasTags}
  1888. {block:PostNotes}
  1889. <div class="post-notes">
  1890. {PostNotes-16}
  1891. </div>
  1892. {/block:PostNotes}
  1893. {/block:Date}
  1894. {/block:PermalinkPage}
  1895. {block:PermalinkPage}
  1896. {block:Date}
  1897. {block:IfDisqusShortname}
  1898. <div class="disqus">
  1899. <div id="disqus_thread"></div>
  1900. <script type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/embed.js"></script>
  1901. <noscript><a href="http://{text:Disqus Shortname}.disqus.com/?url=ref">{lang:View the discussion thread}</a></noscript>
  1902. </div>
  1903. {/block:IfDisqusShortname}
  1904. {/block:Date}
  1905. {/block:PermalinkPage}
  1906. </div><!-- mediaPost -->
  1907. </div>
  1908. {/block:Posts}
  1909. </div><!-- .masonry-->
  1910. </div><!-- #grid -->
  1911. </div><!-- /row -->
  1912. {block:Pagination}
  1913. <div class="col-md-12 col-xs-12 pagination">
  1914. <ul>
  1915. {block:PreviousPage}
  1916. <li><a href="{PreviousPage}" class="prev_page btn">{lang:Prev}</a></li>
  1917. {/block:PreviousPage}
  1918. {block:JumpPagination length="7"}
  1919. {block:CurrentPage}
  1920. <li><span class="current_page btn" >{PageNumber}</span></li>
  1921. {/block:CurrentPage}
  1922. {block:JumpPage}
  1923. <li class="jq"><a class="jump_page btn" href="{URL}">{PageNumber}</a></li>
  1924. {/block:JumpPage}
  1925. {/block:JumpPagination}
  1926. {block:NextPage}
  1927. <li><a id="next" href="{NextPage}" class="btn">{lang:Next}</a></li>
  1928. {/block:NextPage}
  1929. </ul>
  1930. </div><!-- End Pagination -->
  1931. {/block:Pagination}
  1932. </div><!-- /container -->
  1933. {block:IndexPage}
  1934. <div class="col-md-12">
  1935. <div class="row">
  1936. <div id="footer">
  1937. <div class="footer">
  1938. <p>Copyright © {CopyrightYears} <span class="style1">{title}</span>.All rights reserved. Theme by <a href="http://www.leenthemes.com/" target="_blank">Leen Themes</a>
  1939. </p>
  1940. </div>
  1941. </div>
  1942. </div>
  1943. </div>
  1944. {/block:IndexPage}
  1945. </div><!-- /content -->
  1946. </div><!-- /content-wrap -->
  1947. </div><!-- /wraper -->
  1948. <button class="button button--line button--effect-1 scrollup hidden-xs" style="display: none;">
  1949. <span class="morph-shape1" data-morph-active="M286,113c0,0-68.8,9-136,9c-78.2,0-137-9-137-9S3,97.198,3,62.5C3,33.999,13,12,13,12S72,2,150,2c85,0,136,10,136,10s11,17.598,11,52C297,96.398,286,113,286,113z">
  1950. <svg width="100%" height="100%" viewBox="0 0 300 125" preserveAspectRatio="none">
  1951. <path d="M286.5,113c0,0-104,0-136.5,0c-35.75,0-136.5,0-136.5,0s0-39.417,0-52.5c0-12.167,0-48.5,0-48.5s101.833,0,136.5,0c33.583,0,136.5,0,136.5,0s0,35.917,0,48.5C286.5,73.167,286.5,113,286.5,113z"/>
  1952. </svg>
  1953. </span>
  1954. <span class="button__text"><i class="fa fa-angle-up"></i></span>
  1955. </button>
  1956. <script src="http://static.tumblr.com/6znvctm/iUqnnza1s/main.js"></script>
  1957. <script>
  1958. (function() {
  1959. function extend( a, b ) {for( var key in b ) {if( b.hasOwnProperty( key ) ) {a[key] = b[key];}}return a;}
  1960. function SVGButton( el, options ) {this.el = el;this.options = extend( {}, this.options );extend( this.options, options );this.init();}
  1961. SVGButton.prototype.options = {speed : { reset : 800, active : 150 },easing : { reset : mina.elastic, active : mina.easein }};
  1962. SVGButton.prototype.init = function() {this.shapeEl = this.el.querySelector( 'span.morph-shape1' );
  1963. var s = Snap( this.shapeEl.querySelector( 'svg' ) );
  1964. this.pathEl = s.select( 'path' );
  1965. this.paths = {reset : this.pathEl.attr( 'd' ),active : this.shapeEl.getAttribute( 'data-morph-active' )};this.initEvents();};
  1966. SVGButton.prototype.initEvents = function() {
  1967. this.el.addEventListener( 'mousedown', this.down.bind(this) );
  1968. this.el.addEventListener( 'mouseup', this.up.bind(this) );
  1969. this.el.addEventListener( 'touchend', this.up.bind(this) );
  1970. this.el.addEventListener( 'mouseout', this.up.bind(this) );
  1971. };
  1972. SVGButton.prototype.down = function() {
  1973. this.pathEl.stop().animate( { 'path' : this.paths.active }, this.options.speed.active, this.options.easing.active );};
  1974. SVGButton.prototype.up = function() {
  1975. this.pathEl.stop().animate( { 'path' : this.paths.reset }, this.options.speed.reset, this.options.easing.reset );};
  1976. [].slice.call( document.querySelectorAll( 'button.button--effect-1' ) ).forEach( function( el ) {
  1977. new SVGButton( el );
  1978. } );
  1979. })();
  1980. </script>
  1981.  
  1982. <script type="text/javascript">
  1983. ( function($) {$.fn.responsiveVideo = function() {var $all_videos = $(".i_Frame");$all_videos = $(this).find( 'iframe, object, embed' );$all_videos.not( 'object object , .like_toggle , .bandcamp_audio_player ,.photoset ,#lEENstagram , #submit_form , #ask_form , #dsq-2' ).each( function() {var $video = $(this);if ( $video.parents( 'object' ).length )return;if ( ! $video.prop( 'id' ) )$video.attr( 'id', 'sandy' + Math.floor( Math.random() * 999999 ) );$video.wrap( '<div class="responsive-video-wrapper" style="padding-top: ' + ( $video.attr( 'height' ) / $video.attr( 'width' ) * 100 ) + '%" />' ).removeAttr( 'height' ).removeAttr( 'width' );$video.closest( ".responsive-video-wrapper iframe" )});};} )(jQuery);
  1984. $("body").responsiveVideo();
  1985. $(document).ready(function(){
  1986. var $container = $(".masonry");
  1987. changeattr();hakuna();
  1988. $(".col-header .avatarShape, .col-header h1 , .col-header h2").addClass("cuddles");
  1989. $(document).on('click', '.share-button', function(){
  1990. $(this).toggleClass("toggle");
  1991. $(this).find(".share-blob").toggleClass("open");
  1992. });
  1993. $(window).scroll(function(){if ($(this).scrollTop() > 700) {$('.scrollup').fadeIn();} else {$('.scrollup').fadeOut();}});
  1994. $('.scrollup').click(function(){$("html, body").animate({ scrollTop: 0 }, 600);return false;});
  1995. {block:IfInfiniteScrolling}
  1996. $container.infinitescroll({
  1997. navSelector : '.pagination',
  1998. nextSelector : '#next',
  1999. itemSelector : '.element:not(.profile)',
  2000. loading:{finishedMsg:'<div id="#loadingeen" style="position:absolute;width:170px;height:70px;bottom: -100px;right:0px;left:0;margin:auto;z-index:999;color:{color:Loading spinner};text-align:center;"><strong>{lang:No more posts}</strong></div>',msgText:'<div id="#loading_nav" style="position:absolute;width:70px;height:70px;bottom: -100px;right:0px;left:0;margin:auto;z-index: 999"><div class="spinner"><div class="bounce1"></div><div class="bounce2"></div><div class="bounce3"></div></div></div>'}
  2001. },
  2002. function( newElements ) {
  2003. var $newElems = $( newElements ).css({ opacity: 0 });
  2004. var $newElemsIDs = $newElems.map(function () {
  2005. return this.id;
  2006. }).get();
  2007. $newElems.responsiveVideo();
  2008. changeattr();
  2009. hakuna();
  2010. setTimeout(function(){
  2011. $newElems.css({opacity: 1});
  2012. $container.masonry( 'appended', $newElems, true );
  2013. }, 500);
  2014. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  2015. }
  2016. );
  2017. {/block:IfInfiniteScrolling}
  2018.  
  2019. });
  2020. var hakuna = function(){
  2021. /* Trigger mansory */
  2022. var $container = $(".masonry");
  2023. $container.masonry({transitionDuration: 0});
  2024. setTimeout(function(){ $container.masonry() }, 100);
  2025. setTimeout(function(){ $container.masonry() }, 200);
  2026. setTimeout(function(){ $container.masonry() }, 300);
  2027. setTimeout(function(){ $container.masonry() }, 500);
  2028. setTimeout(function(){ $container.masonry() }, 1000);
  2029. setTimeout(function(){ $container.masonry() }, 2000);
  2030. setTimeout(function(){ $container.masonry() }, 4000);
  2031. setTimeout(function(){ $container.masonry() }, 6000);
  2032. $container.imagesLoaded().progress( function( instance, image ) {
  2033. image.isLoaded ? $container.masonry({transitionDuration: 0}) : $container.masonry({transitionDuration: 0});
  2034. });
  2035. /* Photosets */
  2036. var $allPhotoSets = $('.photoset-grid');
  2037. $allPhotoSets.photosetGrid({highresLinks: true,gutter: '3px',onComplete: function(){$allPhotoSets.each(function(){var postClass = ".photoset" + $(this).data("popup");$(postClass).magnificPopup({delegate:"a.highres-link",type:"image",gallery:{enabled:!0}})})}});
  2038. }
  2039. var changeattr = function(){
  2040. var $elements = $(".media--post");
  2041. var elementwidth = $elements.width();
  2042. var windowwidth = $(window).width();
  2043. if (elementwidth > 500) {
  2044. $elements.each(function() {
  2045. var biggerimage = $(this).find('img.mainimg').data("high");
  2046. $(this).find('img.mainimg').attr( "src", biggerimage );
  2047. });
  2048. }
  2049. }
  2050. $(window).load(function(){$(function() {$("#tweets").responsiveSlides({auto: true,speed: 500,timeout: 5000,pause: true,namespace: "maha"})})});
  2051. </script>
  2052. {block:IfGoogleAnalyticsID}
  2053. <script>
  2054. (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  2055. (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  2056. m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  2057. })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  2058.  
  2059. ga('create', '{text:Google Analytics ID}', 'tumblr.com');
  2060. ga('send', 'pageview');
  2061. </script>
  2062. {/block:IfGoogleAnalyticsID}
  2063. {block:Twitter}
  2064. <script type="text/javascript" src="/tweets.js"></script>
  2065. {/block:Twitter}
  2066. </body>
  2067. </html><!-- 9:14 PM 14/05/2015 leen themes ==> [email protected] -->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!