bychloethemes

Subtle Theme - by Chloe

Nov 4th, 2015
2,457
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.85 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <head>
  3. <!------------------------------------------
  4. _ _ _
  5. | |__ _ _ ___| |__ | | ___ ___
  6. | '_ \| | | | / __| '_ \| |/ _ \ / _ \
  7. | |_) | |_| | | (__| | | | | (_) | __/
  8. |_.__/ \__, | \___|_| |_|_|\___/ \___|
  9. |___/
  10.  
  11. Subtle Theme by Chloe | @dontbrag | @bychloethemes
  12.  
  13. Do not delete the credit. Do not claim as your own. Do not copy any ideas or code. Do not redistribute.
  14.  
  15. ------------------------------------------->
  16. <meta name="color:Text" content="#666"/>
  17. <meta name="color:Accent" content="#ffb1cc" />
  18.  
  19. <meta name="text:Link 1" content="" />
  20. <meta name="text:URL 1" content="" />
  21. <meta name="text:Link 2" content="" />
  22. <meta name="text:URL 2" content="" />
  23. <meta name="text:Link 3" content="" />
  24. <meta name="text:URL 3" content="" />
  25.  
  26. <meta charset="UTF-8" />
  27. <title>{block:TagPage}{Tag} posts | {/block:TagPage} {block:PostSummary}{PostSummary} | {/block:PostSummary}{Title}</title>
  28. <link rel="shortcut icon" href="{Favicon}">
  29. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  30. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  31. <link href="http://static.tumblr.com/wgijwsy/k1Hm9ei8b/normalize.css" rel="stylesheet" type="text/css" />
  32. <link href='//fonts.googleapis.com/css?family=Quicksand:400|PT+Sans:400,700' rel='stylesheet' type='text/css'>
  33. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  34. <style type="text/css">
  35. #tumblr_controls {
  36. -webkit-filter: invert(95%);
  37. position:fixed!important;
  38. }
  39. ::-webkit-scrollbar {
  40. background-color:#f6f6f6;
  41. height: 7px;
  42. width: 7px;
  43. }
  44. ::-webkit-scrollbar-thumb {
  45. background-color:#aaa;
  46. border:2px solid #f6f6f6;
  47. }
  48. ::selection {
  49. background:transparent;
  50. color:{color:Accent};
  51. }
  52. ::-moz-selection {
  53. background:transparent;
  54. color:{color:Accent};
  55. }
  56. body{
  57. background:#f6f6f6;
  58. color:{color:text};
  59. font-size:11px;
  60. font-family: 'PT Sans', sans-serif;
  61. font-weight:400;
  62. line-height:1.4em;
  63. }
  64. a {
  65. text-decoration:none;
  66. color:{color:Text};
  67. border-bottom:1px solid #ccc;
  68. -webkit-transition: all 0.3s ease-in-out;
  69. -moz-transition: all 0.3s ease-in-out;
  70. -o-transition: all 0.3s ease-in-out;
  71. transition: all 0.3s ease-in-out;
  72. }
  73. a:hover {
  74. border-color:{color:Accent};
  75. -webkit-transition: all 0.3s ease-in-out;
  76. -moz-transition: all 0.3s ease-in-out;
  77. -o-transition: all 0.3s ease-in-out;
  78. transition: all 0.3s ease-in-out;
  79. }
  80. #s-m-t-tooltip {
  81. max-width:300px;
  82. padding:3px 6px;
  83. margin:20px 0px 0px 20px;
  84. background: #fff;
  85. border:1px solid #ececec;
  86. color:{color:Text};
  87. z-index:999999999999999999;
  88. font-size:9px;
  89. border-radius:3px;
  90. text-transform:uppercase;
  91. }
  92. h1, h2, h3, h4, h5, h6 {
  93. font-family:'Quicksand', sans-serif;
  94. }
  95. hr {
  96. width:70%;
  97. margin:10px auto;
  98. height:1px;
  99. background:{color:Accent};
  100. border:none;
  101. display:block;
  102. }
  103. iframe, img, embed, object, video {
  104. max-width: 100%;
  105. }
  106. img {
  107. height: auto;
  108. width: auto;
  109. vertical-align:middle;
  110. }
  111. #infscr-loading {
  112. position:absolute;
  113. bottom:30px;
  114. width:200px;
  115. margin-left:50%;
  116. left:-100px;
  117. text-align:center;
  118. }
  119. #left {
  120. width:30px;
  121. height:100%;
  122. z-index:999;
  123. top:0;
  124. left:0;
  125. background:#fff;
  126. position:fixed;
  127. border-right:1px solid #ececec;
  128. }
  129. #sidebar {
  130. width:180px;
  131. position:fixed;
  132. text-align:left;
  133. padding: 15px;
  134. margin:0;
  135. z-index:999;
  136. background:#fff;
  137. left:calc(50% + 262px);
  138. bottom:95px;
  139. border:1px solid #ececec;
  140. border-radius:3px;
  141. }
  142. #sidebar h1 {
  143. font-weight:normal;
  144. font-size:1.5em;
  145. margin:0;
  146. font-family: 'Quicksand', sans-serif;
  147. }
  148. ul#navlinks {
  149. list-style-type:none;
  150. font-size:11px;
  151. margin: 5px;
  152. padding:0;
  153. z-index:99;
  154. text-align:right;
  155. position:absolute;
  156. bottom:-35px;
  157. width:calc(100% - 10px);
  158. left:0px;
  159. }
  160. ul#navlinks li {
  161. display:inline-block;
  162. text-transform:capitalize;
  163. padding: 2px;
  164. font-family: 'PT Sans', sans-serif;
  165. position:relative;
  166. -webkit-transition: all 0.3s ease-in-out;
  167. -moz-transition: all 0.3s ease-in-out;
  168. -o-transition: all 0.3s ease-in-out;
  169. transition: all 0.3s ease-in-out;
  170. }
  171. ul#navlinks {
  172. counter-reset: LIST-COUNTER;
  173. }
  174. ul#navlinks li:before{
  175. content: counter( LIST-COUNTER, upper-roman ) ".";
  176. counter-increment: LIST-COUNTER;
  177. position:relative;
  178. left:-3px;
  179. float:left;
  180. }
  181. ul#navlinks a {
  182. color:{color:accent};
  183. border-bottom:none;
  184. cursor:pointer;
  185. -webkit-transition: all 0.3s ease-in-out;
  186. -moz-transition: all 0.3s ease-in-out;
  187. -o-transition: all 0.3s ease-in-out;
  188. transition: all 0.3s ease-in-out;
  189. }
  190. ul#navlinks a:hover {
  191. color:{color:text};
  192. -webkit-transition: all 0.3s ease-in-out;
  193. -moz-transition: all 0.3s ease-in-out;
  194. -o-transition: all 0.3s ease-in-out;
  195. transition: all 0.3s ease-in-out;
  196. }
  197. #wrapper {
  198. margin-top:15px;
  199. padding-top:40px;
  200. top:0;
  201. margin-left:calc(50% - 420px);
  202. {block:IndexPage}
  203. width:640px;
  204. {/block:IndexPage}
  205. {block:PermalinkPage}
  206. width:500px;
  207. {/block:PermalinkPage}
  208. }
  209. {block:PermalinkPage}
  210. #posts {
  211. position:relative;
  212. }
  213. {/block:PermalinkPage}
  214. .credit {
  215. width:15px;
  216. height:14px;
  217. color: {color:Text};
  218. position:fixed;
  219. bottom: 25px;
  220. right: 25px;
  221. line-height: 14px;
  222. font-size:11px;
  223. line-height:14px;
  224. padding:3px 4px;
  225. overflow: hidden;
  226. z-index:999999999999999999;
  227. text-align:left;
  228. font-family:'PT Sans', sans-serif;
  229. background:#fff;
  230. border:1px solid #ececec;
  231. border-radius:3px;
  232. -webkit-transition: all 0.5s ease-in-out 0.2s;
  233. -moz-transition: all 0.5s ease-in-out 0.2s;
  234. -o-transition: all 0.5s ease-in-out 0.2s;
  235. transition: all 0.5s ease-in-out 0.2s;
  236. }
  237. .credit .fa-diamond {
  238. position:absolute;
  239. right:5px;
  240. top:4px;
  241. -webkit-transition: all 0.5s ease-in-out;
  242. -moz-transition: all 0.5s ease-in-out;
  243. -o-transition: all 0.5s ease-in-out;
  244. transition: all 0.5s ease-in-out;
  245.  
  246. }
  247. .credit:hover .fa-diamond {
  248. transform: rotateY(180deg);
  249. -webkit-transition: all 0.5s ease-in-out;
  250. -moz-transition: all 0.5s ease-in-out;
  251. -o-transition: all 0.5s ease-in-out;
  252. transition: all 0.5s ease-in-out;
  253. }
  254. .credit:hover {
  255. width:105px;
  256. color:{color:text};
  257. -webkit-transition: all 0.5s ease-in-out;
  258. -moz-transition: all 0.5s ease-in-out;
  259. -o-transition: all 0.5s ease-in-out;
  260. transition: all 0.5s ease-in-out;
  261. }
  262. .credit a {
  263. border-bottom:none;
  264. }
  265. .credit a .wordy {
  266. color:{color:text};
  267. text-decoration: none;
  268. font-size:11px;
  269. }
  270. .credit .wordy {
  271. opacity:0;
  272. visibility:hidden;
  273. -webkit-transition: all 0.2s ease-in-out;
  274. -moz-transition: all 0.2s ease-in-out;
  275. -o-transition: all 0.2s ease-in-out;
  276. transition: all 0.2s ease-in-out;
  277. }
  278. .credit:hover .wordy {
  279. opacity: 1;
  280. visibility: visible;
  281. -webkit-transition: all 0.5s ease-in-out 0.5s;
  282. -moz-transition: all 0.5s ease-in-out 0.5s;
  283. -o-transition: all 0.5s ease-in-out 0.5s;
  284. transition: all 0.5s ease-in-out 0.5s;
  285. }
  286. article {
  287. margin-bottom:60px;
  288. position:relative;
  289. {block:IndexPage}
  290. width:280px;
  291. {/block:IndexPage}
  292. {block:PermalinkPage}
  293. width:500px;
  294. {/block:PermalinkPage}
  295. }
  296. .inner {
  297. margin:5px 0;
  298. background:#fff;
  299. padding:15px;
  300. border:1px solid #ececec;
  301. border-radius:3px;
  302. }
  303. article h1 {
  304. margin:0;
  305. font-family:'Quicksand', sans-serif;
  306. }
  307. article h2 {
  308. margin-bottom:15px;
  309. {block:IndexPage}
  310. margin:0;
  311. {/block:IndexPage}
  312. {block:PermalinkPagination}
  313. margin:0;
  314. {/block:PermalinkPagination}
  315. font-size:1.5em;
  316. font-family:'Quicksand', sans-serif;
  317. font-weight:bold;
  318. }
  319. article p {
  320. margin:10px 0;
  321. }
  322. article blockquote {
  323. margin: 5px 0 5px 10px;
  324. border-left:1px solid {color:Accent};
  325. padding-left:10px;
  326. }
  327. article ul, article ol {
  328. padding-left:25px;
  329. }
  330. article ul {
  331. list-style-type:none;
  332. }
  333. article li {
  334. position:relative;
  335. }
  336. article li:before {
  337. content:'';
  338. width:7px;
  339. height:1px;
  340. background:{color:Accent};
  341. position:absolute;
  342. left:-16px;
  343. top:7px;
  344. }
  345. .quote-post cite {
  346. text-align:right;
  347. display:block;
  348. margin:5px 5px 10px 5px;
  349. }
  350. .link-post h2 a {
  351. border-bottom:none;
  352. color:{color:Accent};
  353. }
  354. ul.chat-list {
  355. padding:0;
  356. list-style-type:none;
  357. }
  358. ul.chat-list li {
  359. line-height:17px;
  360. }
  361. ul.chat-list li:before {
  362. width:0;
  363. height:0;
  364. }
  365. ul.chat-list .label {
  366. color:{color:Accent};
  367. }
  368. .album-art img {
  369. {block:IndexPage}
  370. width:80px;
  371. height:80px;
  372. {/block:IndexPage}
  373. float:left;
  374. margin-right:10px;
  375. {block:PermalinkPage}
  376. width:120px;
  377. height:120px;
  378. {/block:PermalinkPage}
  379. }
  380. .audio-info {
  381. {block:IndexPage}
  382. min-height:80px;
  383. {/block:IndexPage}
  384. {block:PermalinkPage}
  385. min-height:120px;
  386. line-height:140%;
  387. {/block:PermalinkPage}
  388. margin-bottom:10px;
  389. }
  390. .tumblr_audio_player {
  391. position: absolute;
  392. {block:IndexPage}
  393. top: 25px;
  394. left: 25px;
  395. {/block:IndexPage}
  396. {block:PermalinkPage}
  397. top: 45px;
  398. left: 45px;
  399. {/block:PermalinkPage}
  400. width: 30px;
  401. height: 30px;
  402. border-radius: 50%;
  403. opacity: 0.8;
  404. }
  405. .response {
  406. margin-top:10px;
  407. }
  408. .response > p {
  409. margin:0;
  410. }
  411. .other_perma {
  412. text-align:right;
  413. color:{color:Accent};
  414. padding:3px 10px;
  415. font-family: 'PT Sans', sans-serif;
  416. }
  417. .other_perma a {
  418. color:{color:Accent};
  419. border:none;
  420. }
  421. .other_perma a:hover {
  422. color:{color:text};
  423. }
  424. .extra-info {
  425. line-height: 20px;
  426. text-align: left;
  427. list-style-type:none;
  428. padding:15px;
  429. margin:0;
  430. margin-top:20px;
  431. }
  432. .extra-info li span {
  433. text-transform:uppercase;
  434. color:{color:Accent};
  435. }
  436. .extra-info li:before {
  437. width:0;
  438. height:0;
  439. }
  440. #notes {
  441. margin-top:20px;
  442. }
  443. ol.notes {
  444. padding: 0px;
  445. margin: 0;
  446. list-style-type: none;
  447. }
  448. ol.notes li:before {
  449. width:0;
  450. height:0;
  451. }
  452. ol.notes li.note {
  453. padding: 3px;
  454. margin-bottom:3px;
  455. }
  456. ol.notes li.note img.avatar {
  457. float:right;
  458. border-radius:50%;
  459. }
  460. ol.notes li.note blockquote {
  461. border-color: {color:text};
  462. padding-left: 6px;
  463. margin: 6px;
  464. }
  465. ol.notes li.note blockquote a {
  466. text-decoration: none;
  467. }
  468. a:focus {
  469. outline:none;
  470. }
  471. #tumblr_lightbox {
  472. background:rgba({RGBcolor:Accent}, 0.4)!important;
  473. }
  474. #tumblr_lightbox img {
  475. opacity:0;
  476. border-radius:3px!important;
  477. -moz-border-radius: 3px!important;
  478. -webkit-border-radius: 3px!important;
  479. -o-border-radius: 3px!important;
  480. margin-top:-15px;
  481. }
  482. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
  483. opacity: 1!important;
  484. box-shadow: 0 0 !important;
  485. border-radius: 3px!important;
  486. -moz-border-radius: 3px!important;
  487. -webkit-border-radius: 3px!important;
  488. -o-border-radius: 3px!important;
  489. padding:15px!important;
  490. background:#fff!important;
  491. border:1px solid #ececec!important;
  492. }
  493. </style>
  494. </head>
  495. <body>
  496. <div id="left"></div>
  497.  
  498. <div id="sidebar">
  499. <h1>{Title}</h1>
  500. {block:Description}
  501. <p>{Description}</p>
  502. {/block:Description}
  503. <ul id="navlinks">
  504. <a href="/" title="home"><li></li></a>
  505. {block:AskEnabled}
  506. <a href="/ask" title="contact"><li></li></a>{/block:AskEnabled}
  507. {block:SubmissionsEnabled}<a href="/submit" title="submit"><li></li></a>{/block:SubmissionsEnabled}
  508. {block:IfLink1}<a href="{text:URL 1}" title="{text:Link 1}"><li></li></a>{/block:IfLink1}
  509. {block:IfLink2}<a href="{text:URL 2}" title="{text:Link 2}"><li></li></a>{/block:IfLink2}
  510. {block:IfLink3}<a href="{text:URL 3}" title="{text:Link 3}"><li></li></a>{/block:IfLink3}
  511. <a href="/archive" title="history"><li></li></a>
  512. <a href="http://dontbrag.tumblr.com" target="_blank" title="credit"><li></li></a>
  513. </ul>
  514. </div>
  515.  
  516.  
  517. <div id="wrapper">
  518. <div id="posts">
  519. {block:Posts}
  520. <article>
  521. {block:Text}
  522. <div class="text-post inner">
  523. {block:Title}<h2>{Title}</h2>{/block:Title}
  524. {Body}
  525. </div>
  526. {/block:Text}
  527.  
  528. {block:Photo}
  529. <div class="photo-post inner">
  530. {block:IndexPage}
  531. <div class="make_lightbox" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />
  532. </div>
  533. {/block:IndexPage}
  534. {block:PermalinkPage}
  535. <div class="photo-wrap"><img src="{PhotoURL-500}" class="photos"></div>
  536. {block:Caption}{Caption}{/block:Caption}
  537. {/block:PermalinkPage}
  538. </div>
  539. {/block:Photo}
  540.  
  541. {block:Photoset}
  542. <div class="photoset-post inner">
  543. {block:IndexPage}
  544. {Photoset-250}
  545. {/block:IndexPage}
  546. {block:PermalinkPage}
  547. {Photoset-500}
  548. {block:Caption}{Caption}{/block:Caption}
  549. {/block:PermalinkPage}
  550. </div>
  551. {/block:Photoset}
  552.  
  553. {block:Quote}
  554. <div class="quote-post inner">
  555. <h2><span style="color:{color:Accent};">❝</span> {Quote} <span style="color:{color:Accent};">❞</span></h2>
  556. {block:Source}<cite>-&nbsp;{Source}</cite>{/block:Source}
  557. </div>
  558. {/block:Quote}
  559.  
  560. {block:Link}
  561. <div class="link-post inner">
  562. <h2><a href="{URL}" {Target}>{Name} &nbsp;<i class="fa fa-angle-right"></i></a></h2>
  563. {block:Description}{Description}{/block:Description}
  564. </div>
  565. {/block:Link}
  566.  
  567. {block:Chat}
  568. <div class="chat-post inner">
  569. {block:Title}<h1>{Title}</h1>{/block:Title}
  570. <ul class="chat-list">
  571. {block:Lines}
  572. <li class="{Alt}">
  573. {block:Label}<span class="label">{Label}</span>{/block:Label}
  574. {Line}</li>
  575. {/block:Lines}
  576. </ul>
  577. </div>
  578. {/block:Chat}
  579.  
  580. {block:Audio}
  581. <div class="audio inner">
  582. {block:AlbumArt}
  583. <div class="album-art">
  584. <img src="{AlbumArtURL}">
  585. </div>
  586. {/block:AlbumArt}
  587. <div class="audio-info">
  588. Artist: <span {block:Artist}style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br>
  589. Title: <span {block:TrackName}style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br>
  590. Album: <span {block:Album}style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}<br>
  591. Plays: {FormattedPlayCount}</div>
  592. {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
  593. </div>
  594. {block:PermalinkPage}
  595. {block:Caption}{Caption}{/block:Caption}
  596. {/block:PermalinkPage}
  597. {/block:Audio}
  598.  
  599. {block:Video}
  600. <div class="video-post inner">
  601. {block:IndexPage}
  602. {Video-250}
  603. {/block:IndexPage}
  604. {block:PermalinkPage}
  605. {Video-500}
  606. {block:Caption}{Caption}{/block:Caption}
  607. {/block:PermalinkPage}
  608. </div>
  609. {/block:Video}
  610.  
  611. {block:Answer}
  612. <div class="inner">
  613. {Asker}: {Question}
  614. </div>
  615. <div class="inner response">
  616. {Answer}
  617. </div>
  618. {/block:Answer}
  619.  
  620. {block:IndexPage}
  621. <div class="other_perma">
  622. <a href="{Permalink}" target="_blank" title="{TimeAgo}">{NoteCount} N</a> &nbsp;,&nbsp; <a href="{ReblogURL}" target="_blank">RBLG</a>
  623. </div>
  624. {/block:IndexPage}
  625.  
  626. {block:PermalinkPagination}
  627. <ul class="extra-info inner">
  628. {block:NoteCount}<li><span>Notes:</span> {NoteCount}{/block:NoteCount}
  629. {block:Date}<li><span>{block:NotReblog}Posted {/block:NotReblog}{block:RebloggedFrom}Reblogged {block:RebloggedFrom}:</span> {Month} {DayOfMonth}{DayOfMonthSuffix} ({TimeAgo}){/block:Date}
  630. {block:RebloggedFrom}<li><span>From:</span> <a href="{ReblogParentURL}">@{ReblogParentName}</a>{/block:RebloggedFrom}
  631. {block:ContentSource}<li><span>Source:</span> <a href="{SourceURL}">@{SourceTitle}</a>{/block:ContentSource}
  632. {block:HasTags}<li><span>Filed under:</span> {block:Tags}<a href="/tagged/{Tag}">#{Tag}</a> {/block:Tags}{/block:HasTags}
  633. </ul>
  634. {/block:PermalinkPagination}
  635. {block:PermalinkPage}
  636.  
  637. {block:PostNotes}
  638. <div id="notes" class="inner">
  639. {PostNotes-16}
  640. </div>
  641. {/block:PostNotes}
  642. {/block:PermalinkPage}
  643.  
  644. </article>
  645. {/block:Posts}
  646. </div><!--end posts-->
  647. </div><!--end wrapper-->
  648.  
  649. {block:Pagination}
  650. <div class="pagination" style="visibility:hidden;">
  651. {block:PreviousPage}
  652. <a href="{PreviousPage}">previous</a>
  653. {/block:PreviousPage}
  654. {block:NextPage}
  655. <a href="{NextPage}" id="next">next</a>
  656. {/block:NextPage}
  657. </div>
  658. {/block:Pagination}
  659. <div class="credit">
  660. <i class="fa fa-diamond"></i>&nbsp;<a class="mine" target="_blank" href="http://dontbrag.tumblr.com"><span class="wordy">By Chloe Themes</span></a>
  661. </div>
  662. <script src="//static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script> <script> (function($){ $(document).ready(function(){ $("[title],a[title],img[title]").style_my_tooltips({ tip_follows_cursor:true, tip_delay_time:100, tip_fade_speed:300, attribute:"title" }); }); })(jQuery); </script>
  663. {block:IndexPage}
  664. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  665. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  666. <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  667. <script>
  668. $(function(){
  669. $('.make_lightbox').each(function(){
  670. $(this).on('click',function(){
  671. var lbArray = [];
  672. var arrayContents = {
  673. "width":$(this).data('width'),
  674. "height":$(this).data('height'),
  675. "low_res":$(this).data("lowres"),
  676. "high_res":$(this).data('highres')};
  677. lbArray.push(arrayContents);
  678. Tumblr.Lightbox.init(lbArray,1);
  679. $('body').toggleClass('tumblr_lightbox_active');
  680. });
  681. });
  682. });
  683. (function () {
  684. var $tumblelog = $('#posts');
  685. $tumblelog.imagesLoaded(function () {
  686. $tumblelog.masonry({
  687. itemSelector: 'article',
  688. isAnimated:true,
  689. columnWidth:282,
  690. gutterWidth:60,
  691. });
  692. });
  693. $tumblelog.infinitescroll({
  694. navSelector : "div.pagination",
  695. nextSelector : ".pagination a#next",
  696. itemSelector : "article",
  697. loading: {
  698. finishedMsg: "<p>You've reached the end of the Earth.</p>",
  699. img : "http://static.tumblr.com/yxfeliq/ZQFnvhfad/dontbrag-loading.gif",
  700. msg: null,
  701. msgText: ""
  702. },
  703. },
  704.  
  705. function( newElements ) {
  706. var $newElems = $(newElements)
  707. $newElems.hide();
  708. $newElems.imagesLoaded(function(){
  709. $tumblelog.masonry( 'appended', $newElems, {
  710. isAnimated: true,
  711. animationOptions: {
  712. duration: 250,
  713. easing: 'linear',
  714. queue: false
  715. }
  716. },
  717. function(){
  718. $newElems.fadeIn('slow');
  719. });
  720. });
  721. $(function(){
  722. $('.make_lightbox').each(function(){
  723. $(this).on('click',function(){
  724. var lbArray = [];
  725. var arrayContents = {
  726. "width":$(this).data('width'),
  727. "height":$(this).data('height'),
  728. "low_res":$(this).data("lowres"),
  729. "high_res":$(this).data('highres')
  730. };
  731. lbArray.push(arrayContents);
  732. Tumblr.Lightbox.init(lbArray,1);
  733. $('body').toggleClass('tumblr_lightbox_active');
  734. });
  735. });
  736. });
  737. });
  738. })();
  739. </script>
  740. {/block:IndexPage}
  741. <div style="display:none;"><script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5126020";
  742. var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
  743. fhs.src = "http://freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=&e2=&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
  744. document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
  745. </script></div>
  746. <!--/////////End Masonry//////////-->
  747.  
  748. </body>
  749. </html>
Advertisement
Add Comment
Please, Sign In to add comment