Colourizing Sharky via Greasemonkey

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.

pm me if you want this css template

https://www.sharkyforums.com/images/...2007/10/94.jpg

Quote:

---

Originally Posted by PCJ

pm me if you want this css template

https://www.sharkyforums.com/images/...2007/10/94.jpg

---

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

Ahahahahahaha. +1 for PCJ.

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

PCJ proves to be a god among men.

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

sorry to disappoint but that was a photoshop

but to actually be constructive

Code:

---

<!-- 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.

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.