theme page 01

<!--

Theme Page 01 by

╱╭╮╱╱╱╱╱╱╱╱╱╭╮╱╱╭╮
╭╯╰╮╱╱╱╱╱╱╱╱┃┃╱╭╯╰╮
╰╮╭┫╭╮╭┳━━┳━┫┃╭╋╮╭╋━╮╭━━┳━┳━┳╮╱╭╮
╱┃┃╰╯╰╯┃┃━┫╭┫╰╯╋┫┃┃╭╮┫╭╮┃╭┫╭┫┃╱┃┃
╱┃╰╮╭╮╭┫┃━┫┃┃╭╮┫┃╰┫┃┃┃╭╮┃┃┃┃┃╰━╯┃
╱╰━┻╯╰╯╰━━┻╯╰╯╰┻┻━┻╯╰┻╯╰┻╯╰╯╰━╮╭╯
╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╭━╯┃
╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╰━━╯

aka ashley

-->

<!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">
<head><title>{title}</title>

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


<style type="text/css">

iframe#tumblr_controls {position:fixed; z-index:9999999999; top: 3px; margin: 0 0 0 0; right:4px; -webkit-filter: invert(100%);}


a {color:#9a9a9a;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;}

a:hover {text-decoration:none;color:#676767;}

 ::-webkit-scrollbar {
width:8px; height:10px;}
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
height:7px;display: block;background-color:#f8f8f8;}
::-webkit-scrollbar-track-piece {
background-color: #fff;}
::-webkit-scrollbar-thumb:vertical {
height: 7px;background-color:#f8f8f8; border-top:1px solid #fff; border-bottom:1px solid #fff;}

@font-face{font-family:Black Swan;src:url(http://static.tumblr.com/q54tzar/7POm34eyl/a_s_black_swan_3_.ttf);}


/*-------------------------------SETTINGS-------------------------------*/

#container { margin-left:550px; padding:20px; z-index:100;}

#content {width:780px; margin-left:-95px; margin-top:-50px; display:inline-block; padding:30px; z-index:0;}

.links {background:#000;color:#fff; display:inline;position:fixed; width:410px; margin-left:-485px; margin-top:153px; padding:0px 0px 15px 0px;height:10px; text-transform:uppercase; letter-spacing:1px; font-style:none; text-align:left; }

.links a {text-align:left;margin-left:5px;color:#fff;letter-spacing:1px;font-family:calibri; font-size:11px; padding:5px 15px 5px 15px;width:50px; -moz-transition-duration:1s; -webkit-transition-duration:1s; -o-transition-duration:1s;}

.links a:hover {color:#fff; background:#74D6FC; -moz-transition-duration:0.4s; -webkit-transition-duration:0.4s; -o-transition-duration:0.4s;}

#box {width: 200%;height: 40px;margin-top:165px;margin-left: -20px;position:fixed;background-color: #000;z-index:-100;}

.title {width: 500px; line-height: 70%; position:fixed;font-family:'Black Swan'; font-size:130px; margin-top:220px; margin-left:-550px; color:#000; letter-spacing:5px; text-align:center; text-shadow: 3px 3px 2px #74D6FC;}

#stuff {background-color:transparent; width:800px; margin: 0 auto -12px auto; text-align: center;}

#theme {padding:5px; margin-left:-5px; display:inline-block;}

#theme img {width:360px; height:240px; border:11px solid #000;}

#title {font-family:calibri; width:372px; text-transform:uppercase; font-size:20px; letter-spacing:1px;font-style:none; margin-bottom:-5px;margin-left:0px; text-align:center; color:#fff; background-color:#000; padding:5px; text-shadow: 2px 2px 2px #27E7F5; }

#info {text-align:center;padding:3px 2px 8px 6px; background-color:#000; margin-top:-5px; color:#fff; width:374px; font-family:arial;letter-spacing:0px; background-color:#000; font-size:10px; text-transform:uppercase;}

#info a {padding:3px 30px 3px 30px;margin-right:4px;color:#fff;}

#info a:hover {color:#fff;background:#74D6FC;}

#picture img{
width:333px;
margin-top: 50px;
margin-left: 108px;
position:fixed;
}

#description {
    margin-top:340px;
    margin-left:-440px;
    width:250px;
    position:fixed;
    padding:8px;
    line-height:110%;
    text-align:center;
    font-size:12px;
    font-style:italic;
    font-family:georgia;
    color:#000;
    border: double 11px #000;
    }

#description a {
    color:{color:text};
    -moz-transition-duration:0.4s;
    -webkit-transition-duration:0.4s;
    -o-transition-duration:0.4s;
    }

/*-------------------------DON'T TOUCH-------------------------*/

@font-face{font-family:Indie Star;src:url(http://static.tumblr.com/9wzbixa/EOUmj2m9n/indiestarbb_reg.otf);}

#credit {padding: 2px; font-color:#000; position:fixed; bottom:5px; right:-135px; font-size:20px;  letter-spacing:1px; font-family:Indie Star;-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease; }

#credit a {color: #000;}

#credit:hover {
right:2px;-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;
}

/*---------------------------OK NOW YOU CAN---------------------------*/

</style></head><body>

<div id="picture"><img src="http://media.tumblr.com/e3546d22d08d17f8252c07ce4eec617a/tumblr_inline_mpl73oJgCU1qz4rgp.jpg"></div>

<div id="box"></div>

<div id="container">

<!---------------------------TITLE AND LINKS---------------------------->

<div class="title">Themes Page</div>
<div class="links">
<a href="/">refresh</a> •
<a href="/ask">ask</a> •
<a href="/">creator</a> •
<a href="http://tumblr.com">dashboard</a>
</div>

<div id="description">
this is where your rules go, obviously just remove it if you dont want it, youre a theme maker so you should know how mhmm
</div>

<div id="stuff">

<br>

<!-----------------------------THEME BOXES------------------------------>

<div id="content">
<div id="theme">
<div id="title">theme #: title</div>
<img src="http://media.tumblr.com/f2474ad7b0c6f9d50f783ae3f9d09da7/tumblr_inline_mpl62o9mEg1qz4rgp.png">
<div id="info"><a href="/">info&code</a><a href="/">preview</a></div></div>

<div id="theme">
<div id="title">theme #: title</div>
<img src="http://media.tumblr.com/f2474ad7b0c6f9d50f783ae3f9d09da7/tumblr_inline_mpl62o9mEg1qz4rgp.png">
<div id="info"><a href="/">info&code</a><a href="/">preview</a></div></div>

<div id="theme">
<div id="title">theme #: title</div>
<img src="http://media.tumblr.com/f2474ad7b0c6f9d50f783ae3f9d09da7/tumblr_inline_mpl62o9mEg1qz4rgp.png">
<div id="info"><a href="/">info&code</a><a href="/">preview</a></div></div>

<div id="theme">
<div id="title">theme #: title</div>
<img src="http://media.tumblr.com/f2474ad7b0c6f9d50f783ae3f9d09da7/tumblr_inline_mpl62o9mEg1qz4rgp.png">
<div id="info"><a href="/">info&code</a><a href="/">preview</a></div></div>

<div id="theme">
<div id="title">theme #: title</div>
<img src="http://media.tumblr.com/f2474ad7b0c6f9d50f783ae3f9d09da7/tumblr_inline_mpl62o9mEg1qz4rgp.png">
<div id="info"><a href="/">info&code</a><a href="/">preview</a></div></div>

<div id="theme">
<div id="title">theme #: title</div>
<img src="http://media.tumblr.com/f2474ad7b0c6f9d50f783ae3f9d09da7/tumblr_inline_mpl62o9mEg1qz4rgp.png">
<div id="info"><a href="/">info&code</a><a href="/">preview</a></div></div>


</div>

<!---------------------------------END--------------------------------->

<br><br>

</div>


</div>
</div>
</div>

<div id="credit">
<a href="http://twerkitnarry.tumblr.com/">▲▼ twerkitnarry ▼▲</a>
</div>

</body></html>