Header issues :{(

[nyavacado]

I've been trying to fix my profile up today, and so I've been messing around with the css but no matter what I do, I can't change the distance between my panels and the gaia header. It's also been moved to the right, and I can't figure out how to move it back. sad

#id_about{overflow: scroll; overflow-x: hidden; overflow-y: auto; height: 400px;}.panel{padding: 10px;}
body {
background:}*{background:none }html{background:url(http://i62.tinypic.com/2cgf1pt.jpg)}*{cursor:url(http://i59.tinypic.com/15360so.jpg),auto}{font-family:tahoma}*{font-size:10px}*{text-shadow: 1px 1px 3px #c1c1c1}*{color: #ffffff}

#gaia_header, #gaia_header * {background: transparent !important;} {text-shadow: 1px 1px 0px #8B8989}}
#columns {
-moz-border-radius: 10px;
border-radius: 10px;
border: 4px solid #cacaca;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-style: none;
background-color: transparent;
background-image: url()
background-size:100% 100%;
background-repeat: none;
width: 400px;
float: right;
top: -20px;
margin-left: auto;
padding-left: -20px;
margin-right: auto;
position: relative;
}

.media_panel embed, .media_panel object{height: 25px; width: 30px;}
.media_panel embed, .media_panel object{box-shadow: 0px 0px 200px #BA5F95}
.media_panel { background: transparent;}
}
background-color: transparent;}
;}
}

.custom_panel { height: 450px; overflow-y: auto; }
.panel{background: transparent;}

html {
background-color: transparent;
background-position: center;
background-attachment: fixed;
background-repeat: no repeat;
margin-left: 70px;
margin-right: auto;
}
/*-----------------------------------------------------------*/


#id_custom_7593{overflow: scroll; overflow-x: hidden; overflow-y: auto; height: 400px;}.panel{padding: 20px;}
.panel h2 {

background-color: transparent;
border-color: transparent;
border-width: 10px;
border-style: ;
font-family:italic;
font-size:12px;
font-weight: bold;
color: transparent;
opacity: ;
filter: ;
text-align: center;
background-position: top center;
font-family: Arial;
font-size: 12px;
font-weight: normal;
color: gray;
}

a:hover {
text-transform: uppercase;
color: #000000 !important;
font-family: verdana;
font-size: 10px;
font-weight: italic;
color: #000000;
text-decoration: italic
a:visited{color: #FFCCEC; font-weight: none; text-decoration:none;}

{
font-family: verdana;
font-size: 10px;
color: #000000 !important;
text-transform: uppercase;
color: #000000 !important;
text-transform: uppercase;
text-decoration: none;
border-bottom: ;
}

.panel {
background-color: transparent;
background-position:top middle ;
background-attachment: fixed;
background-repeat: ;
border-color: #EBC79E;
border-width: 10px;
border-style: ;
font-family: italic;
font-size: 9px;
font-weight: normal;
color: transparent;
margin: 20px;
padding: 5px;
opacity: ;
filter: ;
.column-position: center;}
background-color: transparent;
color: transparent;
}


#gaia_header #header_left {text-align: left;}
#gaia_header #header_right {text-align: right;}
#gaia_header #header_left:after{font-family:Arial Black;letter-spacing:1px;font-weight:lighter;color:pink; content: 'Meow';}
#gaia_header #header_left li+li+li a{color:none!important;}
#header_left img
{
padding: 0px 10px 20px 0px;
background:url()top no-repeat;
height: 0px;
width: 50px;


a:hover {
font-family: Comic Sans MS;
font-size:10px;
font-weight: lighter;
color: gray;
text-decoration: blink;
background-color: black;
}


/*GAIA HEADER. */
/*SIDE NOTE: I do not own this code.*/
#gaia_header #header_left li+li+li a{color:white!important;}
#gaia_header #header_left li+li+li+li a{color:white!important;}
#gaia_header #header_left li+li+li+li+li a{color:Khaki!important;}
#gaia_header #header_left li+li+li+li+li+li a{color:white!important;}
#gaia_header #header_left li+li+li+li+li+li+li a{color:white!important;}
#gaia_header #header_right li a{color:white!important;}
#gaia_header #header_right li+li a{color:Khaki!important;}
#gaia_header #header_right li+li+li a{color:white!important;}


/* MEDIA */
.media_panel embed, .media_panel object{width:175&#xpx;;height:25px;}
.media_panel embed, .media_panel object{box-shadow: 0px 0px 200px #BA5F95}
.media_panel { background: transparent;}
.media_panel {background: none; border: none;}


.media_panel h2
{ margin: 0px 0px 0px 0px;}



.panel h2{ display: none;}.media_panel embed,

.panel{
-moz-border-radius: 0px; -webkit-border-radius:0px;}

[Zzyli]

Lux Lee

The first thing I noticed is that your coding is chock-full of parse errors (there's a lot of bad syntax so the CSS you have isn't all functioning correctly). This site is great for checking that stuff out and debugging. Just paste in your code and it will let you know if there are any errors and where they are.

The bit which is moving your whole profile to the right is in here

html {
background-color: transparent;
background-position: center;
background-attachment: fixed;
background-repeat: no repeat;
margin-left: 70px;
margin-right: auto;
}

You'll need to remove the 'margin-left: 70px;' from your code, as that's what's bumping everything over.

To be able to reposition your panels, you'll need to add

#columns{overflow: visible;}

This lets you move the columns (and hence the panels) so that they're higher than the default.

If everything is too messy, you can always just pull out all the CSS by saving the override panel with just a single character (Gaia doesn't like it if you try and save an empty override) and start over.

[nyavacado]

Zzyli

Lux Lee

The first thing I noticed is that your coding is chock-full of parse errors (there's a lot of bad syntax so the CSS you have isn't all functioning correctly). This site is great for checking that stuff out and debugging. Just paste in your code and it will let you know if there are any errors and where they are.

The bit which is moving your whole profile to the right is in here

html {
background-color: transparent;
background-position: center;
background-attachment: fixed;
background-repeat: no repeat;
margin-left: 70px;
margin-right: auto;
}

You'll need to remove the 'margin-left: 70px;' from your code, as that's what's bumping everything over.

To be able to reposition your panels, you'll need to add

#columns{overflow: visible;}

This lets you move the columns (and hence the panels) so that they're higher than the default.

If everything is too messy, you can always just pull out all the CSS by saving the override panel with just a single character (Gaia doesn't like it if you try and save an empty override) and start over.

I had no idea crying Thanks a bunch!