API tools faq
paste
Advertisement
tanaxmercedes

Fixed Static

tanaxmercedes
Mar 9th, 2016
291
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.45 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. Fixed Static theme
  4. Ⓒ𝙒𝙝𝙞𝙢𝙨𝙮𝙏𝙝𝙚𝙢𝙚𝙨
  5. designed and coded by @tanaboo
  6.  
  7. -->
  8. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  9. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  10.  
  11. <head>
  12. <title>{text:Tab Title}</title>
  13. <link rel="shortcut icon" href="{Favicon}" />
  14. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  15.  
  16. <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
  17. </script>
  18.  
  19. <!-- META TAGS // CUSTOMIZATION PAGE -->
  20.  
  21. <meta name="color:Background" content="#f6f6f6"/>
  22. <meta name="color:Blog Title" content="#555555"/>
  23. <meta name="color:Title" content="#555555"/>
  24. <meta name="color:Text" content="#999999"/>
  25. <meta name="color:Link" content="#ddd"/>
  26. <meta name="color:Link Hover" content="#aaa"/>
  27. <meta name="color:Scrollbar" content="#555"/>
  28. <meta name="color:Header Background" content="#ddd"/>
  29.  
  30. <meta name="if:ShowTags" content="1"/>
  31. <meta name="if:ShowCaption" content="1"/>
  32. <meta name="if:ShowDefaultButtons" content="1"/>
  33. <meta name="if:ImageEnlargeOnHover" content="1"/>
  34.  
  35. <meta name="image:Background" content=""/>
  36. <meta name="image:Header" content=""/>
  37. <meta name="image:Favicon" content=""/>
  38.  
  39. <meta name="text:Your Blogs URL" content="This is where the URL for your blog goes, this CANNOT be blank or people will not be able to follow you."/>
  40. <meta name="text:Blog Title" content="Blog Title"/>
  41. <meta name="text:Tab Title" content="Tab Title"/>
  42.  
  43. <meta name="text:Link One" content="/" />
  44. <meta name="text:Link One Name" content="001"/>
  45. <meta name="text:Link One Hover" content="Title Here" />
  46.  
  47. <meta name="text:Link Two" content="/" />
  48. <meta name="text:Link Two Name" content="002"/>
  49. <meta name="text:Link Two Hover" content="Title Here" />
  50.  
  51. <meta name="text:Link Three" content="/" />
  52. <meta name="text:Link Three Name" content="003"/>
  53. <meta name="text:Link Three Hover" content="Title Here" />
  54.  
  55. <meta name="text:Link Four" content="/" />
  56. <meta name="text:Link Four Name" content="004"/>
  57. <meta name="text:Link Four Hover" content="Title Here" />
  58.  
  59. <meta name="text:Link Five" content="/" />
  60. <meta name="text:Link Five Name" content="005"/>
  61. <meta name="text:Link Five Hover" content="Title Here" />
  62.  
  63.  
  64.  
  65.  
  66. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  67. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  68. <script>
  69. (function($){
  70. $(document).ready(function(){
  71. $("a[title]").style_my_tooltips({
  72. tip_follows_cursor:true,
  73. tip_delay_time:90,
  74. tip_fade_speed:600,
  75. attribute:"title"
  76. });
  77. });
  78. })(jQuery);
  79. </script>
  80. <!--basic tooltip from tutorial-baby! Enjoy-->
  81. <style>
  82. .tooltip{
  83. display: inline;
  84. position: relative;
  85. }
  86. #s-m-t-tooltip {
  87. max-width:300px; /*how big the tooltip can be at most*/
  88. border-radius: 0px; /*change your border radius*/
  89. padding:3px 4px 5px 4px; /*padding inside tooltip*/
  90. margin:8px; /*distance from word*/
  91. background-color:#fff; /*background color*/
  92. border:0px solid #E0E0E0; /*border info*/
  93. font-family:trebuchet ms; /*tooltip font*/
  94. font-size:9px; /*tooltip font size*/
  95. letter-spacing:0px; /*tooltip letter spacing*/
  96. text-transform:uppercase; /*makes the tooltip title uppercase*/
  97. color:#999; /*tooltip font color*/
  98. z-index:999999999999999999999999999999999999;
  99. }
  100. </style>
  101.  
  102.  
  103.  
  104. <!--
  105.  
  106. .•*Created by Ouilala Coding
  107.  
  108. -->
  109.  
  110.  
  111. <style type="text/css">
  112.  
  113.  
  114. /* FOLLOW AND DASHBOARD BUTTONS */
  115.  
  116. #followbutton {
  117. opacity: .5;
  118. right: 2px !important;
  119. position: fixed !important;
  120. -webkit-transition: opacity 0.7s linear;
  121. -webkit-transition: all 0.8s ease-out;
  122. -moz-transition: all 0.8s ease-out;
  123. transition: all 0.8s ease-out;
  124. -webkit-filter: invert(100%);
  125. }
  126. #followbutton: hover{
  127. opacity: .7;
  128. -webkit-transition: opacity 0.7s linear;
  129. -webkit-transition: all 0.4s ease-out;
  130. -moz-transition: all 0.4s ease-out;
  131. transition: all 0.4s ease-out;
  132. -webkit-filter: invert(100%);
  133. }
  134.  
  135. #dashbutton {
  136. opacity: .5;
  137. right: 2px !important;
  138. position: fixed !important;
  139. -webkit-transition: opacity 0.7s linear;
  140. -webkit-transition: all 0.8s ease-out;
  141. -moz-transition: all 0.8s ease-out;
  142. transition: all 0.8s ease-out;
  143. -webkit-filter: invert(100%);
  144. }
  145. #dashbutton: hover{
  146. opacity: .7;
  147. -webkit-transition: opacity 0.7s linear;
  148. -webkit-transition: all 0.4s ease-out;
  149. -moz-transition: all 0.4s ease-out;
  150. transition: all 0.4s ease-out;
  151. -webkit-filter: invert(100%);
  152. }
  153.  
  154.  
  155.  
  156.  
  157. #tumblr_controls, .tmblr-iframe{
  158. -webkit-filter:invert(100%);
  159. -moz-filter:invert(100%);
  160. -o-filter:invert(100%);
  161. -ms-filter:invert(100%);
  162. filter:invert(100%);
  163. position:fixed!important;
  164. top:0px!important;
  165. right: 30%!important;
  166. {block:ifShowDefaultButtons}
  167. right: 0px!important;
  168. {/block:ifShowDefaultButtons}
  169. opacity: 0;
  170. -webkit-transition:all 0.6s ease-out;
  171. -webkit-transition: opacity 0.7s linear;opacity: 0.2;
  172. -webkit-transition: all 0.8s ease-out;
  173. -moz-transition: all 0.8s ease-out;
  174. transition: all 0.8s ease-out;
  175. }
  176.  
  177. #tumblr_controls, .tmblr-iframe:hover{
  178. opacity: .9;
  179. -webkit-transition: all 0.4s ease-out;
  180. -moz-transition: all 0.4s ease-out;
  181. transition: all 0.4s ease-out;
  182. -webkit-transition:all 0.6s ease-out;
  183. -webkit-filter:invert(80%);
  184. -moz-filter:invert(80%);
  185. -o-filter:invert(80%);
  186. -ms-filter:invert(80%);
  187. filter:invert(80%);
  188. }
  189.  
  190.  
  191.  
  192. /* SCROLL BAR CODE */
  193.  
  194. ::-webkit-scrollbar{
  195. width: 8px;
  196. height: 4px;
  197. background: {color:Background};
  198. }
  199. ::-webkit-scrollbar-thumb{
  200. background-color:{color:Title};
  201. }
  202.  
  203.  
  204. /* THE BASICS */
  205.  
  206. body {
  207. color: {color:Text};
  208. background-color: {color:Background};
  209. background-image: url({image:Background});
  210. font-size: 10px;
  211. line-height: 10px;
  212. font-family: trebuchet ms;
  213. }
  214. a {
  215. text-decoration: none;
  216. color: {color:Link};
  217. }
  218. a:hover {
  219. color: {color:Link Hover};
  220. cursor: help;
  221. }
  222. h1 {
  223. font-size: 12px;
  224. color: {color:Title};
  225. }
  226.  
  227.  
  228. /*--CUSTOMIZE header--*/
  229. #header{
  230. z-index: 9999;
  231. position: fixed !important;
  232. width: 50%;
  233. height: 150px;
  234. top: 0;
  235. left: 25%;
  236. padding-right: 12px;
  237. padding-left: 12px;
  238. padding-top:none;
  239. padding-bottom:none;
  240. background-color: {color:Header Background};
  241. overflow: hidden;
  242. }
  243.  
  244.  
  245. /* ITEMS IN header */
  246.  
  247. #headerimage{
  248. border:0px solid #eee;
  249. padding: 0px;
  250. opacity:1;
  251. top: 0;
  252. left: 0;
  253. }
  254.  
  255. #blogtitle{
  256. position: fixed !important;
  257. z-index: 99999;
  258. width: 50%;
  259. top: 13%;
  260. left: 25%;
  261. color: {color:Blog Title};
  262. background: #fff;
  263. padding: 12px;
  264. font-family: trebuchet ms;
  265. text-transform: uppercase;
  266. font-size: 20px;
  267. line-height: 10px;
  268. }
  269.  
  270. #description{
  271. position: fixed !important;
  272. background: #fff;
  273. width: 150px;
  274. height: auto;
  275. padding: 12px;
  276. color: {color:Text};
  277. font-size: 10px;
  278. line-height: 10px;
  279. font-family: trebuchet ms;
  280. top: 340px;
  281. left: 25%;
  282. text-align: justify;
  283. }
  284.  
  285. #links{
  286. z-index: 9999999;
  287. position: fixed !important;
  288. width: 150px;
  289. height: auto;
  290. padding: 12px;
  291. color: {color:Link};
  292. font-size: 10px;
  293. text-transform: uppercase;
  294. font-family: helvetica;
  295. letter-spacing: 0px;
  296. background: #fff;
  297. left: 25%;
  298. top: 170px;
  299. line-height: 20px;
  300. -webkit-transition: all 0.9s ease-in-out;
  301. -moz-transition: all 0.9s ease-in-out;
  302. -o-transition: all 0.9s ease-in-out;
  303. }
  304.  
  305. #linksies{
  306. padding-left: 60%;
  307. text-align: right;
  308. border-bottom: 1px solid {color:Background};
  309. padding-bottom: 2px;
  310. }
  311.  
  312. #linksies: hover{
  313. letter-spacing: 2px;
  314. color: {color:Link Hover};
  315. }
  316.  
  317.  
  318. .sliding-u-r-l {
  319. width: 100%;
  320. display: inline-block;
  321. position: relative;
  322. padding-bottom: 2px;
  323. }
  324.  
  325. .sliding-u-r-l:after {
  326. content: '';
  327. display: block;
  328. position: absolute;
  329. right: 0;
  330. bottom: 0;
  331. height: 1px;
  332. width: 0;
  333. bottom: -3px;
  334. background: transparent;
  335. transition: width .5s ease, background-color .5s ease;
  336. }
  337.  
  338. .sliding-u-r-l:hover:after {
  339. width: 250%;
  340. background: {color:Link Hover};
  341. }
  342.  
  343.  
  344.  
  345. /* FOR AUDIO PSTS*/
  346.  
  347. #audio {
  348. width: 200px;
  349. height: auto;
  350. min-height: 60px;
  351. padding-bottom: 0px;
  352. }
  353. .cover {
  354. position:absolute;
  355. z-index: 1;
  356. width: 60px;
  357. height: 60px;
  358. }
  359. .cover img {
  360. float: left;
  361. width: 60px;
  362. height: 60px;
  363. }
  364. .playbox {
  365. opacity: 0.6;
  366. width: 27px;
  367. height: 30px;
  368. overflow: hidden;
  369. position: absolute;
  370. z-index: 1000;
  371. margin-left: 17px;
  372. margin-top: 17px;
  373. text-align: center;
  374. }
  375. .info {
  376. margin-left: 73px;
  377. margin-top: 4px;
  378. line-height: 14px;
  379. }
  380.  
  381.  
  382. /* TITLES OF ENTRIES */
  383. .title{
  384. font-family: trebuchet ms;
  385. line-height: 13px;
  386. color: {color:Title};
  387. font-weight: normal;
  388. }
  389.  
  390.  
  391. #center{
  392. padding-top:-3px;
  393. padding-bottom:3px;
  394. position:fixed !important;
  395. width:250px;
  396. height:207px;
  397. background-color:#fff;
  398. {block:PermalinkPage}
  399. width:410px;
  400. height:207px;
  401. {/block:PermalinkPage}
  402. }
  403.  
  404.  
  405. /* POSTS CUSTOMIZATION *//* 1000px 4 COLUMNS, 800px 3 COLUMNS, 600px 2 COLUMNS & 200px 1 COLUMN */
  406.  
  407. #posts{
  408. {block:indexpage}
  409. width: 600px;
  410. {/block:indexpage}
  411. {block:permalinkpage}
  412. width: 750px;
  413. margin-left: 580px;
  414. {/block:permalinkpage}
  415. margin-left: 540px;
  416. margin-top: 160px;
  417. float: center;
  418. z-index: 9;
  419. }
  420.  
  421.  
  422.  
  423. /* CUSTOMIZE INDIVIDUAL POSTS */
  424.  
  425. #entry{
  426. z-index: 9;
  427. margin: 10px;
  428. float: left;
  429. background: #fff;
  430. font-size: 10px;
  431. line-height: 13px;
  432. width: 220px;
  433. padding: 20px;
  434. overflow: hidden;
  435. {block:PermalinkPage}
  436. margin-left: 50px;
  437. max-width: 360px;
  438. margin-top: 15px;
  439. z-index: 999;
  440. {/block:PermalinkPage}
  441. -moz-transition: all 3.9s ease-out;
  442. -o-transition: all 3.9s ease-out;
  443. -webkit-transition: all 3.9s ease-out;
  444. transition: all 3.9s ease-out;
  445. }
  446.  
  447.  
  448. /* INDIVIDUAL POSTS IMAGES */
  449.  
  450. #entry img{
  451. {block:indexpage}
  452. max-width: 220px;
  453. background: #fff;
  454. opacity: 1;
  455. z-index: 9999999;
  456. -webkit-transition:all 0.7s ease-out;
  457. -moz-transition:all 0.7s ease-out;
  458. transition:all 0.7s ease-out;
  459. {/block:indexpage}
  460. {block:PermalinkPage}
  461. max-width: 360px;
  462. {/block:PermalinkPage}
  463. transform: scale(1);
  464. -ms-transform: scale(1); /* IE 9 */
  465. -webkit-transform: scale(1); /* Safari and Chrome */
  466. -o-transform: scale(1); /* Opera */
  467. -moz-transform: scale(1); /* Firefox */
  468. }
  469.  
  470. {block:ifImageEnlargeOnHover}
  471. #entry img:hover{
  472. transform: scale(2.0);
  473. -ms-transform: scale(2.0); /* IE 9 */
  474. -webkit-transform: scale(2.0); /* Safari and Chrome */
  475. -o-transform: scale(2.0); /* Opera */
  476. -moz-transform: scale(2.0); /* Firefox */
  477. }
  478. {/block:ifImageEnlargeOnHover}
  479.  
  480. /* CUSTOMIZE TEXT POST / ASK / ETC PERMAS */
  481. .permalinktext{
  482. letter-spacing: 1px;
  483. padding-top: 15px;
  484. text-transform: lowercase;
  485. border-top: 1px solid {color:Link};
  486. line-height: 8px;
  487. }
  488.  
  489. /* BLOCKQUOTES */
  490.  
  491. blockquote {
  492. border-left: 1px dotted {color:Text};
  493. margin-left: 6px;
  494. padding-left: 10px;
  495. }
  496.  
  497.  
  498. /* POST NOTES*/
  499.  
  500. #postnotes{
  501. text-align: justify;
  502.  
  503. }
  504. #postnotes blockquote{
  505. border: 1px;
  506. }
  507.  
  508.  
  509. /* FOR QUESTION / ANSWER POSTS */
  510.  
  511. #question{
  512. border:1px solid #eee;
  513. margin:0px;
  514. min-height:30px;
  515. padding:3px;
  516. background:#f7f7f7;
  517. color:#aaa;
  518. }
  519.  
  520. #askerportrait{
  521. margin-right:4px;
  522. margin-top:-6px;
  523. margin-left:0px;
  524. border:1px solid #ddd;
  525. padding:7px;
  526. background:#fff;
  527. box-shadow:0px 2px 6px rgba(0, 0, 0, 0.06);
  528. -moz-box-shadow:0px 2px 6px rgba(0, 0, 0, 0.06);
  529. -webkit-box-shadow:0px 2px 6px rgba(0, 0, 0, 0.06)
  530. }
  531.  
  532. @import url(http://weloveiconfonts.com/api/?family=entypo|iconicstroke);
  533.  
  534. /* entypo */
  535. [class*="entypo-"]:before {
  536. font-family: 'entypo', sans-serif;
  537. }
  538.  
  539. /* iconicstroke */
  540. [class*="iconicstroke-"]:before {
  541. font-family: 'IconicStroke', sans-serif;
  542. }
  543.  
  544. </style>
  545.  
  546.  
  547. <!--
  548.  
  549. .•*Created by Ouilala Coding
  550.  
  551. -->
  552.  
  553.  
  554. </head>
  555.  
  556. <body>
  557. <div id="content">
  558.  
  559.  
  560. <!-- header -->
  561. <div id="header">
  562.  
  563. <!-- header IMAGE -->
  564. <div id="headerimage">
  565. <img src="{image:header}" style="width:100%; height:auto;">
  566. </div>
  567.  
  568. <!-- header /DIV -->
  569. </div>
  570.  
  571.  
  572. <!-- BLOG TITLE -->
  573. <div id="blogtitle">
  574. {text:Blog Title}
  575.  
  576. <a href="http://www.tumblr.com/follow/{text:Your Blogs URL}" title="Follow"><i class="fa fa-plus"></i></a>
  577. <a href="https://www.tumblr.com/dashboard" title="Dashboard"><i class="fa fa-home"></i></a>
  578. </div>
  579.  
  580.  
  581.  
  582. <!-- DESCRIPTION -->
  583. <div id="description">
  584. {description}
  585. </div>
  586.  
  587.  
  588. <!-- LINKS -->
  589. <div id="links">
  590.  
  591. <div id="linksies"><div class="sliding-u-r-l"><a href="{text:Link One}" title="{text:Link One Hover}">{text:Link One Name} &mdash;</a> </div></div>
  592. <div id="linksies"><div class="sliding-u-r-l"><a href="{text:Link Two}" title="{text:Link Two Hover}">{text:Link Two Name} &mdash;</a> </div></div>
  593. <div id="linksies"><div class="sliding-u-r-l"><a href="{text:Link Three}" title="{text:Link Three Hover}">{text:Link Three Name} &mdash;</a> </div></div>
  594. <div id="linksies"><div class="sliding-u-r-l"><a href="{text:Link Four}" title="{text:Link Four Hover}">{text:Link Four Name} &mdash;</a> </div></div>
  595. <div id="linksies"><div class="sliding-u-r-l"><a href="{text:Link Five}" title="{text:Link Five Hover}">{text:Link Five Name} &mdash;</a></div></div>
  596.  
  597. <!-- LINKS /DIV -->
  598. </div>
  599.  
  600.  
  601. <!--
  602.  
  603. .•*Created by Ouilala Coding
  604.  
  605. -->
  606.  
  607.  
  608. <!-- POST CODES -->
  609.  
  610.  
  611. <div id="posts">
  612. {block:Posts}
  613. <a title="Permalink Page" href="{Permalink}"><div id="entry">
  614.  
  615.  
  616. {block:Photo}
  617. {block:IndexPage}
  618. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=250px;>
  619. {/block:IndexPage}
  620.  
  621. {block:permalinkpage}
  622. {LinkOpenTag}
  623. <center>
  624. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=350px;/>
  625. </center>
  626. {LinkCloseTag}
  627. {/block:permalinkpage}
  628. {/block:Photo}
  629.  
  630.  
  631.  
  632. {block:Photoset}
  633. {block:Photos}
  634. <div class="media">
  635. {LinkOpenTag}
  636. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  637. {LinkCloseTag}
  638. </div>
  639. {/block:Photos}
  640. {/block:Photoset}
  641.  
  642.  
  643.  
  644. {block:Answer}
  645. <div id="question">
  646.  
  647. {Asker}: {Question}
  648. </div>
  649. {Answer}
  650. {/block:Answer}
  651.  
  652.  
  653. {block:Text}
  654. {block:Title}
  655. <span class="title">{Title}</span>
  656. {/block:Title}
  657. {Body}
  658. {/block:Text}
  659.  
  660.  
  661.  
  662. {block:Link}
  663. <a href="{URL}" class="title">{Name}</a>
  664. {block:Description}
  665. {Description}
  666. {/block:Description}
  667. {block:Link}
  668.  
  669.  
  670. {block:Quote}
  671. <div class="quote">❝ {quote} ❞</div>
  672. {/block:Quote}
  673.  
  674.  
  675.  
  676.  
  677. {block:Chat}
  678. {block:Title}
  679. <h1>{Title}</h1>
  680. {/block:Title}
  681. {block:Lines}
  682. {block:Label}
  683. <b>{Label}</b>
  684. {/block:Label}
  685. <span><i>{Line}</i><br>
  686. </span>
  687. {/block:Lines}
  688. {/block:Chat}
  689.  
  690.  
  691.  
  692.  
  693. {block:Audio}
  694. <div id="audio">
  695. <div class="cover">
  696. <img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg">
  697. </div>
  698.  
  699. {block:AlbumArt}
  700. <div class="cover">
  701. <img src="{AlbumArtURL}">
  702. </div>
  703. {/block:AlbumArt}
  704.  
  705. <div class="playbox">
  706. {block:AudioPlayer}
  707. {AudioPlayerWhite}
  708. {/block:AudioPlayer}
  709. </div>
  710.  
  711. <div class="info">
  712. Artist:
  713. {block:Artist}
  714. {Artist}
  715. {/block:Artist}
  716. <br>
  717. Track:
  718. {block:TrackName}
  719. {TrackName}
  720. {/block:TrackName}
  721. <br>
  722.  
  723. Album:
  724. {block:Album}
  725. {Album}
  726. {/block:Album}
  727. <br>
  728.  
  729. Count:
  730. {block:PlayCount}
  731. {FormattedPlayCount}
  732. {/block:PlayCount}
  733. </div> <!-- .INFO /DIV -->
  734. </div> <!-- #AUDIO /DIV -->
  735. {/block:Audio}
  736.  
  737.  
  738.  
  739.  
  740.  
  741. {block:Video}
  742. {block:IndexPage}
  743. <div style="width:200px; overflow-x:hidden; overflow-y:hidden">{Video-250}
  744. </div>
  745. {/block:IndexPage}
  746. {block:PermalinkPage}
  747. <div style="width: 450px; overflow-x:hidden; overflow-y:hidden">
  748. {Video-500}
  749. {/block:PermalinkPage}
  750. {block:Video}
  751.  
  752.  
  753. {block:PermalinkPage}
  754. <br>
  755.  
  756. {block:ifShowCaption}
  757. {block:Caption}
  758. {Caption}
  759. {/block:Caption}
  760. {/block:ifShowCaption}
  761. <div class="permalinktext">
  762. Posted {ShortMonth} {DayOfMonth} with {notecountwithlabel}. Would you like to <a href="{permalink}">view</a> or <a href="{ReblogURL}" target="_blank" class="details">Reblog</a>?
  763.  
  764. <br><br>
  765.  
  766. {block:ifShowTags}
  767. {block:HasTags}Tagged with: {block:Tags}<a href="{TagURL}">#{Tag}</a> &mdash; {/block:Tags}{/block:HasTags}
  768. {/block:ifShowTags}
  769.  
  770.  
  771. </div>
  772.  
  773. {block:RebloggedFrom}
  774. <b>source:</b>
  775. <a href="{ReblogRootURL}">{ReblogRootName}</a> / <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a>
  776. <br>
  777. {/block:RebloggedFrom}
  778.  
  779. </center>
  780. {/block:PermalinkPage}
  781.  
  782.  
  783.  
  784.  
  785. {block:PostNotes}
  786. <div id="postnotes">
  787. {PostNotes}
  788. </div>
  789. {/block:PostNotes}
  790.  
  791.  
  792.  
  793.  
  794.  
  795.  
  796.  
  797.  
  798.  
  799. </div>
  800.  
  801. {/block:Posts}
  802.  
  803. </div></a>
  804.  
  805. </div>
  806.  
  807.  
  808. {block:indexpage}
  809. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  810. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  811. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  812. <script type="text/javascript">
  813. $(window).load(function(){
  814. var $wall = $('#posts');
  815. $wall.imagesLoaded(function(){
  816. $wall.masonry({
  817. itemSelector: '#entry, #entry_photo',
  818. isAnimated : false
  819. });
  820. });
  821.  
  822. $wall.infinitescroll({
  823. navSelector : '#page-nav',
  824. nextSelector : '#page-nav a',
  825. itemSelector : '#entry, #entry_photo',
  826. bufferPx : 2000,
  827. debug : false,
  828. errorCallback: function() {
  829. $('#infscr-loading').fadeOut('normal');
  830. }},
  831. function( newElements ) {
  832. var $newElems = $( newElements );
  833. $newElems.hide();
  834. $newElems.imagesLoaded(function(){
  835. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  836. });
  837. }); $('#content').show(500);
  838. });
  839. </script>
  840. {/block:indexpage}
  841.  
  842.  
  843. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  844. <a href="http://ouilalacoding.tumblr.com" title="Theme" style="color:#444"><div id="ouilala" style="position: fixed; font-size: 18px; padding: 20px; bottom: 0; right: 0;"><i class="fa fa-code"></i></div></a>
  845.  
  846.  
  847. </body>
  848.  
  849. </html>
  850. <!--
  851.  
  852. .•*Created by Ouilala Coding
  853.  
  854. -->
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!