API tools faq
paste
Advertisement
kissingliamsthemes

THEME 25 V2 Essence

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