Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <!--
- 'Karma' Theme by Hausofharlow. A simple theme with an image mapped navigation and a basic banner. Transition fade images and Endless Scroll. Please don't remove my credit :) xx
- -->
- <img style="position:fixed; opacity: 1.0; width: 1010px; height: 167px; TOP:0px; LEFT:180px; z-index: 1000;" src="http://i55.tinypic.com/sqjxc8.png">
- <head> <!-- DEFAULT VARIABLES -->
- <meta name="color:background" content="#FFFFFF" />
- <meta name="image:Background" content=""/>
- <meta name="color:box" content="#FFFFFF" />
- <meta name="color:text" content="#000000">
- <meta name="color:title" content="#BBAA9C" />
- <meta name="color:links bar" content="#F7F7F7" />
- <meta name="color:description background" content="#FDFDFD" />
- <meta name="color:text" content="#BBAA9C" />
- <meta name="color:link" content="#C7B29E" />
- <meta name="color:link hover" content="#F8D2BD" />
- <meta name="font:body" content="georgia" />
- <meta name="font:title" content="georgia" />
- <meta name="text:font size" content="9px" />
- <meta name="if:Hide Notes" content="1" />
- <meta name="if:Faded Images" content="0" />
- <meta name="if:Show Archive Link" content="1"/>
- <meta name="if:Show Ask Link" content="1" />
- <meta name="text:Custom Link One" content="" />
- <meta name="text:Custom Link One Title" content="" />
- <meta name="text:Custom Link Two" content="" />
- <meta name="text:Custom Link Two Title" content="" />
- <meta name="text:Custom Link Three" content="" />
- <meta name="text:Custom Link Three Title" content="" />
- <meta name="text:Custom Link Four" content="" />
- <meta name="text:Custom Link Four Title" content="" />
- <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
- <script type="text/javascript">
- jQuery(document).ready(function() {
- jQuery(".content").hide();
- //toggle the componenet with class msg_body
- jQuery(".heading").click(function()
- {
- jQuery(this).next(".content").slideToggle(500);
- });});
- </script>
- <script language="JavaScript1.2">
- /*
- Fading Image Script
- Dynamic Drive (www.dynamicdrive.com)
- */
- function makevisible(cur,which){
- if (which==0)
- cur.filters.alpha.opacity=100
- else
- cur.filters.alpha.opacity=20
- }
- </script>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <style type="text/css">
- {block:IfFadedImages}
- {/block:IfFadedImages}
- img{
- -webkit-transition: opacity 0.7s linear;
- opacity: 0.85;
- }
- img:hover{
- -webkit-transition: opacity 0.7s linear;
- opacity: 1;
- }
- img:hover, a:hover img {opacity: 100; filter: alpha(opacity=100); -o-transition: opacity .1s linear; -webkit-transition: opacity .1s linear; -moz-transition: opacity 1.5s linear; }
- body{
- color:#BBAA9C;
- background-color:#FFF2DF;
- background-image:url(http://i54.tinypic.com/34zaws1.png);
- background-postition:center;
- background-attachment: fixed;
- background-repeat: repeat;
- font-family: georgia;
- font-size: 10px;
- letter-spacing: px;
- line-height: 10px;
- cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;
- text-align:justify;
- }
- a:link, a:active, a:visited{
- cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;
- color: #BBAA9C;
- text-decoration:none;
- -webkit-transition-duration: 0.4s;
- }
- a:hover{
- cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;
- color:#F8D2BD;
- }
- h1, big{
- color: #1D1D1D;
- font-family: georgia;
- font-size:20px;
- line-height:30px;
- letter-spacing:-1px;
- font-weight:normal;
- text-transform:;
- margin:0px;
- padding:0px;
- text-align:left;
- }
- h3{
- color: #1D1D1D;
- font-family: georgia;
- font-size:20px;
- line-height:14px;
- letter-spacing:1px;
- font-weight:normal;
- margin:0px;
- padding:0px;
- margin-bottom:-0px;
- text-align:left;
- }
- .title {
- color: #ffffff;
- font-family: georgia;
- font-size:32px;
- line-height:10px;
- letter-spacing:2px;
- font-weight:normal;
- text-align:;
- text-transform:;
- padding-left:10px;
- border-bottom:0px solid ;
- }
- #bottominfo{
- border-top:1px solid #ffffff;
- padding:2px 0px 0px 0px;
- display:block;
- }
- div.navi a{
- text-align: center;
- padding:3px 0px;
- color: #D8D8D8;
- background-color: {color:Post};
- border: 1px dashed #E9D6D6;
- margin-top:2px;
- position:relative;
- width: 100px;
- display: inline-block;
- }
- div.navi a:hover{
- padding:3px 0;
- color: #D8D8D8;
- background-color: {color:Post};
- border: 1px solid #E9D6D6;
- z-index:2; }
- }
- #info{
- float:left;
- width:445px;
- padding:3px;
- margin:5px;
- margin-right:23px;
- background-color: #1D1D1D;
- border: 1px solid #;
- }
- #side{
- float: left;
- position: fixed;
- top: 167px;
- left: 170px;
- background-color: #0E0E0E;
- width: 250px;
- height: 420px;
- -moz-border-radius:0px;
- -webkit-border-radius:0px;
- border: 1px solid #D6C9B5;
- padding-left:8px;
- padding-right:10px;
- padding-bottom:3px;
- padding-top:10px;
- -moz-border-radius:10px;
- -webkit-border-radius:10px;
- padding-left:8px;
- padding-right:6px;
- padding-bottom:12px;
- padding-top:3px;
- border: 0px solid #000;
- z-index:1;
- }
- div#sidebar2{
- position: fixed;
- width: 250px;
- height: 420px;
- left:100px;
- top: 167px;
- margin-left: 830px;
- padding:10px;
- float: left;
- background-color: #0E0E0E;
- border: px solid #E7CEBA;
- border-right:0px solid #ffffff;
- -moz-border-radius:10px;
- -webkit-border-radius:10px;
- padding-left:8px;
- padding-right:6px;
- padding-bottom:12px;
- padding-top:3px;
- border: 0px solid #000;
- z-index:1;
- }
- div#sidebar3{
- position: fixed;
- width: 900px;
- height: 420px;
- left:200px;
- top: 620px;
- margin-left: px;
- padding:10px;
- float: left;
- background-color: 0E0E0E;
- border: px solid #E7CEBA;
- border-right:0px solid #ffffff;
- -moz-border-radius:10px;
- -webkit-border-radius:10px;
- padding-left:8px;
- padding-right:6px;
- padding-bottom:12px;
- padding-top:3px;
- border: 0px solid #000;
- z-index:1;
- }
- div#permalink {margin-top: -5px;padding-top:6px;margin-bottom:5px; padding bottom:2px;overflow:hidden;background-color: #000000;text-transform: lowercase;text-align: center;}
- #center{
- width:478px;
- height:450px;
- overflow:scroll;
- overflow-x:hidden;
- position: absolute;
- margin-top:152px;
- margin-left:430px;
- top:15px;
- padding-right:7px;
- padding-left:7px;
- background-color: #0E0E0E;
- border: 1px solid #;
- #entry {
- width:250px;
- background-color:#DFDFDF;
- background-image:url(http://i52.tinypic.com/vipfdw.jpg);
- background-postition:center;
- background-attachment: fixed;
- background-repeat: repeat;
- border: 1px solid #E9D6D6;
- float:left;
- width:300px;
- height: 250px;
- {block:IndexPage}
- width:500px;
- height: 300px;
- overflow:hidden; {/block:IndexPage}
- {block:PermalinkPage}
- width:500px;
- {/block:PermalinkPage}
- padding:6px;
- margin:4px;}
- #navigate {
- width:500px;
- padding:5px;
- background-color:#9E9E9E;
- text-transform:uppercase; font-size:8px;
- }
- #title{
- text-transform:;
- font-weight:;
- text-align:right;
- padding-bottom:5px;
- font-family:georgia, serif;
- font-size:10px;
- margin-top:-3px;
- }
- #notes{
- display:block;
- width:500px;
- float:left;
- padding:3px;
- margin:5px;
- }
- #foot{
- display:block;
- width:500px;
- position:absolute;
- padding:10px;
- height:15px;
- bottom:-45px;
- border-top: 1px dashed #000000;
- _bottom:-55px;
- _margin-left:370px;
- background-color: #FFFFFF;
- #question{
- border-bottom:1px solid #ffffff;
- overflow:SHOW;
- padding-bottom:3px;
- margin-bottom:3px;}
- #entry:hover #perma {display: block; opacity:1;}
- .alignleft {float: left;}
- .alignright {float: right;}
- .right { background-color:{color:header}; margin: 0 0 px 0; padding: px; overflow:hidden; -moz-border-radius:3px; border-radius:3px; text-align: left; text-transform:; }
- .totalright {float:right; margin-top:0px;}
- #ask{ display:block; float: left; width:50px; overflow:hidden; word-wrap:break-word; margin-right:3px;}
- blockquote{ background-color: #E79FBE; padding: 7px; padding-left:8px; border-left:1px solid {color:background}; border-right:1px solid {color:background};
- b, strong{color:{color:title};}
- i, em {color:{color:text};}
- p{margin-top:3px; margin-bottom:3px;}
- blockquote img{display:block; width:100%;}
- border-left: 2px solid #616161;
- padding: 0 0 0 15px;
- margin-left: 0px;
- blockquote {position:relative; left:-5px; margin-top:0px; margin-right:0px; padding-right:0px;}
- a img{border:none;}
- .audio{background-color:#F8D2BD; display:block;}
- .user_1 .label, .user_4 .label, .user_7 .label {color:{color:title};}
- .user_2 .label, .user_5 .label, .user_8 .label {color:{color:link};}
- .user_3 .label, .user_6 .label, .user_9 .label {color:{color:text}; opacity:.75;}
- ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px;}
- .notes img{width:10px; position:relative; top:1px;}
- ol.notes, .notes li{list-style:none; margin:0px; padding:0px;}
- iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important;}
- <style type="text/css">{CustomCSS]</style>
- <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
- </head>
- <body>
- <!-- IMPORTANT -->
- <div id="center">
- <div id="side">
- <div style="width: auto; height: auto;font: 6pt tinytots; text-align:right; color: #858282; letter-spacing: 1px; padding: 5px; text-transform:uppercase; border-bottom: 0px dotted #A1859F; border-left: 6px solid #DBC3B2;background-color:#000000;-moz-box-shadow: 0 0 0px #000000; overflow: hidden;">
- About me
- </div></a></center><br><br>
- <img src="http://i51.tinypic.com/wrc669.png" align="left" style="border: 1px solid #E7CEBA; background:#FFF7F0; padding: 3px; opacity:0.78;filter:alpha(opacity=78);margin-right:10px"/>
- My name is Darcey Perry and I am 21-years old. I'm <u>married</u> to my best friend, <a href="http://mrstonyturtle.tumblr.com/tagged/Lubby.">Tony</a> and together, we have the world's most beautiful baby boy, named <a href="http://mrstonyturtle.tumblr.com/tagged/Little_Foot.">Landon</a>. I have two younger sisters and I'm surrounded by the most wonderful people. My life revolves around my family and making them the happiest boys in the entire planet. I am so in love. Words can't explain it. <P>
- <a href="http://tinypic.com?ref=33vfaz5" target="_blank"><img src="http://i54.tinypic.com/33vfaz5.png" border="0" alt="Image and video hosting by TinyPic"></a>
- You're my constant and my drive. You're the reason for anything and every thing that I do, and I promise, I will never disappoint you and I will always make you happy. No matter what. You're my baby. Forever and ever, and always. I am madly in love with you. <i>October 6th, 2009.</i> <br>
- {block:Description}
- {Description}{/block:Description}
- <BR><BR>
- <div class="navigate">
- </div>
- <BR>
- <br><br><br>
- </h2> <br><br><br><br><br><br><br><br><br><br><br><br>
- {/block:Pagination}
- </div>
- <div class = "autopagerize_page_element" >
- {block:Posts}<div id="entry">
- {block:IndexPage}<div id="bar"></div>{/block:IndexPage}<div id="title"><div id="permalink"><a href="{permalink}"><a href="{Permalink}" class="date"><span><font color="{color:tiny heart}"></font> {block:NoteCount} {month}. {dayofmonth}.{/block:NoteCount}</span></a> <Img src="http://i54.tinypic.com/2lxxgkg.png"> <a href="{ReblogURL}" target="_blank" class="details"> {notecountwithlabel}</a></span>
- <a href="{reblogurl}" target="_blank"><Img src="http://i54.tinypic.com/2lxxgkg.png"> reblog this post</small></a></div> {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title} {/block:Text}{block:Chat}{block:Title}{Title}{/block:Title} {/block:Chat}{block:Link}{/block:Link}{block:Quote}<h2>"{Quote}"</h2>{/block:Quote}{block:Photo}{/block:Photo}{block:Photoset}{/block:Photoset}{block:Video}{/block:Video}{block:Audio}{/block:Audio}{block:Answer}{/block:Answer}</div>
- {block:Text}{Body}{/block:Text}
- {block:Photo}<center>{block:IndexPage}<a href="{permalink}"><img src="{PhotoURL-HighRes}" width=400" /></a>{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-HighRes}" width=400" />{LinkCloseTag}{/block:PermalinkPage}</center>{/block:Photo}
- {block:Photoset}<center>{block:IndexPage}{Photoset-250}{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}</center>{block:PermalinkPage}{/block:PermalinkPage}{/block:Photoset}
- {block:Quote}{block:Source}{Source}{/block:Source}{/block:Quote}
- {block:Link}<a href="{URL}" class="link" {Target}>{Name}</a><BR>{block:Description}{Description}{/block:Description}{/block:Link}
- {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul>{/block:Chat}
- {block:Video}<center>{block:IndexPage}<div id="video">{Video-250}</div>{/block:IndexPage}{block:PermalinkPage}{Video-500}{/block:PermalinkPage}</center>{/block:Video}
- {block:Audio}<span class="audio">{AudioPlayerBlack}</span>{block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{/block:Audio}
- {block:Answer}
- <img src="{AskerPortraitURL-30}"/>
- {Asker}: <b>{Question}</b><br><font color=#fff>_____________________________________________________________________________________</font>
- {Answer}
- {/block:Answer}</div>
- {block:PermalinkPage}{block:Date}<div id="info">{block:Caption}{Caption}{/block:Caption}
- <div id="bottominfo">
- Posted: <a href="/day/{year}/{monthnumberwithzero}/{dayofmonthwithzero}">{ShortDayOfWeek} {Month}·{DayofMonth}·{NoteCount} Notes{/block:Date}//{NoteCount}♥ {block:RebloggedFrom}<br>Originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>.{/block:RebloggedFrom}
- {block:Photo}{block:HighRes}<br>HighRes: <a href="{PhotoURL-HighRes}">view</a>{/block:HighRes}{/block:Photo}
- {block:Answer}<BR>Ask: <a href="/ask">{AskLabel}</a>{/block:Answer}
- {block:Audio}<BR>Plays: {FormattedPlayCount}{block:ExternalAudio}<BR>Download: <a href="{ExternalAudioURL}">here</a>.{/block:ExternalAudio}{/block:Audio}
- {block:HasTags}<BR>Tagged: {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}{block:NoteCount}<BR>Notes: {NoteCount}{/block:NoteCount}
- </div></div> {/block:Date}{/block:PermalinkPage}
- {/block:Posts}
- </div>
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- <p id="footer">
- </div>
- <div id="sidebar2">
- <div style="width: auto; height: auto;font: 6pt tinytots; text-align:right; color: #858282; letter-spacing: 1px; padding: 5px; text-transform:uppercase; border-bottom: 0px dotted #A1859F; border-left: 6px solid #DBC3B2;background-color:#000000;-moz-box-shadow: 0 0 0px #F6F6F6; overflow: hidden;">
- Disclaimer and other stuff
- </div></a></center><br><br>
- <b>DISCLAIMER:</b> I am NOT Gielle Hellevig, nor do I claim to be in any way possible. This is roleplay. Do NOT follow me or reblog my posts if you aren't one. Thank you. <P>
- Check my themes section for a basic html help page, or just click the blog boutique link for more in depth tutorials.
- <br></center>
- </div>
- <div id="sidebar3">
- <div style="text-align:center; width:900px; margin-left:auto; margin-right:auto;">
- <img id="Image-Maps_9201107281540162" src="http://i51.tinypic.com/2zr1edf.png" usemap="#Image-Maps_9201107281540162" border="0" width="900" height="80" alt="" />
- <map id="_Image-Maps_9201107281540162" name="Image-Maps_9201107281540162">
- <area shape="rect" coords="23,25,188,75" href="/" alt="" title="" />
- <area shape="rect" coords="310,30,428,80" href="/ask" alt="" title="" />
- <area shape="rect" coords="548,27,736,77" href="/other" alt="" title="" />
- <area shape="rect" coords="836,28,997,78" href="http://hausofharlow.tumblr.com/" alt="" title="" />
- <area shape="rect" coords="1011,97,1013,99" href="http://www.image-maps.com/index.php?aff=mapped_users_9201107281540162" alt="Image Map" title="Image Map" />
- </map>
- </div>
- </div>
- <script type="text/javascript">
- // <![CDATA[
- var colour="#ffffff";
- var sparkles=50;
- /******************************
- * Tinkerbell Magic Sparkle *
- * (c) 2005 mf2fm web-design *
- * http://www.mf2fm.com/rv *
- * Generated at pnoyonline.com *
- * tumblr layouts - pnoyonline *
- * DON'T EDIT BELOW THIS BOX *
- ****************************/
- var x=ox=400;
- var y=oy=300;
- var swide=800;
- var shigh=600;
- var sleft=sdown=0;
- var tiny=new Array();
- var star=new Array();
- var starv=new Array();
- var starx=new Array();
- var stary=new Array();
- var tinyx=new Array();
- var tinyy=new Array();
- var tinyv=new Array();
- window.onload=function() { if (document.getElementById) {
- var i, rats, rlef, rdow;
- for (var i=0; i<sparkles; i++) {
- var rats=createDiv(3, 3);
- rats.style.visibility="hidden";
- document.body.appendChild(tiny[i]=rats);
- starv[i]=0;
- tinyv[i]=0;
- var rats=createDiv(5, 5);
- rats.style.backgroundColor="transparent";
- rats.style.visibility="hidden";
- var rlef=createDiv(1, 5);
- var rdow=createDiv(5, 1);
- rats.appendChild(rlef);
- rats.appendChild(rdow);
- rlef.style.top="2px";
- rlef.style.left="0px";
- rdow.style.top="0px";
- rdow.style.left="2px";
- document.body.appendChild(star[i]=rats);
- }
- set_width();
- sparkle();
- }}
- function sparkle() {
- var c;
- if (x!=ox || y!=oy) {
- ox=x;
- oy=y;
- for (c=0; c<sparkles; c++) if (!starv[c]) {
- star[c].style.left=(starx[c]=x)+"px";
- star[c].style.top=(stary[c]=y)+"px";
- star[c].style.clip="rect(0px, 5px, 5px, 0px)";
- star[c].style.visibility="visible";
- starv[c]=50;
- break;
- }
- }
- for (c=0; c<sparkles; c++) {
- if (starv[c]) update_star(c);
- if (tinyv[c]) update_tiny(c);
- }
- setTimeout("sparkle()", 40);
- }
- function update_star(i) {
- if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
- if (starv[i]) {
- stary[i]+=1+Math.random()*3;
- if (stary[i]<shigh+sdown) {
- star[i].style.top=stary[i]+"px";
- starx[i]+=(i%5-2)/5;
- star[i].style.left=starx[i]+"px";
- }
- else {
- star[i].style.visibility="hidden";
- starv[i]=0;
- return;
- }
- }
- else {
- tinyv[i]=50;
- tiny[i].style.top=(tinyy[i]=stary[i])+"px";
- tiny[i].style.left=(tinyx[i]=starx[i])+"px";
- tiny[i].style.width="2px";
- tiny[i].style.height="2px";
- star[i].style.visibility="hidden";
- tiny[i].style.visibility="visible"
- }
- }
- function update_tiny(i) {
- if (--tinyv[i]==25) {
- tiny[i].style.width="1px";
- tiny[i].style.height="1px";
- }
- if (tinyv[i]) {
- tinyy[i]+=1+Math.random()*3;
- if (tinyy[i]<shigh+sdown) {
- tiny[i].style.top=tinyy[i]+"px";
- tinyx[i]+=(i%5-2)/5;
- tiny[i].style.left=tinyx[i]+"px";
- }
- else {
- tiny[i].style.visibility="hidden";
- tinyv[i]=0;
- return;
- }
- }
- else tiny[i].style.visibility="hidden";
- }
- document.onmousemove=mouse;
- function mouse(e) {
- set_scroll();
- y=(e)?e.pageY:event.y+sdown;
- x=(e)?e.pageX:event.x+sleft;
- }
- function set_scroll() {
- if (typeof(self.pageYOffset)=="number") {
- sdown=self.pageYOffset;
- sleft=self.pageXOffset;
- }
- else if (document.body.scrollTop || document.body.scrollLeft) {
- sdown=document.body.scrollTop;
- sleft=document.body.scrollLeft;
- }
- else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
- sleft=document.documentElement.scrollLeft;
- sdown=document.documentElement.scrollTop;
- }
- else {
- sdown=0;
- sleft=0;
- }
- }
- window.onresize=set_width;
- function set_width() {
- if (typeof(self.innerWidth)=="number") {
- swide=self.innerWidth;
- shigh=self.innerHeight;
- }
- else if (document.documentElement && document.documentElement.clientWidth) {
- swide=document.documentElement.clientWidth;
- shigh=document.documentElement.clientHeight;
- }
- else if (document.body.clientWidth) {
- swide=document.body.clientWidth;
- shigh=document.body.clientHeight;
- }
- }
- /******************************
- * tumblr-layouts.tumblr.com *
- ****************************/
- function createDiv(height, width) {
- var div=document.createElement("div");
- div.style.position="absolute";
- div.style.height=height+"px";
- div.style.width=width+"px";
- div.style.overflow="hidden";
- div.style.backgroundColor=colour;
- return (div);
- }
- // ]]>
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment