All you CSS guys

[_-..zKiLLA..-_]

how about make a userstyle for CF? it will be used with firefox 3.0 and that nifty little "Stylish" plugin

http://userstyles.org/

 

[bullzi]

i think we should. that'd make CF a lot better if we had some different themes or somethin..

 

[DefCon_!1!]

lol....i though u where talkin bout CS:S


lol....but ya....id like that idea

too bad i has no skills in CSS, or CS:S

 

[bullzi]

oh, i thought you were talking about CS:S too...

 

[_-..zKiLLA..-_]

No this is the programming language i dont have much knowledge in this area so i though somebody here could look into it.

 

[J03]

I'll have a look into it

 

[_-..zKiLLA..-_]

Sweet i would love one of these, u can get rid of the ads and make a dark theme

 

[J03]

Okay, Doesnt seem to difficult to use - It'll just take a while. I'll be doing a considerable amount of find & replace to swap the colours, Mind you

 

[_-..zKiLLA..-_]

Sweet!! make it like black and red. it'll look so sik

 

[J03]

It's a bit of a bitch to do. Im gonna try and make an inverted one XD

edit: i found a CSS Hex code inverted. Im just polishing the code, Ready in a few mins... Im not saying it's pretty... But it's dark!

Ok, this really is a bit of a bitch to do. The top bar with the links in, isnt very compliant, which is stopping me from doing this properly...

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("computerforums.org") {
body
{
	background: #424242 !important;
	color: #ffffff !important;
	font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
}
a:link, body_alink
{
	color: #ffffdf !important;
	text-decoration: underline !important;
}
a:visited, body_avisited
{
	color: #ffffdf !important;
	text-decoration: underline !important;
}
a:hover, a:active, body_ahover
{
	color: #69695d !important;
	text-decoration: underline !important;
}
.page
{
	background: #000000 !important;
	color: #ffffdf !important;
}
.page a:link, .page_alink
{
	color: #ffffdf !important;
}
.page a:visited, .page_avisited
{
	color: #ffffdf !important;
}
.page a:hover, .page a:active, .page_ahover
{
	color: #69695d !important;
}
td, th, p, li
{
	color: #9c9c9c !important;
	font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
}
.tborder
{
	background: #333333 !important;
	color: #ffffdf !important;
}
.tcat
{
	background: #ac8e67 !important;
	color: #000000 !important;
	font-size: 10pt !important;
}
.tcat a:link, .tcat_alink
{
	color: #000000 !important;
	text-decoration: none !important;
}
.tcat a:visited, .tcat_avisited
{
	color: #000000 !important;
	text-decoration: none !important;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
{
	color: #000000 !important;
	text-decoration: underline !important;
}
.thead
{
	background: #cebd9c !important;
	color: #000000 !important;
	font-size: 10px !important;
	font-weight: bold !important;
}
.thead a:link, .thead_alink
{
	color: #000000 !important;
}
.thead a:visited, .thead_avisited
{
	color: #000000 !important;
}
.thead a:hover, .thead a:active, .thead_ahover
{
	color: #000000 !important;
}
.tfoot
{
	background: #202020 !important;
	color: #000000 !important;
}
.tfoot a:link, .tfoot_alink
{
	color: #000000 !important;
}
.tfoot a:visited, .tfoot_avisited
{
	color: #000000 !important;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
	color: #000000 !important;
}
.alt1, .alt1Active
{
	background: #0e0e0e !important;
	color: #ffffdf !important;
}
.alt1 a:link, .alt1_alink, .alt1Active a:link, .alt1Active_alink
{
	color: #ffffdf !important;
}
.alt1 a:visited, .alt1_avisited, .alt1Active a:visited, .alt1Active_avisited
{
	color: #ffffdf !important;
}
.alt1 a:hover, .alt1 a:active, .alt1_ahover, .alt1Active a:hover, .alt1Active a:active, .alt1Active_ahover
{
	color: #69695d !important;
}
.alt2, .alt2Active
{
	background: #202020 !important;
	color: #ffffdf !important;
}
.alt2 a:link, .alt2_alink, .alt2Active a:link, .alt2Active_alink
{
	color: #ffffdf !important;
}
.alt2 a:visited, .alt2_avisited, .alt2Active a:visited, .alt2Active_avisited
{
	color: #ffffdf !important;
}
.alt2 a:hover, .alt2 a:active, .alt2_ahover, .alt2Active a:hover, .alt2Active a:active, .alt2Active_ahover
{
	color: #69695d !important;
}
td.inlinemod
{
	background: #000033 !important;
	color: #ffffff !important;
}
.wysiwyg
{
	background: #0a0a00 !important;
	color: #ffffff !important;
	font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
}
textarea, .bginput
{
	font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
}
.button
{
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
}
select
{
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
}
option, optgroup
{
	font-size: 11px !important;
	font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
}
.smallfont
{
	color: #9c9c9c !important;
	font: 10px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
}
.time
{
	color: #ffffdf !important;
}
.navbar
{
	color: #ffffdf !important;
	font-weight: bold !important;
}
.navbar a:link, .navbar_alink
{
	color: #ffffdf !important;
}
.navbar a:visited, .navbar_avisited
{
	color: #ffffdf !important;
}
.navbar a:hover, .navbar a:active, .navbar_ahover
{
	color: #ffffdf !important;
}
.highlight
{
	color: #00ffff !important;
	font-weight: bold !important;
}
.fjsel
{
	background: #c1a36d !important;
	color: #1f1f09 !important;
}
.fjdpth0
{
	background: #080808 !important;
	color: #ffffff !important;
}
.panel
{
	background: #1b180a url(images/gradients/gradient_panel.gif) repeat-x top left !important;
	color: #ffffff !important;
	padding: 10px !important;
	border: 2px outset !important;
}
.panelsurround
{
	background: #2e2b1f url(images/gradients/gradient_panelsurround.gif) repeat-x top left !important;
	color: #ffffff !important;
}
legend
{
	color: #dddd63 !important;
	font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
}
.vbmenu_control
{
	background: #8c7040 !important;
	color: #000000 !important;
	font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
	padding: 3px 6px 3px 6px !important;
	white-space: nowrap !important;
}
.vbmenu_control a:link, .vbmenu_control_alink
{
	color: #000000 !important;
	text-decoration: none !important;
}
.vbmenu_control a:visited, .vbmenu_control_avisited
{
	color: #000000 !important;
	text-decoration: none !important;
}
.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover
{
	color: #000000 !important;
	text-decoration: underline !important;
}
.vbmenu_popup
{
	background: #000000 !important;
	color: #ffffff !important;
	border: 1px solid #f4e673 !important;
}
.vbmenu_option
{
	background: #443831 !important;
	color: #ffffff !important;
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
	white-space: nowrap !important;
	cursor: pointer !important;
}
.vbmenu_option a:link, .vbmenu_option_alink
{
	color: #dddd63 !important;
	text-decoration: none !important;
}
.vbmenu_option a:visited, .vbmenu_option_avisited
{
	color: #dddd63 !important;
	text-decoration: none !important;
}
.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover
{
	color: #000000 !important;
	text-decoration: none !important;
}
.vbmenu_hilite
{
	background: #756b61 !important;
	color: #000000 !important;
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
	white-space: nowrap !important;
	cursor: pointer !important;
}
.vbmenu_hilite a:link, .vbmenu_hilite_alink
{
	color: #000000 !important;
	text-decoration: none !important;
}
.vbmenu_hilite a:visited, .vbmenu_hilite_avisited
{
	color: #000000 !important;
	text-decoration: none !important;
}
.vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover
{
	color: #000000 !important;
	text-decoration: none !important;
}
/* ***** styling for 'big' usernames on postbit etc. ***** */
.bigusername { font-size: 14pt !important; }

/* ***** small padding on 'thead' elements ***** */
td.thead, div.thead { padding: 4px !important; }

/* ***** basic styles for multi-page nav elements */
.pagenav a { text-decoration: none !important; }
.pagenav td { padding: 2px 4px 2px 4px !important; }

/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { margin-bottom: 6px !important; }
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px !important; }

/* ***** don't change the following ***** */
form { display: inline !important; }
label { cursor: default !important; }
.normal { font-weight: normal !important; }
.inlineimg { vertical-align: middle !important; }
}

Yes, I did say it's not very good... the logo is messed up too.