API tools faq
paste
Advertisement
Beautifully-Flawless

Theme 78: Geneva

Beautifully-Flawless
Mar 4th, 2014
1,025
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.93 KB | None | 0 0
raw download clone embed print report
  1. <!--Theme 78- Violet, Made By VanillaBeaux -->
  2. <!--PLEASE KEEP CREDIT-->
  3. <!--PLEASE KEEP CREDIT-->
  4. <!--PLEASE KEEP CREDIT-->
  5. <!--PLEASE KEEP CREDIT-->
  6. <!--PLEASE KEEP CREDIT-->
  7.  
  8. <html>
  9. <head>
  10.  
  11. <title>{title}</title>
  12. <link rel="shortcut icon" href="{Favicon}">
  13. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  14. {block:Description}<meta name="description"content="{MetaDescription}"/>{/block:Description}
  15.  
  16. <script type="text/javascript"
  17. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  18.  
  19. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  20.  
  21. <!--Variables-->
  22. <meta name="color:Scrollbar BG" content="#fff" />
  23. <meta name="color:Scrollbar" content="#ddd" />
  24. <meta name="color:Background" content="#fff" />
  25. <meta name="color:Text" content="#000" />
  26. <meta name="color:Links" content="#FF9BD2" />
  27. <meta name="color:Posts Side Borders" content="#E6E6E6" />
  28. <meta name="color:Posts BG" content="#fff" />
  29. <meta name="color:Posts Border" content="#ddd" />
  30. <meta name="color:Permalink 1 BG" content="#fff" />
  31. <meta name="color:Permalink 2 BG" content="#F0F0F0" />
  32. <meta name="color:Permalink 2 Border" content="#ddd" />
  33. <meta name="color:Permalink Text" content="#777" />
  34. <meta name="color:Title" content="#aaa" />
  35. <meta name="color:Asker" content="#888" />
  36. <meta name="color:Answer" content="#999" />
  37. <meta name="color:Asker Img BG" content="#ddd" />
  38. <meta name="color:Ask Box Border" content="#ddd" />
  39. <meta name="color:Sidepic BG" content="#fff" />
  40. <meta name="color:Sidebar Header Text" content="#888" />
  41. <meta name="color:Sidebar Header Border" content="#ddd" />
  42. <meta name="color:Navigation BG" content="#eee" />
  43. <meta name="color:Navigation Border" content="#ccc" />
  44. <meta name="color:Navigation Text" content="#666" />
  45. <meta name="color:Blogtitle" content="#bbb" />
  46. <meta name="color:Navigation Hover BG" content="#fff" />
  47. <meta name="color:Navigation Hover Border" content="#ddd" />
  48. <meta name="color:Navigation Hover Text" content="#888" />
  49.  
  50. <meta name="image:Background" content="http://25.media.tumblr.com/tumblr_m33qwzyv7F1r6uwfxo1_250.png" />
  51. <meta name="image:Posts Background" content="http://static.tumblr.com/gdh5wux/HcXm7im95/tumblr_m418qkudiz1rtzczio5_250.png" />
  52. <meta name="image:Sidebar" content="http://static.tumblr.com/56af1d59cc93ce4189765c0a5cdf7378/aorjzw7/R6qmsdcxk/tumblr_static_3.png" />
  53.  
  54. <meta name="text:Stats 1" content="INSERT STAT HERE" />
  55. <meta name="text:Stats 2" content="INSERT STAT HERE" />
  56. <meta name="text:Header 1" content="Description" />
  57. <meta name="text:Header 2" content="Statistics" />
  58. <meta name="text:Link 1 URL" content="/" />
  59. <meta name="text:Link 2 URL" content="/ask" />
  60. <meta name="text:Link 3 URL" content="/submit" />
  61. <meta name="text:Link 4 URL" content="/archive" />
  62. <meta name="text:Link 5 URL" content="/faves" />
  63. <meta name="text:Link 6 URL" content="/links" />
  64. <meta name="text:Link 1" content="Refresh" />
  65. <meta name="text:Link 2" content="Message" />
  66. <meta name="text:Link 3" content="Submit" />
  67. <meta name="text:Link 4" content="Archive" />
  68. <meta name="text:Link 5" content="Favorites" />
  69. <meta name="text:Link 6" content="More Links" />
  70.  
  71. <!--Variables-->
  72. <style type="text/css">
  73.  
  74. ::-webkit-scrollbar {width:5px;height:4px;background:{color:Scrollbar BG};}
  75. ::-webkit-scrollbar-thumb { background-color:{color:Scrollbar};-webkit-box-shadow: inset 0 0 12px #888;-webkit-border-radius: 6px;border-radius: 6px;}
  76.  
  77. @font-face {font-family:"Comfortaa"; src: url('http://static.tumblr.com/aorjzw7/aMums1s2i/comfortaa.ttf'); }
  78.  
  79. @font-face { font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf'); }
  80.  
  81. @font-face { font-family: "lovenote"; src: url('http://static.tumblr.com/4yxykdm/k6plrfhwf/ck_love_note.ttf'); }
  82.  
  83. @font-face { font-family: "Espacio"; src: url('http://static.tumblr.com/gdh5wux/cPLmoz1ma/espacio.ttf'); }
  84.  
  85. #tumblr_controls{
  86. position:fixed !important;
  87. -webkit-filter: invert(100%);
  88. }
  89.  
  90. body {
  91. margin: 0px;
  92. background-color:{color:Background};
  93. background-image:url('{image:Background}');
  94. background-attachment: fixed;
  95. background-repeat: repeat;
  96. background-position: center;
  97. }
  98.  
  99. body, div, p, textarea, submit, input {
  100. font-family:"Calibri";
  101. font-size:10px;
  102. line-height:11px;
  103. color:{color:Text};
  104. text-transform:none;
  105. }
  106.  
  107. b, strong{font-family:'consolas';font-size:10px; color:#aaaaaa; text-transform:uppercase;}
  108.  
  109. em, italic{font-family:'calibri';font-size:10px; color:#aaaaaa; text-transform:uppercase;font-style:italic;}
  110.  
  111. a:link, a:active, a:visited{
  112. color:{color:Links};
  113. text-decoration: none;
  114. -webkit-transition: color 0.4s ease-out;
  115. -moz-transition: color 0.4s ease-out;
  116. transition: color 0.4s ease-out;
  117. }
  118.  
  119. a:hover{
  120. -webkit-transition: color 0.4s ease-out;
  121. -moz-transition: color 0.4s ease-out;
  122. transition: color 0.4s ease-out;
  123. text-shadow:0px 1px 2px #000;
  124. }
  125.  
  126. div#posts {
  127. float:left;
  128. width:770px;
  129. z-index:99;
  130. margin-left:400px;
  131. padding:6px;
  132. box-shadow:0px 1px 6px #555;
  133. border-left:10px solid {color:Posts Side Borders};
  134. border-right:10px solid {color:Posts Side Borders};
  135. background-image:url('{image:Posts Background}');
  136. }
  137.  
  138. .entry {
  139. float:left;
  140. margin:6px;
  141. padding:10px;
  142. overflow:hidden;
  143. background-color:{color:Posts BG};
  144. border:1px solid {color:Posts Border};
  145. box-shadow:1px 1px 1px 1px #aaa;
  146. {block:IndexPage}
  147. width:350px;
  148. {/block:IndexPage}
  149. {block:PermalinkPage}
  150. width:500px;
  151. margin-left:30px;
  152. {/block:PermalinkPage}
  153. }
  154.  
  155. .entry:hover #permalink{
  156. opacity:1.0;
  157. bottom:0px
  158. -webkit-transition: opacity 0.3s ease-out;
  159. -webkit-transition: all 0.3s ease-out;
  160. -moz-transition: all 0.3s ease-out;
  161. transition: all 0.3s ease-out;
  162. }
  163.  
  164. #permalink{
  165. position:absolute;
  166. background:{color:Permalink BG};
  167. width:120px;
  168. height:10px;
  169. bottom:10px;
  170. left:120px;
  171. padding:7px;
  172. opacity:0.0;
  173. font-family:'calibri';
  174. font-size:8px;
  175. line-height:10px;
  176. text-align:center;
  177. letter-spacing:1px;
  178. border-radius:30px 30px 0px 0px;
  179. text-transform:uppercase;
  180. -webkit-transition: opacity 0.6s ease-out;
  181. -webkit-transition: all 0.6s ease-out;
  182. -moz-transition: all 0.6s ease-out;
  183. transition: all 0.6s ease-out;
  184. }
  185.  
  186. #info{
  187. color:{color:Permalink Text};
  188. font-family:'tinytots';
  189. font-size:8px;
  190. text-align:right;
  191. line-height:15px;
  192. margin-top:1px;
  193. background:{color:Permalink 2 BG};
  194. border-top:2px solid {color:Permalink 2 Border};
  195. text-transform:uppercase;
  196. }
  197.  
  198. #infscr-loading{
  199. bottom: -70px;
  200. position: absolute;
  201. left: 50%;
  202. margin-left:-8px;
  203. width:16px;
  204. height:11px;
  205. overflow:hidden;
  206. margin-bottom: 50px;
  207. }
  208.  
  209. #audiocontainer{
  210. width:500px;
  211. height:110px;
  212. margin-bottom:5px;
  213. }
  214.  
  215. .albumart{
  216. width:100px;
  217. height:100px;
  218. position:absolute;
  219. }
  220.  
  221. .albumart img{
  222. width:100px;
  223. height:100px;
  224. float:left;
  225. }
  226.  
  227. .defaultalbum{
  228. width:100px;
  229. height:100px;
  230. position:absolute;
  231. }
  232.  
  233. .defaultalbum img{
  234. width:100px;
  235. height:100px;
  236. float:left;
  237. }
  238.  
  239. .audioinfo{
  240. padding:3px;
  241. margin:0 0 5px 100px;
  242. text-transform:uppercase;
  243. font-size:8px;
  244. border-left:15px solid #999;
  245. }
  246.  
  247. .audioinfo:hover{
  248. border-left:30px solid #999;
  249. -webkit-transition-duration: 0.6s;
  250. -moz-transition-duration: 0.6s;
  251. }
  252.  
  253. .audioinfotwo{
  254. padding:3px;
  255. margin:0 0 5px 100px;
  256. text-transform:uppercase;
  257. font-size:8px;
  258. border-left:15px solid #999;
  259. }
  260.  
  261. .audioinfotwo:hover{
  262. border-left:30px solid #999;
  263. -webkit-transition-duration: 0.6s;
  264. -moz-transition-duration: 0.6s;
  265. }
  266.  
  267. .margin{
  268. margin-bottom:1px;
  269. }
  270.  
  271. .player{
  272. margin-left:100px;
  273. margin-top:0px;
  274. float:left;
  275. }
  276.  
  277. .title{
  278. font-family:'Comfortaa';
  279. text-transform:none;
  280. text-decoration:none;
  281. font-size:20px;
  282. line-height:20px;
  283. color:#777;
  284. text-align:center;
  285. }
  286.  
  287. .title a{text-decoration:none;}
  288.  
  289. .quote{
  290. font-family:'Arial';
  291. font-size:10px;
  292. text-transform:uppercase;
  293. line-height:15px;
  294. text-align:right;
  295. color:{color:Title};
  296. }
  297.  
  298. asker{
  299. font-family:'Sail';
  300. font-size:20px;
  301. text-transform:none;
  302. color:{color:Asker};
  303. line-height:20px;
  304. }
  305.  
  306. #ask{
  307. padding:3px;
  308. font-family:'silkscreen';
  309. font-size:8px;
  310. text-transform:uppercase;
  311. color:{color:Answer};
  312. }
  313.  
  314. .askerimg img{
  315. width:40px;
  316. align:left;
  317. float:left;
  318. padding:3px;
  319. background:{color:Asker Img BG};
  320. margin-right:6px;
  321. border-radius:30px;
  322. box-shadow:0px 1px 1px #888;
  323. }
  324.  
  325. #askbox{
  326. overflow:auto;
  327. padding:4px;
  328. border-radius:10px;
  329. border:2px solid {color:Ask Box Border};
  330. box-shadow:0px 1px 1px #888;
  331. }
  332.  
  333. blockquote{
  334. padding:0px 0px 2px 5px;
  335. margin:0px 0px 2px 10px;
  336. border-left: 7px solid #999999;
  337. }
  338.  
  339. #DoNotRemove a{
  340. position:fixed;
  341. opacity:1;
  342. right:10px;
  343. width:30px;
  344. height:7px;
  345. bottom:10px;
  346. color:grey;
  347. z-index:999999;
  348. font-size:10px;
  349. overflow:hidden;
  350. background:white;
  351. text-align:center;
  352. border-radius:4px;
  353. letter-spacing:0px;
  354. font-family:'Calibri';
  355. border:3px double #ccc;
  356. padding:1px 4px 5px 1px;
  357. -webkit-transition: all 0.4s linear;
  358. -moz-transition: all 0.4s linear;
  359. transition: all 0.4s linear;
  360. }
  361.  
  362. #DoNotRemove a:hover{
  363. background:white;
  364. width:100px;
  365. border-radius:5px;
  366. font-style:italic;
  367. text-shadow:none;
  368. -webkit-transition: all 0.4s linear;
  369. -moz-transition: all 0.4s linear;
  370. transition: all 0.4s linear;
  371. }
  372.  
  373. ul, ol, li{list-style:circle; margin:5px; margin-left:10px; padding-left:3px;}
  374. .user_1 .label, .user_4 .label, .user_7 .label, .user_2 .label, .user_5 .label, .user_8 .label, .user_3 .label, .user_6 .label,
  375. .user_9 .label {color:text};}
  376.  
  377. .notes img{width:10px; position:relative; top:3px;}
  378.  
  379. #sidebarpic{
  380. position:fixed;
  381. left:30px;
  382. top: 60px;
  383. width: 300px;
  384. height:220px;
  385. overflow:hidden;
  386. z-index:999;
  387. padding:10px;
  388. background:{color:Sidepic BG};
  389. box-shadow:0px 1px 4px #888;
  390. -webkit-transition: opacity 1s linear;
  391. -webkit-transition: all 1s ease-in-out;
  392. -moz-transition: all 1s ease-in-out;
  393. -o-transition: all 1s ease-in-out;
  394. }
  395.  
  396. #sidebarpic img{width:100%;height:100%;}
  397.  
  398.  
  399. #sidebarpic:hover #des{
  400. opacity:1;
  401. bottom:0px;
  402. -webkit-transition: opacity 1s linear;
  403. -webkit-transition: all 1s ease-in-out;
  404. -moz-transition: all 1s ease-in-out;
  405. -o-transition: all 1s ease-in-out;
  406. }
  407.  
  408. #des{
  409. position:absolute;
  410. top:0px;
  411. left:0px;
  412. opacity:0;
  413. z-index:9;
  414. width:300px;
  415. height:220px;
  416. padding:10px;
  417. font-size:8px;
  418. background:{color:Sidepic BG};
  419. overflow:hidden;
  420. line-height:15px;
  421. text-align:center;
  422. font-family:'tinytots';
  423. text-transform:uppercase;
  424. -webkit-transition: opacity 1s linear;
  425. -webkit-transition: all 1s ease-in-out;
  426. -moz-transition: all 1s ease-in-out;
  427. -o-transition: all 1s ease-in-out;
  428. }
  429.  
  430. #header{
  431. font-family:'lovenote';
  432. color:{color:Sidebar Header Text};
  433. font-size:30px;
  434. line-height:25px;
  435. text-align:center;
  436. margin-top:6px;
  437. letter-spacing:0px;
  438. text-transform:none;
  439. border-bottom:3px solid {color:Sidebar Header Border};
  440. }
  441.  
  442. #linksbox{
  443. position:fixed;
  444. width:auto;
  445. height:4px;
  446. left:10px;
  447. top:320px;
  448. }
  449.  
  450. div.navigate a{
  451. float:left;
  452. width: 25px;
  453. height:25px;
  454. padding:3px;
  455. margin-top:0px;
  456. overflow:hidden;
  457. margin-right:30px;
  458. display:inline-block;
  459. background:{color:Navigation BG};
  460. border: 3px double {color:Navigation Border};
  461. color:{color:Navigation Text};
  462. font-size:12px;
  463. line-height:27px;
  464. text-align:center;
  465. border-radius:9px;
  466. text-transform:uppercase;
  467. font-family:times new roman;
  468. box-shadow: 0px 1px 1px #666;
  469. }
  470.  
  471. #blogtitle{
  472. position:fixed;
  473. left:20px;
  474. top:30px;
  475. color:{color:Blogtitle};
  476. font-size:55px;
  477. z-index:99999999;
  478. text-align:center;
  479. font-family:'Espacio';
  480. text-transform:none;
  481. text-shadow:2px 1px 2px #888;
  482. }
  483.  
  484. div#qTip {
  485. padding:3px 12px 3px 12px;
  486. display:none;
  487. text-align:center;
  488. position:absolute;
  489. font-size:10px;
  490. line-height:10px;
  491. font-family:'Calibri';
  492. text-transform:uppercase;
  493. z-index:1000;
  494. z-index: 9999999;
  495. color:{color:Navigation Hover Text};
  496. background:{color:Navigation Hover BG};
  497. border:2px solid {color:Navigation Hover Border};
  498. }
  499.  
  500. {CustomCSS}
  501. </style>
  502. <body>
  503.  
  504. <div id="sidebarpic">
  505. <div id="des">
  506. <div id="header">{text:Header 1}</div>
  507. {description}
  508. <div id="header">{text:Header 2}</div>
  509. {text:Stats 1}&nbsp;&hearts;&nbsp;{text:Stats 2}
  510. </div>
  511. <img src="{image:Sidebar}">
  512. </div>
  513.  
  514. <div id="linksbox">
  515. <div class="navigate">
  516. <a href="{text:Link 1 URL}"title="{text:Link 1}">I</a>
  517. <a href="{text:Link 2 URL}"title="{text:Link 2}">II</a>
  518. <a href="{text:Link 3 URL}"title="{text:Link 3}">III</a>
  519. <a href="{text:Link 4 URL}"title="{text:Link 4}">IV</a>
  520. <a href="{text:Link 5 URL}"title="{text:Link 5}">V</a>
  521. <a href="{text:Link 6 URL}"title="{text:Link 6}">VI</a>
  522. </div>
  523. </div>
  524.  
  525. <div id="blogtitle">{title}</div>
  526.  
  527. <img style="position:fixed;width:300px;top:360px;left:20px;"src="http://i.imgur.com/ufC4jhp.png">
  528.  
  529. <div id="posts">
  530. {block:Posts}
  531. <div class="entry">
  532.  
  533. {block:Text}
  534. {block:Title}
  535. <div class="title">{Title}</div>
  536. {/block:Title}
  537. <span class="entrytext">{Body}</span>
  538. <div id="info">
  539. <a href="{Permalink}"><a href="{permalink}">{NoteCountWithLabel}</a> . <a href="{ReblogURL}" target="_blank"> reblog</a> . {timeago}
  540. </div>
  541. {/block:Text}
  542.  
  543. {block:Link}
  544. <div class="title"><a href="{URL}">{Name}</a></div>
  545. {block:Description}
  546. {Description}
  547. {/block:Description}
  548. <div id="info">
  549. <a href="{Permalink}"><a href="{permalink}">{NoteCountWithLabel}</a> . <a href="{ReblogURL}" target="_blank"> reblog</a> . {timeago}
  550. </div>
  551. {block:Link}
  552.  
  553. {block:Photo}
  554. {block:IndexPage}
  555. <div id="permalink">
  556. <a href="{Permalink}"><a href="{permalink}">{NoteCountWithLabel}</a> / <a href="{ReblogURL}" target="_blank"> reblog</a>&nbsp;
  557. </div>
  558. {LinkOpenTag}
  559. <div class="photo"><a href="{permalink}">
  560. <img src="{PhotoURL-HighRes}"alt="{PhotoAlt}"width="100%"/></a></div>
  561. {LinkCloseTag}
  562. {/block:IndexPage}
  563. {block:PermalinkPage}
  564. {LinkOpenTag}
  565. <a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/></a>
  566. {LinkCloseTag}
  567. {/block:PermalinkPage}
  568. {/block:Photo}
  569.  
  570. {block:Photoset}
  571. {block:IndexPage}
  572. <div id="permalink">
  573. <a href="{Permalink}"><a href="{permalink}">{NoteCountWithLabel}</a> / <a href="{ReblogURL}" target="_blank"> reblog</a>&nbsp;
  574. </div>
  575. <center>
  576. {Photoset-250}
  577. </center>
  578. {/block:IndexPage}
  579. {block:PermalinkPage}
  580. <center>
  581. {Photoset-500}
  582. </center>
  583. {/block:PermalinkPage}
  584. {/block:Photoset}
  585.  
  586. {block:Quote}
  587. {Quote}
  588. </span>
  589. {block:Source}
  590. <div class="quote">{Source}</div>
  591. {/block:Source}
  592. <div id="info">
  593. <a href="{Permalink}"><a href="{permalink}">{NoteCountWithLabel}</a> . <a href="{ReblogURL}" target="_blank"> reblog</a> . {timeago}
  594. </div>
  595. {/block:Quote}
  596.  
  597. {block:Chat}
  598. {block:Title}
  599. <span class="title">{Title}</span>
  600. {/block:Title}
  601. <ul class="chat">
  602. {block:Lines}
  603. <li class="user_{UserNumber}">
  604. {block:Label}
  605. <span class="label">{Label}</span>
  606. {/block:Label}
  607. {Line}
  608. </li>
  609. {/block:Lines}
  610. </ul>
  611. <div id="info">
  612. <a href="{Permalink}"><a href="{permalink}">{NoteCountWithLabel}</a> . <a href="{ReblogURL}" target="_blank"> reblog</a> . {timeago}
  613. </div>
  614. {/block:Chat}
  615.  
  616. {block:Audio}
  617. <div id="post audio">
  618. <div id="audiocontainer">
  619. <div class="albumart">
  620. {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
  621. </div>
  622. {block:TrackName}
  623. <div class="audioinfo">{TrackName}</div>
  624. {/block:TrackName}
  625. {block:Artist}
  626. <div class="audioinfotwo">{Artist}</div>
  627. {/block:Artist}
  628. {block:Album}
  629. <div class="audioinfo">{Album}
  630. <div class="margin"></div>
  631. </div>
  632. {/block:Album}
  633. <div class="player">{AudioPlayerWhite}</div>
  634. </div>
  635. </div>
  636. <div id="info">
  637. <a href="{Permalink}"><a href="{permalink}">{NoteCountWithLabel}</a> . <a href="{ReblogURL}" target="_blank"> reblog</a> . {timeago}
  638. </div>
  639. {/block:Audio}
  640.  
  641. {block:Video}
  642. {block:IndexPage}
  643. <center>
  644. {Video-500}
  645. </center>
  646. <div id="info">
  647. <a href="{Permalink}"><a href="{permalink}">{NoteCountWithLabel}</a> . <a href="{ReblogURL}" target="_blank"> reblog</a> . {timeago}
  648. </div>
  649. {/block:IndexPage}
  650. {block:PermalinkPage}
  651. <center>
  652. {Video-500}
  653. </center>
  654. {/block:PermalinkPage}
  655. {block:Video}
  656.  
  657. {block:Answer}
  658. <div id="askbox">
  659. <div class="askerimg"><img src="{AskerPortraitURL-40}"></div>
  660. <asker>{Asker}:</asker>
  661. <div id="ask">{Question}</div>
  662. </div>
  663. {Answer}
  664. <div id="info">
  665. <a href="{Permalink}"><a href="{permalink}">{NoteCountWithLabel}</a> . <a href="{ReblogURL}" target="_blank"> reblog</a> . {timeago}
  666. </div>
  667. {/block:Answer}
  668.  
  669. {block:PermalinkPage}
  670. <center>
  671. <br>
  672.  
  673. {block:Caption}
  674. {Caption}
  675. {/block:Caption}
  676.  
  677. {block:ContentSource}
  678. <a href="{SourceURL}"> </a>
  679. {block:ContentSource}
  680.  
  681. {block:RebloggedFrom}
  682. <a href="{ReblogParentURL}"> </a>
  683. <a href="{ReblogRootURL}"> </a>
  684. {/block:RebloggedFrom}
  685.  
  686. {block:NoteCount}
  687. {NoteCountWithLabel}
  688. {/block:NoteCount}
  689.  
  690. {block:HasTags}
  691. &middot;
  692. {block:Tags}
  693. <a href="TagURL">#{Tag}</a>
  694. {/block:Tags}
  695. {/block:hasTags}
  696. </center>
  697. {/block:PermalinkPage}
  698.  
  699.  
  700. {block:PostNotes}
  701. {PostNotes}
  702. {/block:PostNotes}
  703. </div>
  704.  
  705. {/block:Posts}
  706. </div>
  707. </div>
  708.  
  709. {block:IndexPage}
  710. {block:Pagination}
  711. <div id="pagination">
  712. {block:NextPage}
  713. <a id="nextPage" href="{NextPage}"></a>
  714. {/block:NextPage}
  715. {block:PreviousPage}
  716. <a href="{PreviousPage}"></a>
  717. {/block:PreviousPage}
  718. </div>
  719. {/block:Pagination}
  720. {/block:IndexPage}
  721. {block:IndexPage}
  722. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  723. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  724.  
  725. <script type="text/javascript">
  726. $(window).load(function () {
  727. var $content = $('#posts');
  728. $content.masonry({itemSelector: '.entry'}),
  729. $content.infinitescroll({
  730. navSelector : 'div#pagination',
  731. nextSelector : 'div#pagination a#nextPage',
  732. itemSelector : '.entry',
  733. loading: {
  734. finishedMsg: '',
  735. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  736. },
  737. bufferPx : 600,
  738. debug : false,
  739. },
  740. // call masonry as a callback.
  741. function( newElements ) {
  742. var $newElems = $( newElements );
  743. $newElems.hide();
  744. // ensure that images load before adding to masonry layout
  745. $newElems.imagesLoaded(function(){
  746. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(400);} );
  747.  
  748.  
  749. });
  750. });
  751. });
  752. </script>
  753. {/block:IndexPage}
  754. </div>
  755. </body>
  756. <div id="DoNotRemove"><a href="http://vanillabeaux.co.vu/">Theme By Vanilla-Beaux</a></div>
  757. </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!