HaloMods Dark

Ombre · Post by **Ombre** » Sat Mar 08, 2008 3:06 am

I've been working on this project for quite some time. It's exactly what is sounds like: a dark style for this forum. The reason this is possible is because of a Firefox add-on called Stylish. While I have been working on this for a while, there is still much to be improved on. I am asking you, the members, to provide advice on what should be done, or take my code and do it yourself and post it here. Any comments and or constructive criticism is welcome.

For this style to work you must download and install the Stylish add-on. It can be found here.

Installation is pretty simple.

After installing the add-on and restarting Firefox, navigate to the "Tools" menu and click on it.
Now go to Add-ons and click there.
In the "Extensions" tab find the Stylish tool.
Click on it once, then click the "Options" button.
At the far left there should be a button that has "Write" next to it. (Click it).
Come back to my topic and copy the code I gave you.
Now paste the code into the Stylish text editor we just opened.
Give it a description of your choice, and click save.
Make sure there is a check mark next to it on the Stylish list.
Enjoy.

Some screen shots.

Notes:
There are a few bugs I noticed here and there, It would be greatly appreciated if someone with more knowledge than I could help me figure them out. (The color boxes behind some of the text is an example).

Code:

Code: Select all

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

@-moz-document domain("forums.halomods.com") {

* {
    background-color: #001426  !important; 
    color: #bbbbbb !important;
}


th	{

color: #000000 !important; font-size: 12px !important; font-weight : bold !important; 
background-image: url(http://img507.imageshack.us/img507/5329/39665810pp8.gif) !important;
border: none !important;
}
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
background-image: url(http://img507.imageshack.us/img507/5329/39665810pp8.gif) !important;
background-color:#e6ecf1 !important; border: none !important;
}





th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
font-weight: bold !important; 
}
td.row3Right,td.spaceRow {
background-color: #142B40 !important; border: #00729C !important; border: none !important;
background-image: none !important;
}
th.thHead,td.catHead { font-size: 12px !important; border: none !important; }

th.thSides,td.catSides,td.spaceRow {	 
background-color: #00729C !important; border: none !important;
background-image: url(http://img151.imageshack.us/img151/7444/testxo1.gif) !important;
}










img[src*="templates/subSilver/images/logo_phpBB.gif"] 
  {
    width: 0px !important;
    padding-left: 287px !important;
    height: 81px !important;
    background-image: url(http://img513.imageshack.us/img513/3306/halomodslogoeg2.png) !important;
    margin-top: 81px !important;
  }





img[src*="templates/subSilver/images/lang_english/post.gif"] 
  {
    width: 0 !important;
    padding-left: 82px !important;
    height: 25px !important;
    background-image: url(http://img137.imageshack.us/img137/2136/postww7.gif) !important;
    margin-top: 25px !important;
  }
img[src*="templates/subSilver/images/lang_english/reply.gif"] 
  {
    width: 0 !important;
    padding-left: 82px !important;
    height: 25px !important;
    background-image: url(http://img401.imageshack.us/img401/7761/replypa2.gif) !important;
    margin-top: 25px !important;
  }
img[src*="templates/subSilver/images/lang_english/reply-locked.gif"] 
  {
    width: 0 !important;
    padding-left: 82px !important;
    height: 25px !important;
    background-image: url(http://img201.imageshack.us/img201/538/replylockedex2.gif) !important;
    margin-top: 25px !important;
  }





img[src*="templates/subSilver/images/lang_english/icon_ip.gif"] 
  {
    width: 0 !important;
    padding-left: 16px !important;
    height: 18px !important;
    background-image: url(http://img410.imageshack.us/img410/6536/iconipks4.gif) !important;
    margin-top: 0px !important;
  }
img[src*="templates/subSilver/images/icon_delete.gif"] 
  {
    width: 0 !important;
    padding-left: 16px !important;
    height: 18px !important;
    background-image: url(http://img520.imageshack.us/img520/8201/icondeleteeo2.gif) !important;
    margin-top: 0px !important;
  }





img[src*="templates/subSilver/images/lang_english/icon_quote.gif"] 
  {
    width: 0 !important;
    padding-left: 59px !important;
    height: 18px !important;
    background-image: url(http://img444.imageshack.us/img444/4492/iconquoteoo1.gif) !important;
    margin-top: 18px !important;
  }
img[src*="templates/subSilver/images/lang_english/icon_edit.gif"] 
  {
    width: 0 !important;
    padding-left: 59px !important;
    height: 18px !important;
    background-image: url(http://img396.imageshack.us/img396/7818/iconedityq8.gif) !important;
    margin-top: 18px !important;
  }




img[src*="templates/subSilver/images/tcellpic3.gif"] 
  {
    width: 0 !important;
    padding-left: 8px !important;
    height: 38px !important;
    background-image: url(http://img142.imageshack.us/img142/3353/testbarth6.gif) !important;
    margin-top: 38px !important;
  }






img[src*="templates/subSilver/images/whosonline.gif"] 
  {
    width: 0 !important;
    padding-left: 46px !important;
    height: 25px !important;
    background-image: url(http://img527.imageshack.us/img527/3164/whosonlinehj2.gif) !important;
    margin-top: 0px !important;
  }
img[src*="templates/subSilver/images/link_folder.gif"] 
  {
    width: 0 !important;
    padding-left: 46px !important;
    height: 25px !important;
    background-image: url(http://img175.imageshack.us/img175/1882/linkglobepm7.gif) !important;
    margin-top: 0px !important;
  }
img[src*="templates/subSilver/images/folder_new_big.gif"] 
  {
    width: 0 !important;
    padding-left: 43px !important;
    height: 25px !important;
    background-image: url(http://img512.imageshack.us/img512/1711/foldernewbigbb6.gif) !important;
    margin-top: 0px !important;
  }
img[src*="templates/subSilver/images/folder_big.gif"] 
  {
    width: 0 !important;
    padding-left: 43px !important;
    height: 25px !important;
    background-image: url(http://img337.imageshack.us/img337/2356/folderbigop5.gif) !important;
    margin-top: 0px !important;
  }
img[src*="templates/subSilver/images/folder_locked_big.gif"] 
  {
    width: 0 !important;
    padding-left: 43px !important;
    height: 25px !important;
    background-image: url(http://img337.imageshack.us/img337/7743/folderlockedbigec9.gif) !important;
    margin-top: 0px !important;
  }
img[src*="images/favicon.gif"] 
  {
    width: 0 !important;
    padding-left: 0px !important;
    height: 0px !important;
    background-image: none !important;
    margin-top: 0px !important;
  }
img[src*="templates/subSilver/images/cat_folder_new_big.gif"] 
  {
    width: 0 !important;
    padding-left: 43px !important;
    height: 25px !important;
    background-image: url(http://img512.imageshack.us/img512/1711/foldernewbigbb6.gif) !important;
    margin-top: 0px !important;
  }
img[src*="templates/subSilver/images/cat_folder_big.gif"] 
  {
    width: 0 !important;
    padding-left: 43px !important;
    height: 25px !important;
    background-image: url(http://img337.imageshack.us/img337/2356/folderbigop5.gif) !important;
    margin-top: 0px !important;
  }
img[src*="templates/subSilver/images/topic_delete.gif"] 
  {
    width: 0 !important;
    padding-left: 19px !important;
    height: 18px !important;
    background-image: url(http://img527.imageshack.us/img527/7760/topicdeletedj8.gif) !important;
    margin-top: 0px !important;
  }
img[src*="templates/subSilver/images/topic_move.gif"] 
  {
    width: 0 !important;
    padding-left: 19px !important;
    height: 18px !important;
    background-image: url(http://img187.imageshack.us/img187/6614/topicmoveba8.gif) !important;
    margin-top: 0px !important;
  }
img[src*="templates/subSilver/images/topic_lock.gif"] 
  {
    width: 0 !important;
    padding-left: 19px !important;
    height: 18px !important;
    background-image: url(http://img214.imageshack.us/img214/2880/topiclockje5.gif) !important;
    margin-top: 0px !important;
  }
img[src*="templates/subSilver/images/topic_split.gif"] 
  {
    width: 0 !important;
    padding-left: 19px !important;
    height: 18px !important;
    background-image: url(http://img337.imageshack.us/img337/3504/topicsplitvj0.gif) !important;
    margin-top: 0px !important;
  }
img[src*="templates/subSilver/images/topic_unlock.gif"] 
  {
    width: 0 !important;
    padding-left: 19px !important;
    height: 18px !important;
    background-image: url(http://img527.imageshack.us/img527/5773/topicunlocklh0.gif) !important;
    margin-top: 0px !important;
  }







img[src*="templates/subSilver/images/lang_english/icon_profile.gif"] 
  {
    width: 0 !important;
    padding-left: 59px !important;
    height: 18px !important;
    background-image: url(http://img341.imageshack.us/img341/234/iconprofileyi2.gif) !important;
    margin-top: 0px !important;
  }
img[src*="templates/subSilver/images/lang_english/icon_pm.gif"] 
  {
    width: 0 !important;
    padding-left: 59px !important;
    height: 18px !important;
    background-image: url(http://img404.imageshack.us/img404/113/iconpmvr0.gif) !important;
    margin-top: 0px !important;
  }
img[src*="templates/subSilver/images/lang_english/icon_email.gif"] 
  {
    width: 0 !important;
    padding-left: 59px !important;
    height: 18px !important;
    background-image: url(http://img410.imageshack.us/img410/2366/iconemailrh8.gif) !important;
    margin-top: 0px !important;
  }
img[src*="templates/subSilver/images/lang_english/icon_www.gif"] 
  {
    width: 0 !important;
    padding-left: 59px !important;
    height: 18px !important;
    background-image: url(http://img201.imageshack.us/img201/9409/iconwwwoe4.gif) !important;
    margin-top: 0px !important;
  }
img[src*="templates/subSilver/images/lang_english/icon_aim.gif"] 
  {
    width: 0 !important;
    padding-left: 59px !important;
    height: 18px !important;
    background-image: url(http://img183.imageshack.us/img183/351/iconaimkw8.gif) !important;
    margin-top: 0px !important;
  }
img[src*="templates/subSilver/images/lang_english/icon_yim.gif"] 
  {
    width: 0 !important;
    padding-left: 59px !important;
    height: 18px !important;
    background-image: url(http://img410.imageshack.us/img410/5053/iconyimsl0.gif) !important;
    margin-top: 0px !important;
  }
img[src*="templates/subSilver/images/lang_english/icon_msnm.gif"] 
  {
    width: 0 !important;
    padding-left: 59px !important;
    height: 18px !important;
    background-image: url(http://img301.imageshack.us/img301/5889/iconmsnmgy3.gif) !important;
    margin-top: 0px !important;
  }
img[src*="templates/subSilver/images/lang_english/icon_icq_add.gif"] 
  {
    width: 0 !important;
    padding-left: 59px !important;
    height: 18px !important;
    background-image: url(http://img509.imageshack.us/img509/1880/iconicqaddtu0.gif) !important;
    margin-top: 0px !important;
  }
img[src*="templates/subSilver/images/lang_english/icon_live.gif"] 
  {
    width: 0 !important;
    padding-left: 59px !important;
    height: 18px !important;
    background-image: url(http://img207.imageshack.us/img207/9433/xbljn8.gif) !important;
    margin-top: 0px !important;
  }

img[src*="templates/subSilver/images/lang_english/icon_report.gif"] 
  {
    width: 0 !important;
    padding-left: 16px !important;
    height: 18px !important;
    background-image: url(http://img301.imageshack.us/img301/805/reportgk1.gif) !important;
    margin-top: 0px !important;
  }



img[src*="templates/subSilver/images/bs_command_mini_submit.gif"] 
  {
    width: 0 !important;
    padding-left: 16px !important;
    height: 18px !important;
    background-image: url(http://img149.imageshack.us/img149/9669/jumptouu6.gif) !important;
    margin-top: 0px !important;
  }




img[src*="templates/subSilver/images/icon_mini_profile.gif"] 
  {
    width: 0 !important;
    padding-left: 12px !important;
    height: 13px !important;
    background-image: url(http://img442.imageshack.us/img442/1305/profilegd2.gif) !important;
    margin-top: 0px !important;
  }
img[src*="templates/subSilver/images/icon_mini_faq.gif"] 
  {
    width: 0 !important;
    padding-left: 12px !important;
    height: 13px !important;
    background-image: url(http://img214.imageshack.us/img214/7036/faqwn0.gif) !important;
    margin-top: 0px !important;
  }
img[src*="templates/subSilver/images/icon_mini_message.gif"] 
  {
    width: 0 !important;
    padding-left: 12px !important;
    height: 13px !important;
    background-image: url(http://img213.imageshack.us/img213/9804/inboxhk2.gif) !important;
    margin-top: 0px !important;
  }
img[src*="templates/subSilver/images/icon_mini_search.gif"] 
  {
    width: 0 !important;
    padding-left: 12px !important;
    height: 13px !important;
    background-image: url(http://img404.imageshack.us/img404/364/searchnn8.gif) !important;
    margin-top: 0px !important;
  }
img[src*="templates/subSilver/images/icon_mini_members.gif"] 
  {
    width: 0 !important;
    padding-left: 12px !important;
    height: 13px !important;
    background-image: url(http://img341.imageshack.us/img341/50/memberlistky0.gif) !important;
    margin-top: 0px !important;
  }
img[src*="templates/subSilver/images/icon_mini_groups.gif"] 
  {
    width: 0 !important;
    padding-left: 12px !important;
    height: 13px !important;
    background-image: url(http://img182.imageshack.us/img182/3595/usergroupsnc6.gif) !important;
    margin-top: 0px !important;
  }
img[src*="templates/subSilver/images/icon_mini_login.gif"] 
  {
    width: 0 !important;
    padding-left: 12px !important;
    height: 13px !important;
    background-image: url(http://img527.imageshack.us/img527/4171/logoutov4.gif) !important;
    margin-top: 0px !important;
  }
img[src*="templates/subSilver/images/icon_mini_register.gif"] 
  {
    width: 0 !important;
    padding-left: 12px !important;
    height: 13px !important;
    background-image: url(http://img151.imageshack.us/img151/5540/registerdf0.gif) !important;
    margin-top: 0px !important;
  }










img[src*="templates/subSilver/images/folder.gif"] 
  {
    width: 0 !important;
    padding-left: 19px !important;
    height: 18px !important;
    background-image: url(http://img512.imageshack.us/img512/91/folderrm5.gif) !important;
    margin-top: 0px !important;
  }
img[src*="templates/subSilver/images/folder_new.gif"] 
  {
    width: 0 !important;
    padding-left: 19px !important;
    height: 18px !important;
    background-image: url(http://img527.imageshack.us/img527/1016/foldernewfh3.gif) !important;
    margin-top: 0px !important;
  }
img[src*="templates/subSilver/images/folder_hot.gif"] 
  {
    width: 0 !important;
    padding-left: 19px !important;
    height: 18px !important;
    background-image: url(http://img527.imageshack.us/img527/605/folderhotcz8.gif) !important;
    margin-top: 0px !important;
  }
img[src*="templates/subSilver/images/folder_lock.gif"] 
  {
    width: 0 !important;
    padding-left: 19px !important;
    height: 18px !important;
    background-image: url(http://img214.imageshack.us/img214/773/folderlockph1.gif) !important;
    margin-top: 0px !important;
  }
img[src*="http://forums.halomods.com/templates/subSilver/images/folder_own.gif"] 
  {
    width: 0 !important;
    padding-left: 19px !important;
    height: 18px !important;
    background-image: url(http://img512.imageshack.us/img512/91/folderrm5.gif) !important;
    margin-top: 0px !important;
  }
img[src*="templates/subSilver/images/folder_own.gif"] 
  {
    width: 0 !important;
    padding-left: 19px !important;
    height: 18px !important;
    background-image: url(http://img167.imageshack.us/img167/6600/postedinzn3.gif) !important;
    margin-top: 0px !important;
  }
img[src*="templates/subSilver/images/folder_hot_own.gif"] 
  {
    width: 0 !important;
    padding-left: 19px !important;
    height: 18px !important;
    background-image: url(http://img504.imageshack.us/img504/956/hotpostedinyq8.gif) !important;
    margin-top: 0px !important;
  }
img[src*="templates/subSilver/images/folder_lock_own.gif"] 
  {
    width: 0 !important;
    padding-left: 19px !important;
    height: 18px !important;
    background-image: url(http://img409.imageshack.us/img409/5800/lockedpostedinli4.gif) !important;
    margin-top: 0px !important;
  }
img[src*="templates/subSilver/images/folder_announce.gif"] 
  {
    width: 0 !important;
    padding-left: 19px !important;
    height: 18px !important;
    background-image: url(http://img187.imageshack.us/img187/6569/folderannouncewy9.gif) !important;
    margin-top: 0px !important;
  }
img[src*="templates/subSilver/images/folder_announce_own.gif"] 
  {
    width: 0 !important;
    padding-left: 19px !important;
    height: 18px !important;
    background-image: url(http://img375.imageshack.us/img375/3335/folderannouncenewfq2.gif) !important;
    margin-top: 0px !important;
  }
img[src*="templates/subSilver/images/folder_sticky.gif"] 
  {
    width: 0 !important;
    padding-left: 19px !important;
    height: 18px !important;
    background-image: url(http://img404.imageshack.us/img404/2179/folderstickybo8.gif) !important;
    margin-top: 0px !important;
  }
img[src*="templates/subSilver/images/folder_sticky_own.gif"] 
  {
    width: 0 !important;
    padding-left: 19px !important;
    height: 18px !important;
    background-image: url(http://img373.imageshack.us/img373/346/stickyownim5.gif) !important;
    margin-top: 0px !important;
  }
img[src*="templates/subSilver/images/folder_sticky_new_own.gif"] 
  {
    width: 0 !important;
    padding-left: 19px !important;
    height: 18px !important;
    background-image: url(http://img373.imageshack.us/img373/9113/stickynewownre4.gif) !important;
    margin-top: 0px !important;
  }
img[src*="templates/subSilver/images/folder_moved.gif"] 
  {
    width: 0 !important;
    padding-left: 19px !important;
    height: 18px !important;
    background-image: url(http://img503.imageshack.us/img503/7250/movedvz0.gif) !important;
    margin-top: 0px !important;
  }
img[src*="templates/subSilver/images/folder_calendar.gif"] 
  {
    width: 0 !important;
    padding-left: 19px !important;
    height: 18px !important;
    background-image: url(http://img360.imageshack.us/img360/4021/eventwp6.gif) !important;
    margin-top: 0px !important;
  }
img[src*="templates/subSilver/images/folder_sticky_new.gif"] 
  {
    width: 0 !important;
    padding-left: 19px !important;
    height: 18px !important;
    background-image: url(http://img352.imageshack.us/img352/2853/folderstickynewhk0.gif) !important;
    margin-top: 0px !important;
  }

a:visited {
    color: #5e5c8c !important;
} 

.forumline	{ background-color: #1B3C4D !important; }

}

My coding is very messy, I know.

I will probably end up making a new icon for the popular topics, I had to make a lot of custom ones already.

Ragdoll · Post by **Ragdoll** » Sat Mar 08, 2008 4:42 am

Great work! I will be using this from now on, looks a lot better with this darker skin IMO.

Trulife8342 · Post by **Trulife8342** » Sat Mar 08, 2008 6:13 am

I remember yellow text

Darkness202 · Post by **Darkness202** » Sat Mar 08, 2008 7:08 am

i like it alot nice work!

TomClancey · Post by **TomClancey** » Sat Mar 08, 2008 7:20 am

Pretty cool, is that the theme from before this one?

Ombre · Post by **Ombre** » Sat Mar 08, 2008 10:13 am

TomClancey wrote:Pretty cool, is that the theme from before this one?

No, it has some rather significant differences. But I did use the buttons from it.

JK-47 · Post by **JK-47** » Sat Mar 08, 2008 10:30 am

Coolio. My only gripe is that I can't tell which sections have new posts in them. I turned it on and off trying to find a difference.
But other than that, nice.

bibbit · Post by **bibbit** » Sat Mar 08, 2008 10:58 am

I have no problems. This is awesome.

Ombre · Post by **Ombre** » Sat Mar 08, 2008 11:49 am

JK-47 wrote:Coolio. My only gripe is that I can't tell which sections have new posts in them. I turned it on and off trying to find a difference.
But other than that, nice.

It should show a green icon for sections with new posts in them. When it doesn't have any new posts it is just a blue icon. For sub-sections it should still have this little icon next to it.

SHOUTrvb · Post by **SHOUTrvb** » Sat Mar 08, 2008 12:03 pm

Feels weird having this again.. I probably won't use it often simply because of this actually, but I really do commend your work on it. Looks a lot like the old one.

V0Lt4Ge · Post by **V0Lt4Ge** » Sat Mar 08, 2008 12:15 pm

o_o

I love you. This is more than awesome. I'll point out any problems as I see them.

Only one I see so far is the post a reply text on this screen. There's a few other things like this too. http://img106.imageshack.us/img106/5469 ... plyew8.jpg

Also, no alternative text colors for links unless they've been clicked already. Plain links are underlined, but links with the [url] code aren't.

EDIT: templates/subSilver/images/folder_new_hot.gif is still the default icon (Not sure if you just haven't gotten around to changing that or just missed it.)

JK-47 · Post by **JK-47** » Sat Mar 08, 2008 12:58 pm

Ombre wrote:
JK-47 wrote:Coolio. My only gripe is that I can't tell which sections have new posts in them. I turned it on and off trying to find a difference.
But other than that, nice.
It should show a green icon for sections with new posts in them. When it doesn't have any new posts it is just a blue icon. For sub-sections it should still have this little icon next to it.

Ah I see it now. It was just kinda hard to spot out.

Ombre · Post by **Ombre** » Sat Mar 08, 2008 7:26 pm

Seems like Imageshack is having some problems with my images, I will have to either find a new host or make it so it loads the images from your hard drive.

Trulife8342 · Post by **Trulife8342** » Sat Mar 08, 2008 8:20 pm

Trulife8342 wrote:I remember yellow text

Tural · Post by **Tural** » Sat Mar 08, 2008 8:25 pm

Ombre wrote:
TomClancey wrote:Pretty cool, is that the theme from before this one?
No, it has some rather significant differences. But I did use the buttons from it.

V0Lt4Ge · Post by **V0Lt4Ge** » Wed Apr 02, 2008 9:36 pm

Here's the code for the green icons if anyone wants to use them.

Code: Select all

img[src*="templates/subSilver/images/icon_minipost_new.gif"]
  {
    width: 0 !important;
    padding-left: 12px !important;
    height: 9px !important;
    background-image: url(http://img507.imageshack.us/img507/2371/iconminipostnewzr6.gif) !important;
    margin-top: 0px !important;
  }
img[src*="templates/subSilver/images/icon_newest_reply.gif"]
  {
    width: 0 !important;
    padding-left: 18px !important;
    height: 9px !important;
    background-image: url(http://img381.imageshack.us/img381/2113/iconnewestreplyue7.gif) !important;
    margin-top: 0px !important;
  }

I'm not sure if it matters where you put this. If so, put this in right under the code for icon_mini_register.gif

ScottyGEE · Post by **ScottyGEE** » Wed Apr 02, 2008 9:56 pm

Since we can replace images on it, how about different smileys and a logo

edit: zomgosh, my avatar doesn't look as good though =(

neodos · Post by **neodos** » Sat Jun 21, 2008 1:48 am

I am using this, its great, good job.

HaloMods "Classic" Read-only Archive

HaloMods Dark

Are you going to use this?

HaloMods Dark