PROFILE CUSTOMIZATION GUIDE! - last updated 4/7

[Orion]

What I have so far. Missing the header change(now can remove the header, add a transparent background in), hover over 'show ___' options, and changes for 'profile pictures'/'my buddies'/'add comment' links. Will edit this as I get those fixed... + missing navigation bar at the top

Code:

<style>
body {
background: url(IMG) or #COLOR;
}

header {
background: url(https://i.imgur.com/GamsdEg.png) no-repeat scroll 0 0 transparent or #COLOR;
background-position: position name, px, or percentage here;
box-shadow: 0 -3px #COLOR inset;
height: #px;
}

img {
    max-width: 0%;
    height: auto;
}

.navigate_section {
background: #COLOR; }

.breadcrumb {
background: #COLOR; }

.breadcrumb > li > a {
color: #COLOR;
}

h3.catbg, h4.catbg, div.cat_bar {
background: #COLOR;
font-family: arial;
font-size: #px;
text-align: center;
Color: #COLOR; }

.windowbg {
background: #COLOR;
font-family: arial;
font-size: #px ;
color: #COLOR; }

td {
color: #COLOR;
}

.windowbg span.topslice span {
background: #COLOR; 
}

.windowbg span.topslice {
background: #COLOR; 
}

.windowbg span.botslice span {
background: #COLOR;
}

.windowbg span.botslice {
background:#COLOR;
}

.poster h4 {
Background: #COLOR;
}

.poster ul li  {
Background: #COLOR; }
a:visited {
color: #COLOR;
}

a:link {
    color: #COLOR;
    text-decoration: none;
}

.dropmenu li li
{
    width: 19em;
    padding: 3px;
    margin: 0;
    background: #COLOR;
}

.dropmenu li li a
{
    color: #COLOR;
    padding: 4px 2px;
    border-radius: 3px;
}

.dropmenu li a.active
{
    color: #COLOR;
    background: #COLOR;
    border-radius: 3px;
}

.dropmenu li a.active:hover, .dropmenu li:hover a.active
{
     color: #COLOR !important;
}

/* the hover effects */
.dropmenu li a.firstlevel:hover, .dropmenu li:hover a.firstlevel
{
    color: #COLOR;
    cursor: pointer;
    text-decoration: none;
}

/* the hover effects on level2 and 3 */
.dropmenu li li a:hover, .dropmenu li li:hover&gt;a
{
    background: #COLOR;
    text-decoration: none;
}

header ul.reset li, header ul.reset li a
{
    color: #COLOR;
    font-family: "Segoe UI";
    font-size: 11px;
}

header ul.reset li a:hover
{
    color: #COLOR;
    text-decoration: none;
}
    
footer
{
    margin-top: 20px;
    background: #COLOR;
    padding: 20px 0;
    text-align: center;
    box-shadow: 0 -7px #COLOR;
    font-family: "Segoe UI";
}

footer, footer a
{
    color: #COLOR;
}

span.smalltext {
        color: #COLOR;
}

a:link, a:visited {
    color: #COLOR;
    text-decoration: none;
}

a:visited {
    color: #COLOR;
}

a.new_win {
color: #COLOR;
}

a.new_win:link, a.new_win:visited {
    color: #COLOR;
}

h3.catbg a:link, h3.catbg a:visited, h4.catbg a:link, h4.catbg a:visited, h3.catbg, .table_list tbody.header td, .table_list tbody.header td a {
    color: #COLOR;
}

.navbar-default .navbar-nav &gt; li &gt; a, .navbar-default .navbar-brand
{
   color: #COLOR;
   font-weight: bold;
   font-family: "Segoe UI";
   text-shadow: 0 2px #COLOR;
}

.navbar-default, .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
    background: #COLOR;
    border-color: #COLOR;
    border-bottom-width: 0;
    box-shadow: 0 -3px #COLOR inset;
}

.navbar-nav {
background: #COLOR;
}

input, button, select, textarea {
    font: 95%/115% verdana, Helvetica, sans-serif;
    color: #COLOR;
    background: #COLOR;
    padding: 2px;
}

</style>