Beautifully-Flawless

Theme 40: Eve

Sep 14th, 2013
364
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.07 KB | None | 0 0
  1. <!--Theme 40: Eve
  2. By Beautifully Flawless
  3. DO NOT REMOVE CREDIT, OR YOU WILL BE REPORTED.
  4. DO NOT REMOVE CREDIT, OR YOU WILL BE REPORTED.
  5. DO NOT REMOVE CREDIT, OR YOU WILL BE REPORTED.
  6. DO NOT REMOVE CREDIT, OR YOU WILL BE REPORTED.
  7. DO NOT REMOVE CREDIT, OR YOU WILL BE REPORTED.
  8. DO NOT REMOVE CREDIT, OR YOU WILL BE REPORTED.
  9. -->
  10.  
  11. <html>
  12. <head>
  13. <script type="text/javascript">
  14. // <![CDATA[
  15. // all colours must be in format '#NNNNNN', not 'red' or 'rgb(7,8,9)'
  16. var fgcolour="{color:Banner FG}"; // foreground colour
  17. var hlcolour="{color:Banner Highlights}"; // highlight colour
  18. var bgcolour="{color:Banner BG}"; // background colour
  19. var glcolour="{color:Banner Glow}"; // colour of glow around letters
  20. var speed=75; // speed colours change, 1 second = 1000
  21. var delay=20; // how long to wait between wipes
  22. var alink="/"; // page to link text to (set to ="" for no link)
  23.  
  24. /****************************
  25. *Multi-Wipe Neon Text Effect*
  26. *(c)2003-12 mf2fm web-design*
  27. * http://www.mf2fm.com/rv *
  28. * DON'T EDIT BELOW THIS BOX *
  29. ****************************/
  30. var w_txt, w_txl;
  31. var w_flp=bgcolour;
  32. var w_sty=Math.floor(Math.random()*8);
  33. var w_cnt=-1;
  34. var wipes=new Array();
  35. var wrand=new Array();
  36. window.onload=function() { if (document.getElementById) {
  37. var i, wiper, wipei;
  38. wiper=document.getElementById("wipe");
  39. w_txt=wiper.firstChild.nodeValue;
  40. w_txl=w_txt.length;
  41. while (wiper.childNodes.length) wiper.removeChild(wiper.childNodes[0]);
  42. for (i=0; i<w_txl; i++) {
  43. wipei=document.createElement("span");
  44. wipei.appendChild(document.createTextNode(w_txt.charAt(i)));
  45. wipes[i]=wipei.style;
  46. wipes[i].textShadow=glcolour+" 0px 0px 5px";
  47. wipes[i].color=fgcolour;
  48. wiper.appendChild(wipei);
  49. }
  50. if (alink) {
  51. wiper.style.cursor="pointer";
  52. wiper.onclick=function() { top.location.href=alink; }
  53. }
  54. for (i=0; i<w_txl; i++) wrand[i]=i;
  55. wiper=setInterval("randwipe()", speed);
  56. }}
  57.  
  58. function c(i, shade) {
  59. if (shade==bgcolour) wipes[i].textShadow="none";
  60. else wipes[i].textShadow=glcolour+" 0px 0px 15px";
  61. wipes[i].color=shade;
  62. }
  63.  
  64. function randwipe() {
  65. var w_old;
  66. if (w_cnt++<w_txl+2+delay*(w_flp==fgcolour)) eval("wipe"+w_sty+"();");
  67. else {
  68. w_cnt=-1;
  69. w_flp=(w_flp==fgcolour)?bgcolour:fgcolour;
  70. w_old=w_sty;
  71. while (w_old==w_sty) w_sty=Math.floor(Math.random()*9);
  72. }
  73. }
  74.  
  75. function dechex(dec) { return ((dec<16)?"0":"")+dec.toString(16); }
  76.  
  77. function wipe0() { // full curtains
  78. var half=Math.floor(w_txl/2);
  79. if (w_cnt<w_txl) {
  80. c(w_cnt, (w_cnt<half)?hlcolour:w_flp);
  81. c(w_txl-w_cnt-1, (w_cnt<half)?hlcolour:w_flp);
  82. }
  83. }
  84.  
  85. function wipe1() { // random
  86. var i, rand, temp;
  87. if (w_cnt==0) {
  88. for (i=0; i<w_txl; i++) {
  89. rand=Math.floor(Math.random()*w_txl);
  90. temp=wrand[i];
  91. wrand[i]=wrand[rand];
  92. wrand[rand]=temp;
  93. }
  94. }
  95. if (w_cnt<w_txl) c(wrand[w_cnt], hlcolour);
  96. if (w_cnt>0 && w_cnt<w_txl+1) c(wrand[w_cnt-1], w_flp);
  97. }
  98.  
  99. function wipe2() { // forwards
  100. if (w_cnt<w_txl) c(w_cnt, hlcolour);
  101. if (w_cnt>0 && w_cnt<w_txl+1) c(w_cnt-1, w_flp);
  102. }
  103.  
  104. function wipe3() { // backwards
  105. if (w_cnt<w_txl) c(w_txl-(w_cnt+1), hlcolour);
  106. if (w_cnt>0 && w_cnt<w_txl+1) c(w_txl-w_cnt, w_flp);
  107. }
  108.  
  109. function wipe4() { // searchlight
  110. if (w_cnt<w_txl) c(w_cnt, hlcolour);
  111. if (w_cnt>0 && w_cnt<w_txl+1) c(w_cnt-1, w_flp);
  112. if (w_cnt>1 && w_cnt<w_txl+2) c(w_cnt-2, hlcolour);
  113. if (w_cnt>2 && w_cnt<w_txl+3) c(w_cnt-3, (w_flp==fgcolour)?bgcolour:fgcolour);
  114. if (w_cnt==w_txl+2) w_flp=(w_flp==fgcolour)?bgcolour:fgcolour;
  115. }
  116.  
  117. function wipe5() { // fade
  118. var i;
  119. if (w_cnt<w_txl+3) {
  120. var start=(w_flp==fgcolour)?bgcolour:fgcolour;
  121. var temp="#";
  122. for (i=1; i<6; i+=2) {
  123. var hex1=parseInt(start.substring(i,i+2),16);
  124. var hex2=parseInt(w_flp.substring(i,i+2),16);
  125. temp+=dechex(Math.floor(hex1+(hex2-hex1)*(w_cnt/(w_txl+2))));
  126. }
  127. for (i=0; i<w_txl; i++) c(i, temp);
  128. }
  129. }
  130.  
  131. function wipe6() { // flash
  132. var i;
  133. if (w_cnt<6*Math.floor(w_txl/6)+3) {
  134. if (w_cnt%6==0 || w_cnt%6==3) for (i=0; i<w_txl; i++) c(i, hlcolour);
  135. else if (w_cnt%6==1) for (i=0; i<w_txl; i++) c(i, w_flp);
  136. else if (w_cnt%6==4) for (i=0; i<w_txl; i++) c(i, (w_flp==fgcolour)?bgcolour:fgcolour);
  137. }
  138. }
  139.  
  140. function wipe7() { // checkerboard
  141. var qtr=Math.floor(w_txl/4);
  142. if (w_cnt<qtr) {
  143. c(w_cnt, hlcolour);
  144. c(w_cnt+2*qtr, hlcolour);
  145. }
  146. else if (w_cnt<2*qtr) {
  147. c(w_cnt-qtr, w_flp);
  148. c(w_cnt+qtr, w_flp);
  149. }
  150. else if (w_cnt<3*qtr) {
  151. c(w_cnt-qtr, hlcolour);
  152. c(w_cnt+qtr, hlcolour);
  153. }
  154. else if (w_cnt<w_txl) {
  155. c(w_cnt-2*qtr, w_flp);
  156. c(w_cnt, w_flp);
  157. }
  158. }
  159.  
  160. function wipe8() { // half curtains
  161. var half=Math.floor(w_txl/2);
  162. if (w_cnt<half) {
  163. c(w_cnt, hlcolour);
  164. c(w_txl-w_cnt-1, hlcolour);
  165. }
  166. else if (w_cnt<w_txl) {
  167. c(w_cnt-half, w_flp);
  168. c(w_txl+half-w_cnt-1, w_flp);
  169. }
  170. }
  171. // ]]>
  172. </script>
  173.  
  174. <script type="text/javascript"
  175. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  176.  
  177. <title>{Title}</title>
  178. <link rel="shortcut icon" href="{favicon}">
  179. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  180. {block:Description}<meta name="description"content="{MetaDescription}"/>{/block:Description}
  181.  
  182. <!--Variables-->
  183. <meta name="color:Background" content="#000" />
  184. <meta name="color:Text" content="#000000" />
  185. <meta name="color:Link" content="#FFA6C9" />
  186. <meta name="color:Link Hover" content="#888888" />
  187. <meta name="color:Posts Border" content="#FFA6C9" />
  188. <meta name="color:Posts BG" content="#fff" />
  189. <meta name="color:Title" content="#000" />
  190. <meta name="color:Top Bar BG" content="#000" />
  191. <meta name="color:Top Bar Hover Border" content="#FFA6C9" />
  192. <meta name="color:Top Bar Hover Shadow" content="#FFA6C9" />
  193. <meta name="color:Banner FG" content="#ffffff" />
  194. <meta name="color:Banner BG" content="#8b8b8b" />
  195. <meta name="color:Banner Highlights" content="#FFA6C9" />
  196. <meta name="color:Banner Glow" content="#FFA6C9" />
  197. <meta name="color:Sidebar BG" content="#000" />
  198. <meta name="color:Sidebar Border" content="#FFA6C9" />
  199. <meta name="color:Sidebar Hover Border" content="#FFA6C9" />
  200. <meta name="color:Sidebar Hover Shadow" content="#FFA6C9" />
  201. <meta name="color:Header" content="#fff" />
  202. <meta name="color:Header First Letter" content="#FFA6C9" />
  203. <meta name="color:Header First Letter Shadow" content="#FFA6C9" />
  204. <meta name="color:Navigation Text" content="#fff" />
  205. <meta name="color:Navigation Hover Text" content="#FFA6C9" />
  206. <meta name="color:Navigation Hover Text Shadow" content="#000" />
  207.  
  208. <meta name="image:Background" content="" />
  209. <meta name="image:sidebar" content="http://static.tumblr.com/gdh5wux/hRkmb6kuv/tumblr_mb60o3nhfx1ro6nqmo1_1280.png" />
  210. <meta name="text:signature" content="BLOG NAME"/>
  211.  
  212. <!--Variables-->
  213. <style type="text/css">
  214.  
  215.  
  216. ::-webkit-scrollbar {width: 9px; height: 3px; background:transparent;}
  217. ::-webkit-scrollbar-thumb {background:{color:Scrollbar}; border-radius:5px; box-shadow:0px 0px 10px {color:Scrollbar Shadow};}
  218.  
  219. #tumblr_controls{
  220. position:fixed !important;
  221. }
  222.  
  223. @font-face{font-family:"tinytots";src:url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  224.  
  225. @font-face{font-family:"caviardreams";src:url('http://static.tumblr.com/alux5te/8BFltyod3/caviardreams.ttf'); }
  226.  
  227. @font-face{font-family:"chopin";src:url('http://static.tumblr.com/gdh5wux/FYdm826v4/chops___.ttf');}
  228.  
  229. @font-face { font-family:"edwardian";src:url('http://static.tumblr.com/oetadgc/sUtm6d6kz/ufonts.com_edwardian-script-itc-2.ttf');}
  230.  
  231. @font-face { font-family: "lovenote"; src: url('http://static.tumblr.com/4yxykdm/k6plrfhwf/ck_love_note.ttf'); }
  232.  
  233. @font-face { font-family: "tangerine"; src: url('http://static.tumblr.com/gdh5wux/MAfm61bhn/tangerine_regular.ttf'); }
  234.  
  235. body {
  236. margin: 0px;
  237. background-color:{color:background};
  238. background-image:url('{image:Background}');
  239. background-attachment:fixed;
  240. background-repeat:repeat;
  241. background-position:center;
  242. }
  243.  
  244. body, div, p, textarea, submit, input {
  245. font-family:"tinytots";
  246. font-size:8px;
  247. line-height:12px;
  248. color:{color:Text};
  249. text-transform:uppercase;
  250. }
  251.  
  252. a:link, a:active, a:visited{
  253. color:{color:Link};
  254. text-decoration:none;
  255. -webkit-transition:color 0.4s ease-out;
  256. -moz-transition:color 0.4s ease-out;
  257. }
  258.  
  259. a:hover{
  260. color:{color:Link Hover};
  261. -webkit-transition: color 0.4s ease-out;
  262. -moz-transition: color 0.4s ease-out;
  263. text-shadow:0px 0px 1px {color:Link Hover Shadow};
  264. }
  265.  
  266. div#posts {
  267. float:left;
  268. width:736px;
  269. margin-left:570px;
  270. margin-top:40px;
  271. }
  272.  
  273. .entry {
  274. margin:2px;
  275. float:left;
  276. overflow:hidden;
  277. border:1px solid {color:Posts Border};
  278. background-color:{color:Posts BG};
  279. {block:IndexPage}
  280. width:320px;
  281. {/block:IndexPage}
  282. {block:PermalinkPage}
  283. width:500px;
  284. border-top:10px solid #FFA6C9;
  285. border-bottom:10px solid #FFA6C9;
  286. border-left:3px solid #FFA6C9;
  287. border-right:3px solid #FFA6C9;
  288. {/block:PermalinkPage}
  289. }
  290.  
  291. .perma{
  292. opacity: 0.0;
  293. filter:alpha(opacity = 0);
  294. margin-top:-21px;
  295. width:0px;
  296. height:30px;
  297. line-height:30px;
  298. font-size:9px;
  299. position:absolute;
  300. text-align:center;
  301. z-index:800;
  302. color:#000;
  303. }
  304.  
  305. a.p{color:#fff;}
  306.  
  307.  
  308. .entry:hover .perma {
  309. opacity: 1;
  310. transition: all 0.4s linear;
  311. filter: alpha(opacity = 100);
  312. -webkit-transition: opacity 0.4s linear;
  313. -moz-transition: all 0.4s linear;
  314. }
  315.  
  316. .likep{
  317. top:26px;
  318. left:5px;
  319. z-index:99;
  320. width:21px;
  321. height:20px;
  322. overflow:hidden;
  323. position: absolute;
  324. }
  325.  
  326. .likep img {
  327. width:21px;
  328. height:20px;
  329. webkit-transition: all 0.2s linear;
  330. -webkit-transition: all 0.2s linear;
  331. -moz-transition: all 0.2s linear;
  332. transition: all 0.2s linear;
  333. }
  334.  
  335. .rep{
  336. top:26px;
  337. left:29px;
  338. width:24px;
  339. height:20px;
  340. overflow:hidden;
  341. position:absolute;
  342. z-index:99;
  343. }
  344.  
  345. .rep img{
  346. width:24px;
  347. height:20px;
  348. line-height:30px;
  349. display:inline;
  350. }
  351.  
  352.  
  353. .likep a:hover{background-position: 0px 0px;}
  354.  
  355. .likep a{
  356. background-image: url("http://static.tumblr.com/uiqhh9x/BPnlzww8v/like.png");
  357. background-position:0px 0px;
  358. display:block;
  359. z-index:99;
  360. webkit-transition: all 0s linear;
  361. -webkit-transition: all 0s linear;
  362. -moz-transition: all 0s linear;
  363. transition: all 0s linear;
  364. }
  365.  
  366. .not{
  367. position:absolute;
  368. background: url("http://static.tumblr.com/uiqhh9x/X6Ym17xp2/middle.png");
  369. height:20px;
  370. font-size:11px;
  371. line-height:20px;
  372. color:#fff;
  373. position:absolute;
  374. top:26px;
  375. left: 56px;
  376. padding-left:4px;
  377. padding-right:4px;
  378. -moz-border-radius:2px;
  379. border-radius:2px;
  380. }
  381.  
  382. .not a{
  383. color:#fff;
  384. font-weight:bold;
  385. font-family:Arial, Helvetica, sans-serif;
  386. }
  387.  
  388. .entry:hover .not, .entry:hover .rep, .entry:hover .likep{opacity: 0.8;filter: alpha(opacity = 80);}
  389.  
  390. .not:hover , .rep:hover, .likep:hover{opacity: 1!important;filter: alpha(opacity = 100)!important;}
  391.  
  392. #infscr-loading{
  393. bottom:-70px;
  394. position:absolute;
  395. left:50%;
  396. margin-left:-8px;
  397. width:16px;
  398. height:11px;
  399. overflow:hidden;
  400. margin-bottom:50px;
  401. }
  402.  
  403. .title{
  404. font-family:'chopin';
  405. text-transform:none;
  406. font-size:30px;
  407. line-height:35px;
  408. text-align:center;
  409. color:{color:Title};
  410. text-shadow:0px 1px 2px {color:Title Shadow};
  411. }
  412.  
  413. .quote{
  414. font-family:caviardreams;
  415. font-size:12px;
  416. color:#888;
  417. text-transform:none;
  418. line-height:10px;
  419. text-align:right;
  420. }
  421.  
  422. blockquote{
  423. padding:0px 0px 2px 5px;
  424. margin:0px 0px 2px 10px;
  425. border-left: 1px dotted #555555;
  426. }
  427.  
  428. #askbox{
  429. border-radius:5px;
  430. border:1px solid #FFA6C9;
  431. padding:3px;
  432. background:#fff;
  433. box-shadow:0px 0px 5px #FFA6C9;
  434. font-family:tinytots;
  435. font-size:8px;
  436. overflow:hidden;
  437. }
  438.  
  439. .asker img{
  440. width:30px;
  441. align:left;
  442. float:left;
  443. padding:1px;
  444. background:#ddd;
  445. margin-right:6px;
  446. border-radius:3px;
  447. }
  448.  
  449. #signature{
  450. font-family:'lovenote';
  451. font-size:20px;
  452. line-height:20px;
  453. color:#888;
  454. text-shadow:2px 2px 3px #ddd;
  455. text-transform:none;
  456. text-align:right;
  457. }
  458.  
  459. ul, ol, li{list-style:circle; margin:5px; margin-left:10px; padding-left:3px;}
  460. .user_1 .label, .user_4 .label, .user_7 .label, .user_2 .label, .user_5 .label, .user_8 .label, .user_3 .label, .user_6 .label,
  461. .user_9 .label {color:text};}
  462.  
  463.  
  464. .notes img{width:10px; position:relative; top:3px;}
  465.  
  466. #topbar{
  467. position:fixed;
  468. width:700px;
  469. height:40px;
  470. left:560px;
  471. top:0px;
  472. z-index:4;
  473. font-size:25px;
  474. line-height:45px;
  475. text-align:left;
  476. text-transform:none;
  477. font-family:'chopin';
  478. color:{color:Navigation Text};
  479. background-color:{color:Top Bar BG};
  480. -webkit-transition:linear 1s linear;
  481. -webkit-transition:all 1s ease-in-out;
  482. -moz-transition:all 1s ease-in-out;
  483. -o-transition:all 1s ease-in-out;
  484. }
  485.  
  486. #topbar:hover{
  487. border-left:1px solid {color:Top Bar Hover Border};
  488. border-right:1px solid {color:Top Bar Hover Border};
  489. box-shadow:0px 0px 20px {color:Top Bar Hover Shadow};
  490. -webkit-transition:linear 1s linear;
  491. -webkit-transition:all 1s ease-in-out;
  492. -moz-transition:all 1s ease-in-out;
  493. -o-transition:all 1s ease-in-out;
  494. }
  495.  
  496. #topbar a{
  497. margin-left:10px;
  498. margin-right:20px;
  499. -webkit-transition:linear 1s linear;
  500. -webkit-transition:all 1s ease-in-out;
  501. -moz-transition:all 1s ease-in-out;
  502. -o-transition:all 1s ease-in-out;
  503. }
  504.  
  505. #topbar a:hover{
  506. text-shadow: 1px 1px 1px {color:Navigation Hover Text Shadow};
  507. color:{color:Navigation Hover Text};
  508. -webkit-transition:linear 1s linear;
  509. -webkit-transition:all 1s ease-in-out;
  510. -moz-transition:all 1s ease-in-out;
  511. -o-transition:all 1s ease-in-out;
  512. }
  513.  
  514. #blogtitle{
  515. position:fixed;
  516. left:50px;
  517. top:20px;
  518. text-transform:none;
  519. font-size:70px;
  520. font-family:"chopin";
  521. color:#FFA6C9;
  522. line-height:45px;
  523. z-index:9999;
  524. text-align:center;
  525. text-shadow:1px 1px 10px #ddd;
  526. }
  527.  
  528. #sidebarpic img{
  529. position:fixed;
  530. left:-220px;
  531. top:70px;
  532. z-index:-8;
  533. width:600px;
  534. }
  535.  
  536. #sidebar{
  537. position:fixed;
  538. width:300px;
  539. height:470px;
  540. background-color:{color:Sidebar BG};
  541. border:1px solid {color:Sidebar Border};
  542. left:260px;
  543. top:90px;
  544. border-radius:30px 30px 30px 30px;
  545. color:#fff;
  546. text-align:center;
  547. -webkit-transition:opacity 0.5s linear;
  548. -webkit-transition:all 0.5s ease-in-out;
  549. -moz-transition:all 0.5s ease-in-out;
  550. -o-transition:all 0.5s ease-in-out;
  551. }
  552.  
  553. #sidebar:hover{
  554. border-radius:0px 0px 0px 0px;
  555. border:1px dotted {color:Sidebar Hover Border};
  556. box-shadow:0px 0px 20px {color:Sidebar Hover Shadow};
  557. -webkit-transition:opacity 0.5s linear;
  558. -webkit-transition:all 0.5s ease-in-out;
  559. -moz-transition:all 0.5s ease-in-out;
  560. -o-transition:all 0.5s ease-in-out;
  561. }
  562.  
  563. #name{
  564. color:{color:Header};
  565. font-family:"tangerine";
  566. font-size:25px;
  567. line-height:25px;
  568. text-align:center;
  569. text-transform:none;
  570. }
  571.  
  572. #name:first-letter{
  573. font-family:"chopin";
  574. font-size:30px;
  575. color:{color:Header First Letter};
  576. line-height:40px;
  577. text-shadow: 0px 0px 10px {color:Header First Letter Shadow};
  578. }
  579.  
  580. .heart {display : block; line-height: 10px; color:#FFA6C9; text-indent : 5px; vertical-align : middle; background:
  581. url('http://i1132.photobucket.com/albums/m579/mag1ckingd0m/Heart%20Pixels/th_102.gif') no-repeat left; padding-left : 10px;
  582. padding-bottom : 2px;}
  583.  
  584.  
  585. .heart:hover{background:url('http://i1132.photobucket.com/albums/m579/mag1ckingd0m/Heart%20Pixels/th_10.gif')no-repeat left;}
  586.  
  587. {CustomCSS}
  588. </style>
  589. <body>
  590.  
  591. <div id="TopBar">
  592. <a href="/">Home</a>
  593. <a href="/ask">Ask</a>
  594. <a href="/submit">Submit</a>
  595. <a href="/archive">Archive</a>
  596. <a href="/more">More</a>
  597. <a href="http://beautifully-flawless.tumblr.com/">Credit</a>
  598. </div>
  599.  
  600. <div id="blogtitle"><span id="wipe">{title}</span></div>
  601.  
  602. <div id="sidebarpic"><img src="{image:sidebar}"></div>
  603.  
  604. <div id="sidebar">
  605. <div id="name">About Me</div>
  606. {description}
  607. <br>
  608. <br>
  609. <div id="name">Jadore</div>
  610. TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE
  611. <br>
  612. <br>
  613. <div id="name">Statistics</div>
  614. <center>
  615. <div class="heart">INSERT STAT HERE</div>
  616. <div class="heart">INSERT STAT HERE</div>
  617. <div class="heart">INSERT STAT HERE</div>
  618. <div class="heart">best viewed on google chrome</div>
  619. </center>
  620. <br>
  621. <br>
  622. <div id="name">Blogroll</div>
  623. <marquee behavior="scroll" scrollamount="5" direction="left" onmouseover="this.stop();" onmouseout="this.start();">{block:Following}{block:Followed}<a target='_blank' href='{FollowedURL}'><img border='0' src='{FollowedPortraitURL-96}' width="50px" height="50px" />{/block:Followed}{/block:Following}</marquee>
  624. <br><br>
  625. </div>
  626.  
  627. <div id="posts">
  628. {block:Posts}
  629. <div class="entry">
  630.  
  631. {block:IndexPage}
  632. <div class="perma">
  633.  
  634. <div class="likep">
  635. <a id="like{PostID}"href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif"width="21" height="20"alt="Like this post"id="likeimage{PostID}"/></a>
  636. </div>
  637.  
  638. <div class="rep"><a href="{reblogurl}"target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png"width="30"/></a></div>
  639.  
  640. <div class="not">
  641. <a id="notes{PostID}"href="{Permalink}">{NoteCount}</a></div>
  642. </div>
  643. {/block:IndexPage}
  644.  
  645. {block:Text}
  646. {block:Title}
  647. <div class="title">{Title}</div>
  648. {/block:Title}
  649. <span class="entrytext">{Body}</span>
  650. {/block:Text}
  651.  
  652. {block:Link}
  653. <div class="title"><a href="{URL}">{Name}</a></div>
  654. {block:Description}{Description}{/block:Description}
  655. {block:Link}
  656.  
  657. {block:Photo}
  658. {block:IndexPage}
  659. {LinkOpenTag}
  660. <div class="photo"><a href="{permalink}">
  661. <img class="photo"src="{PhotoURL-HighRes}"alt="{PhotoAlt}"width="100%"></a></div>
  662. {LinkCloseTag}
  663. {/block:IndexPage}
  664. {block:PermalinkPage}
  665. {LinkOpenTag}
  666. <a href="{permalink}"><img class="photo"src="{PhotoURL-HighRes}"alt="{PhotoAlt}"width="100%"></a>
  667. {LinkCloseTag}
  668. {/block:PermalinkPage}
  669. {/block:Photo}
  670.  
  671. {block:Photoset}
  672. {block:IndexPage}
  673. <center>
  674. {Photoset-250}
  675. </center>
  676. {/block:IndexPage}
  677. {block:PermalinkPage}
  678. <center>
  679. {Photoset-500}
  680. </center>
  681. {/block:PermalinkPage}
  682. {/block:Photoset}
  683.  
  684. {block:Quote}
  685. {Quote}
  686. </span>
  687. {block:Source}
  688. <div class="quote">{Source}</div>
  689. {/block:Source}
  690. {/block:Quote}
  691.  
  692. {block:Chat}
  693. {block:Title}
  694. <span class="title">{Title}</span>
  695. {/block:Title}
  696. <ul class="chat">
  697. {block:Lines}
  698. <li class="user_{UserNumber}">
  699. {block:Label}
  700. <span class="label">{Label}</span>
  701. {/block:Label}
  702. {Line}
  703. </li>
  704. {/block:Lines}
  705. </ul>
  706. {/block:Chat}
  707.  
  708. {block:Audio}
  709. <center>{AudioPlayerWhite}</center>
  710. {/block:Audio}
  711.  
  712. {block:Video}
  713. {block:IndexPage}
  714. <center>
  715. {Video-250}
  716. </center>
  717. {/block:IndexPage}
  718. {block:PermalinkPage}
  719. <center>
  720. {Video-500}
  721. </center>
  722. {/block:PermalinkPage}
  723. {block:Video}
  724.  
  725. {block:Answer}
  726. <div id="askbox">
  727. <div class="asker"><img src="{AskerPortraitURL-30}"></div>
  728. {Asker} was like: {Question}
  729. </div>
  730. {Answer}
  731. <div id="signature">xoxo&nbsp;{text:signature}</div>
  732. {/block:Answer}
  733.  
  734. {block:PermalinkPage}
  735. <center>
  736. <br>
  737. {block:Caption}
  738. {Caption}
  739. {/block:Caption}
  740.  
  741. {block:NoteCount}
  742. {NoteCountWithLabel}
  743. {/block:NoteCount}
  744.  
  745. {block:HasTags}
  746. &middot;{block:Tags}<a href="TagURL">#{Tag}</a>{/block:Tags}
  747. {/block:hasTags}
  748. </center>
  749. {/block:PermalinkPage}
  750.  
  751.  
  752. {block:PostNotes}
  753. {PostNotes}
  754. {/block:PostNotes}
  755. </div>
  756.  
  757. {/block:Posts}
  758. </div>
  759. </div>
  760.  
  761. {block:IndexPage}
  762. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  763. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  764.  
  765. <script type="text/javascript">
  766. $(window).load(function () {
  767. var $content = $('#posts');
  768. $content.masonry({itemSelector: '.entry'}),
  769. $content.infinitescroll({
  770. navSelector : 'div#pagination',
  771. nextSelector : 'div#pagination a#nextPage',
  772. itemSelector : '.entry',
  773. loading: {
  774. finishedMsg: '',
  775. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  776. },
  777. bufferPx : 600,
  778. debug : false,
  779. },
  780. // call masonry as a callback.
  781. function( newElements ) {
  782. var $newElems = $( newElements );
  783. $newElems.hide();
  784. // ensure that images load before adding to masonry layout
  785. $newElems.imagesLoaded(function(){
  786. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(400);} );
  787.  
  788.  
  789. });
  790. });
  791. });
  792. </script>
  793. {/block:IndexPage}
  794.  
  795. {block:IndexPage}
  796. {block:Pagination}
  797. <div id="pagination">
  798. {block:NextPage}
  799. <a id="nextPage" href="{NextPage}"></a>
  800. {/block:NextPage}
  801. {block:PreviousPage}
  802. <a href="{PreviousPage}"></a>
  803. {/block:PreviousPage}
  804. </div>
  805. {/block:Pagination}
  806. {/block:IndexPage}
  807. </div>
  808. <script type="text/javascript" src="http://.ic.tumblr.com/uiqhh9x/aK8m1cpdr/like2.js"></script>
  809. <iframe id="likeiframe" style="width: 0px; height: 0px; border:0px;"></iframe>
  810. <span id="scriptsinsert"> </span>
  811. </body>
  812. </html>
Advertisement
Add Comment
Please, Sign In to add comment