Beautifully-Flawless

Theme 24: Destiny

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