API tools faq
paste
Advertisement
feiinho

LIGHTGLASS 2

feiinho
Aug 27th, 2014
369
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 84.02 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!--
  4. _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
  5. | _ | | | | | | |/ / | | | _ | | | | _ |
  6. | |_| | | | | _| | | / | _ | | |_| | | | | |_| |
  7. | - | | | | _ | - | _| | - | | _ | -
  8. | | \ | | | | | | \ | | | | \ | | | | \
  9. |_ _|\_ _\ |_ _| |_ _ _| |_ _|\_ _\ |_ _ _| |_ _|\_ _\ |_ _ _ _| |_ _|\_ _\
  10.  
  11.  
  12. ********************************
  13. Theme by: rickerlr.tumblr.com
  14. On: www.themecloud.co
  15. Name: LIGHTGLASS 2
  16. Version: 2.1
  17. Year: 2012 (update version: May, 2013)
  18. Other themes: rickerlrthemes.tumblr.com
  19. Twitter: @rickerlr
  20. ********************************
  21. -->
  22.  
  23. <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
  24. <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
  25. <!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
  26. <!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
  27. <head>
  28.  
  29. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  30.  
  31. <meta name="color:Background" content="#f0f0f0"/>
  32. <meta name="color:Text Header Description" content="#666666"/>
  33. <meta name="color:Icons Photo" content="#ffffff"/>
  34. <meta name="color:Icons Photo Background" content="#000000"/>
  35. <meta name="color:Link" content="#000000"/>
  36. <meta name="color:Link Hover" content="#555555"/>
  37. <meta name="color:Link Menu" content="#555555"/>
  38. <meta name="color:Icons" content="#bbbbbb"/>
  39. <meta name="color:Opacity Color Photo Effect" content="#000000"/>
  40. <meta name="color:Post Background" content="#ffffff"/>
  41. <meta name="color:Social Icons Header Background" content="#444444"/>
  42. <meta name="color:Social Icons Header Color" content="#ffffff"/>
  43. <meta name="color:Text" content="#666666"/>
  44. <meta name="color:Title" content="#333333"/>
  45. <meta name="color:Title Header" content="#333333"/>
  46.  
  47. <meta name="image:Background image" content="" />
  48. <meta name="image:Header Image" content="" />
  49.  
  50. <meta name="font:Body" content="Helvetica Neue, 'Open sans', Arial, sans-serif"/>
  51.  
  52. <!-- columns number -->
  53. <meta name="if:2 Columns" content="0"/>
  54. <meta name="if:3 Columns" content="1"/>
  55. <meta name="if:4 Columns" content="0"/>
  56. <meta name="if:5 Columns" content="0"/>
  57.  
  58. <meta name="if:Border Rounded" content="0"/>
  59. <meta name="if:Box Shadow" content="1"/>
  60. <meta name="if:Content Full Screen" content="0"/>
  61.  
  62. <!-- fonts -->
  63. <meta name="if:Font Francois One" content="0"/>
  64. <meta name="if:Font Gochi Hand" content="0"/>
  65. <meta name="if:Font Indie Flower" content="0"/>
  66. <meta name="if:Font Leckerli One" content="0"/>
  67. <meta name="if:Font Lilita One" content="0"/>
  68. <meta name="if:Font Lobster" content="0"/>
  69. <meta name="if:Font Mrs Sheppards" content="0"/>
  70. <meta name="if:Font Oleo Script" content="0"/>
  71. <meta name="if:Font Open Sans Condensed" content="0"/>
  72. <meta name="if:Font Oswald" content="0"/>
  73.  
  74. <meta name="if:Hide Description" content="0"/>
  75. <meta name="if:Infinite Scroll" content="1"/>
  76. <meta name="if:Paper Effect" content="1"/>
  77. <meta name="if:Show Archive Link" content="1"/>
  78. <meta name="if:Show Captions" content="0"/>
  79. <meta name="if:Show Menu Fixed Top" content="1"/>
  80. <meta name="if:Show Random Link" content="0"/>
  81. <meta name="if:Show Rss Link" content="0"/>
  82. <meta name="if:Show Social Share Buttons" content="1"/>
  83. <meta name="if:Tumblr Follow Button Fixed" content="0"/>
  84.  
  85. <meta name="text:Back Top" content="Back to top" />
  86. <meta name="text:Disqus Shortname" content="" />
  87. <meta name="text:Footer Text" content="" />
  88. <meta name="text:Google Analytics ID" content="" />
  89. <meta name="text:Twitter Username" content="" />
  90.  
  91. <meta name="text:URL Behance" content=""/>
  92. <meta name="text:URL Dribbble" content=""/>
  93. <meta name="text:URL Facebook" content=""/>
  94. <meta name="text:URL Flickr" content=""/>
  95. <meta name="text:URL Google Plus" content=""/>
  96. <meta name="text:URL Instagram" content=""/>
  97. <meta name="text:URL LinkedIn" content=""/>
  98. <meta name="text:URL Pinterest" content=""/>
  99. <meta name="text:URL Twitter" content=""/>
  100.  
  101. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  102.  
  103. <title>{Title}{block:SearchPage} | {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary} | {PostSummary}{/block:PostSummary}{block:DayPage} | {Month} {DayOfMonth}, {Year}{/block:DayPage}</title>
  104. {block:Description}
  105. <meta name="description" content="{MetaDescription}" />
  106. {/block:Description}
  107. <link rel="shortcut icon" href="{Favicon}" />
  108. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  109. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  110.  
  111. <!--[if lt IE 9]>
  112. <script src="http://static.tumblr.com/dbek3sy/A8Hmj11p2/html5shiv.js"></script>
  113. <![endif]-->
  114.  
  115. <script src="http://static.tumblr.com/mcreuad/GJWmkxweb/modernizr-2.5.3.min.js"></script>
  116.  
  117. <!-- css normalize -->
  118. <link rel="stylesheet" src="http://static.tumblr.com/dbek3sy/B5Fmjhygj/normalize.css" />
  119.  
  120. <!-- fonts -->
  121. <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
  122. <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
  123. <link href='http://fonts.googleapis.com/css?family=Lilita+One|Oleo+Script|Lobster|Gochi+Hand|Mrs+Sheppards|Open+Sans+Condensed:700|Leckerli+One|Francois+One|Indie+Flower' rel='stylesheet' type='text/css'>
  124. <link href='http://static.tumblr.com/dbek3sy/hfwmn926m/fontello.css' rel='stylesheet' type='text/css'>
  125. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/dbek3sy/oT8mjv1mr/lightglass-font.css">
  126.  
  127. <!-- fancybox style -->
  128. <link rel='stylesheet' type='text/css' href="http://static.tumblr.com/dbek3sy/RJPmizo61/jquery.fancybox-1.3.4.css">
  129.  
  130. <!-- photoset css -->
  131. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/dbek3sy/KXpmjrjgj/style.css">
  132.  
  133. <!-- Lightglass css core -->
  134. <style type="text/css">
  135.  
  136. *{
  137. -moz-box-sizing: border-box;
  138. -webkit-box-sizing: border-box;
  139. box-sizing: border-box;
  140.  
  141. -webkit-font-smoothing: antialiased;
  142. }
  143.  
  144. #fancybox-wrap{
  145. box-sizing: content-box !important;
  146. }
  147.  
  148.  
  149. a, img{border: 0;}
  150.  
  151. .right{float: right;}
  152. .left{float: left;}
  153. .clear{clear: both;}
  154.  
  155. ul li, ol li{list-style-type: none;}
  156.  
  157. h1,h2,h3,h4,h5,h6{
  158. color: {color:Title};
  159. line-height: 1.1em;
  160. font-weight: bold;
  161. padding: 15px 15px 0px;
  162. margin: 0px;
  163. text-align: left;
  164. }
  165.  
  166. h1 a{color: {color:Title};}
  167.  
  168. h1{font-size: 1.7em;}
  169. h2{font-size: 1.5em;}
  170. h3{font-size: 1.3em;}
  171. h4{font-size: 1.2em;}
  172. h5{font-size: 1.1em;}
  173. h6{font-size: 1em;}
  174.  
  175. a{
  176. -webkit-transition: all 0.2s ease;
  177. -moz-transition: all 0.2s ease;
  178. -o-transition: all 0.2s ease;
  179. transition: all 0.2s ease;
  180. }
  181.  
  182. a{
  183. color:{color:Link};
  184. text-decoration:none;
  185. }
  186.  
  187. a:hover{
  188. color:{color:Link Hover};
  189. }
  190.  
  191. {block:IfBorderRounded}
  192. article.posts, .caption img, .opacityColorPhotoEffect,
  193. article.posts section.answerSection img.answerImage,
  194. article.posts .chat li.odd, article.posts header{
  195. border-radius: 4px;
  196. -moz-border-radius: 4px;
  197. -webkit-border-radius: 4px;
  198. }
  199.  
  200. article.posts header{
  201. overflow: hidden;
  202. }
  203.  
  204. article.posts img.photo{
  205. {block:IfShowCaptions}
  206. -webkit-border-top-left-radius: 4px;
  207. -webkit-border-top-right-radius: 4px;
  208. -moz-border-radius-topleft: 4px;
  209. -moz-border-radius-topright: 4px;
  210. border-top-left-radius: 4px;
  211. border-top-right-radius: 4px;
  212. {/block:IfShowCaptions}
  213.  
  214. {block:IfNotShowCaptions}
  215. border-radius: 4px;
  216. -moz-border-radius: 4px;
  217. -webkit-border-radius: 4px;
  218. {/block:IfNotShowCaptions}
  219. }
  220. {/block:IfBorderRounded}
  221.  
  222. #head_description, header nav ul li,
  223. #menuShow, .caption, article.posts .chat .label,
  224. article.paddingPosts,
  225. #backToTopButton, ul#pagination, section#footerDetails{
  226. font-size: 0.8em;
  227. {block:IfNot2Columns}{block:IfNot3Columns}{block:IfNot4Columns}{block:IfNot5Columns}
  228. font-size: 0.9em !important;
  229. {/block:IfNot5Columns}{/block:IfNot4Columns}{/block:IfNot3Columns}{/block:IfNot2Columns}
  230. }
  231.  
  232. body{
  233. padding: 0; margin: 0;
  234. font-size: 100%;
  235. color: {color:Text};
  236. font-family: {font:Body};
  237. text-align: center;
  238. word-wrap: break-word;
  239. background-color: {color:Background};
  240. background-image: url({image:Background Image});
  241. background-repeat: repeat;
  242. background-attachment: fixed;
  243. background-position: top left;
  244. overflow-x: hidden;
  245. }
  246.  
  247. header#header{
  248. margin: 0 auto;
  249. position: relative;
  250. width: -webkit-calc(100% - (20px * 2));
  251. width: -moz-calc(100% - (20px * 2));
  252. width: calc(100% - (20px *2));
  253. text-align: center;
  254. }
  255.  
  256. header#header h1{
  257. text-align: center;
  258. font-size: 2.2em;
  259. margin-top: 25px;
  260.  
  261. {block:IfFontFrancoisOne}font-family: 'Francois One', sans-serif;{/block:IfFontFrancoisOne}
  262. {block:IfFontGochiHand}font-family: 'Gochi Hand', cursive;{/block:IfFontGochiHand}
  263. {block:IfFontIndieFlower}font-family: 'Indie Flower', cursive;{/block:IfFontIndieFlower}
  264. {block:IfFontLeckerliOne}font-family: 'Leckerli One', cursive;{/block:IfFontLeckerliOne}
  265. {block:IfFontLilitaOne}font-family: 'Lilita One', cursive;{/block:IfFontLilitaOne}
  266. {block:IfFontLobster}font-family: 'Lobster', cursive;{/block:IfFontLobster}
  267. {block:IfFontMrsSheppards}font-family: 'Mrs Sheppards', cursive;{/block:IfFontMrsSheppards}
  268. {block:IfFontOleoScript}font-family: 'Oleo Script', cursive;{/block:IfFontOleoScript}
  269. {block:IfFontOpenSansCondensed}font-family: 'Open Sans Condensed', sans-serif;{/block:IfFontOpenSansCondensed}
  270. {block:IfFontOswald}font-family: 'Oswald', sans-serif;{/block:IfFontOswald}
  271.  
  272. font-weight: normal !important;
  273.  
  274. }
  275.  
  276. header#header h1 a{color: {color:Title Header};}
  277.  
  278. .nameBlog{
  279. cursor: pointer;
  280. }
  281.  
  282. header#header h4{
  283. text-align: center;
  284. margin-bottom: 20px;
  285. }
  286.  
  287. header#header img#bannerLogo{
  288. margin-top: 20px;
  289. max-width: 100%;
  290. height: auto;
  291. }
  292.  
  293. #head_description{
  294. margin-top: 20px;
  295. line-height: 1.5em;
  296. color: {color:Text Header Description};
  297. {block:IfHideDescription}
  298. display:none;
  299. {/block:IfHideDescription}
  300. }
  301.  
  302. #head_description a{color:{color:Link menu};}
  303.  
  304. #header nav#socialLinks ul{
  305. margin-top: 20px;
  306. padding: 0;
  307. }
  308.  
  309. #header nav#socialLinks li{
  310. display:inline;
  311. margin: 0px 0px;
  312. }
  313.  
  314. #header nav#socialLinks li a{
  315. display: inline-block;
  316. width: 28px;
  317. height: 28px;
  318. line-height: 28px;
  319. background-color: {color:Social Icons Header Background};
  320. font-size: 15px;
  321. color: {color:Social Icons Header Color};
  322.  
  323. -webkit-border-radius: 14px;
  324. -moz-border-radius: 14px;
  325. border-radius: 14px;
  326. }
  327.  
  328. #header nav#socialLinks li:first-child{margin-left:0px;}
  329.  
  330. #header nav#socialLinks li a:hover{color:white !important;}
  331. .icon-twitter:hover{background-color:#00aced !important;}
  332. .icon-facebook:hover{background-color:#3b5999 !important;}
  333. .icon-gplus:hover{background-color:#d84937 !important;}
  334. .icon-linkedin:hover{background-color:#006699 !important;}
  335. .icon-flickr:hover{background-color:#fe0084 !important;}
  336. .icon-dribbble:hover{background-color:#ea4c89 !important;}
  337. .icon-pinterest:hover{background-color:#c11a22 !important;}
  338. .icon-instagram:hover{background-color:#1c5380 !important;}
  339. .icon-behance:hover{background-color:#1769ff !important;}
  340.  
  341. #menu-mobile{display:none;}
  342.  
  343. #header nav#menu ul{margin-top: 20px;padding: 0;}
  344.  
  345. #header nav#menu ul li{
  346. display: inline;
  347. margin: 0px 10px;
  348. }
  349.  
  350. #header nav#menu ul li a{
  351. letter-spacing: 1px;
  352. color: {color:Link Menu};
  353. }
  354.  
  355. #header nav#menu ul li a:hover{
  356. color: {color:Link};
  357. }
  358.  
  359. {block:IFShowMenuFixedTop}
  360. .menuTop{
  361. display: none;
  362. margin-top:0px !important;
  363. width: 100%;
  364. left: 0px;
  365. position: fixed !important;
  366. top:-50px;
  367. background: rgba({RGBcolor:Post Background},0.93);
  368. z-index:10;
  369. {block:IfBoxShadow}
  370. box-shadow: 0px 1px 2px rgba(0,0,0,0.1), inset 0px 0px 2px rgba(255,255,255,0.2);
  371. {/block:IfBoxShadow}
  372.  
  373. {block:IfBorderRounded}
  374. -webkit-border-bottom-right-radius: 4px;
  375. -webkit-border-bottom-left-radius: 4px;
  376. -moz-border-radius-bottomright: 4px;
  377. -moz-border-radius-bottomleft: 4px;
  378. border-bottom-right-radius: 4px;
  379. border-bottom-left-radius: 4px;
  380. {/block:IfBorderRounded}
  381. }
  382. {/block:IFShowMenuFixedTop}
  383.  
  384. #search_bg{
  385. display: none;
  386. position: fixed;
  387. top: 0px;
  388. left: 0px;
  389. width: 100%;
  390. height: 100%;
  391. background: rgba(0,0,0,0.7);
  392. z-index: 9999;
  393. }
  394.  
  395. #search_container{
  396. position: absolute;
  397. top: 50%;
  398. left: 50%;
  399. margin-left: -200px;
  400. margin-top: -40px;
  401. width: 370px;
  402. height: 80px;
  403. padding: 20px;
  404. background: {color:Post Background};
  405. {block:IfBorderRounded}
  406. -webkit-border-radius: 4px;
  407. -moz-border-radius: 4px;
  408. border-radius: 4px;
  409. {/block:IfBorderRounded}
  410. }
  411.  
  412. #search_form input[type="text"]{
  413. height: 40px;
  414. width: 250px;
  415. border: 1px solid rgba({RGBcolor:Link Menu},0.4);
  416. color: #555555;
  417. margin: 0;
  418. padding: 0px 8px;
  419. margin-right: -5px;
  420. outline: none;
  421. font-size: 1em;
  422. {block:IfBorderRounded}
  423. -webkit-border-top-left-radius: 4px;
  424. -webkit-border-bottom-left-radius: 4px;
  425. -moz-border-radius-topleft: 4px;
  426. -moz-border-radius-bottomleft: 4px;
  427. border-top-left-radius: 4px;
  428. border-bottom-left-radius: 4px;
  429. {/block:IfBorderRounded}
  430. }
  431.  
  432. #search_form input[type="submit"]{
  433. cursor: pointer;
  434. height: 40px !important;
  435. width: 80px;
  436. margin: 0;
  437. padding: 0px 12px;
  438. background: {color:Link};
  439. color: #fff;
  440. border: 0;
  441. font-size: 1em;
  442. {block:IfBorderRounded}
  443. -webkit-border-top-right-radius: 4px;
  444. -webkit-border-bottom-right-radius: 4px;
  445. -moz-border-radius-topright: 4px;
  446. -moz-border-radius-bottomright: 4px;
  447. border-top-right-radius: 4px;
  448. border-bottom-right-radius: 4px;
  449. {/block:IfBorderRounded}
  450. }
  451.  
  452. #search_form input[type="submit"]:active{
  453. background: {color:Link Hover};
  454. }
  455.  
  456. section#wrap{
  457. {block:IfNotContentFullScreen}
  458. {block:IndexPage}
  459. width: 730px;
  460. {block:If2Columns}width:1060px;{/block:If2Columns}
  461. {block:If3Columns}width:990px;{/block:If3Columns}
  462. {block:If4Columns}width:1120px;{/block:If4Columns}
  463. {block:If5Columns}width:1400px;{/block:If5Columns}
  464. {/block:IndexPage}
  465. {/block:IfNotContentFullScreen}
  466. {block:PermalinkPage}
  467. width: 730px;
  468. {/block:PermalinkPage}
  469. margin: 0 auto;
  470. overflow: visible !important;
  471. }
  472.  
  473. section#wrap{
  474. position: relative;
  475. text-align: left;
  476. }
  477.  
  478. /******** posts ********/
  479.  
  480. article.posts, article.posts img.photo, article.posts .photosetPost, .audioimage, .videoPost iframe{
  481. {block:IndexPage}
  482. width: 700px;
  483. {block:If2Columns}width:500px;{/block:If2Columns}
  484. {block:If3Columns}width:300px;{/block:If3Columns}
  485. {block:If4Columns}width:250px;{/block:If4Columns}
  486. {block:If5Columns}width:250px;{/block:If5Columns}
  487. {/block:IndexPage}
  488. {block:PermalinkPage}
  489. width: 700px;
  490. {/block:PermalinkPage}
  491. }
  492.  
  493. .tumblr_video_iframe, .tumblr_video_container{
  494. height: auto !important;
  495. }
  496.  
  497.  
  498. {block:IndexPage}
  499. article.posts.big-post, article.posts.big-post .videoPost,
  500. article.posts.big-post img.photo, article.posts.big-post .photosetPost,
  501. article.posts.big-post .audioimage{
  502. width: 700px;
  503. {block:If2Columns}width:1030px;{/block:If2Columns}
  504. {block:If3Columns}width:630px;{/block:If3Columns}
  505. {block:If4Columns}width:530px;{/block:If4Columns}
  506. {block:If5Columns}width:530px;{/block:If5Columns}
  507. }
  508.  
  509. article.posts.big-post .videoPost iframe{
  510. width: 100% !important;
  511. height: 410px;
  512. {block:If2Columns}height:540px;{/block:If2Columns}
  513. {block:If3Columns}height:360px;{/block:If3Columns}
  514. {block:If4Columns}height:320px;{/block:If4Columns}
  515. {block:If5Columns}height:320px;{/block:If5Columns}
  516. }
  517.  
  518. article.posts.big-post .videoPost iframe.soundcloud_audio_player{
  519. width: 100% !important;
  520. height: auto !important;
  521. }
  522.  
  523. {/block:IndexPage}
  524.  
  525. article.posts{
  526. {block:IfBoxShadow}
  527. box-shadow: 0px 1px 2px rgba(0,0,0,0.25), inset 0px 0px 2px rgba(255,255,255,0.2);
  528. {/block:IfBoxShadow}
  529. margin: 15px;
  530. background-color: {color:Post Background};
  531. position: relative;
  532. z-index: 1;
  533. {block:IndexPage}
  534. {block:If2Columns}float:left;{/block:If2Columns}
  535. {block:If3Columns}float:left;{/block:If3Columns}
  536. {block:If4Columns}float:left;{/block:If4Columns}
  537. {block:If5Columns}float:left;{/block:If5Columns}
  538. {block:IfNot2Columns}{block:IfNot3Columns}{block:IfNot4Columns}{block:IfNot5Columns}
  539. margin-top:30px;
  540. float:none;
  541. {/block:IfNot5Columns}{/block:IfNot4Columns}{/block:IfNot3Columns}{/block:IfNot2Columns}
  542. {/block:IndexPage}
  543. {block:PermalinkPage}
  544. margin-top: 30px;
  545. padding-bottom: 15px;
  546. {/block:PermalinkPage}
  547. }
  548.  
  549. {block:IfPaperEffect}
  550. article.posts:after{
  551. content: "";
  552. width: 98%;
  553. position: absolute;
  554. left: 50%;
  555. margin-left: -48.85%;
  556. height: 3px;
  557. bottom: -3px;
  558. background: {color:Post Background};
  559. {block:IfBoxShadow}
  560. box-shadow: 0px 1px 2px rgba(0,0,0,0.2), inset 0px 0px 2px rgba(255,255,255,0.2), inset 0px 1px 2px rgba(0,0,0,0.2);
  561. {/block:IfBoxShadow}
  562. {block:IfNotBoxShadow}
  563. box-shadow: inset 0px 1px 2px rgba(0,0,0,0.2);
  564. {/block:IfNotBoxShadow}
  565. z-index: 0;
  566.  
  567. {block:IfBorderRounded}
  568. -webkit-border-bottom-right-radius: 3px;
  569. -webkit-border-bottom-left-radius: 3px;
  570. -moz-border-radius-bottomright: 3px;
  571. -moz-border-radius-bottomleft: 3px;
  572. border-bottom-right-radius: 3px;
  573. border-bottom-left-radius: 3px;
  574. {/block:IfBorderRounded}
  575. }
  576. article.deletePaperEffect.posts:after{
  577. width: 0;
  578. height: 0;
  579. bottom:5px;
  580. }
  581. {/block:IfPaperEffect}
  582.  
  583. .caption{
  584. padding: 00px 15px;
  585. margin-top: 10px;
  586. line-height: 1.5em;
  587. color: {color:Text};
  588. }
  589.  
  590. .caption h1, .caption h2,
  591. .caption h3, .caption h4,
  592. .caption h5, .caption h6{
  593. padding-left: 0px;
  594. margin-bottom: 10px;
  595. }
  596.  
  597. .caption p:first-child{padding-top: 0px;}
  598. .caption p{margin:5px 0 0;}
  599.  
  600. .caption strong, .caption b{font-weight:bold;}
  601. .caption i, .caption em{font-style:italic;}
  602.  
  603. .caption blockquote, ol.notes blockquote{
  604. padding-left:10px;
  605. margin-right: 0;
  606. border-left: 3px solid rgba({RGBcolor:Text}, 0.3);
  607. margin: 10px 0px;
  608. }
  609.  
  610. ol.notes blockquote{
  611. margin-left: 25px;
  612. margin-right: 0;
  613. }
  614.  
  615. .caption ul{
  616. padding-left: 25px;
  617. }
  618.  
  619. .caption ul li{
  620. margin-top: 2px;
  621. list-style-type: disc;
  622. }
  623.  
  624. .caption img{
  625. display: block;
  626. max-width: 100%;
  627. height: auto;
  628. margin: 10px 0px;
  629.  
  630. {block:PermalinkPage}
  631. display: block;
  632. margin: 15px auto;
  633. {/block:PermalinkPage}
  634. }
  635.  
  636. .caption blockquote img{
  637. display: inline !important;
  638. }
  639.  
  640. article.posts .photosetPost, article.posts img.photo, .videoPost{
  641. position: relative;
  642. }
  643.  
  644. article.posts img.photo{
  645. margin-bottom: -5px;
  646. {block:PermalinkPage}
  647. margin-bottom: -20px;
  648. {/block:PermalinkPage}
  649. }
  650.  
  651. {block:IndexPage}
  652. {block:IfNotShowCaptions}
  653. .opacityColorPhotoEffect{
  654. position:absolute;
  655. height:100%;
  656. width: 100%;
  657. background: {color:Opacity Color Photo Effect};
  658. left:0px;
  659. top:0px;
  660. z-index: 9998;
  661. opacity:0;
  662. filter:alpha(opacity=0);
  663.  
  664. -webkit-transition: opacity 0.3s ease;
  665. -moz-transition: opacity 0.3s ease;
  666. transition: opacity 0.3s ease;
  667. -o-transition: opacity 0.3s ease;
  668. }
  669.  
  670. .description_icons{
  671. font-family: 'lightglassregular';
  672. line-height: 25px;
  673. text-align: center;
  674. background: {color:Icons Photo Background} !important;
  675. height: 25px;
  676. width: 25px;
  677. position: absolute;
  678. display: block;
  679. font-size:1em;
  680. font-weight:normal;
  681. left: 50%;
  682. top: 65%;
  683. margin-top: -12px;
  684. opacity:0;
  685. filter:alpha(opacity=0);
  686. z-index: 9999;
  687.  
  688. -webkit-border-radius: 30px;
  689. -moz-border-radius: 30px;
  690. border-radius: 30px;
  691. }
  692. a.description_icons{color: {color:Icons Photo};}
  693. .reblog_icon{
  694. margin-left: -60px;
  695. -webkit-transition: all 0.25s ease;
  696. -moz-transition: all 0.25s ease;
  697. transition: all 0.25s ease;
  698. -o-transition: all 0.25s ease;
  699. }
  700. .permalink_icon{
  701. margin-left: -30px;
  702. -webkit-transition: all 0.45s ease;
  703. -moz-transition: all 0.45s ease;
  704. transition: all 0.45s ease;
  705. -o-transition: all 0.45s ease;
  706. }
  707. .zoom_icon{
  708. margin-left: 0px;
  709. -webkit-transition: all 0.6s ease;
  710. -moz-transition: all 0.6s ease;
  711. transition: all 0.6s ease;
  712. -o-transition: all 0.6s ease;
  713. }
  714. .heart_icon{
  715. margin-left: 30px;
  716. -webkit-transition: all 0.8s ease;
  717. -moz-transition: all 0.8s ease;
  718. transition: all 0.8s ease;
  719. -o-transition: all 0.8s ease;
  720. }
  721.  
  722. .posts:hover .opacityColorPhotoEffect{opacity:0.4;filter:alpha(opacity=40);}
  723. .posts:hover .description_icons{top: 50%;opacity:1;filter:alpha(opacity=100);}
  724.  
  725. {block:IfNotShowCaptions}
  726.  
  727. .like_button{
  728. position: absolute;
  729. top: -1px;
  730. left: 5px;
  731. opacity: 0;
  732. cursor: pointer;
  733. }
  734.  
  735. .like_button.liked{
  736. opacity: 1 !important;
  737. }
  738.  
  739. .heart_text_post{position: relative;}
  740.  
  741. .heart_text_post .like_button{
  742. top: -2px;
  743. left: 1px;
  744. background: {color:Post Background};
  745. }
  746.  
  747. {/block:IndexPage}
  748.  
  749. article.posts .photosetPost{
  750. margin-bottom: -10px;
  751. }
  752.  
  753. article.posts .chat{padding: 15px 15px 0; margin: 0;}
  754.  
  755. article.posts .chat .caption{padding: 0;}
  756.  
  757. article.posts .chat .label{
  758. font-weight:bold;
  759. }
  760.  
  761. article.posts .chat li.odd,
  762. article.posts .chat li.even{
  763. -webkit-border-radius: 3px;
  764. -moz-border-radius: 3px;
  765. border-radius: 3px;
  766. padding: 10px;
  767. }
  768.  
  769. article.posts .chat li.odd{
  770. background: rgba({RGBcolor:Link},0.08);
  771. color:{color:Link};
  772. }
  773.  
  774. article.posts section.answerSection{
  775. padding: 15px 15px 0;
  776. }
  777.  
  778. article.posts section.answerSection img.answerImage{
  779. width: 30px;
  780. margin-right: 15px;
  781. }
  782.  
  783. .asker{
  784. color:{color:Link};
  785. font-weight:bold;
  786. text-decoration:none;
  787. }
  788.  
  789. .quest{
  790. {block:PermalinkPage}
  791. width: 625px;
  792. {/block:PermalinkPage}
  793. {block:IndexPage}
  794. width: 625px !important;
  795. {block:If2Columns}width: 425px !important;{/block:If2Columns}
  796. {block:If3Columns}width: 225px !important;{/block:If3Columns}
  797. {block:If4Columns}width: 175px !important;{/block:If4Columns}
  798. {block:If5Columns}width: 175px !important;{/block:If5Columns}
  799. {block:IndexPage}
  800. }
  801.  
  802. .quest, .quest p{margin:0px !important;}
  803.  
  804. article.posts section.answerSection .caption{
  805. padding:0;
  806. }
  807.  
  808. /* +++++ permalink page section +++++ */
  809.  
  810. article.paddingPosts{
  811. padding: 15px;
  812. line-height: 1.5em;
  813. position: relative;
  814. }
  815.  
  816. article.permalinkPost h2{
  817. padding: 0;
  818. margin-bottom: 15px;
  819. }
  820.  
  821. #paginationPost{
  822. position: absolute;
  823. top: 15px;
  824. right: 15px;
  825. }
  826.  
  827. ol.notes{padding: 0;margin:0;}
  828.  
  829. ol.notes .note{margin-top:7px;}
  830.  
  831. ol.notes .avatar{
  832. vertical-align: middle;
  833. margin-right: 5px;
  834. }
  835.  
  836. .note.more_notes_link_container{margin-top:40px !important;}
  837.  
  838. /* tags */
  839.  
  840. ul#tags{
  841. padding-left: 12px;
  842. margin: 0px;
  843. }
  844.  
  845. ul#tags li, ul#tags li a{
  846. display:inline-block;
  847. height:24px;
  848. line-height:24px;
  849. position:relative;
  850. font-size: 11px;
  851. margin-top: 15px;
  852. }
  853.  
  854. ul#tags a{
  855. margin-right: 30px;
  856. padding:0 10px 0 12px;
  857. background: {color:Link};
  858. color: {color:Post Background};
  859. text-decoration:none;
  860.  
  861. -webkit-transition: all 0s ease;
  862. -moz-transition: all 0s ease;
  863. -o-transition: all 0s ease;
  864. transition: all 0s ease;
  865.  
  866. -webkit-border-top-right-radius: 3px;
  867. -webkit-border-bottom-right-radius: 3px;
  868. -moz-border-radius-topright: 3px;
  869. -moz-border-radius-bottomright: 3px;
  870. border-top-right-radius: 3px;
  871. border-bottom-right-radius: 3px;
  872. }
  873.  
  874. ul#tags li a:before{
  875. content:"";
  876. float:left;
  877. position:absolute;
  878. top:0;
  879. left:-12px;
  880. width:0;
  881. height:0;
  882. border-color:transparent {color:Link} transparent transparent;
  883. border-style:solid;
  884. border-width: 12px 12px 12px 0;
  885. }
  886.  
  887. ul#tags li a:after{
  888. content:"";
  889. position:absolute;
  890. top:10px;
  891. left:0;
  892. float:left;
  893. width:4px;
  894. height:4px;
  895. -moz-border-radius:2px;
  896. -webkit-border-radius:2px;
  897. border-radius:2px;
  898. background: rgba(0,0,0,0.2);
  899. }
  900.  
  901. ul#tags a:hover{
  902. background: {color:Link Hover};
  903. }
  904.  
  905. ul#tags a:hover:before{border-color:transparent {color:Link Hover} transparent transparent;}
  906.  
  907. /* +++++ footer section +++++ */
  908.  
  909. footer.postControls{
  910. text-align: right;
  911. font-weight:normal;
  912. font-size: 1.1em;
  913. padding: 15px;
  914. }
  915.  
  916. footer.postControls a{
  917. color: {color:Icons};
  918. margin-left: 3px;
  919. font-family: 'lightglassregular';
  920. }
  921.  
  922. footer.postControls a:hover{
  923. color: {color:Link};
  924. }
  925.  
  926. footer#footer{
  927. margin: 50px auto;
  928. width: 100%;
  929. }
  930.  
  931. #backToTopButton{
  932. position: fixed;
  933. text-align: center;
  934. bottom: -70px;
  935. right: 20px;
  936. padding: 10px 20px;
  937. background: {color:Post Background};
  938. cursor: pointer;
  939. z-index: 10;
  940. {block:IfBoxShadow}
  941. box-shadow: 0px 1px 2px rgba(0,0,0,0.2), inset 0px 0px 2px rgba(255,255,255,0.2);
  942. {/block:IfBoxShadow}
  943. }
  944.  
  945. ul#pagination {
  946. padding:0;
  947. margin:20px auto;
  948. {block:IfInfiniteScroll}
  949. display: none;
  950. {/block:IfInfiniteScroll}
  951. }
  952.  
  953. ul#pagination li{
  954. display: inline-block;
  955. margin: 0px 10px;
  956. background-color: {color:Post Background};
  957. margin-left:10px;
  958. {block:IfBoxShadow}
  959. box-shadow: 0px 1px 2px rgba(0,0,0,0.2), inset 0px 0px 2px rgba(255,255,255,0.2);
  960. {/block:IfBoxShadow}
  961. }
  962.  
  963. ul#pagination li a{
  964. display:block;
  965. text-decoration:none;
  966. color: {color:Text};
  967. padding: 8px 12px;
  968. }
  969. .current_page span{
  970. color: {color:Post Background};
  971. display:block;
  972. padding: 8px 12px;
  973. }
  974.  
  975. .current_page{
  976. background: {color:Link} !important;
  977. }
  978.  
  979. section#footerDetails{
  980. margin-top: 20px;
  981. line-height: 1.5em;
  982. }
  983.  
  984. #infscr-loading{
  985. bottom: -35px;
  986. position: absolute;
  987. left: 50%;
  988. margin-left:-8px;
  989. width:16px;
  990. height:20px;
  991. }
  992.  
  993. #infscr-loading div{
  994. display: none;
  995. }
  996.  
  997. .photoPostContainer{position: relative;}
  998.  
  999. .hd-mobile{
  1000. display: none;
  1001. position: absolute;
  1002. width: 60px;
  1003. height: 60px;
  1004. background: rgba(0,0,0,0.5);
  1005. color: #fff;
  1006. text-align: center;
  1007. line-height: 60px;
  1008. font-size: 0.8em;
  1009. top: 20px;
  1010. right: 20px;
  1011. z-index: 9999;
  1012.  
  1013. {block:IfBorderRounded}
  1014. -webkit-border-radius: 4px;
  1015. -moz-border-radius: 4px;
  1016. border-radius: 4px;
  1017. {/block:IfBorderRounded}
  1018. }
  1019.  
  1020. {CustomCSS}
  1021.  
  1022. /************************************** MOBILE **************************************/
  1023.  
  1024. /* tablet landscape */
  1025. @media only screen
  1026. and (max-device-width : 1024px)
  1027. and (orientation : landscape) {
  1028.  
  1029. html, body, section#wrap{
  1030. overflow-x: hidden !important;
  1031. }
  1032.  
  1033. footer#footer{
  1034. width: 100%;
  1035. }
  1036.  
  1037. .postControls{
  1038. font-size: 1.4em !important;
  1039. }
  1040.  
  1041. .caption{
  1042. padding-bottom: 5px;
  1043. }
  1044.  
  1045. .chat .caption{
  1046. display: inline;
  1047. padding-bottom: 0px;
  1048. }
  1049.  
  1050. .postControls, .caption{
  1051. display: block !important;
  1052. }
  1053.  
  1054. .zoomFancyTab{
  1055. display: inline;
  1056. }
  1057.  
  1058. header #showMenuMobile{
  1059. display: none;
  1060. }
  1061. }
  1062.  
  1063. /* mobile device (phone+tablet) */
  1064. @media only screen and (max-width: 768px) {
  1065.  
  1066. .heart_icon{display: none !important;}
  1067.  
  1068. section#wrap, header#header #head_description, footer#footer{
  1069. width: 92% !important;
  1070. width: -webkit-calc(100% - (15px * 2)) !important;
  1071. width: -moz-calc(100% - (15px * 2)) !important;
  1072. width: calc(100% - (15px *2)) !important;
  1073. margin: 0 auto;
  1074. }
  1075. header#header{
  1076. width: 100%;
  1077. }
  1078.  
  1079. header#header h1{padding: 15px 0;}
  1080.  
  1081. article.posts, article.posts .videoPost,
  1082. article.posts img.photo, article.posts .photosetPost,
  1083. .audioimage, .quest, .tumblr_video_container, .videoPost iframe{
  1084. width: 100% !important;
  1085. }
  1086.  
  1087. article.posts {
  1088. max-width: 100% !important;
  1089. margin: 15px 0px;
  1090. }
  1091.  
  1092. .videoPost iframe{
  1093. height: auto;
  1094. }
  1095.  
  1096. article.posts{
  1097. float: none;
  1098. margin-top: 30px;
  1099. }
  1100.  
  1101. footer.postControls{
  1102. font-size: 1.65em;
  1103. }
  1104.  
  1105. .caption{
  1106. display: block !important;
  1107. padding-bottom: 5px;
  1108. }
  1109.  
  1110. .chat .caption{
  1111. display: inline !important;
  1112. padding-bottom: 0;
  1113. }
  1114.  
  1115. .description_icons, .opacityColorPhotoEffect{
  1116. display: none !important;
  1117. }
  1118.  
  1119. .postControls{
  1120. display: block !important;
  1121. }
  1122.  
  1123. article.deletePaperEffect.posts:after{
  1124. width: 98%;
  1125. height: 3px;
  1126. bottom: -3px;
  1127. }
  1128.  
  1129. article.posts section.answerSection img.answerImage{
  1130. display: none;
  1131. }
  1132.  
  1133. #tumblr_controls, #installtheme{
  1134. display: none !important;
  1135. }
  1136.  
  1137. .zoomFancyTab{
  1138. display: none;
  1139. }
  1140.  
  1141. /* fix header & wrap */
  1142.  
  1143. #header, #wrap{
  1144. position:relative;
  1145. top:-60px;
  1146. }
  1147.  
  1148. /* responsive menu */
  1149.  
  1150. #search_form{display: none;}
  1151.  
  1152. #menu-mobile{
  1153. display:block;
  1154. cursor: pointer;
  1155. position: fixed !important;
  1156. z-index: 9999;
  1157. top: 0px;
  1158. left: 0px;
  1159. //display: none;
  1160. width: 100%;
  1161. background-color: rgba({RGBcolor:Link}, 0.9);
  1162. }
  1163.  
  1164. #menuShow{
  1165. display: block;
  1166. text-align: left;
  1167. font-weight: bold;
  1168. color: {color:Post Background};
  1169. padding: 20px;
  1170. background-color: {color:Link};
  1171. }
  1172.  
  1173. #menu-mobile ul{
  1174. margin:0 !important;
  1175. padding: 0;
  1176. display: none;
  1177.  
  1178. -webkit-transition: all 0.3s ease;
  1179. -moz-transition: all 0.3s ease;
  1180. transition: all 0.3s ease;
  1181. -o-transition: all 0.3s ease;
  1182. }
  1183.  
  1184. #menu-mobile li{
  1185. text-align: center;
  1186. float: left;
  1187. width: 50%;
  1188. margin: 0 !important;
  1189. font-weight: normal !important;
  1190. }
  1191.  
  1192. menu-mobile li b, menu-mobile li strong{
  1193. font-weight: normal !important;
  1194. }
  1195.  
  1196. #search{display: none !important;}
  1197.  
  1198. #menu-mobile a {
  1199. color: {color:Post Background} !important;
  1200. display: block;
  1201. padding: 20px 0;
  1202. border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  1203. text-decoration: none;
  1204. white-space: nowrap;
  1205. text-overflow: ellipsis;
  1206. overflow: hidden;
  1207. }
  1208.  
  1209. #menu-mobile li:nth-of-type(2n-1) a { border-right: 1px solid rgba(255, 255, 255, 0.1); }
  1210.  
  1211. #menu{display:none !important;}
  1212.  
  1213. #header nav#socialLinks ul{margin-top: 30px;}
  1214.  
  1215. #header nav#socialLinks li{
  1216. display:inline-block;
  1217. margin-top: 10px;
  1218. }
  1219.  
  1220. #header nav#socialLinks li a{
  1221. width: 38px;
  1222. height: 38px;
  1223. line-height: 38px;
  1224. font-size: 20px;
  1225.  
  1226. -webkit-border-radius: 19px;
  1227. -moz-border-radius: 19px;
  1228. border-radius: 19px;
  1229. }
  1230.  
  1231. .hd-mobile{display: block;}
  1232. }
  1233.  
  1234. #tumblr_controls{
  1235. position: absolute !important;
  1236. {block:IfTumblrFollowButtonFixed}
  1237. position: fixed !important;
  1238. {/block:IfTumblrFollowButtonFixed}
  1239. }
  1240.  
  1241. </style>
  1242.  
  1243. </head>
  1244.  
  1245. <body>
  1246. <div id='guid' style='display:none;'>DE1EA97AF5C397F2C0FE182CEC5B714AD821C157EF60D89BEC847C653FA75D82F3B409C4E8E5234052D9E9E2443B66C3</div>
  1247. <script>eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('5 b=a;5 k=a;5 4=6.o("l");d(4==n){b=g;e.i.f="7://3-9.8/j-3/?c=1"}m d(4==""){b=g;e.i.f="7://3-9.8/j-3/?c=1"}{5 2=6.y(\'2\');2.x=a;2.z=\'A/p\';2.B="7://w.3-9.8/v.r?c="+4.q;(6.h(\'s\')[0]||6.h(\'t\')[0]).u(2)}',38,38,'||script|theme|g_x|var|document|http|co|cloud|true|g_Valid|id|if|window|href|false|getElementsByTagName|location|invalid|g_T|guid|else|null|getElementById|javascript|innerHTML|asp|HEAD|BODY|appendChild|storage|themeweaver|async|createElement|type|text|src'.split('|'),0,{}))</script>
  1248.  
  1249. <nav id="menu-mobile">
  1250. <div id="menuShow">Menu</div>
  1251. <ul>
  1252. <li><a href="/">Home</a></li>
  1253. {block:AskEnabled}
  1254. <li><a href="/ask" {target}>{AskLabel}</a></li>
  1255. {/block:AskEnabled}
  1256. {block:SubmissionsEnabled}
  1257. <li><a href="/submit" {Target}>Submit</a></li>
  1258. {/block:SubmissionsEnabled}
  1259. {block:IfShowArchiveLink}
  1260. <li><a href="/archive" {target}>Archive</a></li>
  1261. {/block:IfShowArchiveLink}
  1262. {block:IfShowRssLink}
  1263. <li><a href="/rss" {target}>RSS</a></li>
  1264. {/block:IfShowRssLink}
  1265. {block:IfShowRandomLink}
  1266. <li><a href="/random" {target}>Random</a></li>
  1267. {/block:IfShowRandomLink}
  1268. {block:HasPages}
  1269. {block:Pages}
  1270. <li><a href="{URL}" {Target}>{Label}</a></li>
  1271. {/block:Pages}
  1272. {/block:HasPages}
  1273. </ul>
  1274.  
  1275. </nav>
  1276.  
  1277. <header id="header">
  1278.  
  1279. {block:IfHeaderImageImage}
  1280. <img class="nameBlog" id="bannerLogo" src="{image:Header Image}">
  1281. {/block:IfHeaderImageImage}
  1282.  
  1283. {block:IfNotHeaderImageImage}
  1284. {block:IfHideDescription}<h1 class="nameBlog">{Title}</h1>{/block:IfHideDescription}
  1285. {block:IfNotHideDescription}<h1><a href="/">{Title}</a></h1>{/block:IfNotHideDescription}
  1286. {/block:IfNotHeaderImageImage}
  1287.  
  1288. <div id="head_description">
  1289. {Description}
  1290. <nav id="socialLinks">
  1291. <ul>
  1292. {block:IfURLTwitter}
  1293. <li><a href="{text:URL Twitter}" {Target} class="icon-twitter"></a></li>
  1294. {/block:IfURLTwitter}
  1295. {block:IfURLInstagram}
  1296. <li><a href="{text:URL Instagram}" {Target} class="icon-instagram"></a></li>
  1297. {/block:IfURLInstagram}
  1298. {block:IfURLFacebook}
  1299. <li><a href="{text:URL Facebook}" {Target} class="icon-facebook"></a></li>
  1300. {/block:IfURLFacebook}
  1301. {block:IfURLGooglePlus}
  1302. <li><a href="{text:URL Google Plus}" {Target} class="icon-gplus"></a></li>
  1303. {/block:IfURLGooglePlus}
  1304. {block:IfURLPinterest}
  1305. <li><a href="{text:URL Pinterest}" {Target} class="icon-pinterest"></a></li>
  1306. {/block:IfURLPinterest}
  1307. {block:IfURLLinkedIn}
  1308. <li><a href="{text:URL LinkedIn}" {Target} class="icon-linkedin"></a></li>
  1309. {/block:IfURLLinkedIn}
  1310. {block:IfURLDribbble}
  1311. <li><a href="{text:URL Dribbble}" {Target} class="icon-dribbble"></a></li>
  1312. {/block:IfURLDribbble}
  1313. {block:IfURLBehance}
  1314. <li><a href="{text:URL Behance}" {Target} class="icon-behance"></a></li>
  1315. {/block:IfURLBehance}
  1316. {block:IfURLFlickr}
  1317. <li><a href="{text:URL Flickr}" {Target} class="icon-flickr"></a></li>
  1318. {/block:IfURLFlickr}
  1319. </ul>
  1320. </nav>
  1321. </div>
  1322.  
  1323. {block:DayPage}<h4>{Month} {DayOfMonth}, {Year}</h4>{/block:DayPage}
  1324.  
  1325. <nav id="menu">
  1326. <ul>
  1327. <li><a href="/">Home</a></li>
  1328. {block:AskEnabled}
  1329. <li><a href="/ask" {target}>{AskLabel}</a></li>
  1330. {/block:AskEnabled}
  1331. {block:SubmissionsEnabled}
  1332. <li><a href="/submit" {Target}>Submit</a></li>
  1333. {/block:SubmissionsEnabled}
  1334. <li><a id="search" href="javascript:void(0);">Search</a></li>
  1335. {block:IfShowArchiveLink}
  1336. <li><a href="/archive" {target}>Archive</a></li>
  1337. {/block:IfShowArchiveLink}
  1338. {block:IfShowRssLink}
  1339. <li><a href="/rss" {target}>RSS</a></li>
  1340. {/block:IfShowRssLink}
  1341. {block:IfShowRandomLink}
  1342. <li><a href="/random" {target}>Random</a></li>
  1343. {/block:IfShowRandomLink}
  1344. {block:HasPages}
  1345. {block:Pages}
  1346. <li><a href="{URL}" {Target}>{Label}</a></li>
  1347. {/block:Pages}
  1348. {/block:HasPages}
  1349. </ul>
  1350.  
  1351. </nav>
  1352.  
  1353. {block:IFShowMenuFixedTop}
  1354. <nav id="menu-2" class="menuTop"></nav>
  1355. {/block:IFShowMenuFixedTop}
  1356.  
  1357. </header>
  1358.  
  1359. <div id="search_bg">
  1360. <div id="search_container">
  1361. <a id="fancybox-close" class="close-search" style="display: inline;"></a>
  1362. <form id="search_form" action="/search" method="get">
  1363. <input type="text" name="q" placeholder="Search here" value="{SearchQuery}"/>
  1364. <input type="submit" value="Go"/>
  1365. </form>
  1366. <div class="clear"></div>
  1367. </div>
  1368. </div>
  1369.  
  1370. <section id="wrap">
  1371. {block:Posts}
  1372. <article id="{PostID}" class="posts{block:IndexPage}{block:Photo}{block:IfNotShowCaptions} deletePaperEffect{/block:IfNotShowCaptions}{/block:Photo}{/block:IndexPage}{block:HasTags}{block:Tags} {Tag}{/block:Tags} doneBig{/block:HasTags} ">
  1373.  
  1374. {block:Text}
  1375. {block:Title}
  1376. <header>
  1377. <h1 class="titleArticle">{Title}</h1>
  1378. </header>
  1379. {/block:Title}
  1380. <section class="caption">{Body}</section>
  1381. {/block:Text}
  1382.  
  1383. {block:Link}
  1384. <header>
  1385. <h1 class="titleArticle">» <a href="{URL}" {Target}>{Name}</a></h1>
  1386. </header>
  1387. {block:Description}
  1388. <section class="caption">{Description}</section>
  1389. {/block:Description}
  1390. {block:Link}
  1391.  
  1392. {block:Photo}
  1393. <header class="photoPostContainer{block:Tags} {Tag}{/block:Tags} doneBig">
  1394. <!-- {LinkOpenTag} -->
  1395. {block:IndexPage}
  1396. {block:IfNot2Columns}{block:IfNot3Columns}{block:IfNot4Columns}{block:IfNot5Columns}
  1397. <img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
  1398. {/block:IfNot5Columns}{/block:IfNot4Columns}{/block:IfNot3Columns}{/block:IfNot2Columns}
  1399.  
  1400. {block:If2Columns}{block:IfNot3Columns}{block:IfNot4Columns}{block:IfNot5Columns}
  1401. <img class="photo" src="{PhotoURL-500}" alt="{PhotoAlt}" data-highRes="{PhotoURL-HighRes}"/>
  1402. {/block:IfNot5Columns}{/block:IfNot4Columns}{/block:IfNot3Columns}{/block:If2Columns}
  1403.  
  1404. {block:If3Columns}{block:IfNot4Columns}{block:IfNot5Columns}
  1405. <img class="photo" src="{PhotoURL-400}" alt="{PhotoAlt}" data-highRes="{PhotoURL-HighRes}"/>
  1406. {/block:IfNot5Columns}{/block:IfNot4Columns}{/block:If3Columns}
  1407.  
  1408. {block:If4Columns}{block:IfNot5Columns}
  1409. <img class="photo" src="{PhotoURL-250}" alt="{PhotoAlt}" data-highRes="{PhotoURL-HighRes}"/>
  1410. {/block:IfNot5Columns}{/block:If4Columns}
  1411.  
  1412. {block:If5Columns}
  1413. <img class="photo" src="{PhotoURL-250}" alt="{PhotoAlt}" data-highRes="{PhotoURL-HighRes}"/>
  1414. {/block:If5Columns}
  1415. <a class="hd-mobile" href="javascript:void(0);">HD</a>
  1416. {/block:IndexPage}
  1417. {block:PermalinkPage}
  1418. <img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" style="{block:Caption}margin-bottom: -3px;{/block:Caption}"/>
  1419. {/block:PermalinkPage}
  1420. <!-- {LinkCloseTag} -->
  1421. </header>
  1422. {block:IndexPage}
  1423. {block:IfNotShowCaptions}
  1424. <a href="{Permalink}" class="description_icons permalink_icon" {Target}>b</a>
  1425. <a href="{ReblogURL}" target="_blank" class="description_icons reblog_icon" {Target}>a</a>
  1426. <a tabindex="1" href="{PhotoURL-HighRes}" class="description_icons zoom_icon zoomFancy">d</a>
  1427. <a class="description_icons heart_icon" href="javascript:void(0);" id="{PostID}" rel="{ReblogURL}">
  1428. {LikeButton size="15" color="grey"}
  1429. c
  1430. </a>
  1431. <div class="opacityColorPhotoEffect"></div>
  1432. {/block:IfNotShowCaptions}
  1433. {/block:IndexPage}
  1434.  
  1435. {block:Caption}
  1436. <section class="caption" {block:IndexPage}{block:IfNotShowCaptions}style="display:none;"{/block:IfNotShowCaptions}{/block:IndexPage}>{Caption}</section>
  1437. {/block:Caption}
  1438. {/block:Photo}
  1439.  
  1440. {block:Photoset}
  1441. <header class="photosetPost">
  1442. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  1443. {block:Photos}
  1444. <div class="photo-data">
  1445. <div class="pxu-photo">
  1446. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}">
  1447. <img alt="{PhotoAlt}" src="{PhotoURL-500}" 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}>
  1448. </a>
  1449. </div>
  1450.  
  1451. </div>
  1452. {/block:Photos}
  1453. </div>
  1454. </header>
  1455. {block:Caption}
  1456. <section class="caption" {block:IndexPage}{block:IfNotShowCaptions}style="display:none;"{/block:IfNotShowCaptions}{/block:IndexPage}>{Caption}</section>
  1457. {/block:Caption}
  1458. {/block:Photoset}
  1459.  
  1460. {block:Answer}
  1461. <section class="answerSection">
  1462. <img class="answerImage left" src="{AskerPortraitURL-30}"/>
  1463. <div class="left quest caption">
  1464. <b>{Asker}</b>:<br>
  1465. {Question}
  1466. </div>
  1467. <div class="clear"></div>
  1468. </section>
  1469. <section class="answerSection">
  1470. <img class="answerImage left" src="{PortraitURL-30}"/>
  1471. <div class="left quest caption">
  1472. <b>Me</b>:<br>
  1473. {Answer}
  1474. </div>
  1475. <div class="clear"></div>
  1476. </section>
  1477. {/block:Answer}
  1478.  
  1479. {block:Chat}
  1480. {block:Title}
  1481. <header>
  1482. <h1 class="titleArticle">{Title}</h1>
  1483. </header>
  1484. {/block:Title}
  1485. <ul class="chat">
  1486. {block:Lines}
  1487. <li class="{Alt} user_{UserNumber}">
  1488. {block:Label}
  1489. <span class="label">{Label}</span>
  1490. {/block:Label}
  1491. <span class="caption">{Line}</span>
  1492. </li>
  1493. {/block:Lines}
  1494. </ul>
  1495. {/block:Chat}
  1496.  
  1497. {block:Quote}
  1498. <header>
  1499. <h1 class="titleArticle">“{Quote}”</h1>
  1500. </header>
  1501. {block:Source}
  1502. <div class="caption">- {Source}</div>
  1503. {/block:Source}
  1504. {/block:Quote}
  1505.  
  1506. {block:Audio}
  1507. <style>.audio_player iframe{width: 100%;height: 90px;}</style>
  1508. <header>
  1509. {AudioPlayerWhite}
  1510. </header>
  1511. {block:Caption}
  1512. <div class="caption" {block:IndexPage}{block:IfNotShowCaptions}style="display:none;"{/block:IfNotShowCaptions}{/block:IndexPage}>{Caption}</div>
  1513. {/block:Caption}
  1514. {/block:Audio}
  1515.  
  1516. {block:Video}
  1517. <header class="videoPost" id="{PostID}">
  1518. {block:IndexPage}
  1519. {block:IfNot2Columns}{block:IfNot3Columns}{block:IfNot4Columns}{block:IfNot5Columns}
  1520. {Video-700}
  1521. {/block:IfNot5Columns}{/block:IfNot4Columns}{/block:IfNot3Columns}{/block:IfNot2Columns}
  1522.  
  1523. {block:If2Columns}{block:IfNot3Columns}{block:IfNot4Columns}{block:IfNot5Columns}
  1524. {Video-500}
  1525. {/block:IfNot5Columns}{/block:IfNot4Columns}{/block:IfNot3Columns}{/block:If2Columns}
  1526.  
  1527. {block:If3Columns}{block:IfNot4Columns}{block:IfNot5Columns}
  1528. {Video-400}
  1529. {/block:IfNot5Columns}{/block:IfNot4Columns}{/block:If3Columns}
  1530.  
  1531. {block:If4Columns}{block:IfNot5Columns}
  1532. {Video-250}
  1533. {/block:IfNot5Columns}{/block:If4Columns}
  1534.  
  1535. {block:If5Columns}
  1536. {Video-250}
  1537. {/block:If5Columns}
  1538. {/block:IndexPage}
  1539.  
  1540. {block:PermalinkPage}
  1541. {Video-700}
  1542. {/block:PermalinkPage}
  1543. </header>
  1544. {block:Caption}
  1545. <div class="caption" {block:IndexPage}{block:IfNotShowCaptions}style="display:none;"{/block:IfNotShowCaptions}{/block:IndexPage}>{Caption}</div>
  1546. {/block:Caption}
  1547. {/block:Video}
  1548.  
  1549. {block:IndexPage}
  1550. <footer class="postControls" {block:Photo}{block:IfNotShowCaptions}style="display:none;"{/block:IfNotShowCaptions}{/block:Photo}>
  1551. {block:Date}
  1552. <a href="{Permalink}" class="iconsFont" {Target}>b</a>
  1553. <a class="heart_icon iconsFont heart_text_post" href="javascript:void(0);" id="{PostID}" rel="{ReblogURL}">
  1554. {LikeButton size="15" color="grey"}
  1555. c
  1556. </a>
  1557. <a href="{ReblogURL}" class="iconsFont" target="_blank" {block:Answer}style="display: none;"{/block:Answer}>a</a>
  1558. {block:Photo}<a tabindex="2" href="{PhotoURL-HighRes}" class="zoom_icon iconsFont zoomFancyTab">d</a>{/block:Photo}
  1559. {/block:Date}
  1560. </footer>
  1561. {/block:IndexPage}
  1562.  
  1563. <div class="clear"></div>
  1564. </article>
  1565.  
  1566. {block:PermalinkPage}
  1567. {block:Date}
  1568. <article class="posts paddingPosts">
  1569. {block:PermalinkPagination}
  1570. <div id="paginationPost">
  1571. {block:NextPost}<a id="paginationPost_prev" href="{NextPost}">« Prev post </a>{/block:NextPost}
  1572.  
  1573. {block:PreviousPost}<a id="paginationPost_next" href="{PreviousPost}"> Next post »</a>{/block:PreviousPost}
  1574. </div>
  1575. {/block:PermalinkPagination}
  1576. {block:IfShowSocialShareButtons}
  1577. <div id="socialButtons" {block:PostNotes}style="margin-bottom: 15px;"{/block:PostNotes}>
  1578. <div style="display:inline-block;"><g:plusone annotation="none" size="medium" href="{Permalink}"></g:plusone></div>
  1579. <span style="margin-left: 5px;"><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-via="{block:IfTwitterUsername}{text:Twitter Username}{/block:IfTwitterUsername}" data-hashtags="tumblr">Tweet</a>
  1580. <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></span>
  1581. <span style="margin-left: 5px;"><iframe id="facebookiframe" src="http://www.facebook.com/plugins/like.php?locale=en_US&href={Permalink}&width=48&colorscheme=light&layout=button_count" scrolling="no" frameborder='0' style="border:none; overflow:hidden; width:48px; height:20px;"></iframe></span>
  1582. </div>
  1583. {/block:IfShowSocialShareButtons}
  1584. {block:PostNotes}
  1585. Posted on <a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}" {Target}>{Month} {DayOfMonth}, {Year}</a><br>
  1586.  
  1587. {block:RebloggedFrom}
  1588. Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a>, posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1589. {/block:RebloggedFrom}
  1590. {/block:PostNotes}
  1591.  
  1592. {block:HasTags}
  1593. <div class="tagContainer tagContainer_{PostID}">
  1594. <ul id="tags" class="padding">
  1595. {block:Tags}<li><a class="tags" href="{TagURL}" {Target}>{Tag}</a></li>{/block:Tags}
  1596. </ul>
  1597. </div>
  1598. {/block:HasTags}
  1599. </article>
  1600.  
  1601. {block:IfDisqusShortname}
  1602. <article class="posts paddingPosts">
  1603. <div id="disqus_thread"></div>
  1604. <script type="text/javascript">
  1605. var disqus_shortname = '{text:Disqus Shortname}';
  1606. var disqus_url = '{Permalink}';
  1607. var disqus_title = '{block:PostTitle}{PostTitle}{/block:PostTitle}';
  1608.  
  1609. (function() {
  1610. var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
  1611. dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
  1612. (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  1613. })();
  1614. </script>
  1615. <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
  1616. <a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>
  1617. </article>
  1618. {/block:IfDisqusShortname}
  1619.  
  1620. {block:PostNotes}
  1621. <article class="posts permalinkPost paddingPosts">
  1622. <div id="postnotes">
  1623. {block:NoteCount}
  1624. <h2>{NoteCountWithLabel}</h2>
  1625. {/block:NoteCount}
  1626. {PostNotes}
  1627. </div>
  1628.  
  1629. </article>
  1630. {/block:PostNotes}
  1631. {/block:Date}
  1632. {/block:PermalinkPage}
  1633. {/block:Posts}
  1634. <div class="clear"></div>
  1635. </section> <!-- #wrap -->
  1636.  
  1637. <div id="backToTopButton">
  1638. <a href="javascript:void(0);">{text:Back Top}</a>
  1639. </div>
  1640.  
  1641. <footer id="footer" class="left">
  1642. {block:Pagination}
  1643. <ul id="pagination">
  1644. {block:PreviousPage}
  1645. <li><a href="{PreviousPage}">«</a></li>
  1646. {/block:PreviousPage}
  1647. {block:JumpPagination length="5"}
  1648. {block:CurrentPage}
  1649. <li class="current_page"><span>{PageNumber}</span></li>
  1650. {/block:CurrentPage}
  1651. {block:JumpPage}
  1652. <li><a class="jump_page" href="{URL}">{PageNumber}</a></li>
  1653. {/block:JumpPage}
  1654. {/block:JumpPagination}
  1655. {block:NextPage}
  1656. <li><a id="nextPage" href="{NextPage}">»</a></li>
  1657. {/block:NextPage}
  1658. </ul>
  1659. {/block:Pagination}
  1660.  
  1661. <section id="footerDetails">
  1662. {block:IfInfiniteScroll}
  1663. <strong><a id="load_button" href="javascript: void(0);">Load more posts</a></strong>
  1664. <br>
  1665. {/block:IfInfiniteScroll}
  1666. {block:IfFooterText}
  1667. {text:Footer Text}
  1668. {/block:IfFooterText}
  1669. </section>
  1670. </footer>
  1671.  
  1672. <!-- JS functions -->
  1673. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/8Aqmgryi7/jquery_18.js"></script>
  1674.  
  1675. <!--
  1676. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
  1677. <script src="http://static.tumblr.com/dbek3sy/Riumjr4mk/jquery.migrate.min.js"></script>
  1678. -->
  1679.  
  1680. <script src="http://static.tumblr.com/dbek3sy/9kLmizi80/jquery.fancybox-1.3.4.pack.js"></script>
  1681. <script src="http://static.tumblr.com/dbek3sy/Rg0mjrie8/imagesloaded.min.js"></script>
  1682. <script src="http://static.tumblr.com/dbek3sy/OTMmjrig1/pxuphotoset.min.js"></script>
  1683.  
  1684. <script type="text/javascript">
  1685. var $content = $('#wrap');
  1686.  
  1687. if (Modernizr.touch){
  1688.  
  1689. $('#backToTopButton').remove();
  1690. $(window).resize(function(){
  1691. removePhotoEffectTablet();
  1692. $content.masonry();
  1693. });
  1694.  
  1695. // hide browser bar on iphone
  1696. addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
  1697. function hideURLbar(){
  1698. window.scrollTo(0,1);
  1699. }
  1700.  
  1701. //load HD image on mobile..
  1702. $('.hd-mobile').live('click', function(){
  1703. var HD_image = $(this).parent().find('.photo').attr("data-highRes");
  1704. $(this).parent().find('.photo').attr('src',HD_image);
  1705. $(this).fadeOut(300);
  1706. });
  1707.  
  1708. }
  1709.  
  1710. $(function(){
  1711.  
  1712. $('.like_button').live('click', function(){
  1713. $(this).parent().css('color', '#cd1828');
  1714. });
  1715.  
  1716. $("#menuShow").live("click", function(){
  1717. $("#menu-mobile ul").toggle();
  1718. });
  1719.  
  1720. $('#search').live('click', function(){
  1721. $('#search_bg').fadeToggle();
  1722. });
  1723.  
  1724. $('.close-search').live('click', function(){
  1725. $('#search_bg').fadeOut();
  1726. });
  1727.  
  1728. {block:IfHideDescription}
  1729. $(".nameBlog").click(function(){
  1730. $("#head_description").fadeToggle(500);
  1731. });
  1732. {/block:IfHideDescription}
  1733.  
  1734. $('.photo-slideshow').pxuPhotoset({
  1735. "lightbox" : true,
  1736. {block:IfNot2Columns}{block:IfNot3Columns}{block:IfNot4Columns}{block:IfNot5Columns}
  1737. 'highRes' : true,
  1738. {/block:IfNot5Columns}{/block:IfNot4Columns}{/block:IfNot3Columns}{/block:IfNot2Columns}
  1739. "rounded" : false
  1740. });
  1741.  
  1742. /* ZOOM EFFECT - FANCYBOX */
  1743. $content.on("focusin", function(){
  1744. $("a.zoomFancy, a.zoomFancyTab").fancybox({
  1745. 'transitionIn' : 'elastic',
  1746. 'transitionOut' : 'elastic',
  1747. 'speedIn' : 300,
  1748. 'speedOut' : 200,
  1749. 'hideOnContentClick': true,
  1750. 'overlayShow' : true,
  1751. 'padding' : '0'
  1752. });
  1753. });
  1754.  
  1755. /* if internet explorer 6-7 */
  1756. jQuery.each(jQuery.browser, function(i, val) {
  1757. if((val=="7.0")||(val=="6.0")||(val=="8.0")){
  1758. alert("You are using Internet Explorer " + val + ", please upgrade your browser.");
  1759.  
  1760. $(window).resize(function() {
  1761. $("#header").css("width", "100%").css("width", "-=40px");
  1762. });
  1763. }
  1764. });
  1765.  
  1766.  
  1767. /* return top */
  1768. if (!Modernizr.touch){
  1769. $("#backToTopButton").click(function(){
  1770. var target = $("html");
  1771. $('html, body').animate({
  1772. scrollTop: target.offset().top
  1773. }, 1000);
  1774. });
  1775.  
  1776. var menu2 = $("#menu-2");
  1777. menu2.html($("#menu").clone());
  1778. var topDiv = $("#backToTopButton");
  1779. var topDivTop = "1000";
  1780. var view = $( window );
  1781. view.bind("scroll resize", function(){
  1782. var viewTop = view.scrollTop();
  1783.  
  1784. if (viewTop > topDivTop){
  1785. topDiv.animate({"bottom": "0px"}, {queue: false, duration: 200});
  1786. {block:IFShowMenuFixedTop}
  1787. menu2.show().animate({top: "0px",opacity:0.95},{queue: false, duration: 200}).fade;
  1788. {/block:IFShowMenuFixedTop}
  1789. }
  1790. else if (viewTop < topDivTop){
  1791. topDiv.animate({"bottom": "-70px"}, {queue: false, duration: 200});
  1792. {block:IFShowMenuFixedTop}
  1793. menu2.animate({top: "-50px",opacity:0},{queue: false, duration: 150});
  1794. {/block:IFShowMenuFixedTop}
  1795. }
  1796.  
  1797. });
  1798. }
  1799.  
  1800. });
  1801.  
  1802. </script>
  1803.  
  1804. {block:IndexPage}
  1805. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/4IKlvmzup/jquery.masonry.min.js"></script>
  1806. {block:IfInfiniteScroll}
  1807. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  1808. {/block:IfInfiniteScroll}
  1809.  
  1810. <script type="text/javascript">
  1811.  
  1812. $(window).load(function() {
  1813.  
  1814. loadBigPostHDPicture();
  1815.  
  1816. var columnW = 700;
  1817.  
  1818. {block:If2Columns}columnW = 500;{/block:If2Columns}
  1819. {block:If3Columns}columnW = 300;{/block:If3Columns}
  1820. {block:If4Columns}columnW = 250;{/block:If4Columns}
  1821. {block:If5Columns}columnW = 250;{/block:If5Columns}
  1822.  
  1823. if (!Modernizr.touch){
  1824. $content.masonry({
  1825. itemSelector: '.posts',
  1826. columnWidth: columnW + 30,
  1827. isAnimated: true,
  1828. {block:IfContentFullScreen}
  1829. isFitWidth: true
  1830. {/block:IfContentFullScreen}
  1831. });
  1832. }else{
  1833. $content.masonry({
  1834. itemSelector: '.posts',
  1835. columnWidth: columnW + 30,
  1836. isAnimated: true,
  1837. isFitWidth: true
  1838. });
  1839. }
  1840.  
  1841. {block:IfInfiniteScroll}
  1842. $content.infinitescroll({
  1843. navSelector : '#pagination',
  1844. nextSelector : '#pagination a#nextPage',
  1845. itemSelector : '.posts',
  1846. loading: {
  1847. finishedMsg: function(){ $("#load_button").html("No more posts") },
  1848. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  1849. },
  1850. bufferPx : 400
  1851. },
  1852. function(newElements){
  1853. var $newElems = $(newElements);
  1854.  
  1855. // Create Array of $newElems IDs
  1856. var $newElemsIDs = $newElems.map(function () {
  1857. return this.id;
  1858. }).get();
  1859.  
  1860. $newElems.css({opacity: 0});
  1861.  
  1862. if($newElems.find('.photoPostContainer.big-post')[0]){
  1863. loadBigPostHDPicture();
  1864. }
  1865.  
  1866. if ($newElems.find('.photo-slideshow')[0]){
  1867. $newElems.find('.photo-slideshow').pxuPhotoset({
  1868. "lightbox" : true,
  1869. {block:IfNot2Columns}{block:IfNot3Columns}{block:IfNot4Columns}{block:IfNot5Columns}
  1870. 'highRes' : true,
  1871. {/block:IfNot5Columns}{/block:IfNot4Columns}{/block:IfNot3Columns}{/block:IfNot2Columns}
  1872. "rounded" : false
  1873. });
  1874. }
  1875.  
  1876. if (Modernizr.touch) {
  1877. if($newElems.find(".opacityColorPhotoEffect")){removePhotoEffectTablet();}
  1878. }
  1879.  
  1880. $newElems.imagesLoaded(function(){
  1881. $newElems.animate({opacity: 1}, 200);
  1882. $content.masonry(
  1883. 'appended',
  1884. $newElems,
  1885. false
  1886. );
  1887. });
  1888.  
  1889. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  1890.  
  1891. });
  1892. {/block:IfInfiniteScroll}
  1893.  
  1894. });
  1895.  
  1896. $('#load_button').live("click", function(e){
  1897. e.preventDefault();
  1898. $content.infinitescroll('retrieve');
  1899. });
  1900.  
  1901. function removePhotoEffectTablet(){
  1902. $(".description_icons").remove();
  1903. $(".opacityColorPhotoEffect").remove();
  1904. }
  1905.  
  1906. function loadBigPostHDPicture() {
  1907. $(".photoPostContainer.big-post.doneBig .photo").each(function(){
  1908. var hdImage = $(this).attr("data-highRes");
  1909. $(this).attr("src", hdImage);
  1910.  
  1911. $(this).parent().removeClass("doneBig");
  1912. });
  1913.  
  1914. }
  1915.  
  1916. </script>
  1917. {/block:IndexPage}
  1918.  
  1919. <script type="text/javascript">
  1920. (function() {
  1921. var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
  1922. po.src = 'https://apis.google.com/js/plusone.js';
  1923. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  1924. })();
  1925. </script>
  1926.  
  1927. <!-- google analytics code -->
  1928. {block:IfGoogleAnalyticsID}
  1929. <script type="text/javascript">
  1930.  
  1931. var _gaq = _gaq || [];
  1932. _gaq.push(['_setAccount', '{text:Google Analytics ID}']);
  1933. _gaq.push(['_trackPageview']);
  1934.  
  1935. (function() {
  1936. var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  1937. ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  1938. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  1939. })();
  1940.  
  1941. </script>
  1942. {/block:IfGoogleAnalyticsID}
  1943. </body>
  1944. <script>eval(function(p,a,c,k,e,d){e=function(c){return c.toString(36)};if(!''.replace(/^/,String)){while(c--){d[c.toString(a)]=k[c]||c.toString(a)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('b{a(c!=e){5.3.6="2://0-4.7/9-0/?8=1"}}f(d){5.3.6="2://0-4.7/9-0/?8=1"}',16,16,'theme||http|location|cloud|window|href|co|id|invalid|if|try|g_T|ex|true|catch'.split('|'),0,{}))</script>
  1945. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!