custom crossfire CSS

by fusen • 1 Aug 2008, 12:06 • Journals
Are there any custom CSS files for Crossfire out there?

I'd be willing to add the option for users to officially select alternative styles to the current standard one but don't know if there are actually any others.

I know there is the xf2 css file but iirc it fucks up quite a few areas.
Comments
52
▼
HellHammer 1 Aug 2008, 13:08
kyra made one. works and looks good, but i lost it after format :<

btw found
http://userstyles.org/styles/6164
▼
fusen 1 Aug 2008, 13:11
n1, that looks pretty swish
Parent
▼
Bulld0g 1 Aug 2008, 13:11
yeah just installed it :)
Parent
▼
w0nd3r 1 Aug 2008, 13:12
same here harharharharrrrr
Parent
▼
MamLas 1 Aug 2008, 13:30
looks pretty cool
Parent
▼
Puubuu 1 Aug 2008, 13:08
I found the Ignore function 8D
▼
im a tree 1 Aug 2008, 13:12
id be tempted to make one if i had the chance (probably a minimalist style), im just not really bothered about using stylish to do it, also the fact that i often end using different browsers/machines on a regular basis to browse :\
▼
fusen 1 Aug 2008, 15:38
with all current ones, I am deleting any ad removal lines of code :/

just incase you do create one and then wonder why it isn't so minimal by default :P

go ahead and adblock the shit out of it afterwards but obviously don't think it's too wise to officially block the sites own ads
Parent
▼
im a tree 1 Aug 2008, 15:39
i didnt intend to visible: none; the ads, dont worry :P
Parent
▼
Dylon 1 Aug 2008, 13:12
good idea
▼
triflip 1 Aug 2008, 13:15
I made the Dark Crossfire pink, but I lost it due format.

Can ndo it again if somebody rly wants a pink crossfire ^^
▼
shepherd 1 Aug 2008, 13:16
A dark version of CF would be nice and I mean REALLY DARK.
▼
ag0n 1 Aug 2008, 13:17
I have an edited version of kyra with black aspect... i can paste there as soon as i get in home (1 hour)

EDIT: I have been using this one:

image: cfblackdb7

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("crossfire.nu"),
url("http://www.crossfire.nu"),
url-prefix("http://crossfire.nu/?x=news")
{
body
{
background: #333333 !important;
}
}

.SexyWhiteBG a:link { color:#AE1601 !important; text-decoration: none !important; }

.SexyWhiteBG a:visited { color:#AE1601 !important; text-decoration: none !important; }

.SexyWhiteBG a:hover { color:#000 !important; text-decoration: none !important; }


#banner { background:#302E2F url(http://elitepicturehost.com/up_imgs/img_a8d22c94d6a445d629313d9f544336fa.jpg) no-repeat !important; }

.SexyWhiteBG { background:#e2e2e2 !important; border-bottom:7px solid #333 !important; padding-left:8px !important; }

.SexyWhiteHeader { border:2px solid #fff !important; background:#333 !important; }

.SexyWhiteBGNews { background:#333 !important; }

.SexyColumnList { background:#fff !important; padding:1px !important; border:4px solid #555 !important; width:612px !important; margin-bottom:3px !important; margin-top:3px !important; }

.SexyColumnList A:link, .SexyColumnList A:visited { color:#AE1601 !important; }

.SexyColumnList A:hover { color:#333 !important; }

.SexyContent A:link, .SexyContent A:visited { color:#AE1601 !important; }

.SexyContent A:hover { color:#333 !important; }

.SexyTable { border:1px solid #fff !important; background:#fff !important; }

#navContainer { padding-top:2px !important; }


.sepMenu, .nosepMenu { !important; padding:2px 16px 2px 16px !important; line-height:18px !important; margin-right:15px !important; margin-top:2px !important; }

.sepMenu a:hover, .nosepMenu a:hover { color:#222 !important; }

.pagination a:link, .pagination a:visited { color:#FF4E00 !important; }

.pagination a:hover, .pagination { color:#ccc !important; }

.SexyFont { color:#fff !important; }

.SexyFont A:link { color:#FF4E00!important; }



hf
▼
stownage 1 Aug 2008, 13:22
looks nice :O
Parent
▼
ag0n 1 Aug 2008, 13:23
Shoutout to kyra anyway :) I just changed the menu bar color and some other shit.. cant remember
Parent
▼
ng 1 Aug 2008, 15:39
the top banner looks damn good! very well done!
Parent
▼
Teslanaut 1 Aug 2008, 13:23
wow, Italy n1ce Belgium EDiT
Parent
▼
Deactivated7001 1 Aug 2008, 13:23
Hellhammer posted it already in the first comment.
Parent
▼
ag0n 1 Aug 2008, 13:24
diferent colors of menu and some font color i think.. cant remember what i changed because i edited "my" version since kyra created his version
Parent
▼
Teslanaut 1 Aug 2008, 13:27
well it's almost the same except that kyra's version is better (better "menu")
Parent
▼
ag0n 1 Aug 2008, 13:28
I dont like the orange color :< Its personal (means you can say that is better or worst because the code is the same.. just a color is diferent)
Parent
▼
Teslanaut 1 Aug 2008, 13:29
but orange fits better imo.. anyway it's the only thing you changed am I rite?
Parent
▼
ag0n 1 Aug 2008, 13:30
I think i also changed some text color because it was anoying me.. but i cant remember.. it was at 6 months ago.. or even more... just compare them :<
Parent
▼
jonas 1 Aug 2008, 13:28
hmm for me everything that should be grey is white?! :$ (latest opera)
Parent
▼
ag0n 1 Aug 2008, 13:31
:< dunno sorry
Parent
▼
Deactivated5169 1 Aug 2008, 13:38
how do you remove banner up and banner under the gamestv.org feed
Parent
▼
ag0n 1 Aug 2008, 13:40
I used adblock plus :)
Parent
▼
txcxL 1 Aug 2008, 13:35
how to change back then? :x

edit: found it out...
▼
Thomm 1 Aug 2008, 13:42
How did you change it back? I don´t like this either.

EDIT: Found it too :)
Parent
▼
triflip 1 Aug 2008, 14:08
finished the pink one for howfar I could do it, still need a pink menu under the banner but couldn't fix that :(

image: pinkcf

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("crossfire.nu"), url("http://www.crossfire.nu"),
domain("xfire.be"), url("http://www.xfire.be") {

body { background: #CC66FF !important; margin-top:-21px !important; }

.SexyWhiteBG a:link { color:#FF0066 !important; text-decoration: none !important; }

.SexyWhiteBG a:visited { color:#FF0066 !important; text-decoration: none !important; }

.SexyWhiteBG a:hover { color:#333 !important; text-decoration: none !important; }

.SexyWhiteBG { background:#e2e2e2 !important; border-bottom:6px solid #CC66FF !important; padding-left:8px !important; }

.SexyWhiteHeader { border:2px solid #FFCCFF !important; background:#CC0099 !important; }

.SexyWhiteBGNews { background:#CC0099 !important; }

.SexyColumnList { background:#CC0099 !important; border:2px solid #FFCCFF !important; margin:2px 0px 8px 0px !important; }

.SexyColumnList A:link, .SexyColumnList A:visited { color:#FF0066 !important; }

.SexyColumnList A:hover { color:#333 !important; }

.SexyContent A:link, .SexyContent A:visited { color:#FF0066 !important; }

.SexyContent A:hover { color:#333 !important; }

.SexyTable { border:1px solid #FFCCFF !important; background:#CC0099 !important; }

.SexyWhiteHeaderText { color:#F3F3F3 !important; }

#navContainer { padding-top:2px !important; }

.sepMenu, .nosepMenu { margin-top:6px !important; padding-left:20px !important; padding-right:20px !important; }

.sepMenu a:hover, .nosepMenu a:hover { color:#FF4E00 !important; }

.pagination a:link, .pagination a:visited { color:#FF4E00 !important; }

.pagination a:hover, .pagination { color:#ccc !important; }

.SexyFont { color:#000 !important; }

.SexyFont A:link { color:#FF4E00 !important; }
}
▼
HellHammer 1 Aug 2008, 14:09
:DDDDDDDDDDDDDDDd lol
Parent
▼
triflip 1 Aug 2008, 14:17
working on the menu atm, going pretty well, maybe i'll just remove the banner if posible so it will look better. Or somebody has to make a pink cf banner for me xD
Parent
▼
triflip 1 Aug 2008, 14:25
finished the sexy pink cf

image: sexypinkcf

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("crossfire.nu"), url("http://www.crossfire.nu"),
domain("xfire.be"), url("http://www.xfire.be") {

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


body { background: #CC66FF !important; margin-top:-21px !important; }

td#banner {
background-image:url(/images/header4.jpg);
background-repeat:no-repeat !important;
background-color:#302f2f !important;
height:130px !important;
width:700px !important;
border-left:0px solid #000000 !important;
border-right:0px solid #000000 !important;
position:relative !important;
}

#navMiddle {
background:#CC0099 !important;
border:1px solid #FFCCFF !important;
width:982px !important;
padding:0 !important;
}

.sepMenu {
background:none !important;
}

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

#navLeft, #navRight {
width: 0px !important;}

.SexyWhiteBG a:link { color:#FF0066 !important; text-decoration: none !important; }

.SexyWhiteBG a:visited { color:#FF0066 !important; text-decoration: none !important; }

.SexyWhiteBG a:hover { color:#333 !important; text-decoration: none !important; }

.SexyWhiteBG { background:#e2e2e2 !important; border-bottom:6px solid #CC66FF !important; padding-left:8px !important; }

.SexyWhiteHeader { border:2px solid #FFCCFF !important; background:#CC0099 !important; }

.SexyWhiteBGNews { background:#CC0099 !important; }

.SexyColumnList { background:#CC0099 !important; border:2px solid #FFCCFF !important; margin:2px 0px 8px 0px !important; }

.SexyColumnList A:link, .SexyColumnList A:visited { color:#FF0066 !important; }

.SexyColumnList A:hover { color:#333 !important; }

.SexyContent A:link, .SexyContent A:visited { color:#FF0066 !important; }

.SexyContent A:hover { color:#333 !important; }

.SexyTable { border:1px solid #FFCCFF !important; background:#CC0099 !important; }

.SexyWhiteHeaderText { color:#F3F3F3 !important; }

.SexyContentTitle {
background-color:#CC0099 !important;
background-image:url(/images/content_middle.gif) !important;
color:#F3F3F3 !important;
font-family: Tahoma, 'Bitstream Vera Sans' !important;
font-weight: bold !important;
font-size: 12px !important;
line-height: 14pt !important;
}

#navContainer { padding-top:2px !important; }

.sepMenu, .nosepMenu { margin-top:6px !important; padding-left:20px !important; padding-right:20px !important; }

.sepMenu a:hover, .nosepMenu a:hover { color:#FF4E00 !important; }

.pagination a:link, .pagination a:visited { color:#FF4E00 !important; }

.pagination a:hover, .pagination { color:#ccc !important; }

.SexyFont { color:#000 !important; }

.SexyFont A:link { color:#FF4E00 !important; }
}

hf with it

EDIT: seems like comments header is still black need the code for that but can't find it :(
EDIT 2: fixed and code updated
Parent
▼
Uteoz 1 Aug 2008, 17:00
looks kinda...homo
Parent
▼
Yossarian 1 Aug 2008, 14:35
i have old xfire css <3 made by some fin, will post it later
▼
im a tree 1 Aug 2008, 15:54
necuz? ;o
Parent
▼
Yossarian 1 Aug 2008, 16:02
prolly, but i recently checked some css style possibly made by him and it was kinda ugly compared to what i have (font used especially, dunno tho on what that depends)
Parent
▼
im a tree 1 Aug 2008, 16:16
sif any font looks good on crossfire with 5px font size

thank god for ff3 zoom in
Parent
Back to top