Advertisement
feiinho

Dolce & Gabbana Theme by Chloe

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