Colourizing Sharky via Greasemonkey

[McRontaya]

Okay, was wondering if someone could help me get the proper scripts to colour the right places on the site. So far, I just have the Background colour set to black with:

javascript:void(document.getElementsByTagName('body')[0].style.backgroundColor="#000");

Thanks to JPnyc.

And further help would be appreciated. I just need to know what each line is colourizing. Things such as the Oranges, Blues, Grays, etc.

[PCJ]

pm me if you want this css template

http://i22.tinypic.com/16bn9ye.jpg

[proxops-pete]

pm me if you want this css template

http://i22.tinypic.com/16bn9ye.jpg


:eek: You must be blind by now!! :p

[ImaNihilist]

Ahahahahahaha. +1 for PCJ.

[McRontaya]

Oh my jesus... I'll PM you for the template, but my god, I'm gonna end up changing some of the colours. **** son.

[MrDigital]

PCJ proves to be a god among men.

[Timman_24]

Lol that is awesome. Holy crap FF2 has spell check, that is nuts!

[PCJ]

sorry to disappoint but that was a photoshop

but to actually be constructive


<!-- CSS Stylesheet -->
<style type="text/css" id="vbulletin_css">
<!--
/* vBulletin 3 CSS For Style 'SharkeyVbulletin3.5' (styleid: 7) */
body
{
background: #EFEFEF;
color: #000000;
}
a:link
{
color: #000000;
}
a:visited
{
color: #000000;
}
a:hover, a:active
{
color: #FFAA00;
}
.page
{
background: #FFFFFF;
color: #000000;
}
td, th, p, li
{
font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.tborder
{
background: #000000;
color: #EEEEEE;
}
.tcat
{
background: #FFAA00;
color: #000000;
font-weight: bold;
}
.tcat a:link
{
color: #000000;
}
.tcat a:visited
{
color: #000000;
}
.tcat a:hover, .tcat a:active
{
color: #000000;
text-decoration: underline;
}
.thead
{
background: #3F526F;
color: #EEEEEE;
font-size: 9pt;
font-weight: bold;
}
.thead a:link
{
color: #EEEEEE;
}
.thead a:visited
{
color: #EEEEEE;
}
.thead a:hover, .thead a:active
{
color: #FFAA00;
}
.tfoot
{
background: #3F526F;
color: #EEEEEE;
}
.tfoot a:link
{
color: #EEEEEE;
}
.tfoot a:visited
{
color: #EEEEEE;
}
.tfoot a:hover, .tfoot a:active
{
color: #FFAA00;
}
.alt1, .alt1Active
{
background: #DEDFDF;
color: #000000;
}
.alt1 a:link, .alt1Active a:link
{
color: #000000;
text-decoration: underline;
}
.alt1 a:visited, .alt1Active a:visited
{
color: #000000;
text-decoration: underline;
}
.alt1 a:hover, .alt1 a:active, .alt1Active a:hover, .alt1Active a:active
{
color: #FFAA00;
}
.alt2, .alt2Active
{
background: #F7F7F7;
color: #000000;
}
.alt2 a:link, .alt2Active a:link
{
color: #000000;
}
.alt2 a:visited, .alt2Active a:visited
{
color: #000000;
}
.alt2 a:hover, .alt2 a:active, .alt2Active a:hover, .alt2Active a:active
{
color: #FFAA00;
}
td.inlinemod
{
background: #FFFFCC;
color: #000000;
}
.wysiwyg
{
background: #DEDFDF;
color: #000000;
font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
textarea, .bginput
{
font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.button
{
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
select
{
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
option, optgroup
{
font-size: 11px;
font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.smallfont
{
color: #000000;
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.time
{
color: #3F526F;
}
.navbar
{
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.highlight
{
color: #FFAA00;
font-weight: bold;
}
.fjsel
{
color: #000000;
}
.fjdpth0
{
background: #F7F7F7;
color: #000000;
}
.panel
{
background: #F7F7F7;
color: #000000;
padding: 10px;
border: 2px outset;
}
.panelsurround
{
background: #F7F7F7;
color: #000000;
}
legend
{
color: #22229C;
font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.vbmenu_control
{
background: #3F526F;
color: #EEEEEE;
font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
padding: 3px 6px 3px 6px;
white-space: nowrap;
}
.vbmenu_control a:link
{
color: #EEEEEE;
text-decoration: none;
}
.vbmenu_control a:visited
{
color: #EEEEEE;
text-decoration: none;
}
.vbmenu_control a:hover, .vbmenu_control a:active
{
color: #FFAA00;
text-decoration: underline;
}
.vbmenu_popup
{
background: #FFFFFF;
color: #000000;
border: 1px solid #0B198C;
}
.vbmenu_option
{
background: #BBC7CE;
color: #000000;
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
white-space: nowrap;
cursor: pointer;
}
.vbmenu_option a:link
{
color: #22229C;
text-decoration: none;
}
.vbmenu_option a:visited
{
color: #22229C;
text-decoration: none;
}
.vbmenu_option a:hover, .vbmenu_option a:active
{
color: #FFFFFF;
text-decoration: none;
}
.vbmenu_hilite
{
background: #8A949E;
color: #FFFFFF;
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
white-space: nowrap;
cursor: pointer;
}
.vbmenu_hilite a:link
{
color: #FFFFFF;
text-decoration: none;
}
.vbmenu_hilite a:visited
{
color: #FFFFFF;
text-decoration: none;
}
.vbmenu_hilite a:hover, .vbmenu_hilite a:active
{
color: #FFFFFF;
text-decoration: none;
}
.h { font-family: Arial; font-size: 21pt; line-height: 19pt; color: #ffffff }
.m { font-family: Arial; font-size: 9pt; color: #ffffff }
.l { font-family: Arial; font-size: 9pt; color: #000000 }

a { text-decoration: none; color=\"#3f526f\" }
a.l { color: #000000; text-decoration: none }
a.l2 { color: #000000; text-decoration: none }
a.m { color: #ffffff; text-decoration: none }
a:visited.m { color: #ffffff; text-decoration: none }
a:hover.m { color: #FFAA00; text-decoration: none }


.menuwhite a{ text-decoration: none; font-family: Arial; font-size: 9pt; line-height: 15px; font-weight: bold; color: white; }
.menuwhite a:hover { color:#FFAA00 }
#aup { font:bold 10pt arial }
.menublack a:hover { color:#000000; text-decoration:underline }
.menuwhite a:visited{ text-decoration: none; font-family: Arial; font-size: 9pt; line-height: 15px; font-weight: bold; color: white; }
.menuwhite a:hover { color:#FFAA00 }
-->
</style>

<!-- / CSS Stylesheet -->


I can't be bothered to look at what is what but the var names seem to be quite self explanatory.

[McRontaya]

Thanks, don't know how I would put that into Greasemonkey, but I guess using a CSS Style sheet would be fine when im at home. Thanks for the post buddy.