portal theme

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!--

<center><a href="http://twitter.com/fenturd"><img src="http://media.tumblr.com/tumblr_mbwox9RPWB1qfamg6.png"></a> <a href="http://www.youtube.com/user/fenturd"><img src="http://media.tumblr.com/tumblr_mbwp0iuz3d1qfamg6.png"></a> <a href="http://fenturd.deviantart.com/"><img src="http://media.tumblr.com/tumblr_mbwodw0miy1qfamg6.png"></a> <a href="skype:fenturd?add"><img src="http://media.tumblr.com/tumblr_mbwowmJoFY1qfamg6.png"></a> <A href="http://cronusampora.tumblr.com"><img src="http://media.tumblr.com/tumblr_mbwox3o6ys1qfamg6.png"></a>
<br><br>

<b>♉ // danny fenton // 20 // ns // canada</b>
<br><br>
im a jerk<br><br>
i like homestuck and cartoons<br>
to draw and make themes
<br>this is a personal blog
 <br><br>
<script language="JavaScript">
var ref = (''+document.referrer+'');
document.write('<script src="http://freehostedscripts.net/ocounter.php?site=ID1464988&e1=ghost roaming&e2=ghosts roaming&r=' + ref + '"><\/script>');
</script><br><a href="/tagged/going ghost" title="if i see a ghost on my dash it goes in this tag">-GOING GHOST-</a><br><script language="JavaScript" src="http://s1.freehostedscripts.net/ocount.php?site=ID1563054&name=ghosts caught"></script>
<font color="#6BF106"></font><font color="#0063FF"></font><br><br>

<img src="http://fc01.deviantart.net/fs71/f/2011/071/8/9/rex_and_weevil_sprites_by_xxskitten-d3bg2s1.png">

<embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=false&
f0=https://dl.dropbox.com/s/tyw8br45hd99k60/Portal%20-%20Still%20Alive.mp3
&t0= &
f1=https://dl.dropbox.com/s/2e0us3vpbotlqhj/InuYasha%20%20-%20I%20Want%20To%20Change%20The%20World.mp3
&t1= &
f2=https://dl.dropbox.com/s/x5ind7cbj5iqwdg/The%20White%20Stripes-Get%20Behind%20Me%20Satan-05-Little%20Ghost.mp3
&t2= &
f3=https://dl.dropbox.com/s/jbqpsghfun2y2r0/103-stars-i_died_so_i_could_haunt_you.mp3
&t3= &
f4=https://dl.dropbox.com/s/gelzkzn6219blmf/Portal2-13-Want_You_Gone.mp3
&t4= &
f5=https://dl.dropbox.com/s/tsdn8yybtbcosgo/Retrospective%20-%20Best%20of%20Buffalo%20Springfield%20-%2001%20-%20For%20What%20It%27s%20Worth.mp3
&t5= &
f6=https://dl.dropbox.com/s/7hz0sj73w3qvmvb/Ghost%20Under%20Rocks.mp3
&t6= &
f7=https://dl.dropbox.com/s/lzomwws0jv6pmjv/02%20Death%20will%20never%20conquer.mp3
&t7= &
total=8" quality="high" wmode="transparent" width="400" height="10" name="billy" align="middle" type="application/x-shockwave-flash" /><br>


</img src="http://media.tumblr.com/tumblr_m5we92pLqE1r109a0.png"></p>

-->


<title>{title}</title>
<link rel="shortcut icon" href="{favicon}">


<head>


<meta name="" content="0">


    <style type="text/css">

body {
    background: #fff url(http://i.imgur.com/e9fM6.png) no-repeat center left fixed;
    font-family: mane, lucida console;
    font-size:8px;
    line-height: 120%;
    text-align: justify;
    cursor:url(http://i.imgur.com/AU6mj.png),
    url(http://i.imgur.com/AU6mj.png),auto;
}

a:link {cursor:url(http://i.imgur.com/cPLpx.png),url(http://i.imgur.com/cPLpx.png),auto;}

::-moz-selection{
background: transparent;
color: #fd98c7;
}

::selection {
background: transparent;
color: #fd98c7;
}

#wrap b, strong {
    color: #000;
}

#wrap i, em {
color: #000;
}

#wrap {
    width:531px;
    top: 0px;
    left: 112px;
    position: absolute;
    background-color: #e3e3e3;
    margin-bottom:-18px;
    border-right: 7px #25c8ff solid;
    border-left: 7px #ff9720 solid;
    border-top: none;
    min-height:100%;
}

h1 {
    font-family: portal, Helvetica;
    }

#nav {
    left: 69px;
    font-family: arial black;
    font-size: 50px;
    font-weight: bold;
    top: -5px;
    position: fixed;
    min-height:100%;
    top: 50%;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.nav1 {
    position: relative;
    left: 0px;
    top: -10px;
}

.nav2 {
    position: relative;
    left: 581px;
    top: -45px;
    color: #000;
}

.nav1 a, .nav2 a {
    font-family: portal, Arial;
    text-decoration: none;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    color: #fff;
}

.nav1 a:hover {
    text-decoration: none;
    color: #ff9720;
}

.nav2 a:hover {
    text-decoration: none;
    color: #25c8ff;
}


.title a, .posts a, .tags a, .description a {
    color: #767676;
    font-family: mane, lucida console;
    line-height: 110%;
    font-size: 8px;
    text-decoration: none;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.title a, .question a {
    font-size: 30px;
    }


.title a, .blogtitle {
    font-family: portal, Arial;
    text-decoration: none;
    line-height: 130%;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    color: #767676;
}

.title a:hover, .posts a:hover, .tags a:hover, .description a:hover, .blogtitle a:hover {
    text-decoration: none;
    color: #000;
}


.question{
    font-size: 20px;
    text-align: right;
    letter-spacing:0px;
    font-family: mane, lucida console;
    color: #000;
}

.title, .blogtitle{
    font-size: 20px;
    text-align: center;
    letter-spacing:0px;
}

.qsource{
    text-align: justify;
    padding-top:15px;
}

.posts {
    padding: 3px;
    padding-top:15px;
    width: 500px;
    left: 10px;
    top: 10px;
    position: relative;
    font-size: 8px;
    text-align: justify;
    background-color: #fff;
    border: 3px solid #25c8ff;
    border-bottom:none;
}

.posts blockquote {
    padding-left: 5px;
    margin-left: 10px;
    max-width: 450px;
    border-left: 3px solid #9f9895;
}


.posts blockquote img {
    max-width: 450px;
}

.posts img {
    max-width: 500px;
}


.ask {
    line-height: 16px;

}

.ask img {
    padding-right: 10px;
    padding-bottom:10px;
    max-width:500px;
}

.tags{
    background-color: #fff;
    padding: 15px;
    width: 489px;
    left: 3px;
    font-family: mane, lucida console;
    top: 20px;
    position: relative;
    font-size: 8px;
    text-align: left;
    margin-bottom: 25px;
    margin-top: -10px;
    border: 3px #ff9720 solid;
}

.tags a {
    color: #a0a0a0;
    font-size: 8px;
}


#desc a {
    color: #a0a0a0;
    text-decoration: none;
}

#desc a:hover {
    color: #767676;
}


#desc {
    position: fixed;
    left: 810px;
    font-size: 10px;
    top: -10px;
    height: 100%;
    padding: 15px;
    font-family: verdana;
    text-align: justify;
    width:250px;
    background-color: #e3e3e3;
    border: 2px solid #767676;
    }

#cube {
    position: fixed;
    left: 800px;
    font-size: 10px;
    bottom: 20px;
    height: 300px;
    font-family: verdana;
    text-align: justify;
    width:300px;
    background-color: #e3e3e3;
    border-radius: 50px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    }


#cube .icon {
    top: 20%;
    width: 128px;
    left: 20%;
    z-index: 4;
    border-radius: 100%;
    position:absolute;
    background: #767676;
    border: 30px solid #767676;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}


#cube:hover .icon {
    border-color: #fd98c7;
    background: #fd98c7;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

#cube .icon img {
    top: -5px;
    border-radius: 64px;
}

#cube:hover #minicube {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    border-right-color: #fd98c7;
    border-bottom-color: #fd98c7;
}

#cube:hover #minicube2 {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    border-left-color: #fd98c7;
    border-bottom-color: #fd98c7;
}

#cube:hover #minicube3 {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    border-top-color: #fd98c7;
    border-right-color: #fd98c7;
}

#cube:hover #minicube4 {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    border-top-color: #fd98c7;
    border-left-color: #fd98c7;
}


#minicube {
    position: absolute;
    width:146px;
    height:146px;
    background-color: #e3e3e3;
    border: 2px #767676 solid;
    border-radius: 20px 0px 0px 0px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

#minicube:hover, #minicube2:hover, #minicube3:hover, #minicube4:hover {
    background-color: #a0a0a0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

#minicube:hover .minicubea, #minicube2:hover .minicubeb, #minicube3:hover .minicubec, #minicube4:hover .minicubed {
    color: #e3e3e3;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}


.minicubea {
    font-family: portal, Helvetica;
    text-decoration: none;
    color: #767676;
    font-size: 20px;
    position: absolute;
    top:20px;
    left: 10px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.minicubeb {
    font-family: portal, Helvetica;
    text-decoration: none;
    color: #767676;
    font-size: 20px;
    position: absolute;
    top:20px;
    right: 10px;
    text-align: right;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.minicubec {
    font-family: portal, Helvetica;
    text-decoration: none;
    color: #767676;
    font-size: 20px;
    position: absolute;
    bottom:20px;
    left: 10px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.minicubed {
    font-family: portal, Helvetica;
    text-decoration: none;
    color: #767676;
    position: absolute;
    font-size: 20px;
    bottom:20px;
    right: 10px;
    text-align: right;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.minicubea a, .minicubeb a, .minicubec a, .minicubed a {
    font-family: portal, Helvetica;
    text-decoration: none;
    color: #767676;
    font-size: 20px;
    }

.minicubea a:hover, .minicubeb a:hover, .minicubec a:hover, .minicubed a:hover {
    color: #e3e3e3;
    text-decoration: none;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}


#minicube2 {
    position: absolute;
    top: 0px;
    right:0px;
    width:146px;
    height:146px;
    background-color: #e3e3e3;
    border: 2px #767676 solid;
    border-radius: 0px 20px 0px 0px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

#minicube3 {
    position: absolute;
    bottom: 0px;
    width:146px;
    height:146px;
    background-color: #e3e3e3;
    border: 2px #767676 solid;
    border-radius: 0px 0px 0px 20px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

#minicube4 {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width:146px;
    height:146px;
    background-color: #e3e3e3;
    border: 2px #767676 solid;
    border-radius: 0px 0px 20px 0px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

::-webkit-scrollbar {
    width: 20px;
    height: 10px;
}

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment  {
    height: 10px;
    width: 10px;
    background-color: #fff;
}

::-webkit-scrollbar-track-piece  {
    background-color: #fff;
}

::-webkit-scrollbar-thumb {
    height: 10px;
    border-radius: 50px;
    border-right: 2px solid #25c8ff;
    border-bottom: 2px solid #25c8ff;
    border-top: 2px solid #ff9720;
    border-left: 2px solid #ff9720;
    background-color: #fff;
}

@font-face {
    font-family: "portal";
    src: url("http://static.tumblr.com/0eb0lyz/jQ0mdv9jt/portal.ttf");
    }

@font-face {
    font-family: "mane";
    src: url("http://static.tumblr.com/0eb0lyz/V9rmdvai3/pfarmafive.ttf");

}


@font-face {
    font-family: 'tinyfont';
    src: url('http://static.tumblr.com/jscxg5p/j6Im9mm63/tinyfont.eot');
    src: url('http://static.tumblr.com/jscxg5p/j6Im9mm63/tinyfont.eot?#iefix') format('embedded-opentype'),
         url('http://static.tumblr.com/jscxg5p/yjzm9mm7c/tinyfont.woff') format('woff'),
         url('http://static.tumblr.com/jscxg5p/YYIm9mm7z/tinyfont.ttf')  format('truetype');
         }


    </style>


</head>

<body>

<div id="desc">
<h1><div class="blogtitle"><a href="/">{title}</a></div></h1>
    {description}
</div>

{block:Pagination}
<div id="nav">
{block:NextPage}
<div class="nav2"><a href="{NextPage}" title="Next Test Chamber">►</a></div>
{/block:NextPage}

{block:PreviousPage}
<div class="nav1"><a href="{PreviousPage}" title="Previous Test Chamber">◄</a></div>
{/block:PreviousPage}
</div>
{/block:Pagination}

<div id="wrap">

<div id="cube">


<div id="minicube"><div class="minicubea">
<a href="/about">ABOUT</a>
</div></div>
<div id="minicube2"><div class="minicubeb">
    <a href="/ask">ASK</a>
</div></div>
<div id="minicube3"><div class="minicubec">
    <a href="/tagged/dan draws">DRAWINGS</a>
</div></div>
<div id="minicube4"><div class="minicubed">
    <a href="/fandoms">FANDOMS</a>
</div></div>
<div class="icon"><a href="/"><img src="{PortraitURL-128}" title="refresh"></a></div>


</div>

{block:posts}

<div class="posts">

{block:Text}
{block:Title}
<div class="title">
<a href="{Permalink}">{Title}</a>
</div>
{/block:Title}
{Body}
{/block:Text}

{block:Photo}
{block:IndexPage} <a href="{Permalink}"> {/block:IndexPage}
{block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
<center><img src="{PhotoURL-500}" alt="{PhotoAlt}"></center>
{block:IndexPage}</a>{/block:IndexPage}
{block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}
 {block:HighRes}
         <center><a href="{PhotoURL-HighRes}">[ hi-rez ]</a></center>
    {/block:HighRes}
{block:Caption}{Caption}{/block:Caption}
{/block:Photo}

{block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}
{/block:Photoset}

{block:Quote}
<div class="title"><a href="{Permalink}">{Quote}</a></div> {block:Source}<div class="qsource">— {Source}</div>{/block:Source}
{/block:Quote}

{block:Link}
<div class="title"><a href="{URL}" target="_blank">{Name}</a></div>
{block:Description}{Description}{/block:Description}
{/block:Link}

{block:Chat}
{block:Title}<div class="title"><a href="{Permalink}">{Title}</a></div>{/block:Title} {block:Lines}<div class="{Alt}">{block:Label}{Label}{/block:Label} {Line}</div>{/block:Lines}
</br>
{/block:Chat}

{block:Audio}
<div class="audioplayer"><center>{AudioPlayerWhite}
<script type="text/javascript" language="javascript" src="http://assets.tumblr.com/javascript/tumblelog.js?7"></script>

<script type="text/javascript" src="/api/read/json?id={PostID}"></script>

<script type="text/javascript">

    var color = "292931";

    var player = tumblr_api_read['posts'][0]['audio-player'].replace("color=FFFFFF", "color=" + color);

    replaceIfFlash(9, "audio_player_{PostID}", player);

</script>
</center>

</div>{block:Caption}{Caption}{/block:Caption}
{/block:Audio}

{block:Video}
{Video-500}{block:Caption}<a href="{Permalink}">{Caption}</a>{/block:Caption}
{/block:Video}

{block:Answer}
<div class="ask"><img src="{AskerPortraitURL-64}" align="left" width="64px"><div class="question">[{Asker}] inquires<br>{Question}</div>
{Answer}</div>
{/block:Answer}


</div>

<div class="tags">

{block:NoteCount}
[<a href="{Permalink}">{NoteCount} Surviving test subject(s)</a>]
</br>
{/block:NoteCount}

{block:Date}
[<a href="{Permalink}">Completed on {DayOfMonthWithZero}/{MonthNumberWithZero}/{MonthNumberWithZero}</a>] [<a href="{Permalink}">At {24HourWithZero}:{Minutes}:{Seconds}</a>]
{/block:Date}
<br>
{block:RebloggedFrom}
[<a href="{ReblogRootURL}">{ReblogRootName}</a>] [<a href="{ReblogParentURL}">{ReblogParentName}</a>]
{/block:RebloggedFrom}
</br><br>
{block:HasTags}
{block:Tags}[<a href="{TagURL}">#{Tag}</a>]{/block:Tags}
{/block:HasTags}


{block:PostNotes}
</br></br></br>
{PostNotes}
{/block:PostNotes}

</div>

{/block:posts}


</div>
</div>


</body>
</html>