Beautifully-Flawless

Theme 28: Samina

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