Crossfire 2.0 Theme - How To

For those stuck in the past, necuz created a Crossfire v2.0 theme.

http://img83.imageshack.us/img83/602/xf3to2xf0.png

Firefox

Instructions: Download Stylish, restart Firefox. Click on Tools -> Extensions -> Stylish and then on Options. Click on write and paste the code. Click save, browse to crossfire.nu and hit F5. Good to go!

http://home.arcor.de/drag0/xfire.txt (Hosted by drago)

Code
@-moz-document
domain("crossfire.nu"),
domain("xfire.be")
{
/* hide useless junk, ads and other things I don't approve of */
#headerAD, #topBar, #navLeft, #navRight, img[src="/images/gamestv.gif"], img[src="/images/button.gif"], img[src="/images/CF.jpg"] {
display:none !important;
}

/* general overrides */
div, span, td, a, input, textarea, select {
font-family:verdana !important;
}

body {
background:#c8c9c0 !important;
}

a, .SexySubNav a, td.SexyWhiteBGNews a {
color:#96170a !important;
text-decoration:none !important;
}

a:hover, .SexySubNav a:hover, td.SexyWhiteBGNews a:hover {
color:#000 !important;
text-decoration:none !important;
}

/* banner and menu parts */
#navMiddle {
background:#878b7a !important;
border:1px solid #53554a !important;
width:982px !important;
padding:0 !important;
}

#navMiddle span {
width:200px !important;
text-align:right !important;
margin-right:5px !important;
}

#navMiddle a {
color:#c8c9c0 !important;
}

#navMiddle a:hover {
color:#525348 !important;
}

.sepMenu {
background:none !important;
}

.SexySubNav span.active {
color:#000 !important;
}

/* navigation and content parts */
.SexyWhiteHeader, .SexyHeader {
border-top:1px solid #53554a !important;
border-bottom:1px solid #53554a !important;
padding:4px !important;
background:#878b7a !important;
color:#c8c9c0 !important;
}

table table table {
border-top:none !important;
}

.SexyHeader {
color:#000 !important;
}

.SexyWhiteHeader a {
color:#c8c9c0 !important;
}

.SexyWhiteHeader a:hover {
color:#525348 !important;
}

.SexyWhiteBG {
background:#adb0a4 !important;
color:#000 !important;

}

.SexyWhiteBGNews {
background:#adb0a4 !important;
color:#000 !important;
border-bottom:1px solid #53554a !important;
}

.SexyWhiteBG {
line-height:1.3em !important;
font-size:7pt !important;
}

.SexyContent, .SexyContentAlt {
background:#c8c9c0 !important;

}

/* small fix for articles */

.SexyArticleContent {
background:#c8c9c0 !important;
margin-bottom:2px !important;
}

tr:first-child > td.SexyArticleContent {
background:#adb0a4 !important;
border-bottom:1px solid #53554a !important;
}

.SexyErrorTable {
border:1px solid #53554a !important;
}

.SexyNoticeTable {
border:1px solid #53554a !important;
}

.SexyTable {
padding:0 !important;
border:1px solid #53554a !important;
}

.SexyColumnList {
background:#adb0a4 !important;
border:1px solid #53554a !important;
margin-bottom:2px !important;
}

fieldset {
background:#C8C9C0 !important;
}

.sticky {
color:#000 !important;
}

/* profile fixes */
td[colspan="2"] {
padding-left:3px !important;
background:#c8c9c0 !important;
}

td[colspan="3"] {
background:#adb0a4 !important;
border:1px solid #c8c9c0 !important;
padding-left:3px !important;
padding-right:3px !important;
}

td[width="100%"] {
background:#c8c9c0 !important;
}

td.SexyBoldFont {
background:#adb0a4 !important;
border:1px solid #c8c9c0 !important;
padding-left:3px !important;
padding-right:3px !important;
}

td[width="7"] {
display:none !important;
}

td.SexyBoldFont + td {
padding:2px !important;
}

td.SexyBoldFont + td, td[width="7"] + td, td[width="7"] + td + td, td[width="7"] + td + td + td {
background:#babcaf !important;
border:1px solid #c8c9c0 !important;
padding-left:3px !important;
padding-right:3px !important;
}

/* forums shizzle */
td.SexyContentAlt td {
background:none !important;
}

/* special small fixes for odd shit in random places */
.SexySubNav {
background:#adb0a4 !important;
color:#000 !important;
}

.SexyWhiteBGNews > .SexyHeader {
background:none !important;
border:none !important;
}

td[colspan="2"].SexyWhiteBGNews {
background:#adb0a4 !important;
}

td.SexyWhiteBG > a + a {
color:#000 !important;
text-decoration:underline !important;
}

td.SexyWhiteBG > a + a:hover {
text-decoration:none !important;
}

td.SexyWhiteBG > table[width="100%"] td {
border:none !important;
background:none !important;
}

.myxfUser {
padding:3px !important;
line-height:1.3em !important;
font-size:12pt !important;
}

div.constrainImages {
padding-top:2px !important;
}

/* enhancements */
#homeLink {
width:982px !important;
}

textarea {
width:500px !important;
height:200px !important;
}

select, input {
font-size:11px !important;
}

input[type="text"] {
width:400px !important;
}

.SexyOnlineFont {
color:#000 !important;
}

input.loginField {
width:90px !important;
}

[onmouseover="highlightTableRow(this,'#C5C5C5');"] {
background:#adb0a4 !important;
}

[bgcolor="#D9D9D9"] {
background:#adb0a4 !important;
}
.SexyOnlineFont {
color:#008000 !important;
font-weight:normal !important;
}
.SexyFont {
color: #FF0000 !important;
}
.SexyContentTitle {
color:#000 !important;
border-bottom:1px solid #53554a !important;
font-size: 11px !important;
line-height: 14px !important;
}
td.SexyContentTitle {
background:#ADB0A4 !important;
}
p.SexyFont {
color:#000 !important;
}
}

Opera

Instructions: Save the .css file to any location. Right-click anywhere on the site and choose 'Edit site preferences...'. Click the 'Display' tab, under 'My style sheet' click 'Choose...' and point it to the .css file you saved earlier. Restart Opera

http://home.arcor.de/flamee/necuz_xf3.css

Code/*************************************************************
* Because the Crossfire 2 is so über alles. *
* *
* Due to some limitations and changes, a perfect replica is *
* impossible--sorry. *
* *
* As is to be expected in a case like this, this is some *
* ugly, hacky shit. But, on the bright side... it works, *
* for me at least. Tested only in Opera 9.02. *
* *
* ~necuz *
*************************************************************/

/* hide useless junk, ads and other things I don't approve of */
table[height="250"], #headerAD, #topBar, #navLeft, #navRight, .SexyContentTitle, img[src="/images/gamestv.gif"] {
display:none !important;
}

/* general overrides */
div, span, td, a, input, textarea, select {
font-family:verdana !important;
font-size:12px !important;
}

table {
border-collapse:collapse !important;
}

body {
background:#c8c9c0 !important;
}

a, .SexySubNav a, td.SexyWhiteBGNews a {
color:#96170a !important;
text-decoration:none !important;
}

a:hover, .SexySubNav a:hover, td.SexyWhiteBGNews a:hover {
color:#000 !important;
text-decoration:none !important;
}

/* banner and menu parts */
#navMiddle {
background:#878b7a !important;
border:1px solid #53554a !important;
width:982px !important;
padding:0 !important;
}

#navMiddle span {
width:200px !important;
text-align:right !important;
margin-right:5px !important;
}

#navMiddle a {
color:#c8c9c0 !important;
}

#navMiddle a:hover {
color:#525348 !important;
}

.sepMenu {
background:none !important;
}

/* navigation and content parts */
.SexyWhiteHeader, .SexyHeader {
border-top:1px solid #53554a !important;
border-bottom:1px solid #53554a !important;
padding:4px !important;
background:#878b7a !important;
color:#c8c9c0 !important;
}

table table table {
border-top:none !important;
}

.SexyHeader {
color:#000 !important;
}

.SexyWhiteHeader a {
color:#c8c9c0 !important;
}

.SexyWhiteHeader a:hover {
color:#525348 !important;
}

.SexyWhiteBG, .SexyWhiteBGNews {
background:#adb0a4 !important;
color:#000 !important;
}

.SexyWhiteBGNews {
border:1px solid #adb0a4 !important;
}

.SexyWhiteBG {
line-height:1.3em !important;
font-size:7pt !important;
}

.SexyContent, .SexyContentAlt {
background:#c8c9c0 !important;
border-top:1px solid #53554a !important;
}

.SexyTable {
padding:0 !important;
border:1px solid #53554a !important;
}

fieldset {
background:#eee !important;
}

.sticky {
color:#000 !important;
}

/* profile fixes */
td[colspan="2"] {
padding-left:3px !important;
background:#c8c9c0 !important;
}

td[colspan="3"] {
background:#adb0a4 !important;
border:1px solid #c8c9c0 !important;
padding-left:3px !important;
padding-right:3px !important;
}

td[width="100%"] {
background:#c8c9c0 !important;
}

td.SexyBoldFont {
background:#adb0a4 !important;
border:1px solid #c8c9c0 !important;
padding-left:3px !important;
padding-right:3px !important;
}

td[width="7"] {
display:none !important;
}

td.SexyBoldFont + td {
padding:2px !important;
}

td.SexyBoldFont + td, td[width="7"] + td, td[width="7"] + td + td, td[width="7"] + td + td + td {
background:#babcaf !important;
border:1px solid #c8c9c0 !important;
padding-left:3px !important;
padding-right:3px !important;
}

/* forums shizzle */
td.SexyContentAlt td {
background:none !important;
}

/* special small fixes for odd shit in random places */
.SexySubNav {
background:#adb0a4 !important;
color:#000 !important;
border:1px solid #53554a !important;
}

.SexyWhiteBGNews > .SexyHeader {
background:none !important;
border:none !important;
}

td[colspan="2"].SexyWhiteBGNews {
background:#adb0a4 !important;
border:1px solid #53554a !important;
}

td.SexyWhiteBG > a + a {
color:#000 !important;
text-decoration:underline !important;
}

td.SexyWhiteBG > a + a:hover {
text-decoration:none !important;
}

td.SexyWhiteBG > table[width="100%"] td {
border:none !important;
background:none !important;
}

.myxfUser {
padding:3px !important;
line-height:1.3em !important;
font-size:12pt !important;
}

div.constrainImages {
padding-top:2px !important;
}

/* enhancements */
#homeLink {
width:982px !important;
}

textarea {
width:500px !important;
height:200px !important;
}

select, input {
font-size:12px !important;
}

input[type="text"] {
width:400px !important;
}

.SexyOnlineFont {
color:#000 !important;
}