Beautifully-Flawless

Theme 15: Salisha

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