Starcraft II Stylish Theme

ReVolver

Mega Super Ultra Cool Member
Reaction score
608
This is a theme I created for the Starcraft II section of the site, I don't know what the progress for the theme is as of now, but I have tweaked it a bit to make it feel better on your eyes. Let me know if you want anything changed or a suggestion to keep this theme going.

Things Done:
  • Navigation Icons
  • AOL/Yahoo/MSN Icons
  • Reputation Icons
  • New Logo
  • Background Changed
  • GUI
  • JASS
  • Online/Offline Icons

Things Not Done:
  • Overall Forum Color Layout
  • Smilies and Skype Icons

Screenshots:







Suggestions:
[None At The Moment]

Requirements:
  • Mozilla Firefox or Google Chrome Browsers
  • Sylish or GreaseMonkey Plugins

How To Install:
***You Must Have Starcraft II Theme Enabled!***
Stylish: http://userstyles.org/styles/36928?r=1284713740
GreaseMonkey: Use the same link as Stylish or use this code
Code:
// ==UserScript==
// @name          TheHelper.Net Starcraft II CSS Fix
// @namespace     http://userstyles.org
// @description	  Fixes some CSS that interferes with Starcraft II CSS Design
// @author        ReVolver
// @homepage      http://userstyles.org/styles/36928
// @include       http://thehelper.net/*
// @include       https://thehelper.net/*
// @include       http://*.thehelper.net/*
// @include       https://*.thehelper.net/*
// ==/UserScript==
(function() {
var css = "img[src=\"/forums/images/dot.gif\"]{background: url(\nhttp://imm.io/media/1k/1kDT.png) no-repeat !important;\nheight:0 !important;\nwidth:0 !important;\npadding-left:15px !important;\npadding-top:15px !important;}\n\nimg[src=\"images/misc/im_aim.gif\"]{background: url(\nhttp://imm.io/media/1k/1kHG.png) no-repeat !important;\nheight:0 !important;\nwidth:0 !important;\npadding-left:17px !important;\npadding-top:17px !important;}\n\nimg[src=\"images/misc/im_yahoo.gif\"]{background: url(\nhttp://imm.io/media/1k/1kHQ.png) no-repeat !important;\nheight:0 !important;\nwidth:0 !important;\npadding-left:17px !important;\npadding-top:17px !important;}\n\nimg[src=\"images/misc/im_msn.gif\"]{background: url(\nhttp://imgur.com/r872t.gif) no-repeat !important;\nheight:0 !important;\nwidth:0 !important;\npadding-left:17px !important;\npadding-top:17px !important;}\n\nimg[src=\"images/reputation/reputation_highpos.gif\"]{background: url(http://imgur.com/gHdh7.png) no-repeat !important;\nheight:0 !important;\nwidth:0 !important;\npadding-left:8px !important;\npadding-top:10px !important;}\n\nimg[src=\"images/reputation/reputation_pos.gif\"]{background: url(http://imgur.com/30elQ.png) no-repeat !important;\nheight:0 !important;\nwidth:0 !important;\npadding-left:8px !important;\npadding-top:10px !important;}\n\nimg[src=\"images/reputation/reputation_neg.gif\"]{background: url(http://imgur.com/ZydUQ.png) no-repeat !important;\nheight:0 !important;\nwidth:0 !important;\npadding-left:8px !important;\npadding-top:10px !important;}\n\n\nimg[src=\"images/reputation/reputation_highneg.gif\"]{background: url(http://imgur.com/m3qnc.png) no-repeat !important;\nheight:0 !important;\nwidth:0 !important;\npadding-left:8px !important;\npadding-top:10px !important;}\n\nimg[src=\"images/reputation/reputation_balance.gif\"]{background: url(http://imgur.com/p2FCc.png) no-repeat !important;\nheight:0 !important;\nwidth:0 !important;\npadding-left:8px !important;\npadding-top:10px !important;}\n\nimg[src=\"images/reputation/reputation_off.gif\"]{background: url(http://imgur.com/p2FCc.png) no-repeat !important;\nheight:0 !important;\nwidth:0 !important;\npadding-left:8px !important;\npadding-top:10px !important;}\n\nimg[src=\"images/statusicon/user_online.gif\"]{background: url(http://imm.io/media/1k/1kE8.png) no-repeat !important;\nheight:0 !important;\nwidth:0 !important;\npadding-left:15px !important;\npadding-top:15px !important;}\n\nimg[src=\"images/statusicon/user_offline.gif\"]{background: url(http://imm.io/media/1k/1kE0.png) no-repeat !important;\nheight:0 !important;\nwidth:0 !important;\npadding-left:15px !important;\npadding-top:15px !important;}\n\n\n\nbody{background-image:url('http://starcraft2.thehelper.net/media/images/backdrop.png') !important; background-repeat: repeat !important;\nbackground-attachment: fixed !important;}\n\n\n\nimg[src=\"images/headermainsc2.png\"]{background: url(http://imm.io/media/1k/1kHn.png) no-repeat !important;\nheight: 0 !important;\nwidth: 0 !important;\nmargin-left: 0 !important;\npadding-left: 335px !important;\npadding-top: 134px !important;}\n\n\n\n.keyword {color:#FFFFFF !important;}\n\n.jass, .alt2Active { background: none repeat scroll 0 0 #000D20 !important;}\n\n.native {color:#FFAAFF !important;}\n\n.string {color:#AAFF00 !important;}\n\n.number {color:#AAAAFF !important;}\n\n.ascii {color:#7EB6DA !important;}\n\n\n\n.wc3trigger, .lastopen, .lasttree{background-color:#000D20 !important;}";
if (typeof GM_addStyle != "undefined") {
	GM_addStyle(css);
} else if (typeof PRO_addStyle != "undefined") {
	PRO_addStyle(css);
} else if (typeof addStyle != "undefined") {
	addStyle(css);
} else {
	var heads = document.getElementsByTagName("head");
	if (heads.length > 0) {
		var node = document.createElement("style");
		node.type = "text/css";
		node.appendChild(document.createTextNode(css));
		heads[0].appendChild(node); 
	}
}
})();

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


@-moz-document domain("thehelper.net") {

/*====================Icons====================*/

img[src="/forums/images/dot.gif"]{background: url(
http://imm.io/media/1k/1kDT.png) no-repeat !important;
height:0 !important;
width:0 !important;
padding-left:15px !important;
padding-top:15px !important;}

img[src="images/misc/im_aim.gif"]{background: url(
http://imm.io/media/1k/1kHG.png) no-repeat !important;
height:0 !important;
width:0 !important;
padding-left:17px !important;
padding-top:17px !important;}

img[src="images/misc/im_yahoo.gif"]{background: url(
http://imm.io/media/1k/1kHQ.png) no-repeat !important;
height:0 !important;
width:0 !important;
padding-left:17px !important;
padding-top:17px !important;}

img[src="images/misc/im_msn.gif"]{background: url(
http://imgur.com/r872t.gif) no-repeat !important;
height:0 !important;
width:0 !important;
padding-left:17px !important;
padding-top:17px !important;}

img[src="images/reputation/reputation_highpos.gif"]{background: url(http://imgur.com/gHdh7.png) no-repeat !important;
height:0 !important;
width:0 !important;
padding-left:8px !important;
padding-top:10px !important;}

img[src="images/reputation/reputation_pos.gif"]{background: url(http://imgur.com/30elQ.png) no-repeat !important;
height:0 !important;
width:0 !important;
padding-left:8px !important;
padding-top:10px !important;}

img[src="images/reputation/reputation_neg.gif"]{background: url(http://imgur.com/ZydUQ.png) no-repeat !important;
height:0 !important;
width:0 !important;
padding-left:8px !important;
padding-top:10px !important;}


img[src="images/reputation/reputation_highneg.gif"]{background: url(http://imgur.com/m3qnc.png) no-repeat !important;
height:0 !important;
width:0 !important;
padding-left:8px !important;
padding-top:10px !important;}

img[src="images/reputation/reputation_balance.gif"]{background: url(http://imgur.com/p2FCc.png) no-repeat !important;
height:0 !important;
width:0 !important;
padding-left:8px !important;
padding-top:10px !important;}

img[src="images/reputation/reputation_off.gif"]{background: url(http://imgur.com/p2FCc.png) no-repeat !important;
height:0 !important;
width:0 !important;
padding-left:8px !important;
padding-top:10px !important;}

img[src="images/statusicon/user_online.gif"]{background: url(http://imm.io/media/1k/1kE8.png) no-repeat !important;
height:0 !important;
width:0 !important;
padding-left:15px !important;
padding-top:15px !important;}

img[src="images/statusicon/user_offline.gif"]{background: url(http://imm.io/media/1k/1kE0.png) no-repeat !important;
height:0 !important;
width:0 !important;
padding-left:15px !important;
padding-top:15px !important;}

/*====================Background====================*/

body{background-image:url('http://starcraft2.thehelper.net/media/images/backdrop.png') !important; background-repeat: repeat !important;
background-attachment: fixed !important;}

/*====================Logo====================*/

img[src="images/headermainsc2.png"]{background: url(http://imm.io/media/1k/1kHn.png) no-repeat !important;
height: 0 !important;
width: 0 !important;
margin-left: 0 !important;
padding-left: 335px !important;
padding-top: 134px !important;}

/*====================Jass Tags====================*/

.keyword {color:#FFFFFF !important;}

.jass, .alt2Active { background: none repeat scroll 0 0 #000D20 !important;}

.native {color:#FFAAFF !important;}

.string {color:#AAFF00 !important;}

.number {color:#AAAAFF !important;}

.ascii {color:#7EB6DA !important;}

/*GUI Tags*/

.wc3trigger, .lastopen, .lasttree{background-color:#000D20 !important;}

/*====================End====================*/

}

Note: That you must disable this theme if you are going to use another theme like Default and Unreal
 

FrozenShadow

I am a WolfieeifloW fan.
Reaction score
75
Omg kewl, I'm in the screenshots hahaha.

Anyway, concerning the theme, yes it is much easier on the eyes :D
 

sqrage

Mega Super Ultra Cool Member
Reaction score
515
I see nothing different other than the IM icons and the missing background. I like the background, it looks way too plain and unstarcrafty without.

Also the banner is awkward.

That little SC2 logo is way too overused. :p
 

ReVolver

Mega Super Ultra Cool Member
Reaction score
608
I see nothing different other than the IM icons and the missing background. I like the background, it looks way too plain and unstarcrafty without.

Also the banner is awkward.

That little SC2 logo is way too overused. :p

Well I did change the GUI and JASS tags to fit the theme :eek:

You can always comment out the background and use the default

Code:
change

body{background-image:url('http://starcraft2.thehelper.net/media/images/backdrop.png') !important; background-repeat: repeat !important;
background-attachment: fixed !important;}

to

/*(body{background-image:url('http://starcraft2.thehelper.net/media/images/backdrop.png') !important; background-repeat: repeat !important;
background-attachment: fixed !important;}*/

I couldn't think of another logo to replace the current one we had. I also need suggestions for the smilies and other small things (like the small SC2 icon I overused).
 

ReVolver

Mega Super Ultra Cool Member
Reaction score
608
Well the Google Ads are still white background lol

I don't think I can control that using the @thehelper.net domain because it's @google.com domain instead.

anything else?
 
General chit-chat
Help Users
  • No one is chatting at the moment.

      The Helper Discord

      Members online

      No members online now.

      Affiliates

      Hive Workshop NUON Dome World Editor Tutorials

      Network Sponsors

      Apex Steel Pipe - Buys and sells Steel Pipe.
      Top