The Force Awakens - Yellow

Please be sure to pay attention to image sizes or the layout will be off!
If you have any questions message me on ask!
http://ask.fm/stardustlayouts

// — ABOUT ME SECTION — //

</table> </td> </tr> </table> <br /> <table bordercolor="transparent" cellspacing="0" cellpadding="0" width="700" bgcolor="transparent" border="0"> <tr> <td class="text" valign="" align="left" width="700" bgcolor="0" height="0" style="word-wrap:break-word"><span class="orangetext15"> </td> </tr> <tr> <td><table bordercolor="0" cellspacing="0" cellpadding="0" width="700" align="" bgcolor="transparent" border="0"> <td valign="top" align="" width="700" bgcolor="transparent" style="word-wrap:break-word">


<img src="http://i.imgur.com/7r2QYsA.png">
<div class="music">

<center>


<object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_multi.swf" width="300" height="20">
    <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_multi.swf" />
    <param name="bgcolor" value="#f6ff00" />
    <param name="FlashVars" value="mp3=https%3A//dl.dropboxusercontent.com/s/ejmqdv8czc2b2p2/Star_Wars_The_Force_Awakens_-_Final_Trailer_Soundt.mp3%3F&width=300&height=20&autoplay=1&loop=1&shuffle=1&bgcolor=f6ff00&bgcolor1=f6ff00&bgcolor2=f6ff00&slidercolor1=000000&slidercolor2=000000&sliderovercolor=ffffff&buttoncolor=0000000&buttonovercolor=ffffff&showlist=0" />
</object>


</center>
</div>


</table> </td> </tr> </table> <br /> <table bordercolor="transparent" cellspacing="0" cellpadding="0" width="700" bgcolor="transparent" border="0"> <tr> <td class="text" valign="" align="left" width="700" bgcolor="0" height="0" style="word-wrap:break-word"><span class="orangetext15"> </td> </tr> <tr> <td><table bordercolor="0" cellspacing="0" cellpadding="0" width="700" align="" bgcolor="transparent" border="0"> <td valign="top" align="" width="700" bgcolor="transparent" style="word-wrap:break-word">
<h1>First Middle Last</h1>
<h2>Words - Words - Words</h2>


</table> </td> </tr> </table> <br /> <table bordercolor="transparent" cellspacing="0" cellpadding="0" width="700" bgcolor="transparent" border="0"> <tr> <td class="text" valign="" align="left" width="700" bgcolor="0" height="0" style="word-wrap:break-word"><span class="orangetext15"> </td> </tr> <tr> <td><table bordercolor="0" cellspacing="0" cellpadding="0" width="700" align="" bgcolor="transparent" border="0"> <td valign="top" align="" width="700" bgcolor="transparent" style="word-wrap:break-word">


<h6>- - - - - - - - - - - - - - - -</h6><br>

</table> </td> </tr> </table> <br /> <table bordercolor="transparent" cellspacing="0" cellpadding="0" width="700" bgcolor="transparent" border="0"> <tr> <td class="text" valign="" align="left" width="700" bgcolor="0" height="0" style="word-wrap:break-word"><span class="orangetext15"> </td> </tr> <tr> <td><table bordercolor="0" cellspacing="0" cellpadding="0" width="700" align="" bgcolor="transparent" border="0"> <td valign="top" align="" width="700" bgcolor="transparent" style="word-wrap:break-word">


<div style="width:377; height:240; background-color:transparent; border-width:0px; border-style:solid; border-color:455f2e; overflow: auto; padding:0px; text-indent:px;">

<h5>Biography Header</h5>

<center>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam at nisl erat, a vulputate orci. Maecenas sem justo, dapibus id malesuada nec, ultrices a sapien. Curabitur ut massa elit, vel interdum purus. Duis ullamcorper viverra erat, vitae feugiat dui pharetra id. Curabitur dignissim ante sed sem imperdiet tincidunt. Sed vel massa et lacus mattis congue. Integer volutpat erat vel lectus lobortis facilisis. Phasellus eu tortor eu ipsum consequat viverra sed ut leo. Mauris et porttitor magna. Donec porttitor leo sit amet nulla tincidunt ut pretium risus porta. Aenean sit amet dolor metus, eget pellentesque ipsum. Nam dapibus, nunc tincidunt sodales mattis, ipsum lorem pulvinar felis, eget gravida nunc odio et purus. Vestibulum suscipit orci eget neque lobortis facilisis. Curabitur pretium tempus orci at tincidunt. Maecenas pellentesque, velit at vestibulum tincidunt, mauris ipsum cursus lorem, in varius tortor justo a sapien. Vestibulum pellentesque faucibus ornare. Nullam eget pretium sem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam at nisl erat, a vulputate orci. Maecenas sem justo, dapibus id malesuada nec, ultrices a sapien. Curabitur ut massa elit, vel interdum purus. Duis ullamcorper viverra erat, vitae feugiat dui pharetra id. Curabitur dignissim ante sed sem imperdiet tincidunt. Sed vel massa et lacus mattis congue. Integer volutpat erat vel lectus lobortis facilisis. Phasellus eu tortor eu ipsum consequat viverra sed ut leo. Mauris et porttitor magna. Donec porttitor leo sit amet nulla tincidunt ut pretium risus porta. Aenean sit amet dolor metus, eget pellentesque ipsum. Nam dapibus, nunc tincidunt sodales mattis, ipsum lorem pulvinar felis, eget gravida nunc odio et purus. Vestibulum suscipit orci eget neque lobortis facilisis. Curabitur pretium tempus orci at tincidunt. Maecenas pellentesque, velit at vestibulum tincidunt, mauris ipsum cursus lorem, in varius tortor justo a sapien. Vestibulum pellentesque faucibus ornare. Nullam eget pretium sem.
</div></td><td>


<img src="http://i.imgur.com/GcZQWn8.png">


</table> </td> </tr> </table> <br /> <table bordercolor="transparent" cellspacing="0" cellpadding="0" width="700" bgcolor="transparent" border="0"> <tr> <td class="text" valign="" align="left" width="700" bgcolor="0" height="0" style="word-wrap:break-word"><span class="orangetext15"> </td> </tr> <tr> <td><table bordercolor="0" cellspacing="0" cellpadding="0" width="700" align="" bgcolor="transparent" border="0"> <td valign="top" align="" width="700" bgcolor="transparent" style="word-wrap:break-word">


<h6>- - - - - - - - - - - - - - - -</h6><br>


</table> </td> </tr> </table> <br /> <table bordercolor="transparent" cellspacing="0" cellpadding="0" width="700" bgcolor="transparent" border="0"> <tr> <td class="text" valign="" align="left" width="700" bgcolor="0" height="0" style="word-wrap:break-word"><span class="orangetext15"> </td> </tr> <tr> <td><table bordercolor="0" cellspacing="0" cellpadding="0" width="700" align="" bgcolor="transparent" border="0"> <td valign="top" align="" width="700" bgcolor="transparent" style="word-wrap:break-word">

<center>


<img src="http://i.imgur.com/27qW2yV.png" align="left"></center>



<div style="width:375; height:240; background-color:transparent; border-width:0px; border-style:solid; border-color:455f2e; overflow: auto; padding:0px; text-indent:px;">

<h5>Details</h5>

<br><b>[Birthname]</b> Your Name Here.
<br><b>[Name Meaning]</b> <i>First</i> Write out the meaning of your first name here.  <i>Middle</i> Write out the meaning of your middle name here.
<br><b>[Nicknames]</b> List all nicknames.
<br><b>[Date of Birth]</b> Month/ Day/ Year.
<br><b>[Age]</b> How old are you?
<br><b>[Species]</b> What's your species.
<br><b>[Place of Birth]</b> Where were you born?
<br><b>[Current Residence]</b> Where do you live?
<br><b>[Education]</b> What's your highest level of education?
<br><b>[Occupation]</b> What's your job?
<br><b>[Living Arrangements]</b> Where do you live?
<br><b>[Transportation]</b> How do you get around?
<br><b>[Criminal Record]</b> List all of your criminal record here. It's helpful to include dates if possible.
<br><b>[Medical History]</b> List all of your medical history here. It's helpful to add dates of diagnosis or injury if possible.
<br><b>[Zodia Sign]</b> What's your sign?
<br><b>[Zodiac Traits]</b> List all of your sign traits.
<br><b>[Likes | Dislikes]</b> List your favorite things | List your least favorite things.
<br><b>[Drink | Drugs | Smoke]</b> No| No | No
<br><b>[Habits]</b> List all habits here. Include details if possible.
<br><b>[Fears]</b> List all of your fears here. Include details if possible.
<br><b>[Other Traits]</b> Include details if possible.
<br><b>[Hair Color]</b> What color is your hair?
<br><b>[Eye Color]</b> What color are your eyes?
<br><b>[Height | Weight]</b> 0'0" | 000 lbs.
<br><b>[Skin Color]</b> What's your skin color?
<br><b>[Ethnicity]</b> What's your ethnicity?
<br><b>[Body Type]</b> What's your body type.
<br><b>[Physical Description]</b> Give a short description of what you look like psychically.
<br><b>[Parents]</b> List your mother and father and state if they are alive or dead.
<br><b>[Siblings]</b> List your siblings and state if they are alive or dead.
<br><b>[Other Family Members]</b> List all other family members of importance here. State whether they are alive or dead.
<br><b>[Children]</b> List all children here. State whether they are alive or dead.
<br><b>[Pets]</b> List all pets here. State whether they are alive or dead.
<br><b>[Close Friends]</b> List all close friends here. State whether they are alive or dead.
<br><B>[Orientation]</B> What is your sexual orientation?
<br><b>[Description]</b> A definition of your sexual orientation goes here. A definition of your sexual orientation goes here. A definition of your sexual orientation goes here. A definition of your sexual orientation goes here. A definition of your sexual orientation goes here. A definition of your sexual orientation goes here. A definition of your sexual orientation goes here. A definition of your sexual orientation goes here.
<BR><b>[Past Relationships]</b> List all of your past romantic relationships.
<BR><B>[Comments]</B> Add comments about your relationship status.


</div>

</table> </td> </tr> </table> <br /> <table bordercolor="transparent" cellspacing="0" cellpadding="0" width="700" bgcolor="transparent" border="0"> <tr> <td class="text" valign="" align="left" width="700" bgcolor="0" height="0" style="word-wrap:break-word"><span class="orangetext15"> </td> </tr> <tr> <td><table bordercolor="0" cellspacing="0" cellpadding="0" width="700" align="" bgcolor="transparent" border="0"> <td valign="top" align="" width="700" bgcolor="transparent" style="word-wrap:break-word">
<div style="width:250; height:167; background-color:transparent; border-width:0px; border-style:solid; border-color:455f2e; overflow: auto; padding:0px; text-indent:px;">
<h3>Love Life</h3>


<BR><b>[By Whom]</b> Display Name.
<BR><B>[First Met]</B> 00/00/0000
<BR><b>[First Kiss]</b> 00/00/0000
<BR><b>[Said I Love You]</b> 00/00/0000
<BR><B>[Got Engaged]</B> 00/00/0000
<BR><b>[Got Married]</b> 00/00/0000
<BR><b>[Song | Lyrics]</b> Put a song title here | Add lyrics to the song here.
<BR><B>[Comments]</B> Add comments about your relationship status. Add comments about your relationship status. Add comments about your relationship status. Add comments about your relationship status. Add comments about your relationship status. Add comments about your relationship status. Add comments about your relationship status. Add comments about your relationship status. Add comments about your relationship status.
</div>
</td><td>

<img src="http://i.imgur.com/RGbiJHr.png" />
</td><td>

<div style="width:250; height:167; background-color:transparent; border-width:0px; border-style:solid; border-color:455f2e; overflow: auto; padding:0px; text-indent:px;">
<h3>Connections</h3>

<a href="#" class="second">connection name</a>
<a href="#" class="second">connection name</a>
<a href="#" class="second">connection name</a>
<a href="#" class="second">connection name</a>
<a href="#" class="second">connection name</a>
<a href="#" class="second">connection name</a>
<a href="#" class="second">connection name</a>
<a href="#" class="second">connection name</a>
<a href="#" class="second">connection name</a>
<a href="#" class="second">connection name</a>
<a href="#" class="second">connection name</a>
<a href="#" class="second">connection name</a>
<a href="#" class="second">connection name</a>
<a href="#" class="second">connection name</a>
<a href="#" class="second">connection name</a>
<a href="#" class="second">connection name</a>
<a href="#" class="second">connection name</a>
<a href="#" class="second">connection name</a>
</div>
</td><td>





<div id="navigation">

<a href="home.php" class="first" onmouseover="this.innerHTML='Home'" onmouseout="this.innerHTML='H'">H</a>

<a href="add_testimonial.php?member_id=xxxxxxxx" class="first" onmouseover="this.innerHTML='Comment'" onmouseout="this.innerHTML='C'" >C</a>

<a href="send_message.php?member_id=xxxxxxxx" class="first" onmouseover="this.innerHTML='Message'" onmouseout="this.innerHTML='M'" >M</a>

<a href="albums.php?member_id=xxxxxxxx" class="first" onmouseover="this.innerHTML='Photos'" onmouseout="this.innerHTML='P'">P</a>

<a href="http://ask.fm" class="first" onmouseover="this.innerHTML='Ask.FM'" onmouseout="this.innerHTML='A'">A</a>
</div>

<div class="displayname"><h1 style="font: 40px;">Display Name</h1></div>


// — I’D LIKE TO MEET SECTION — //

<style>
@import url(http://fonts.googleapis.com/css?family=Roboto);
@import url(http://fonts.googleapis.com/css?family=Oswald);
@import url(http://fonts.googleapis.com/css?family=Cantarell);
@import url(https://fonts.googleapis.com/css?family=Satisfy);
@import url(http://fonts.googleapis.com/css?family=Meddon);
@import url(http://static.tumblr.com/dk2ksti/gvlnxmoz5/starjout.ttf)
</style>


<style>
a.first, a.first:link, a.first:active, a.first:visited
{font-family:star jedi;
font-size:20px;
color:#f6ff00;
width:68px;
height:68px;
margin-left:-25px;
line-height:68px;
text-align:center;
background-color:3b3b3b;
text-decoration:none;
text-transform:uppercase;
letter-spacing:1pt;
display:block;
margin-bottom:10px;
border-right-width:0px;
border-right-color:;
border-right-style:none;
border-left-style:none;
border-left-color:;
border-left-width:0px ;
border-bottom-style:none;
-ms-transform: rotate(-20deg); /* IE 9 */
    -webkit-transform: rotate(-20deg); /* Safari */
    transform: rotate(-20deg);
-webkit-border-radius: 180px;
border-radius: 180px;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-ms-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;

}

a.first:hover
{font-family:Oswald;
font-size:10px;
color: 000000;
width:50px;
height:50px;
line-height:50px;
background-color:#f6ff00;
border-width:5px;
border-color:#696969;
display:block;
border-style:solid;
opacity:100;
-webkit-border-radius: 180px;
border-radius: 180px;
-ms-transform: rotate(360deg); /* IE 9 */
    -webkit-transform: rotate(-360deg); /* Safari */
    transform: rotate(-360deg);
-webkit-border-radius: 180px;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-ms-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}</style>

<style>
a.second, a.second:link, a.second:active, a.second:visited
{font-family:Cantarell;
font-size:7px;
color: ffffff;
line-height:20px;
text-align:center;
background-color:#282828;
text-transform:uppercase;
text-decoration:none;
letter-spacing:1pt;
display:block;
margin-left:0px;
margin-right:0px;
margin-bottom:1px;
border-right-width:0px;
border-right-color:000000;
border-right-style:none;
border-left-style:none;
border-left-color:000000;
border-left-width:0px ;
border-bottom-style:none;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-ms-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}

a.second:hover
{font-family:star jedi;
color: 000000;
font-size:14px;
background-color:#f6ff00;
text-transform:lowercase;
opacity:100;
border-right-width:20px;
border-right-color:#000000;
border-right-style:solid;
border-left-width:20px;
border-left-color:#000000;
border-left-style:solid;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-ms-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;}
</style>

<div id="keep"><a href="stardustpremades" title="© Stardust Premades"></a></div>

<body
oncontextmenu="alert('MADE BY STARDUST PREMADES!');
return false;">

<body oncontextmenu="return false" onselectstart="return false" ondragstart="return false" onkeydown="return false">
</body>

<style type="text/css">
table, td{  background-color:; border:none; }
body  {  background: url(http://i.imgur.com/9JNzmpq.jpg);
        background-attachment: fixed; background-repeat: repeat; background-position:top center;}

{ Table Properties } table table { border: 1px } table table table table{border:0px} table table table { border-style:solid; border-width:5px; border-color:#3b3b3b; background-color:000000;
}


body {
background-color:000000;
}body, div, span, td, p, .lightbluetext8, strong, b, u, .redtext, .redbtext, .btext, .text, .blacktext10, .blacktext12 {
font-family:Cantarell;
font-size:9px;
color:#8e8e8e;
font-weight:normal;}

a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.man:link, a.man:active, a.man:visited, a.man:hover, a, a:link, a:active, a:visited, a:hover, a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.text:link, a.text:active, a.text:visited, a.text:hover, a.searchlinksmall:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:hover, a.redlink:link, a.redlink:active, a.redlink:visited, a.redlink:hover {
color:f6ff00;
font-weight:normal;
text-transform: uppercase;
font-family: times new roman;
font-size: 7px;
}
a.navbar:hover, a.man:hover, a:hover {
color:898989;
font-weight:normal;
text-transform: uppercase;
letter-spacing: 1px;
font-family: times new roman;
font-size: 7px;
}

I {font: italic 12px georgia; text-transform:none; color: #f6ff00; line-height:9px;}

b {font-family: courier new; font-size: 10px; line-height: 8px; letter-spacing:2px; font-weight: bold; color:#f6ff00; text-decoration:none; text-transform:Uppercase;}

STRONG {font: bold 8px COURIER NEW; text-transform:uppercase; color: 859e9e; line-height:7px; letter-spacing: 2px; }

u {font: 10px georgia; font-weight: normal; font-style: normal; text-transform:uppercase; color: c2c2c2; letter-spacing: 0px; line-height:9px; text-decoration:underline;}

EM {font: italic 11px terminal; text-transform:uppercase; color: 969696; line-height:9px; font-weight:normal; }

h1 {font: 55px star jedi; text-transform:none; color:#f6ff00; background-color:trans; margin:0px; letter-spacing: 5px; padding-top: 2px; padding-right: 4px; line-height:65px; text-align:center; text-shadow: 5px 1px #000000;}

h2 {font-family:terminal; font-size:15px; font-weight:normal; text-align:center; color:#ffffff; background-color:; text-transform:uppercase; margin:2px; letter-spacing:5px; padding:5px; line-height: 15px;}

h3{font-family:Satisfy; font-size:25px; font-weight:normal; text-align:center; color:d7d7d7; background-color:#1e1e1e; text-transform:lowercase; margin:2px; letter-spacing:4px; padding:0px; line-height: 25px; font-style: ; border-bottom:0px dotted; border-top: 0px dashed; border-color:c7c0b0;}


h5{font-family:times new roman; line-height:25px; font-size:20px; font-weight:normal; text-align:center; color:000000; background-color:#e0ce36; text-transform:none; margin:1px; letter-spacing: 1px; padding:0px; border-bottom:5px; font-style: normal;}


h6{font-family:courier new; font-size:35px; font-weight:normal; text-align:center; color:9a9a9a; background-color:000000; text-transform:uppercase; margin:2px; letter-spacing:0px; padding:0px; line-height:45px; font-style: normal ; border-bottom:0px dotted; border-top: 0px dotted; border-color:020305;}

</style>


<style>.contacttable {display: none;}</style>
<style>table.latestblogentry {display: none;}</style>
<style>.extendednetwork{display:none;}</style>
<style>.userprofiledetail{display:none;}</style>
<style>br{line-height:2.0px!important;}</style>
<style>.userprofileurl{display:none;}</style>
<style>.contacttable {display:none;}</style> <style>.orangetext15{display:none;}</style>
<style>.blurbs {display: none;}</style>
<style>.redlink {display:none;}</style>
<style>.friendSpace {display: none;}</style>
<style>.nametext{display:none;}</style>
<style>.profileInfo {display: none;}</style>
<style>.interestsanddetails{display:none;}</style>

<style>.note {move tables up}
td.text table {position:relative; top: -20px; right: 0px;}
td.text table table {position:static;}

table table table table td{width:0px!important; padding:0px!important;} span.lightbluetext8{display:none;}


div td {display:none;} table {top:0px; position:relative;} table table {top:0px; position:relative;}

a.text, table div font a, table div div {visibility:hidden;}td{text-align:} a.text, table div font a, table div div {visibility:hidden;}div td font {visibility:hidden;}.navbar {visibility:visible;}table div font a, table div div {visibility:hidden; display:none;border:0px!important;background-color:transparent;}

.profileInfo td td a img {visibility:visible;}
table, td {
background-color:transparent;
border:none;
border-width:0;}
table table table table td {width:0px;}
table, tr, td { background-color: transparent; border: 0px; }

#navigation {
width:16px;
height:100%;
background-color:3b3b3b;
position:fixed;
top:50px;
right:250px;
border-right:0px;
text-align:right;
font-weight:none;}


.displayname {
width:1525px;
height:80px;
background-color:3b3b3b;
position:absolute;
top:-600px;
right:-5px;
-ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    transform: rotate(-90deg);}

#keep a
{background-image:url("http://i.imgur.com/Xwx5qHV.gif");
background-repeat:no-repeat;
width:19px;
height:20px;
background-color:transparent;
position:fixed;
bottom:0px;
left:0px;
opacity:0.3;}

#keep a:hover {opacity:1;}

.music {
position:absolute;
display:inline-block;
width:700px;
height:20px;
top:5px;
left:5px;
background-color:#f6ff00;
overflow:auto;
opacity:0.0;
 transition: all 0.6s ease-in-out 0.6s;
filter:alpha(opacity=100);
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
-moz-opacity:0.0; -html-opacity: 0.0;}

.music:hover {
width:700px;
height:20px;
background-color:#f6ff00;
opacity:1.0;
filter:alpha(opacity=100);
 transition-delay: 0.6s;
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease;}

</style>