Beautifully-Flawless

Theme 19: Rosetta

Aug 30th, 2013
241
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.55 KB | None | 0 0
  1. <!-- Theme 19-Rosetta 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. -->
  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 1}"; // foreground colour
  13. var hlcolour="{color:Banner Highlights}"; // highlight colour
  14. var bgcolour="{color:Banner 2}"; // background colour
  15. var glcolour="{color:Banner Glow}"; // colour of glow around letters
  16. var speed=60; // speed colours change, 1 second = 1000
  17. var delay=60; // how long to wait between wipes
  18. var alink="http://www.mf2fm.com/rv"; // 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 5px";
  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()*8);
  68. }
  69. }
  70.  
  71. function dechex(dec) { return ((dec<16)?"0":"")+dec.toString(16); }
  72.  
  73. function wipe0() { // curtains
  74. if (w_cnt<Math.floor(w_txl/2)) {
  75. c(w_cnt, hlcolour);
  76. c(w_txl-w_cnt-1, hlcolour);
  77. }
  78. else if (w_cnt<w_txl) {
  79. c(w_cnt, w_flp);
  80. c(w_txl-w_cnt-1, w_flp);
  81. }
  82. }
  83.  
  84. function wipe1() { // random
  85. var i, rand, temp;
  86. if (w_cnt==0) {
  87. for (i=0; i<w_txl; i++) {
  88. rand=Math.floor(Math.random()*w_txl);
  89. temp=wrand[i];
  90. wrand[i]=wrand[rand];
  91. wrand[rand]=temp;
  92. }
  93. }
  94. if (w_cnt<w_txl) c(wrand[w_cnt], hlcolour);
  95. if (w_cnt>0 && w_cnt<w_txl+1) c(wrand[w_cnt-1], w_flp);
  96. }
  97.  
  98. function wipe2() { // forwards
  99. if (w_cnt<w_txl) c(w_cnt, hlcolour);
  100. if (w_cnt>0 && w_cnt<w_txl+1) c(w_cnt-1, w_flp);
  101. }
  102.  
  103. function wipe3() { // backwards
  104. if (w_cnt<w_txl) c(w_txl-(w_cnt+1), hlcolour);
  105. if (w_cnt>0 && w_cnt<w_txl+1) c(w_txl-w_cnt, w_flp);
  106. }
  107.  
  108. function wipe4() { // searchlight
  109. if (w_cnt<w_txl) c(w_cnt, hlcolour);
  110. if (w_cnt>0 && w_cnt<w_txl+1) c(w_cnt-1, w_flp);
  111. if (w_cnt>1 && w_cnt<w_txl+2) c(w_cnt-2, hlcolour);
  112. if (w_cnt>2 && w_cnt<w_txl+3) c(w_cnt-3, (w_flp==fgcolour)?bgcolour:fgcolour);
  113. if (w_cnt==w_txl+2) w_flp=(w_flp==fgcolour)?bgcolour:fgcolour;
  114. }
  115.  
  116. function wipe5() { // fade
  117. var i;
  118. if (w_cnt<w_txl+3) {
  119. var start=(w_flp==fgcolour)?bgcolour:fgcolour;
  120. var temp="#";
  121. for (i=1; i<6; i+=2) {
  122. var hex1=parseInt(start.substring(i,i+2),16);
  123. var hex2=parseInt(w_flp.substring(i,i+2),16);
  124. temp+=dechex(Math.floor(hex1+(hex2-hex1)*(w_cnt/(w_txl+2))));
  125. }
  126. for (i=0; i<w_txl; i++) c(i, temp);
  127. }
  128. }
  129.  
  130. function wipe6() { // flash
  131. var i;
  132. if (w_cnt<6*Math.floor(w_txl/6)+3) {
  133. if (w_cnt%6==0 || w_cnt%6==3) for (i=0; i<w_txl; i++) c(i, hlcolour);
  134. else if (w_cnt%6==1) for (i=0; i<w_txl; i++) c(i, w_flp);
  135. else if (w_cnt%6==4) for (i=0; i<w_txl; i++) c(i, (w_flp==fgcolour)?bgcolour:fgcolour);
  136. }
  137. }
  138.  
  139. function wipe7() { // checkerboard
  140. var qtr=Math.floor(w_txl/4);
  141. if (w_cnt<qtr) {
  142. c(w_cnt, hlcolour);
  143. c(w_cnt+2*qtr, hlcolour);
  144. }
  145. else if (w_cnt<2*qtr) {
  146. c(w_cnt-qtr, w_flp);
  147. c(w_cnt+qtr, w_flp);
  148. }
  149. else if (w_cnt<3*qtr) {
  150. c(w_cnt-qtr, hlcolour);
  151. c(w_cnt+qtr, hlcolour);
  152. }
  153. else if (w_cnt<w_txl) {
  154. c(w_cnt-2*qtr, w_flp);
  155. c(w_cnt, w_flp);
  156. }
  157. }
  158. // ]]>
  159. </script>
  160.  
  161. <script type="text/javascript"
  162. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  163.  
  164. <title>{Title}</title>
  165. <link rel="shortcut icon" href="{favicon}">
  166. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  167. {block:Description}<meta name="description"content="{MetaDescription}"/>{/block:Description}
  168.  
  169. <!--Variables-->
  170. <meta name="color:Background" content="#ffffff" />
  171. <meta name="color:Text" content="#000000" />
  172. <meta name="color:Link" content="#FF0000" />
  173. <meta name="color:Banner 1" content="#F78181" />
  174. <meta name="color:Banner 2" content="#ffffff" />
  175. <meta name="color:Banner Highlights" content="#F78181" />
  176. <meta name="color:Banner Glow" content="#ffffff"/>
  177. <meta name="color:Double Border" content="#FF0000" />
  178. <meta name="color:Posts BG" content="#fff" />
  179. <meta name="color:Posts Border" content="#ddd" />
  180. <meta name="color:Sidebar Border" content="#FF0000" />
  181. <meta name="color:Back-Sidebar BG" content="#fff" />
  182. <meta name="color:Navigation BG" content="#fff" />
  183. <meta name="color:Navigation Text" content="#000" />
  184. <meta name="color:Navigation Border" content="#FF0000" />
  185. <meta name="color:Navigation Shadow" content="#888" />
  186. <meta name="color:Navigation Hover BG" content="#000" />
  187. <meta name="color:Navigation Hover Text" content="#fff" />
  188. <meta name="color:Navigation Hover Shadow" content="#888" />
  189. <meta name="color:Banner" content="#FF0000" />
  190.  
  191. <meta name="image:Background" content="http://static.tumblr.com/gdh5wux/aqqm7f7bk/tumblr_m4g4ah5ezv1r0z8gw.png" />
  192. <meta name="image:sidebar" content="http://static.tumblr.com/gdh5wux/bvYm7fzmr/tumblr_m66vi1lmpg1qlt1nco1_500.png" />
  193. <meta name="image:fav 1" content="http://i42.tinypic.com/fk2o3r.png"/>
  194. <meta name="image:fav 2" content="http://i40.tinypic.com/33xtz7r.png"/>
  195. <meta name="image:fav 3" content="http://i43.tinypic.com/2nsqr7p.png"/>
  196. <meta name="image:fav 4" content="http://i44.tinypic.com/121vot5.png"/>
  197. <meta name="image:fav 5" content="http://i41.tinypic.com/r0sew6.png"/>
  198.  
  199.  
  200. <meta name="text:Favorite 1 URL" content=""/>
  201. <meta name="text:Favorite 2 URL" content=""/>
  202. <meta name="text:Favorite 3 URL" content=""/>
  203. <meta name="text:Favorite 4 URL" content=""/>
  204. <meta name="text:Favorite 5 URL" content=""/>
  205. <meta name="text:Favorite 1" content="BLOG NAME"/>
  206. <meta name="text:Favorite 2" content="BLOG NAME"/>
  207. <meta name="text:Favorite 3" content="BLOG NAME"/>
  208. <meta name="text:Favorite 4" content="BLOG NAME"/>
  209. <meta name="text:Favorite 5" content="BLOG NAME"/>
  210. <!--Variables-->
  211.  
  212.  
  213. <style type="text/css">
  214.  
  215.  
  216. ::-webkit-scrollbar {width: 9px; height: 3px; background:black;}
  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: "tempesta"; src: url('http://static.tumblr.com/oct6d4x/Wvalo56tg/pf_ronda_seven.ttf'); }
  224.  
  225. @font-face {
  226. font-family: "tinytots";
  227. src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
  228. }
  229.  
  230. @font-face {
  231. font-family: "mariette";
  232. src: url('http://static.tumblr.com/b73ppk6/nh6m6t46t/mariette_tryout.ttf');
  233. }
  234.  
  235. @font-face {
  236. font-family: "caviardreams";
  237. src: url('http://static.tumblr.com/alux5te/8BFltyod3/caviardreams.ttf');
  238. }
  239.  
  240. @font-face {
  241. font-family: "lainie";
  242. src: url('http://static.tumblr.com/oetadgc/Uialyjfaa/laine.ttf');
  243. }
  244.  
  245. @font-face {
  246. font-family: "tangerine";
  247. src: url('http://static.tumblr.com/gdh5wux/MAfm61bhn/tangerine_regular.ttf');
  248. }
  249.  
  250. @font-face {
  251. font-family: "blackswan";
  252. src: url('http://static.tumblr.com/q54tzar/7POm34eyl/a_s_black_swan_3_.ttf');
  253. }
  254.  
  255. @font-face { font-family: "Sail"; src: url('http://static.tumblr.com/aorjzw7/b3Jmrt9nk/sail-regular.otf'); }
  256.  
  257. body {
  258. margin: 0px;
  259. background-color:{color:Background};
  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:740px;
  289. margin-left:430px;
  290. z-index:1;
  291. float:left;
  292. border:4px double {color:Double Border};
  293. box-shadow:0px 0px 4px #888;
  294. }
  295.  
  296. .entry {
  297. margin:4px;
  298. padding:6px;
  299. box-shadow:0px 1px 2px #888;
  300. float:left;
  301. overflow:hidden;
  302. background-color:{color:Posts BG};
  303. {block:IndexPage}
  304. width:350px;
  305. {/block:IndexPage}
  306. {block:PermalinkPage}
  307. width:500px;
  308. {/block:PermalinkPage}
  309. }
  310.  
  311. .perma
  312. {
  313. opacity: 0.0;
  314. filter: alpha(opacity = 0);
  315. margin-top: -21px;
  316. width: px;
  317. height: 30px;
  318. line-height: 30px;
  319. font-size: 9px;
  320. position:absolute;
  321. text-align: center;
  322. z-index:800;
  323. color: {color:permalink};
  324.  
  325. }
  326. a.p
  327. {
  328.  
  329. color: {color:permalink};
  330. }
  331. .entry:hover .perma {
  332.  
  333. -webkit-transition: opacity 0.4s linear;
  334. opacity: 1;
  335. -moz-transition: all 0.4s linear;
  336. transition: all 0.4s linear;
  337. filter: alpha(opacity = 100);
  338.  
  339. }
  340.  
  341. select {
  342. font-size: 9px;
  343. width: 100px;
  344. margin-left: 10px;
  345.  
  346. }
  347. option {
  348. font-size: 9px;
  349. text-align: left;
  350.  
  351. }
  352. input[type=button]
  353. {
  354. font-size: 9px;
  355. }
  356.  
  357. .likep {
  358. width: 21px;
  359. height: 20px;
  360. overflow: hidden;
  361. position: relative;
  362. z-index: 99;
  363. position: absolute;
  364. margin-top: 26px;
  365. margin-left: 5px;
  366. }
  367. .rep {
  368. width: 24px;
  369. height: 20px;
  370. overflow: hidden;
  371. position: relative;
  372. z-index: 99;
  373. position: absolute;
  374. margin-top: 26px;
  375. margin-left: 29px;
  376. }
  377. .likep a:hover {
  378. background-position: 0px 0px;
  379. }
  380. .likep a {
  381. background-image: url("http://static.tumblr.com/uiqhh9x/BPnlzww8v/like.png");
  382. background-position: 0px 0px;
  383. display: block;
  384. z-index: 99;
  385. webkit-transition: all 0s linear;
  386. -webkit-transition: all 0s linear;
  387. -moz-transition: all 0s linear;
  388. transition: all 0s linear;
  389. }
  390. .likep img {
  391. width: 21px;
  392. height: 20px;
  393. webkit-transition: all 0.2s linear;
  394. -webkit-transition: all 0.2s linear;
  395. -moz-transition: all 0.2s linear;
  396. transition: all 0.2s linear;
  397. }
  398. .rep img{
  399. width: 24px;
  400. height: 20px;
  401. line-height: 30px;
  402. display: inline;
  403. }
  404.  
  405. .not { position: absolute;
  406. background: url("http://static.tumblr.com/uiqhh9x/X6Ym17xp2/middle.png");
  407. height: 20px;
  408. font-size: 11px;
  409. line-height: 20px;
  410. color: #fff;
  411. position: absolute;
  412. margin-top: 26px;
  413. margin-left: 56px;
  414. padding-left: 4px;
  415. padding-right: 4px;
  416. -moz-border-radius: 2px;
  417. border-radius: 2px;
  418. }
  419. .not a{
  420. color: #fff;
  421. font-weight: bold;
  422. font-family: Arial, Helvetica, sans-serif;
  423. }
  424. {block:iffaded}
  425. .entry:hover .not, .entry:hover .rep, .entry:hover .likep {
  426. opacity: 0.8;
  427. filter: alpha(opacity = 80);
  428. }{block:iffaded}
  429. {block:notiffaded}
  430. .entry:hover .not, .entry:hover .rep, .entry:hover .likep {
  431. opacity: 1.0;
  432. filter: alpha(opacity = 100);
  433. }{block:notiffaded}
  434. .not:hover , .rep:hover, .likep:hover {
  435. opacity: 1!important;
  436. filter: alpha(opacity = 100)!important;
  437. }
  438.  
  439. #infscr-loading{
  440. bottom: -70px;
  441. position: absolute;
  442. left: 50%;
  443. margin-left:-8px;
  444. width:16px;
  445. height:11px;
  446. overflow:hidden;
  447. margin-bottom: 50px;
  448. }
  449.  
  450. .title{
  451. font-family:'Sail';
  452. text-transform:none;
  453. font-size:30px;
  454. line-height:30px;
  455. text-align:center;
  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. asker{
  475. letter-spacing:1px;
  476. padding:1px;
  477. margin-right:5px;
  478. font-family:'Arial';
  479. font-size:10px;
  480. text-align:center;
  481. background:#eeeeee;
  482. text-transform:uppercase;
  483. }
  484.  
  485. ask{
  486. padding:3px;
  487. font-family:'silkscreen';
  488. font-size:8px;
  489. text-transform:uppercase;
  490. color:#999;
  491. }
  492.  
  493. .askerimg img{
  494. width:30px;
  495. align:left;
  496. float:left;
  497. padding:1px;
  498. background:#ddd;
  499. margin-right:6px;
  500. border-radius:10px;
  501. box-shadow:0px 1px 1px #888;
  502. }
  503.  
  504. #askbox{
  505. overflow:hidden;
  506. padding:5px;
  507. border-radius:10px;
  508. border:2px double #ddd;
  509. }
  510.  
  511. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  512. .user_1 .label, .user_4 .label, .user_7 .label, .user_2 .label, .user_5 .label, .user_8 .label, .user_3 .label, .user_6 .label,
  513. .user_9 .label {color:{color:text};}
  514.  
  515. .notes img{width:10px; position:relative; top:3px;}
  516.  
  517. #transformers-rule {
  518. width:800px;
  519. position: relative;
  520. margin: 0px ;
  521. }
  522.  
  523. .sidebar {
  524. width:400px;
  525. height:630px;
  526. -webkit-perspective: 1000;
  527. -moz-perspective: 1000;
  528. -ms-perspective: 1000;
  529. }
  530.  
  531. .card {
  532. width:400px;
  533. height:630px;
  534. left:5px;
  535. border: 4px ridge {color:Sidebar Border};
  536. position:fixed;
  537. -webkit-transform-style: preserve-3d;
  538. -webkit-transition: 0.5s;
  539. -moz-transform-style: preserve-3d;
  540. -moz-transition: 0.5s;
  541. -ms-transform-style: preserve-3d;
  542. -ms-transition: 0.5s;
  543. }
  544.  
  545. .sidebar:hover .card {
  546. left:5px;
  547. -webkit-transform: rotateY(180deg);
  548. -moz-transform: rotateY(180deg);
  549. -ms-transform: rotateY(180deg);
  550. }
  551.  
  552. .face {
  553. position: absolute;
  554. -webkit-backface-visibility: hidden;
  555. -moz-backface-visibility: hidden;
  556. -ms-backface-visibility: hidden;
  557. }
  558.  
  559. .megatron {
  560. float: left;
  561. position:fixed;
  562. top:2px;
  563. left:0px;
  564. }
  565.  
  566. .megatron .front {
  567. }
  568.  
  569. .megatron .back {
  570. font-family:tinytots;
  571. width:400px;
  572. height:630px;
  573. position:fixed;
  574. -webkit-transform: rotateY(180deg);
  575. -moz-webkit-transform: rotateY(180deg);
  576. -ms-transform: rotateY(180deg);
  577. background: {color:Back-Sidebar BG};
  578. }
  579.  
  580. .megatron .back h2 {
  581. width:400px;
  582. height:630px;
  583. margin: 0 auto 20px auto;
  584. text-indent: -9999px;
  585. }
  586.  
  587. .megatron img {
  588. float: right;
  589. }
  590.  
  591. .megatron p {
  592. float: left;
  593. width:400px;
  594. margin: 0 0 20px 0;
  595. font-size: 17px;
  596. line-height: 28px;
  597. color: #4c4c4c;
  598. }
  599.  
  600. .front {
  601. z-index: 10;
  602. }
  603.  
  604. .sidebar:hover .front {
  605. z-index: 0;
  606. }
  607.  
  608.  
  609. #name{
  610. font-size:30px;
  611. line-height:22px;
  612. margin:5px;
  613. font-family:"blackswan";
  614. text-align:left;
  615. text-transform:none;
  616. border-bottom:2px inset #000000;
  617. }
  618.  
  619. .heart {display : block; -height: 15px; text-indent : 5px; font-family:tinytots; vertical-align : left; background:url('http://www.hellostar.org/wp-admin/images/q1.gif') no-repeat left; padding-left : 10px;
  620. padding-bottom : 2px;}
  621.  
  622.  
  623. .heart:hover {display : block; -height: 15px;text-indent : 5px; vertical-align : left; background : url('http://www.hellostar.org/wp-admin/images/q2.gif') no-repeat left; padding-left : 10px; padding-bottom : 2px;}
  624.  
  625. div.navigate a{
  626. background: {color:Navigation BG};
  627. color: {color:Navigation Text};
  628. width:70px;
  629. height:10px;
  630. line-height:10px;
  631. font-family:"tinytots";
  632. font-size:8px;
  633. text-align: center;
  634. text-transform:uppercase;
  635. margin:3px;
  636. position:relative;
  637. border:4px double {color:Navigation Border};
  638. text-align:center;
  639. z-index:1;
  640. box-shadow:3px 3px 3px {color:Navigation Shadow};
  641. display: inline-block;
  642. }
  643.  
  644. div.navigate a:hover{
  645. background: {color:Navigation Hover BG};
  646. color: {color:Navigation Hover Text};
  647. letter-spacing:2px;
  648. box-shadow:1px 1px 2px {color:Navigation Hover Shadow};
  649. }
  650.  
  651. #faves img {
  652. opacity:0.5;
  653. width:60px;
  654. height:60px;
  655. margin:5px;
  656. border-radius:0px;
  657. -webkit-transition-duration:.7s;
  658. }
  659.  
  660. #faves img:hover {
  661. -webkit-transition: 0.2s ease-in;
  662. border-radius:32px;
  663. padding:0px;
  664. width:50px;
  665. height:50px;}
  666.  
  667. .sidebanner{
  668. position:fixed;
  669. width: auto;
  670. height: auto;
  671. left:20px;
  672. margin-top:550px;
  673. text-transform:none;
  674. font-size: 70px;
  675. background-color:transparent;
  676. color:{color:Banner};
  677. font-family: "lainie";
  678. line-height: 45px;
  679. z-index:9999;
  680. text-align: center;
  681. text-shadow: 1px 1px 10px #888;
  682. }
  683.  
  684.  
  685. {CustomCSS}
  686. </style>
  687. <body>
  688.  
  689. <div id="transformers-rule">
  690. <div class="sidebar megatron">
  691. <div class="card">
  692. <div class="face front">
  693. <div class="sidebanner"><span id="wipe">{title}</span></div>
  694. <img src="{image:sidebar}"width="400" height= "630px"alt="Megatron"/></div>
  695.  
  696. <div class="face back">
  697. <div id="name">About Me</div>
  698. {description}
  699. <div id="name">Jadore</div>
  700. 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
  701. <div id="name">Favorites</div>
  702. <div id="faves">
  703. <marquee behavior="scroll" scrollamount="5" direction="left" onmouseover="this.stop();" onmouseout="this.start();">
  704. <a href="{text:Favorite 1 URL}"><img src='{image:Fav 1}'title="{text:Favorite 1}"/></a>
  705. <a href="{text:Favorite 2 URL}"><img src='{image:Fav 2}'title="{text:Favorite 2}"/></a>
  706. <a href="{text:Favorite 3 URL}"><img src='{image:Fav 3}'title="{text:Favorite 3}"/></a>
  707. <a href="{text:Favorite 4 URL}"><img src='{image:Fav 4}'title="{text:Favorite 4}"/></a>
  708. <a href="{text:Favorite 5 URL}"><img src='{image:Fav 5}'title="{text:Favorite 5}"/></a>
  709. </marquee>
  710. </div>
  711. <div id="name">Stats</div>
  712. <center>
  713. <div class="heart">INSERT STAT HERE</div>
  714. <div class="heart">INSERT STAT HERE</div>
  715. <div class="heart">INSERT STAT HERE</div>
  716. </center>
  717. <div id="name">Navigation</div>
  718. <div class="navigate">
  719. <a href="/">Home</a>
  720. <a href="/ask">ask</a>
  721. <a href="/submit">submit</a>
  722. <a href="/more">more</a>
  723. <a href="/credits">credits</a>
  724. </div>
  725. <div id="name">Quote</div>
  726. <font style="font-family:tangerine; line-height:35px;font-size:30px; text-transform:none;">To Be Irreplaceable, one must be different.-Coco Chanel</font>
  727. <br>
  728. <div id="name">Blogroll</div>
  729. <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>
  730. </div>
  731. </div>
  732. </div>
  733.  
  734. <img style="z-index:-10; position:fixed; bottom:0px; right:-10%; left: 1000px; height:100%;"src="http://static.tumblr.com/gdh5wux/9nLm7fz2q/95928673.png" >
  735.  
  736. <div id="posts">
  737.  
  738. {block:Posts}
  739. <div class="entry">
  740.  
  741. {block:IndexPage}
  742. <div class="perma">
  743. <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>
  744. <div class="not"><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></div>
  745.  
  746.  
  747.  
  748. </div>
  749. {/block:IndexPage}
  750.  
  751. {block:Text}
  752. {block:Title}
  753. <div class="title">{Title}</div>
  754. {/block:Title}
  755. <span class="entrytext">{Body}</span>
  756. {/block:Text}
  757.  
  758. {block:Link}
  759. <div class="title"><a href="{URL}">{Name}</a></div>
  760. {block:Description}
  761. {Description}
  762. {/block:Description}
  763. {block:Link}
  764.  
  765. {block:Photo}
  766. {block:IndexPage}
  767. {LinkOpenTag}
  768. <div class="photo"><a href="{permalink}">
  769. <img class="photo"src="{PhotoURL-HighRes}"alt="{PhotoAlt}"width="100%"/></a></div>
  770. {LinkCloseTag}
  771. {/block:IndexPage}
  772. {block:PermalinkPage}
  773. {LinkOpenTag}
  774. <a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/></a>
  775. {LinkCloseTag}
  776. {/block:PermalinkPage}
  777. {/block:Photo}
  778.  
  779. {block:Photoset}
  780. {block:IndexPage}
  781. {Photoset-250}
  782. {/block:IndexPage}
  783. {block:PermalinkPage}
  784. <center>
  785. {Photoset-500}
  786. </center>
  787. {/block:PermalinkPage}
  788. {/block:Photoset}
  789.  
  790. {block:Quote}
  791. {Quote}
  792. </span>
  793. {block:Source}
  794. <div class="quote">{Source}</div>
  795. {/block:Source}
  796. {/block:Quote}
  797.  
  798. {block:Chat}
  799. {block:Title}
  800. <span class="title">{Title}</span>
  801. {/block:Title}
  802. <ul class="chat">
  803. {block:Lines}
  804. <li class="user_{UserNumber}">
  805. {block:Label}
  806. <span class="label">{Label}</span>
  807. {/block:Label}
  808. {Line}
  809. </li>
  810. {/block:Lines}
  811. </ul>
  812. {/block:Chat}
  813.  
  814. {block:Audio}
  815. <center>{AudioPlayerWhite}</center>
  816.  
  817. {block:ExternalAudio}{/block:ExternalAudio}
  818. {/block:Audio}
  819.  
  820. {block:Video}
  821. {block:IndexPage}
  822. <center>
  823. {Video-250}
  824. </center>
  825. {/block:IndexPage}
  826. {block:PermalinkPage}
  827. <center>
  828. {Video-500}
  829. </center>
  830. {/block:PermalinkPage}
  831. {block:Video}
  832.  
  833. {block:Answer}
  834. <div id="askbox">
  835. <div class="askerimg"><img src="{AskerPortraitURL-30}"></div>
  836. <asker>{Asker}:</asker>
  837. <br>
  838. <ask>{Question}</ask>
  839. </div>{Answer}
  840. {/block:Answer}
  841.  
  842. {block:PermalinkPage}
  843. <center>
  844. <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>
  845.  
  846.  
  847. {/block:PermalinkPage}
  848.  
  849.  
  850. {block:PostNotes}{PostNotes}
  851. {/block:PostNotes}
  852. </div>
  853.  
  854.  
  855. {/block:Posts}
  856. </div>
  857. </div>
  858.  
  859. {block:IndexPage}
  860. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  861. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  862.  
  863. <script type="text/javascript">
  864. $(window).load(function () {
  865. var $content = $('#posts');
  866. $content.masonry({itemSelector: '.entry'}),
  867. $content.infinitescroll({
  868. navSelector : 'div#pagination',
  869. nextSelector : 'div#pagination a#nextPage',
  870. itemSelector : '.entry',
  871. loading: {
  872. finishedMsg: '',
  873. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  874. },
  875. bufferPx : 600,
  876. debug : false,
  877. },
  878. // call masonry as a callback.
  879. function( newElements ) {
  880. var $newElems = $( newElements );
  881. $newElems.hide();
  882. // ensure that images load before adding to masonry layout
  883. $newElems.imagesLoaded(function(){
  884. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(400);} );
  885.  
  886.  
  887. });
  888. });
  889. });
  890. </script>
  891. {/block:IndexPage}
  892.  
  893. {block:IndexPage}
  894. {block:Pagination}
  895. <div id="pagination">
  896. {block:NextPage}
  897. <a id="nextPage" href="{NextPage}"></a>
  898. {/block:NextPage}
  899. {block:PreviousPage}
  900. <a href="{PreviousPage}"></a>
  901. {/block:PreviousPage}
  902. </div>
  903. {/block:Pagination}
  904. {/block:IndexPage}
  905. </div>
  906. </body>
  907. </html>
Advertisement
Add Comment
Please, Sign In to add comment