API tools faq
paste
Advertisement
kissingliamsthemes

THEME 19

kissingliamsthemes
Aug 4th, 2015
3,016
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.06 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8.  
  9.  
  10. <!-- THEME BY AFIREHAZ, THANK YOU FOR USING;
  11. PLEASE DO NOT REMOVE CREDIT OR STEAL THIS THEME! -->
  12.  
  13.  
  14.  
  15. <!-- COLORS -->
  16.  
  17. <meta name="color:text" content="#777777"/>
  18. <meta name="color:link" content="#313131"/>
  19. <meta name="color:ask" content="#313131"/>
  20. <meta name="color:asktext" content="ffffff"/>
  21. <meta name="color:scrollbar" content="#ececec"/>
  22. <meta name="color:selection" content="#000000"/>
  23. <meta name="color:linkhover" content="#eeeeee"/>
  24. <meta name="color:border" content="#eeeeee"/>
  25.  
  26. <!-- IMAGES -->
  27.  
  28. <meta name="image:sidebar" content=""/>
  29.  
  30. <meta name="text:Updates" content="Type updates here"/>
  31. <meta name="text:link 1" content="link 1"/>
  32. <meta name="text:link 1 url" content="/" />
  33. <meta name="text:link 2" content="link 2"/>
  34. <meta name="text:link 2 url" content="/" />
  35. <meta name="text:link 3" content="link 3"/>
  36. <meta name="text:link 3 url" content="/" />
  37. <meta name="text:link 4" content="link 4"/>
  38. <meta name="text:link 4 url" content="/" />
  39. <meta name="text:link 5" content="link 5"/>
  40. <meta name="text:link 5 url" content="/" />
  41. <meta name="text:link 6" content="link 6"/>
  42. <meta name="text:link 6 url" content="/" />
  43.  
  44.  
  45. <meta name="if:hide captions" content="0"/>
  46.  
  47. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  48. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  49.  
  50. <script>
  51. (function($){
  52. $(document).ready(function(){
  53. $("[title]").style_my_tooltips({
  54. tip_follows_cursor:true,
  55. tip_delay_time:100,
  56. tip_fade_speed:250,
  57. attribute:"title"
  58. });
  59. });
  60. })(jQuery);
  61. </script>
  62.  
  63. <style type="text/css">
  64.  
  65. ::selection {background: #fff; color:{color:selection};}
  66. ::-moz-selection {background: #fff; color:{color:selection};}
  67. ::-webkit-selection {background: #fff; color:{color:selection};}
  68.  
  69. ::-webkit-scrollbar-thumb {background-color: {color:scrollbar}; border: 4px solid #fff; height:auto; border-bottom:none;}
  70.  
  71. ::-webkit-scrollbar {height:9px;width:9px;background-color:#fff; border:4px solid #fff;}
  72.  
  73. ::selection {background-color:#fff;}
  74.  
  75. @import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
  76.  
  77. body, a, a:hover {cursor: url(http://media.tumblr.com/8d531d6c90214f7c87dbff371fc474bc/tumblr_inline_mmsrpsNO3J1qz4rgp.png), auto;}
  78.  
  79.  
  80. /* --- BODY ---*/
  81.  
  82.  
  83. body {
  84. font-style:none;
  85. background:#ffffff;
  86. margin:0px; color:{color:text};
  87. font-family:calibri;
  88. font-size:10px;
  89. line-height:100%;
  90.  
  91. }
  92.  
  93. blockquote {
  94. border-left:1px solid {color:text};
  95. padding-left:5px;
  96. margin:15px;
  97. }
  98.  
  99. a {
  100. color:{color:link}
  101. }
  102.  
  103. a {
  104. text-decoration:none;
  105. -webkit-transition:all .3s ease-in-out;
  106. -moz-transition:all .3s ease-in-out;
  107. -o-transition:all .3s ease-in-out;
  108. -ms-transition:all .3s ease-in-out;
  109. transition:all .3s ease-in-out;
  110. }
  111.  
  112. a:hover {
  113. color:{color:linkhover}
  114. }
  115.  
  116. img {none;}
  117.  
  118.  
  119. h1 , h2 {
  120. font-size:11px;
  121. font-weight:900;
  122. font-style:none;
  123. line-height:100%;
  124. text-align:justify;
  125. letter-spacing:1px;
  126. text-transform:uppercase;
  127. font-family:calibri;
  128. }
  129.  
  130.  
  131. #entries {
  132. width:1000px;
  133. margin-left:402px;
  134. margin-top:0px;
  135. position:auto;
  136. }
  137.  
  138. #post {
  139. width:250px;
  140. font-style:none;
  141. float:left;
  142. margin:30px;
  143. padding:20px;
  144. padding-top:35px;
  145. background:#fff;
  146. border:1px; border-width:1px; border-color:{color:border}; border-style:solid;
  147. }
  148.  
  149.  
  150.  
  151. /* --- SIDEBAR ---*/
  152.  
  153.  
  154. .sidebar {
  155. width:270px;
  156. height:200px;
  157. padding-top:80px;
  158. margin-left:100px;
  159. position:fixed;
  160. margin-top:200px;
  161. background:#fff;
  162. border:1px; border-width:1px; border-color:{color:border}; border-style:solid; border-top:none; border-bottom:none; border-left:none;
  163. }
  164.  
  165. .title {
  166. font-family: calibri
  167. font-size:11px;
  168. text-align:center;
  169. margin-top:-50px;
  170. letter-spacing:1px;
  171. text-transform:uppercase;
  172. width:200px;
  173. font-weight:900;
  174. font-style:italic;
  175. padding:10px;
  176. margin-left:-65px;
  177. color:{color:text};
  178. }
  179.  
  180.  
  181.  
  182. #description {
  183. margin-left:30px;
  184. margin-top:15px;
  185. width:200px;
  186. position:fixed;
  187. line-height: 130%;
  188. text-align:justify;
  189. text-transform:lowercase;
  190. font-family:calibri;
  191. font-size:8px;
  192. font-weight:900;
  193. letter-spacing:1px;
  194. font-style:italic;
  195. border:1px; border-width:1px; border-color:{color:linkhover}; border-style:solid; border-bottom:none; border-right:none; border-left:none;
  196. }
  197.  
  198. /* --- LINKS ---*/
  199.  
  200. #links {
  201. display:inline-block;
  202. font-family:calibri;
  203. width:200px;
  204. margin-left:0px;
  205. background:#fff;
  206. text-align:center;
  207. margin-top:0px;
  208. position:fixed;
  209. }
  210.  
  211.  
  212. #links a {
  213. font-family:calibri;
  214. letter-spacing:0.5px;
  215. text-transform:uppercase;
  216. font-size:8px;
  217. text-align:center;
  218. display:block;
  219. padding-bottom:2px; padding-top:0px;
  220. margin:5px;
  221. font-weight:900;
  222. border:1px; border-width:1px; border-color:#fff; border-style:solid; border-right:none; border-top:none; border-left:none;
  223. }
  224.  
  225. #links a:hover {
  226. border-color:{color:linkhover};
  227. color:{color:linkhover};
  228. }
  229.  
  230.  
  231.  
  232. .main {
  233. padding:20px;
  234. width: 200px;
  235. height:90px;
  236. margin-top:-10px; margin-left:65px;
  237. position:auto;
  238. font-family:calibri;
  239. text-transform:uppercase;
  240. font-size:8px;
  241. letter-spacing:0.5px;
  242. font-weight:900;
  243. }
  244.  
  245. .tab {
  246. width:200px;
  247. margin: 0 auto;
  248. font-family:calibri;
  249. display:inline;
  250. text-align:center;
  251. background:#fff;
  252. }
  253.  
  254. .tab label {
  255. color: {color:text};
  256. letter-spacing: 2px;
  257. font-size: 8px;
  258. line-height: 14px;
  259. font-weight: bold;
  260. background-color: #fff;
  261. width:100px;
  262. padding: 5px;
  263. text-transform: uppercase;
  264. height: 15px;
  265. margin-left:5px;
  266. text-align: center;
  267. cursor: help;
  268. font-family:calibri;
  269. display:inline;
  270. margin-bottom: 5px;
  271. -webkit-transition:all .3s ease-in-out;
  272. -moz-transition:all .3s ease-in-out;
  273. -o-transition:all .3s ease-in-out;
  274. -ms-transition:all .3s ease-in-out;
  275. transition:all .3s ease-in-out;
  276. border:1px solid #fff;
  277. border-top:none; border-left:none; border-right:none;
  278. }
  279.  
  280. .tab label:hover {
  281. border:1px border-style:solid; border-color:{color:linkhover};
  282. color:{color:linkhover};
  283. border-top:none; border-left:none; border-right:none;
  284. -webkit-transition:all .3s ease-in-out;
  285. -moz-transition:all .3s ease-in-out;
  286. -o-transition:all .3s ease-in-out;
  287. -ms-transition:all .3s ease-in-out;
  288. transition:all .3s ease-in-out;
  289. }
  290.  
  291. [type=radio]:checked ~ label {
  292. z-index: 2;
  293. color:{color:linkhover};
  294. border:1px border-style:solid; border-color:{color:linkhover};
  295. border-top:none; border-left:none; border-right:none;
  296. }
  297.  
  298. .tab [type=radio] {
  299. display: none;
  300. -webkit-transition:all .3s ease-in-out;
  301. -moz-transition:all .3s ease-in-out;
  302. -o-transition:all .3s ease-in-out;
  303. -ms-transition:all .3s ease-in-out;
  304. transition:all .3s ease-in-out;
  305. }
  306.  
  307. .content {
  308. color: {color:text};
  309. width: 200px;
  310. margin-top: 20px;
  311. margin-left: -65px;
  312. background:#fff;
  313. height: 60px;
  314. padding: 10px; padding-top:2px;
  315. padding-bottom:2px;
  316. font-size:8px
  317. text-transform:lowercase;
  318. font-family:calibri;
  319. text-align: justify;
  320. position: absolute;
  321. -webkit-transition:all .3s ease-in-out;
  322. -moz-transition:all .3s ease-in-out;
  323. -o-transition:all .3s ease-in-out;
  324. -ms-transition:all .3s ease-in-out;
  325. transition:all .3s ease-in-out;
  326. }
  327.  
  328. .content a {
  329. color: {color:link};
  330. font-size: 8px;
  331. font-family:calibri;
  332. display: block;
  333. text-decoration: none;
  334. text-transform: uppercase;
  335. }
  336.  
  337. .content a:hover {
  338. color:{color:linkhover};
  339.  
  340. }
  341.  
  342.  
  343. [type=radio]:checked ~ label ~ .content {
  344. z-index: 1;
  345. }
  346.  
  347. /* ---------------------------- POST INFO -----------------------------*/
  348.  
  349. #info {
  350. font-family: calibri;
  351. font-size:8px;
  352. text-transform:uppercase;
  353. font-weight:900;
  354. letter-spacing:1px;
  355. position:absolute;
  356. color:{color:link};
  357. padding-top:0px;
  358. padding:5px;
  359. background:#f7f7f7;
  360. width:280px;
  361. margin-top:-35px;
  362. margin-left:-20px;
  363. }
  364.  
  365. #info a {
  366. margin-top:8px;
  367. color:{color:link};
  368. letter-spacing:1px;
  369. }
  370.  
  371. #taggy {
  372. font-family: calibri;
  373. font-size:8px;
  374. text-transform:uppercase;
  375. font-weight:900;
  376. letter-spacing:1px;
  377. margin-left:-15px;
  378. opacity:0;
  379. -webkit-transition:all .3s ease-in-out;
  380. -moz-transition:all .3s ease-in-out;
  381. -o-transition:all .3s ease-in-out;
  382. -ms-transition:all .3s ease-in-out;
  383. transition:all .3s ease-in-out;
  384. }
  385.  
  386.  
  387. #post:hover #taggy {
  388. margin-left:0px;
  389. opacity:1;
  390. -webkit-transition:all .3s ease-in-out;
  391. -moz-transition:all .3s ease-in-out;
  392. -o-transition:all .3s ease-in-out;
  393. -ms-transition:all .3s ease-in-out;
  394. transition:all .3s ease-in-out;
  395. }
  396.  
  397.  
  398. /* ---------------------------- POST NOTES ------------------------- */
  399.  
  400. ol.notes {
  401. display:block;
  402. text-align:left;
  403. list-style-type:none;
  404. margin-left:-20px;
  405. }
  406.  
  407. ol.notes img.avatar {display: none;}
  408.  
  409. ol.notes li.note{
  410. padding:10px;
  411. }
  412.  
  413. .pagenotes {
  414. text-align:left;
  415. margin-top:15px;
  416. margin-left:10px;
  417. }
  418.  
  419.  
  420.  
  421. #pt {
  422. font-size:8px;
  423. letter-spacing:0.5px;
  424. font-weight:900;
  425. text-transform:uppercase;
  426. font-family:calibri;
  427. padding-bottom:5px; padding-top:5px;
  428. border:1px; border-width:1px; border-style:solid; border-color:{color:border};
  429. border-top:none; border-left:none; border-right:none;
  430. }
  431.  
  432. /* -------------------------- POST TYPES -------------------------- */
  433.  
  434. /* CHAT */
  435.  
  436. ul.chat{
  437. list-style:none;
  438. margin-left:-40px;
  439. }
  440.  
  441. .chat span {
  442. float: left;
  443. }
  444.  
  445. #label {
  446. font-size:8px;
  447. letter-spacing:0.5px;
  448. font-weight:900;
  449. text-transform:uppercase;
  450. font-family:calibri;
  451. padding-bottom:5px; padding-top:5px;
  452. border:1px; border-width:1px; border-style:solid; border-color:{color:border};
  453. border-top:none; border-left:none; border-right:none;
  454. }
  455.  
  456. #quote {
  457. font-size:11px;
  458. font-weight:900;
  459. font-style:none;
  460. line-height:100%;
  461. text-align:justify;
  462. letter-spacing:1px;
  463. text-transform:uppercase;
  464. font-family:calibri;
  465. }
  466.  
  467. #qs {
  468. font-family:calibri;
  469. font-size:8px;
  470. font-weight:none;
  471. letter-spacing:1px;
  472. text-transform:uppercase;
  473. }
  474.  
  475.  
  476. #asker {
  477. font-family: calibri;
  478. font-size:8px;
  479. color:#fff;
  480. letter-spacing:1px;
  481. background:{color:ask};
  482. padding:10px;
  483. font-weight:900;
  484. line-height:100%;
  485. text-align:justify;
  486. text-transform:uppercase;
  487. }
  488.  
  489. #asker a {
  490. color:#fff;
  491. }
  492.  
  493. #answer {
  494. font-family:calibri;
  495. font-size:10px;
  496. font-style:none;
  497. font-weight:100;
  498. text-align:left;
  499. }
  500.  
  501.  
  502. #musicinfo {
  503. line-height:120%;
  504. }
  505.  
  506.  
  507.  
  508. /* --- NAV ---*/
  509.  
  510. #pagi
  511. {
  512. font-size:12px;
  513. margin-top:20px;
  514. margin-left:75px;
  515. width:115px;
  516. position:fixed;
  517. height:20px;
  518. font-family:calibri;
  519. text-align:center;
  520. letter-spacing:5px;
  521. font-style:none;
  522. }
  523.  
  524.  
  525.  
  526.  
  527. /* --- CREDIT ---*/
  528.  
  529. #mine a{
  530. position:fixed;
  531. padding:5px;
  532. font-family:calibri;
  533. font-size:10px;
  534. right:-78px;
  535. bottom:5px;
  536. text-align:center;
  537. background:#fff;
  538. color:#000;
  539. word-spacing:8px;
  540. }
  541.  
  542. #mine a:hover {
  543. right:10px;
  544. }
  545.  
  546. {CustomCSS}</style></head><body>
  547.  
  548.  
  549. <div class="sidebar">
  550.  
  551.  
  552.  
  553. <div class="main">
  554.  
  555. <div class="tab">
  556. <input type="radio" id="tab-1" name="tab-group-1" checked>
  557. <label for="tab-1" title="DESCRIPTION"><i class="fa fa-circle-thin fa-lg"></i></label>
  558. <div class="content">
  559. {Description}
  560. </div>
  561. </div>
  562.  
  563. <div class="tab">
  564. <input type="radio" id="tab-2" name="tab-group-1">
  565. <label for="tab-2" title="LINKS"><i class="fa fa-circle-thin fa-lg"></i></label>
  566. <div class="content">
  567.  
  568. <div id="links">
  569.  
  570. <center>
  571.  
  572. <table>
  573.  
  574. <tr>
  575.  
  576. <td><a href="{text:link 1 url}">{text:link 1}</a></td>
  577. <td><a href="{text:link 2 url}">{text:link 2}</a></td>
  578. <td><a href="{text:link 3 url}">{text:link 3}</a></td>
  579. </tr>
  580. <tr>
  581. <td><a href="{text:link 4 url}">{text:link 4}</a></td>
  582. <td><a href="{text:link 5 url}">{text:link 5}</a></td>
  583. <td><a href="{text:link 6 url}">{text:link 6}</a></td>
  584. </tr>
  585. </table>
  586.  
  587. </center>
  588. </div>
  589.  
  590. </div>
  591. </div>
  592.  
  593. <div class="tab">
  594. <input type="radio" id="tab-3" name="tab-group-1">
  595. <label for="tab-3" title="UPDATES"><i class="fa fa-circle-thin fa-lg"></i></label>
  596. <div class="content">
  597.  
  598.  
  599. {text:Updates}
  600.  
  601. </div>
  602.  
  603. <div class="title">{title}</div>
  604.  
  605. </div>
  606.  
  607.  
  608.  
  609. </div>
  610.  
  611. <div id="pagi"> {block:Pagination}
  612. {block:PreviousPage}
  613. <a href="{PreviousPage}">-</a>
  614. {/block:PreviousPage}
  615.  
  616. {block:NextPage}
  617. <a href="{NextPage}">+</a>
  618. {/block:NextPage}
  619. {/block:Pagination}
  620. </div>
  621.  
  622.  
  623.  
  624.  
  625. <!-- end of script tooltip -->
  626.  
  627.  
  628. <!---------- lallalalalalala ---------->
  629.  
  630.  
  631.  
  632.  
  633. <div id="scrollbar">{scrollbar}</div>
  634.  
  635. {block:HasPages}{block:Pages}
  636.  
  637. <a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
  638.  
  639. </div></center></div></a>
  640.  
  641.  
  642. <div id="entries">
  643.  
  644.  
  645. {block:Posts}<div id="post">
  646.  
  647. <div id="info">
  648. {block:Date}
  649. <a href="{Permalink}">{TimeAgo} | </a>
  650. {block:NoteCount}<a href="{Permalink}">{NoteCount} | </a>{/block:NoteCount}
  651. {block:RebloggedFrom}<a href="{ReblogParentURL}"> VIA | </a>{/block:RebloggedFrom}
  652. {block:ContentSource}<a href="{SourceURL}"> SOURCE | </a>{/block:ContentSource}
  653. {/block:Date}
  654.  
  655. <a href="{ReblogURL}" target="_blank" class="details"><i class="fa fa-retweet"></i></a>
  656.  
  657. </div>
  658.  
  659.  
  660. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  661.  
  662. {block:blockquote}{/block:blockquote}
  663.  
  664. {block:Photo}
  665. <center>{LinkOpenTag}<img src="{PhotoURL-250}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{/block:Caption}
  666. {/block:Photo}
  667.  
  668. {block:Photoset}
  669. <center>{Photoset-250}</center>
  670. {/block:Photoset}
  671.  
  672. <div id="quote">{block:Quote}" {Quote} "<div id="qs">{block:Source}
  673. — {Source}{/block:Source}</div>{/block:Quote}
  674.  
  675. </div>
  676.  
  677. <!--CAPTIONS-->
  678. {block:Ifhidecaptions}
  679. {block:permalink}
  680. {block:Caption}
  681. {Caption}
  682. {/block:Caption}
  683. {/block:permalink}
  684. {/block:Ifhidecaptions}
  685. {block:Ifnothidecaptions}
  686. {block:Caption}
  687. {Caption}
  688. {/block:Caption}
  689. {/block:Ifnothidecaptions}
  690.  
  691. {block:Answer}
  692. <div id="asker">{Asker} asked: {Question}</div>
  693. <div id="answer">{Answer}</div>
  694. {/block:Answer}
  695.  
  696. <div id="taggy">{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
  697.  
  698. </div>
  699.  
  700. <!----- AUDIO POSTS ---->
  701. {block:Audio}
  702. {block:AudioPlayer}
  703. {AudioPlayerGrey}
  704. {/block:AudioPlayer}
  705. <br><br><div id="musicinfo">
  706. {block:TrackName}Track: {TrackName}{/block:TrackName}<br>
  707. {block:Artist}Artist: {Artist}{/block:Artist}<br>
  708. {block:Album}Album: {Album}{/block:Album}<br>
  709. {block:Playcount}Play count: {FormattedPlayCount}{/block:Playcount}
  710. </div>
  711. {/block:Audio}
  712.  
  713.  
  714.  
  715.  
  716. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  717.  
  718. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<div id="label">{Label} {/block:Label} {Line}</div>{/block:Lines}{/block:Chat}
  719.  
  720.  
  721. {block:Video}{Video-250}{/block:Video}
  722.  
  723. </div>
  724.  
  725.  
  726. {block:PostNotes}<div id="pt">{PostNotes}</div>{/block:PostNotes}
  727. {/block:Posts}</div>
  728.  
  729.  
  730.  
  731. <script type="text/javascript">
  732. WebFontConfig = {
  733. google: { families: [ 'Open+Sans+Condensed:300:latin' ] }
  734. };
  735. (function() {
  736. var wf = document.createElement('script');
  737. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  738. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  739. wf.type = 'text/javascript';
  740. wf.async = 'true';
  741. var s = document.getElementsByTagName('script')[0];
  742. s.parentNode.insertBefore(wf, s);
  743. })(); </script>
  744.  
  745. <!--basic tooltip from tutorial-baby! Enjoy-->
  746.  
  747. <style>
  748. .tooltip{
  749. display: inline;
  750. position: relative;
  751. }
  752. #s-m-t-tooltip {
  753. max-width:300px; /*how big the tooltip can be at most*/
  754. border-radius: 0px; /*change your border radius*/
  755. padding:3px 4px 5px 4px; /*padding inside tooltip*/
  756. margin:20px 7px -2px 20px; /*distance from word*/
  757. background-color:#ffffff; /*background color*/
  758. font-family:calibri; /*tooltip font*/
  759. font-size:8px; /*tooltip font size*/
  760. letter-spacing:1px; /*tooltip letter spacing*/
  761. text-transform:uppercase; /*makes the tooltip title uppercase*/
  762. color:{color:linkhover}; /*tooltip font color*/
  763. z-index:999999999999999999999999999999999999;
  764. }
  765. </style>
  766.  
  767.  
  768.  
  769. <!------ S C R I P T S! ------>
  770.  
  771. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  772. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  773. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  774.  
  775. <script type="text/javascript">
  776. $(window).load(function(){
  777. var $wall = $('#entries');
  778. $wall.imagesLoaded(function(){
  779. $wall.masonry({
  780. itemSelector: '#post',
  781. isAnimated : true
  782. });
  783. });
  784. $wall.infinitescroll({
  785. navSelector : "div#navigation",
  786. nextSelector : "div#navigation a#nextPage",
  787. itemSelector : '#post',
  788. loadingImg : "",
  789. loadingText : " ",
  790. donetext : " ",
  791. extraScrollPx : 0,
  792. bufferPx : 10000,
  793. debug : false,
  794. errorCallback: function() {
  795. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  796. }},
  797. function( newElements ) {
  798. var $newElems = $( newElements );
  799. $newElems.hide();
  800. $newElems.imagesLoaded(function(){
  801. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 250, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  802. });
  803. }); $('#entries').show(500);
  804. });
  805. </script>
  806.  
  807. <script language="JavaScript">
  808. function function1(){
  809. window.scrollTo(0,5);
  810. }
  811. function function2(){
  812. window.scroll(0,2);
  813. }
  814. </script>
  815. <!---- end masonry scripts -->
  816.  
  817.  
  818.  
  819. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  820.  
  821.  
  822. <div id="mine"><a href="http://afirehaz.tumblr.com/"><i class="fa fa-heart-o fa-lg"></i> KATIES THEMES</a></div>
  823.  
  824. </div>
  825. </body>
  826. </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!