Posts by FunkiPunki

[color=silver]<div style="text-align: center;">
<object width="800" height="0">
<param name="movie" value="http://www.youtube.com/v/knQoDPa4Z5w&amp;hl=en_US&amp;fs=1&amp;rel=0" />
<param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" />
<embed src="http://www.youtube.com/v/knQoDPa4Z5w&amp;autoplay=1&amp;hl=en_US&amp;fs=1&amp;rel=0" type="application/x-shockwave-flash" width="800" height="0" /></object></div>
<style>#header, .newsDiv, .userinfo, div#profile_success, .navigate_section, #profile_left .catbg, .cat_bar, .catbg77, div.cat_bar, #up_summary, #profile_rp_sidebar, #up_pictures_summary, #up_contacts, #profile_rp_topic_container, #up_pictures, #up_media, #up_write_comment, #forumposts, .pagesection, #profile_right .catbg, .cat_bar, .catbg77, center, .copyright, .inner, h1, h2, h3, h4, h5, h6, #up_about_me, #menu_toggle, .windowbg2, #profile_left, #up-other-info {
display: none
}
body {
background: url(http://7-themes.com/data_image…photography-wallpaper.jpg);
background-size: cover;
font-family: verdana;
overflow: hidden;
}

#mainarea {
width: 900px;
height: 600px;
}

#wrapper {
height: 600px;
}

.pnl {
height: 600px;
}
</style>
<style>
ul#menu_nav
{
display: none
}
</style>
<style>
/* do not touch this */
#admin_menu {
position: fixed;
top: 5px;
left: 0px;
z-index: 2;
}

li a.firstlevel span.firstlevel, span.firstlevel, .dropmenu li a.active, .dropmenu li a.active span.firstlevel {
background: #424242;
color: #e6e6e6;
border: none;
margin-left: 8px;
padding: 0px; }

.dropmenu li {
background: #424242;
}

.dropmenu, .dropmenu ul {
line-height: 0.9em;
}

.dropmenu li li a:hover, .dropmenu li li:hover, .dropmenu li li:hover ul, .dropmenu li:hover ul{
background: #424242;
color: #e6e6e6;
border-radius: 0px;
border : none;
padding: 0px;}

.dropmenu li * {
background: #424242;
color: #e6e6e6;
padding: 0px; }

.dropmenu li li.additional_items {
background: #424242;
color: #e6e6e6;
border : none;}

.dropmenu li li {
border-left: none;
border-right: none; }

#lightbox_backdrop
{
background: #424242;
}

#dropdown_menu_1 {
margin-left: -6px;
min-height: 0px;
line-height: 0.9em;
}

.dropmenu li:hover a.firstlevel span.firstlevel{
background: #424242;
color: #e6e6e6;
border-radius: 0px;
border:none;}

.dropmenu li a.firstlevel:hover, .dropmenu li:hover a.firstlevel {
background: #424242; }

.dropmenu li a.firstlevel span.firstlevel {
padding: 0px 0px 0px 0px; }

.dropmenu li:hover a.firstlevel span.firstlevel {
background: #424242;
border: none;
border-radius: 1px;}

div#up_pictures, div#up_pictures:hover {color: #e6e6e6; background: #424242}

div#forumposts, div#forumposts a:hover {color: #e6e6e6; background: #424242}

#main_menu .dropmenu li li a:hover, #main_menu .dropmenu li li:hover a {
background: #424242;
color: #e6e6e6;
border: none;
border-radius: 15px;
text-decoration : none;}

#main_menu .dropmenu li li {
border-left : none;
border-right : none; }

/* links */
a { color: inherit; transition: 0.25s; -webkit-transition: 0.25s; -moz-transition: 0.25s; -o-transition: 0.25s; word-spacing: 0px; font-style: italic; }
a:link { color: inherit; }
a:active { color: inherit; }
a:visited { color: inherit; }
a:hover { color: inherit; text-decoration: none; }

/* signature - try not to touch anything but colors */
#profile_right {
width: 900px;
height: 300px;
}
#profile_right .windowbg {
border: none;
color: #e6e6e6;
background: #424242;
width: 100%;
height: 30px;
border-radius: 0px;
font-family: verdana;
position: fixed;
bottom: 0px;
left: 0px;
}
strong, dd {
font-size: 10px;
letter-spacing: 0px;
}
.signature, hr.hrcolor {
display: none;
}
element {
padding-left: 0px;
}
.noborder {
height: 17px;
}

/* from here on out, everything is stuff I have coded from scratch */
#top-nav-bar {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 30px;
background: #424242;
font-family: verdana;
font-size: 12px;
line-height: 30px;
text-align: center;
word-spacing: 10px;
color: #e6e6e6;
}

#top-nav-bar span {
display: block;
width: 100px;
height: 30px;
letter-spacing: -1px;
transition: 0.25s;
-moz-transition: 0.25s;
-webkit-transition: 0.25s;
-o-transition: 0.25s;
float: left;
}

#top-nav-bar span:hover {
background: #585858;
}

#container {
width: 900px;
height: 300px;
}

#mid-nav {
width: 200px;
height: 300px;
background: #424242;
float: left;
font-family: baskerville old face;
color: #e6e6e6;
font-size: 15px;
line-height: 60px;
text-align: center;
text-transform: lowercase;
letter-spacing: -1px;
}

.mid-nav-links {
display: block;
width: inherit;
height: 60px;
transition: 0.25s;
-moz-transition: 0.25s;
-webkit-transition: 0.25s;
-o-transition: 0.25s;
font-style: normal;
}

.mid-nav-links:hover {
background: #585858;
color: #f2f2f2;
}

#main-body {
width: 450px;
height: 270px;
border: 5px solid #424242;
float: left;
margin-left: 10px;
padding: 10px;
box-shadow: inset 0px 0px 5px 0px #d8d8d8;
}

#image {
width: 196px;
height: 296px;
border: 2px solid #424242;
float: right;
background: url(http://oi64.tinypic.com/5cixat.jpg);
box-shadow: inset 0px 0px 5px 0px #1c1c1c;
overflow: hidden;
}

/* this is my copyright, don\'t touch it */
#nightlight {
width: 176px;
height: 60px;
background: url(http://oi64.tinypic.com/28i3psn.jpg);
margin-left: 10px;
margin-top: -65px;
box-shadow: 0px 0px 5px 0px #1c1c1c;
transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
font-family: baskerville old face;
font-size: 30px;
line-height: 50px;
text-align: center;
text-transform: lowercase;
color: #1c1c1c;
letter-spacing: 3px;
}

#container:hover #nightlight {
margin-top: 10px;
}

#nightlight a:hover {
color: #6e6e6e;
}

#lyric-line {
width: inherit;
height: 30px;
background: #424242;
box-shadow: 0px 0px 5px 0px #d8d8d8;
font-family: baskerville old face;
font-size: 20px;
line-height: 30px;
text-align: center;
text-transform: lowercase;
letter-spacing: -2px;
color: #e6e6e6;
}

#about-me {
width: 430px;
height: 180px;
background: #424242;
margin-top: 10px;
margin-bottom: 10px;
box-shadow: 0px 0px 5px 0px #d8d8d8;
padding: 10px;
overflow: hidden;
}
</style>
<div id="top-nav-bar">
<div style="width: 400px; height: 30px; margin: auto;">
<a href="http://feralfront.com/index.php?action=boardindex"><span>forum</span></a><a href="http://feralfront.com/index.php?action=unreadreplies"><span>unread replies</span></a><a href="http://feralfront.com/index.php?action=profile"><span>profile</span></a><a href="http://warriorcatsrpg.com/index.php?action=pm;sa=send;u=USERIDHERE"><span>message me</span></a>
</div>
</div>
<div id="container">
<div id="mid-nav">
<a href="URLHERE"><span class="mid-nav-links">LINK DESTINATION</span></a><a href="URLHERE"><span class="mid-nav-links">LINK DESTINATION</span></a><a href="URLHERE"><span class="mid-nav-links">LINK DESTINATION</span></a><a href="URLHERE"><span class="mid-nav-links">LINK DESTINATION</span></a><a href="URLHERE"><span class="mid-nav-links">LINK DESTINATION</span></a>
</div>
<div id="main-body">
<div id="lyric-line">
LYRICS HERE
</div>
<div id="about-me">
<div style="width: inherit; height: inherit; overflow: auto; padding-right: 50px;">
<div style="width: inherit; min-height: 180px; font-family: verdana; color: #e6e6e6; font-size: 10px; line-height: 11px; text-align: justify; text-transform: lowercase">
TEXT HERE
</div>
</div>
</div>
<div style="width: inherit; height: 20px; background: #424242; font-family: verdana; color: #e6e6e6; font-size: 10px; line-height: 20px; text-align: center; text-transform: lowercase; box-shadow: 0px 0px 5px 0px #d8d8d8;">
beware hidden scrolling -- "Now or Never," by Tritonal
</div>
</div>
<div id="image">
<div id="nightlight">
"nightlight"
<div style="width: inherit; height: 10px; font-family: verdana; font-size: 10px; line-height: 10px; margin-top: -10px;">by <a href="http://feralfront.com/index.php?action=profile;area=summary;u=151045">punki-chan</a></div>
</div>
</div>
</div>

[color=silver]<div style="text-align: center;">
<object width="800" height="0">
<param name="movie" value="http://www.youtube.com/v/ozYSX3X-OwM&amp;hl=en_US&amp;fs=1&amp;rel=0" />
<param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" />
<embed src="http://www.youtube.com/v/ozYSX3X-OwM&amp;autoplay=1&amp;hl=en_US&amp;fs=1&amp;rel=0" type="application/x-shockwave-flash" width="800" height="0" /></object></div>
<style>
/* do not touch this */
#header, .newsDiv, .userinfo, div#profile_success, .navigate_section, #profile_left .catbg, .cat_bar, .catbg77, div.cat_bar, #up_summary, #profile_rp_sidebar, #up_pictures_summary, #up_contacts, #profile_rp_topic_container, #up_pictures, #up_media, #up_write_comment, #forumposts, .pagesection, #profile_right .catbg, .cat_bar, .catbg77, center, .copyright, .inner, h1, h2, h3, h4, h5, h6, #up_about_me, #menu_toggle, .windowbg2, #profile_left, #up-other-info {
display: none
}
body {
background: url(http://www.coolwallpapers.org/…sky-bird-hd-wallpaper.jpg);
background-size: cover;
font-family: verdana;
overflow: hidden;
}

#mainarea {
width: 900px;
height: 600px;
}

#wrapper {
height: 600px;
}

.pnl {
height: 600px;
}

ul#menu_nav
{
display: none
}
</style>
<style>
/* do not touch anything but colors, please */
#admin_menu {
position: fixed;
top: 5px;
left: 0px;
z-index: 2;
}

li a.firstlevel span.firstlevel, span.firstlevel, .dropmenu li a.active, .dropmenu li a.active span.firstlevel {
background: #e6e6e6;
color: #2e2e2e;
border: none;
margin-left: 8px;
padding: 0px; }

.dropmenu li {
background: #e6e6e6;
}

.dropmenu, .dropmenu ul {
line-height: 0.9em;
}

.dropmenu li li a:hover, .dropmenu li li:hover, .dropmenu li li:hover ul, .dropmenu li:hover ul{
background: #e6e6e6;
color: #2e2e2e;
border-radius: 0px;
border : none;
padding: 0px;}

.dropmenu li * {
background: #e6e6e6;
color: #2e2e2e;
padding: 0px; }

.dropmenu li li.additional_items {
background: #e6e6e6;
color: #2e2e2e;
border : none;}

.dropmenu li li {
border-left: none;
border-right: none; }

#lightbox_backdrop
{
background: #e6e6e6;
}

#dropdown_menu_1 {
margin-left: -6px;
min-height: 0px;
line-height: 0.9em;
}

.dropmenu li:hover a.firstlevel span.firstlevel{
background: #e6e6e6;
color: #2e2e2e;
border-radius: 0px;
border:none;}

.dropmenu li a.firstlevel:hover, .dropmenu li:hover a.firstlevel {
background: #e6e6e6; }

.dropmenu li a.firstlevel span.firstlevel {
padding: 0px 0px 0px 0px; }

.dropmenu li:hover a.firstlevel span.firstlevel {
background: #e6e6e6;
border: none;
border-radius: 1px;}

div#up_pictures, div#up_pictures:hover {color: #2e2e2e; background: #e6e6e6}

div#forumposts, div#forumposts a:hover {color: #2e2e2e; background: #e6e6e6}

#main_menu .dropmenu li li a:hover, #main_menu .dropmenu li li:hover a {
background: #e6e6e6;
color: #2e2e2e;
border: none;
border-radius: 15px;
text-decoration : none;}

#main_menu .dropmenu li li {
border-left : none;
border-right : none; }

/* links */
a { color: inherit; transition: 0.25s; -webkit-transition: 0.25s; -moz-transition: 0.25s; -o-transition: 0.25s; word-spacing: 0px; font-weight: bold; }
a:link { color: inherit; }
a:active { color: inherit; }
a:visited { color: inherit; }
a:hover { color: inherit; text-decoration: none; }

/* signature - do not touch anything but colors */
#profile_right {
width: 900px;
height: 300px;
}
#profile_right .windowbg {
border: none;
color: #2e2e2e;
background: #e6e6e6;
width: 100%;
height: 30px;
border-radius: 0px;
font-family: verdana;
position: fixed;
bottom: 0px;
left: 0px;
}
strong, dd {
font-size: 10px;
letter-spacing: 0px;
}
.signature, hr.hrcolor {
display: none;
}
element {
padding-left: 0px;
}
.noborder {
height: 17px;
}

/* everything after this is hand-coded from scratch by me */
#top-nav-bar {
width: 100%;
height: 30px;
background: #e6e6e6;
position: fixed;
top: 0px;
left: 0px;
font-size: 12px;
line-height: 30px;
text-align: center;
color: #2e2e2e;
word-spacing: 10px;
}

#top-nav-bar span {
width: 100px;
height: 30px;
display: block;
float: left;
transition: 0.25s;
-moz-transition: 0.25s;
-webkit-transition: 0.25s;
-o-transition: 0.25s;
letter-spacing: -1px;
}

#top-nav-bar span:hover {
background: #bdbdbd;
}

#container {
width: 900px;
height: 350px;
margin-top: 105px;
}

#left-holder {
width: 300px;
height: 350px;
float: left;
}

#right-holder {
width: 580px;
height: 350px;
float: right;
}

#top-left {
width: 300px;
height: 150px;
background: #e6e6e6;
border-radius: 10px;
margin-bottom: 10px;
box-shadow: 0px 0px 5px 0px #424242;
}

#image {
width: 180px;
height: 180px;
border: 5px solid #e6e6e6;
background: url(http://oi67.tinypic.com/2v3puub.jpg);
margin-top: -105px;
margin-left: 45px;
border-radius: 50%;
float: left;
padding: 10px;
box-shadow: inset 0px 0px 5px 0px #424242, 0px 0px 5px 0px #424242;
}

#flight {
width: 180px;
height: 40px;
padding: 70px 0;
background: url(http://oi67.tinypic.com/292ad5d.jpg);
border-radius: 50%;
font-family: baskerville old face;
color: #2e2e2e;
font-size: 30px;
line-height: 30px;
text-align: center;
text-transform: uppercase;
letter-spacing: -3px;
transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
opacity: 0;
box-shadow: 0px 0px 5px 0px #424242;
}

#flight a:hover {
color: #6e6e6e;
}

#container:hover #flight {
opacity: 1;
}

#name {
width: inherit;
height: 40px;
font-family: baskerville old face;
color: #2e2e2e;
font-size: 40px;
line-height: 40px;
text-align: center;
text-transform: lowercase;
letter-spacing: -4px;
}

#bottom-left {
width: 300px;
height: 190px;
background: #e6e6e6;
border-radius: 10px;
overflow: hidden;
font-size: 15px;
color: #2e2e2e;
line-height: 38px;
text-align: center;
letter-spacing: -1px;
text-transform: lowercase;
box-shadow: 0px 0px 5px 0px #424242;
}

.mid-nav-links {
display: block;
width: inherit;
height: 38px;
transition: 0.25s;
-moz-transition: 0.25s;
-webkit-transition: 0.25s;
-o-transition: 0.25s;
}

.mid-nav-links:hover {
background: #bdbdbd;
}

#lyrics {
width: inherit;
height: 40px;
padding: 5px 0;
background: #e6e6e6;
border-radius: 10px;
font-size: 20px;
text-transform: uppercase;
letter-spacing: -2px;
text-align: center;
line-height: 20px;
color: #2e2e2e;
box-shadow: 0px 0px 5px 0px #424242;
font-weight: bold;
margin-bottom: 10px;
}

#about-me {
width: 520px;
height: 200px;
border: 10px solid #e6e6e6;
padding: 20px;
box-shadow: inset 0px 0px 5px 0px #424242, 0px 0px 5px 0px #424242;
border-radius: 10px;
}
</style>
<div id="container">
<div id="top-nav-bar"><div style="margin: auto; width: 400px; height: 30px;">
<a href="http://feralfront.com/index.php?action=boardindex"><span>forum</span></a><a href="http://feralfront.com/index.php?action=unreadreplies"><span>unread replies</span></a><a href="http://feralfront.com/index.php?action=profile"><span>profile</span></a><a href="http://warriorcatsrpg.com/index.php?action=pm;sa=send;u=USERIDHERE"><span>message me</span></a>
</div>
</div>
<div id="left-holder">
<div id="top-left">
<div id="image">
<div id="flight">
"flight"
<div style="width: inherit; height: 10px; font-family: verdana; font-size: 10px; line-height: 10px; letter-spacing: -1px">
by <a href="http://feralfront.com/index.php?action=profile;area=summary;u=151045">punki-chan</a>
</div>
</div>
</div>
<div id="name">
name
</div>
</div>
<div id="bottom-left">
<a href="URLHERE"><span class="mid-nav-links">LINK DESTINATION</span></a><a href="URLHERE"><span class="mid-nav-links">LINK DESTINATION</span></a><a href="URLHERE"><span class="mid-nav-links">LINK DESTINATION</span></a><a href="URLHERE"><span class="mid-nav-links">LINK DESTINATION</span></a><a href="URLHERE"><span class="mid-nav-links">LINK DESTINATION</span></a>
</div>
</div>
<div id="right-holder">
<div id="lyrics">
lyric line 1<br />
lyric line 2
</div>
<div style="width: inherit; height: 20px; background: #e6e6e6; border-radius: 10px; margin-bottom: 10px; font-size: 10px; line-height: 20px; color: #2e2e2e; text-transform: lowercase; letter-spacing: 1px; text-align: center; box-shadow: 0px 0px 5px 0px #424242">
beware hidden scrolling -- "horizon," by Steerner &amp; Kavela
</div>
<div id="about-me">
<div style="width: 500px; height: 180px; background: #e6e6e6; overflow: hidden; padding: 10px; box-shadow: 0px 0px 5px 0px #424242;"><div style="width: inherit; height: inherit; overflow: auto; padding-right: 50px;">
<div style="width: inherit; min-height: 200px; font-size: 10px; line-height: 12px; text-align: justify; color: #2e2e2e; text-transform: lowercase">
TEXT HERE
</div>
</div>
</div>
</div>
</div>
</div>