Go Back   Computer Forums > Welcome To Computer Forums .org > Social Lounge | Off Topic
Click Here to Login
Join Computer forums Today


Reply
 
Thread Tools Search this Thread Display Modes
 
Old 08-09-2008, 05:20 PM   #11
Site Team
 
David Lindon's Avatar
 
Join Date: Dec 2002
Posts: 15,233
Default Re: All you CSS guys

That sounds like a cool idea. If anyone comes up with a really cool one I can upload it to the server as a user selectable style
__________________

__________________
[url=http://www.LNXPS.NET]LNXPS.NET - The XPS Library]
David Lindon is offline   Reply With Quote
Old 08-09-2008, 06:55 PM   #12
j03
~~~~~~~~
 
Join Date: Jan 2005
Location: Wales
Posts: 5,556
Send a message via MSN to j03
Default Re: All you CSS guys

[Motivation]
Quote:
Originally Posted by David Lindon View Post
That sounds like a cool idea. If anyone comes up with a really cool one I can upload it to the server as a user selectable style
[/Motivation]

David - This would be easier to do, if the logo was just a DIV box, with it's background assigned via CSS. That way, we could change the logo.
__________________

j03 is offline   Reply With Quote
Old 08-09-2008, 07:53 PM   #13
Fully Optimized
 
_-..zKiLLA..-_'s Avatar
 
Join Date: Nov 2007
Posts: 3,952
Send a message via AIM to _-..zKiLLA..-_
Default Re: All you CSS guys

why brown?

this one is pretty cool but i couldn't find the rest of the brown lol

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

@-moz-document domain("computerforums.org") {
body
{
	background: #ff0000 !important;
	color: #ffffff !important;
	font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
}
a:link, body_alink
{
	color: #ff0000 !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: #FFFFFF !important;
	font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
}
.tborder
{
	background: #790E0E !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: #FFFFFF !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: #991111 !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: #FF0000 !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: #FF0000 !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: #FF0000 !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: #FF0000 !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; }
}
__________________
My beast lappy: Acer netbook, 1.6ghz atom dual core, 2gb ddr3
My PSN: Kalikid_420
_-..zKiLLA..-_ is offline   Reply With Quote
Old 08-09-2008, 08:47 PM   #14
Fully Optimized
 
hascet's Avatar
 
Join Date: Jul 2006
Posts: 3,218
Default Re: All you CSS guys

Quote:
Originally Posted by David Lindon View Post
That sounds like a cool idea. If anyone comes up with a really cool one I can upload it to the server as a user selectable style
If your going to do that, you may as well just pick a theme from the thousands of vB themes that are already out there.
__________________
www.crazycomputers.org
hascet is offline   Reply With Quote
Old 08-10-2008, 06:06 AM   #15
j03
~~~~~~~~
 
Join Date: Jan 2005
Location: Wales
Posts: 5,556
Send a message via MSN to j03
Default Re: All you CSS guys

ComputerVitals, Anyone?:
http://pastebin.com/f6206f256

Quote:
Originally Posted by _-..zKiLLA..-_ View Post
why brown?

this one is pretty cool but i couldn't find the rest of the brown lol

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

@-moz-document domain("computerforums.org") {
body
{
	background: #ff0000 !important;
	color: #ffffff !important;
	font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
}
a:link, body_alink
{
	color: #ff0000 !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: #FFFFFF !important;
	font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
}
.tborder
{
	background: #790E0E !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: #FFFFFF !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: #991111 !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: #FF0000 !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: #FF0000 !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: #FF0000 !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: #FF0000 !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; }
}
Because im lazy and just inverted the colours
j03 is offline   Reply With Quote
Old 08-10-2008, 06:24 AM   #16
Bogan
 
Neodude112320's Avatar
 
Join Date: Feb 2006
Location: Australia
Posts: 8,471
Send a message via MSN to Neodude112320
Default Re: All you CSS guys

I Thought i was for CS:S As Well

But i just installed it,And i think this could fix everyone's winge about the colours!

After CSI,Im Gonna Experiment with it
__________________
Desktop:BitFenix Survivor~Gigabyte GA-P67A-UD3R~ i7 2600K @ 4hz~AMD 6870 1GB~12gb Team Elite DDR3 1333~3xWD In RAID5~W7 Ult
Laptop:Alienware M11x~ i7-2637M 1.7GHz~16GB 1333MHz DDR3~GeForce GT 540M~W7 Ult
Neodude112320 is offline   Reply With Quote
Old 08-10-2008, 04:33 PM   #17
Fully Optimized
 
_-..zKiLLA..-_'s Avatar
 
Join Date: Nov 2007
Posts: 3,952
Send a message via AIM to _-..zKiLLA..-_
Default Re: All you CSS guys

Quote:
Originally Posted by J03 View Post
i like this one
__________________

__________________
My beast lappy: Acer netbook, 1.6ghz atom dual core, 2gb ddr3
My PSN: Kalikid_420
_-..zKiLLA..-_ is offline   Reply With Quote
Reply

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off



All times are GMT -5. The time now is 12:47 AM.


Powered by vBulletin® Version 3.8.8 Beta 4
Copyright ©2000 - 2017, vBulletin Solutions, Inc.
Search Engine Friendly URLs by vBSEO 3.6.0