Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html lang="en">
- <!--
- ---------------------------------------
- | ♥♥♥ |
- | Beautiful, Dirty & Rich |
- | by Dana Teruel |
- | ----------------------- |
- | Remove the credits and |
- | i will kill you ;3 |
- | but seriously lol, dont. c: okayy |
- | byee now! |
- | |
- ---------------------------------------
- -->
- <head>
- <h1><center><span id="wipe">{Title}</span> </center> </h1> <br>
- <script type="text/javascript">
- // <![CDATA[
- // all colours must be in format '#NNNNNN', not 'red' or 'rgb(7,8,9)'
- var fgcolour="#6600cc"; // foreground colour
- var hlcolour="#aa77ff"; // highlight colour
- var bgcolour="#ffffff"; // background colour
- var glcolour="#cc99ff"; // colour of glow around letters
- var speed=66; // speed colours change, 1 second = 1000
- var delay=50; // how long to wait between wipes
- var alink="http://www.mf2fm.com/rv"; // page to link text to (set to ="" for no link)
- /****************************
- *Multi-Wipe Neon Text Effect*
- *(c)2003-12 mf2fm web-design*
- * http://www.mf2fm.com/rv *
- * DON'T EDIT BELOW THIS BOX *
- ****************************/
- var w_txt, w_txl;
- var w_flp=bgcolour;
- var w_sty=Math.floor(Math.random()*8);
- var w_cnt=-1;
- var wipes=new Array();
- var wrand=new Array();
- window.onload=function() { if (document.getElementById) {
- var i, wiper, wipei;
- wiper=document.getElementById("wipe");
- w_txt=wiper.firstChild.nodeValue;
- w_txl=w_txt.length;
- while (wiper.childNodes.length) wiper.removeChild(wiper.childNodes[0]);
- for (i=0; i<w_txl; i++) {
- wipei=document.createElement("span");
- wipei.appendChild(document.createTextNode(w_txt.charAt(i)));
- wipes[i]=wipei.style;
- wipes[i].textShadow=glcolour+" 0px 0px 5px";
- wipes[i].color=fgcolour;
- wiper.appendChild(wipei);
- }
- if (alink) {
- wiper.style.cursor="pointer";
- wiper.onclick=function() { top.location.href=alink; }
- }
- for (i=0; i<w_txl; i++) wrand[i]=i;
- wiper=setInterval("randwipe()", speed);
- }}
- function c(i, shade) {
- if (shade==bgcolour) wipes[i].textShadow="none";
- else wipes[i].textShadow=glcolour+" 0px 0px 5px";
- wipes[i].color=shade;
- }
- function randwipe() {
- var w_old;
- if (w_cnt++<w_txl+2+delay*(w_flp==fgcolour)) eval("wipe"+w_sty+"();");
- else {
- w_cnt=-1;
- w_flp=(w_flp==fgcolour)?bgcolour:fgcolour;
- w_old=w_sty;
- while (w_old==w_sty) w_sty=Math.floor(Math.random()*9);
- }
- }
- function dechex(dec) { return ((dec<16)?"0":"")+dec.toString(16); }
- function wipe0() { // full curtains
- var half=Math.floor(w_txl/2);
- if (w_cnt<w_txl) {
- c(w_cnt, (w_cnt<half)?hlcolour:w_flp);
- c(w_txl-w_cnt-1, (w_cnt<half)?hlcolour:w_flp);
- }
- }
- function wipe1() { // random
- var i, rand, temp;
- if (w_cnt==0) {
- for (i=0; i<w_txl; i++) {
- rand=Math.floor(Math.random()*w_txl);
- temp=wrand[i];
- wrand[i]=wrand[rand];
- wrand[rand]=temp;
- }
- }
- if (w_cnt<w_txl) c(wrand[w_cnt], hlcolour);
- if (w_cnt>0 && w_cnt<w_txl+1) c(wrand[w_cnt-1], w_flp);
- }
- function wipe2() { // forwards
- if (w_cnt<w_txl) c(w_cnt, hlcolour);
- if (w_cnt>0 && w_cnt<w_txl+1) c(w_cnt-1, w_flp);
- }
- function wipe3() { // backwards
- if (w_cnt<w_txl) c(w_txl-(w_cnt+1), hlcolour);
- if (w_cnt>0 && w_cnt<w_txl+1) c(w_txl-w_cnt, w_flp);
- }
- function wipe4() { // searchlight
- if (w_cnt<w_txl) c(w_cnt, hlcolour);
- if (w_cnt>0 && w_cnt<w_txl+1) c(w_cnt-1, w_flp);
- if (w_cnt>1 && w_cnt<w_txl+2) c(w_cnt-2, hlcolour);
- if (w_cnt>2 && w_cnt<w_txl+3) c(w_cnt-3, (w_flp==fgcolour)?bgcolour:fgcolour);
- if (w_cnt==w_txl+2) w_flp=(w_flp==fgcolour)?bgcolour:fgcolour;
- }
- function wipe5() { // fade
- var i;
- if (w_cnt<w_txl+3) {
- var start=(w_flp==fgcolour)?bgcolour:fgcolour;
- var temp="#";
- for (i=1; i<6; i+=2) {
- var hex1=parseInt(start.substring(i,i+2),16);
- var hex2=parseInt(w_flp.substring(i,i+2),16);
- temp+=dechex(Math.floor(hex1+(hex2-hex1)*(w_cnt/(w_txl+2))));
- }
- for (i=0; i<w_txl; i++) c(i, temp);
- }
- }
- function wipe6() { // flash
- var i;
- if (w_cnt<6*Math.floor(w_txl/6)+3) {
- if (w_cnt%6==0 || w_cnt%6==3) for (i=0; i<w_txl; i++) c(i, hlcolour);
- else if (w_cnt%6==1) for (i=0; i<w_txl; i++) c(i, w_flp);
- else if (w_cnt%6==4) for (i=0; i<w_txl; i++) c(i, (w_flp==fgcolour)?bgcolour:fgcolour);
- }
- }
- function wipe7() { // checkerboard
- var qtr=Math.floor(w_txl/4);
- if (w_cnt<qtr) {
- c(w_cnt, hlcolour);
- c(w_cnt+2*qtr, hlcolour);
- }
- else if (w_cnt<2*qtr) {
- c(w_cnt-qtr, w_flp);
- c(w_cnt+qtr, w_flp);
- }
- else if (w_cnt<3*qtr) {
- c(w_cnt-qtr, hlcolour);
- c(w_cnt+qtr, hlcolour);
- }
- else if (w_cnt<w_txl) {
- c(w_cnt-2*qtr, w_flp);
- c(w_cnt, w_flp);
- }
- }
- function wipe8() { // half curtains
- var half=Math.floor(w_txl/2);
- if (w_cnt<half) {
- c(w_cnt, hlcolour);
- c(w_txl-w_cnt-1, hlcolour);
- }
- else if (w_cnt<w_txl) {
- c(w_cnt-half, w_flp);
- c(w_txl+half-w_cnt-1, w_flp);
- }
- }
- // ]]>
- </script>
- <title>{title}</title>
- <link rel="shortcut icon" href="{image:Favicon}"/>
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <!-- meta tags -->
- <meta name="image:sidebar" content="/" />
- <meta name="color:sidebar text" content="" />
- <meta name="text:stat one" content="" />
- <meta name="text:stat two" content="" />
- <meta name="text:stat three" content="" />
- <meta name="text:stat four" content="" />
- <meta name="color:bold" content="" />
- <meta name="color:italic" content="" />
- <meta name="color:strike" content="" />
- <meta name="color:underlined" content="" />
- <meta name="image:favicon" content="" />
- <meta name="text:Link 1" content="" />
- <meta name="text:Link 1 title" content="" />
- <meta name="text:Link 2" content="" />
- <meta name="text:Link 2 title" content="" />
- <meta name="text:Link 3" content="" />
- <meta name="text:Link 3 title" content="" />
- <!-- meta tags -->
- <!-- fonts used -->
- <link href='http://fonts.googleapis.com/css?family=Carrois+Gothic+SC' rel='stylesheet' type='text/css'>
- <!-- fonts used -->
- <style type="text/css">
- @font-face { font-family: "caviardreams"; src: url('http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf'); }
- h1, big{
- color: #a8a8a8;
- font-family: "caviardreams";
- font-size:40px;
- line-height:30px;
- letter-spacing:1px;
- font-weight:normal;
- text-transform:;
- margin:0px;
- padding:0px;
- text-align:center;
- }
- /** fade buttons **/
- iframe#tumblr_controls {
- top: 100% !important;
- margin: -30px 0 0 0;
- right: 5px !important;
- position: fixed !important;
- }
- /** bullets **/
- li {display: block; -webkit-transition-duration: .40s; border-bottom: 1px solid #f5c9ce; background-repeat: no-repeat; vertical-align: middle; line-height: 17px; text-indent: 5px; background: url('http://stephanielouie.comule.com/material/x6.gif') no-repeat left; padding-left: 15px;}
- /** bullets **/
- /** bold, italic, strike, etc **/
- strong, b, bold {
- color:{color:bold};
- text-decoration:none;
- font-weight:bold;
- }
- i, em, italic {
- {color:italic};
- font-family: Tahoma, cursive;
- }
- u, underline {
- text-decoration:none;
- color:{color:underlined};
- border-bottom: 1px dotted #eee;
- }
- s, strike {
- color:{color:strike};
- }
- /** bold, italic, strike, etc **/
- /** other fonts **/
- @font-face {
- font-family: "amandine";
- src: url('http://static.tumblr.com/y0x5xm1/GK9lnbxom/amandine.ttf');
- }
- /** other fonts **/
- #entry {
- border:2px solid #000;
- background-image: url();
- background-color:{color:Posts};
- float:left;
- {block:IndexPage}
- width: 500px;
- height: 100%;
- {/block:IndexPage}
- {block:PermalinkPage}
- width:600px;
- padding:0px;
- font color: #000;
- {/block:PermalinkPage}
- overflow:hidden;
- padding:5px;
- padding-top:5px;
- margin:0px;
- margin-top:9px;
- margin-left:3px;
- }
- #entry .perma a{color:{link};}
- #entry .perma{width:0px; position: absolute; line-height: 10px; overflow:hidden; opacity: 0.0; background-color:; color: {color:link} ;margin-top:0px;margin-left:-100px;-webkit-transition: all 0.7s linear; -moz-transition: all 0.7s linear; transition: all 0.7s linear;margin-top:-100px;}
- #entry:hover .perma{overflow:visible;-webkit-transition: opacity 0.2s linear; opacity: 0.8;
- -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; transition: all 0.4s linear; margin-left:0px;margin-top:0px;width:auto;}
- #permal {
- width: 50px;
- height:15px;
- display: inline-block;
- margin-left: 2px;
- margin-top:3px;
- padding: 2px;
- background-color:#ffffff;
- line-height:13px;
- font-size: 11px;
- font-family: segoe print;
- color: #fff;
- text-align:center;
- -webkit-border-radius: 5px 5px 5px 5px;
- -moz-border-radius: 5px 5px 5px 5px;
- border-radius: 5px 5px 5px 5px;
- }
- #cali {
- width:220px;
- height:auto;
- overflow:hidden;
- margin-left:10px;
- margin-top:10px;
- padding:5px;
- z-index:9999;
- position:fixed;
- -webkit-border-radius: 10px;
- border-radius: 10px;
- color:{color:sidebar text};
- -webkit-transition: opacity 0.6s linear;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- }
- #cali:hover{
- -moz-box-shadow: 0 0 20px rgba(255,255,255,.5);
- -webkit-box-shadow: 0 0 20px rgba(255,255,255,.5);
- box-shadow: 0 0 20px rgba(255,255,255,.5);
- }
- #cali #rogue{
- opacity:1;
- -webkit-transition: opacity 0.6s linear;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- }
- #cali #nah{
- color:{color:sidebar text};
- margin-top:0px;
- -webkit-transition: opacity 0.6s linear;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- }
- #cali:hover #nah{
- margin-top:-40px;
- }
- #cali #wut{
- margin-top:0px;
- color:{color:sidebar text};
- -webkit-transition: opacity 0.6s linear;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- }
- #cali:hover #wut{
- margin-top:-40px;
- }
- #cali:hover #rogue{
- opacity:0;
- }
- #cali #fornia{
- opacity:0;
- -webkit-transition: opacity 0.6s linear;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- }
- #shalala{
- height:150px;
- overflow:hidden;
- -webkit-border-radius: 10px;
- border-radius: 10px;
- }
- #shalala img{
- width:240px;
- }
- #cali:hover #fornia{
- opacity:1;
- }
- body{
- color:black;
- font-family:verdana;
- font-size:10px;
- background-color:black;
- }
- #cent{
- width:500px;
- margin-left:400px;
- background-color:#fff;
- position:absolute;
- padding:5px;
- }
- #post{
- padding:2px;
- background-color:#fff;
- width:490px;
- float:left;
- margin:2px;
- }
- #sidebar{
- background-color:#fff;
- width:230px;
- margin-top:400px;
- margin-left:10px;
- position:fixed;
- padding:3px;
- }
- div#picbar{
- position:fixed !important;
- margin-top:10px;
- margin-left:200px;
- background-color:#trans;
- width:130px;
- padding:2px;
- z-index:999;
- }
- div.button a{
- display: inline-block;
- color: #a8a8a8;
- background-color:#f1e9ec;
- height:15px;
- width:220px;
- padding-left:5px;
- padding-top:2px;
- border-right:8px solid #938b8e;
- }
- div.button a:hover{
- width:132px;
- text-align:right;
- border-right:65px solid #938b8e;
- padding-right:2px;
- color: #a8a8a8;
- background-color:#f1e9ec;
- -webkit-transition: 0.5s
- }
- .tble {margin-left:50px; float:left; width:auto;}
- .circles {
- width:120px;
- height:120px;
- background-color:#trans;
- padding: 0px;
- -webkit-border-radius: 60px;
- -moz-border-radius: 60px;
- border-radius: 60px;
- -moz-transition: all .6s ease-in-out;
- -o-transition: all .6s ease-in-out;
- transition: all .6s ease-in-out;
- -webkit-transition: all .6s ease-in-out;
- box-shadow: 0 0 8px #fff;
- -webkit-box-shadow: 0 0 8px #fff;
- -moz-box-shadow: 0 0 8px #fff;
- overflow:hidden;
- }
- .rawr{
- font-size:15px;
- color:#898989;
- font-family:arial;
- text-transform:uppercase;
- background-image:url(http://www.featurepics.com/FI/Thumb300/20111222/Black-Vintage-Background-2075702.jpg);
- border:1px dotted #ccc;
- line-height:16px;
- -webkit-border-radius: 10px;
- border-radius: 40px;
- }
- .rawr:first-letter{
- font-family:amandine;
- color:#f8989a;
- line-height:20px;
- text-transform:uppercase;
- font-size:25px;
- padding-right:5px;
- }
- .heart {display : block; font-size: 8pt; font-family: verdana, Lucida Sans Unicode; line-height: 15px; border-bottom : 1px solid #f4f4f3; text-indent : 5px; vertical-align : middle; background:
- url('http://www.hellostar.org/wp-admin/images/q1.gif') no-repeat left; padding-left : 10px;
- padding-bottom : 2px;}
- .heart:hover {display : block; font-size: 8pt; font-family: verdana, Lucida Sans Unicode; line-height: 15px; border-bottom : 1px dashed #E0DCD6; text-indent : 5px; vertical-align : middle; background : url('http://www.hellostar.org/wp-admin/images/q2.gif') no-repeat left; padding-left : 10px; padding-bottom : 2px;}
- .circles:hover {
- border-top-right-radius:0px;
- border-bottom-right-radius:0px;
- border-top-left-radius:0px;
- border-bottom-left-radius:0px;
- -webkit-transition-duration: .6s;}
- {CustomCSS]</style>
- </head>
- <body>
- <div id="sidebar">
- <div class="button">
- <a href="/">home</a>
- <a href="/ask">message</a>
- <a href="/archive">archive</a>
- <a href="{text:link 1}">{text:Link 1 Title}</a>
- <a href="{text:link 2}">{text:Link 2 Title}</a>
- <a href="{text:link 3}">{text:Link 3 Title}</a>
- <a href="http://danateruel.tumblr.com">credit</a>
- </div>
- </div>
- <div id="cali">
- <div id="fornia">
- <div id="shalala"><img src="{image:sidebar}"></div><br>
- <div style="text-align:left"><div class="rawr">The Princess</div></div></div>
- <div style="padding-left:7px; text-align:justify; color:{color:sidebar text}; font-family: 'Carrois Gothic SC', sans-serif;
- line-height:10px;">
- <div id="rogue">
- <center><img src="http://static.tumblr.com/rmj06l2/f83lo2to1/floral.jpg"></center>
- </div>
- <div id="nah">
- {Description}
- </div>
- <div id="rogue">
- <center><img style="writing-mode: lr-tb; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); "src="http://static.tumblr.com/rmj06l2/f83lo2to1/floral.jpg"></center>
- </div>
- </div>
- <br><br>
- <div id="fornia">
- <div id="wut">
- <div style="text-align:left;"><div class="rawr">Statistics</div></div>
- <div class="heart">{text:stat one}</div>
- <div class="heart">{text:stat two}
- </div>
- <div class="heart">{text:stat three}</div>
- <div class="heart">{text:stat four}</div><br>
- <br>
- </div>
- </div>
- </div>
- <div id="picbar">
- <table class="tble" cellspacing="2px"><tr>
- <td class="circles"><img src="http://static.tumblr.com/oct6d4x/YdUlxre08/1s1.jpg"/></td>
- </tr></table>
- <table class="tble" cellspacing="2px"><tr>
- <td class="circles"><img src="http://static.tumblr.com/oct6d4x/X36lxre7q/1111.jpg" / ></td>
- </tr></table>
- <table class="tble" cellspacing="2px"><tr>
- <td class="circles"><img src="http://media.tumblr.com/tumblr_mbexf6qEbP1r70c3v.jpg"/></td>
- </tr></table>
- <table class="tble" cellspacing="2px"><tr>
- <td class="circles"><img src="http://static.tumblr.com/oct6d4x/NA7lxre8x/33.jpg"/></td>
- </tr></table>
- <table class="tble" cellspacing="2px"><tr>
- <td class="circles"><img src="http://static.tumblr.com/oct6d4x/Dbglxre6o/32ed.png"/></td>
- </tr></table>
- </div>
- </div>
- <div id="cent">
- {block:Posts}<div id="entry">
- {block:IndexPage}
- <div class="perma">
- <div id="permal">
- <a href="{permalink}" target="_blank">{NoteCount} </div>
- <div id="permal"><a href="{ReblogURL}" target="_blank">Reblog</a></span></div></div>
- <div id="post">
- {block:Title}{Title}{/block:Title}
- {block:Text}{Body}{/block:Text}
- {block:Photo}
- <a href="{permalink}"><img src="{PhotoURL-500}" width="500"/></a>
- {/block:Photo}
- {block:Photoset}
- {Photoset-500}
- {/block:Photoset}
- {block:Quote}
- {Quote}
- <div align="right">
- {block:Source}-{Source}{/block:Source}
- </div>
- {/block:Quote}
- {block:Video}
- {Video-500}<br>
- {PlayCountWithLabel}
- {/block:Video}
- {block:Link}
- <a href="{URL}" class="link" {Target}>{Name}</a><BR>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Lines}
- {block:Label}
- <br>{Label}
- {/block:Label}
- {Line}
- {/block:Lines}
- {/block:Chat}
- {block:Audio}
- {AudioPlayerGrey}
- <br><div align="right">{block:Artist}
- Artist: {Artist}</div>
- {/block:Artist}<br>
- {block:Caption}{Caption}{/block:Caption}
- {/block:Audio}
- {block:Answer}
- {Asker} asked <b>{Question}</b><Br>
- {Answer}
- {/block:Answer}
- {block:PermalinkPage}
- {block:Caption}
- {Caption}
- {/block:Caption}
- <br>
- {block:NoteCount}
- {NoteCount} notes
- {/block:NoteCount}
- <Br>
- {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
- {/block:PermalinkPage}
- </div>
- {/block:Posts}
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement