PA-Forums user css

This placed is lacking some PA-style, so I made a little css to restyle it, which uses the background and header of planetaryannihilation.com



here's the css:

Code:

#banner img {
	width: 0px !important;
	height: 0px !important;
	background:url("http://drut0rlwqlyed.cloudfront.net/assets/temp_logo_3.png") !important;
	padding: 24px 768px 0px 0px !important;
	margin: 90px 0px 0px 90px !important;
}

#wrapuberheader {
	background:none !important;
}

#navMain {
	top: -45px !important;
}

#wrapheader {
	position: relative !important;
	top: -85px !important;
}

#wrapcentre {
	position: relative !important;
	top: -85px !important;
	z-index: 539 !important;
}

#wrapfooter {
	position: relative !important;
	top: -85px !important;
	z-index: 539 !important;
}

body {
	background:url("http://drut0rlwqlyed.cloudfront.net/assets/bground_atmosphere_2.jpg") top center no-repeat #000 !important;
	background-attachment: fixed !important;
}

How to use:

Opera:
If you are using opera you can store the css as a .css file somewhere and do rightclick somewhere on the forums > sitespecifics settings > content > select your own stylesheet. Reload the page and that's it.

Firefox:
To use this in firefox follow this guide: http://superuser.com/questions/318912/h ... ontent-css

The content in Step 5 should be the css I posted surrounded like this:

Code:

@-moz-document domain(forums.uberent.com) {

/** inser the css from above here */
 
}

This is awesome...

... but I am a technical idiot. How can I use this?

depends on your browser. You'll definitely need to save the posted css in a file, i.e. called "pa.css".
Then you need to tell your browser to use the file for the forums.

I have definitely no clue how to do that. :mrgreen:

Okay... I've copied the text in a txt file and saved it as pa.css.

What should I do now?

Btw: I use firefox 18.0.1

Updated the first post with short instructions for firefox.

Okay... I think I have done all of this correctly now. I have now a userContent.css in the folder "chrome".

The file content is:

But... I don't get it. Don't know how it works. :cry:

did you restart firefox?
do you know how to deal with file-extensions on windows? maybe you created a userContent.css.txt and windows hides the txt.

LOL... my mistake was: I renamed the file in userContent.css
So it was a userContent.css.css

Now it works perfectly. Thanks for help! It is awesome! :mrgreen: