heh some of you may remember i posted a thread a while back if you liked my dark theme well here's some screen shots of it and the css

Screenshots of use
here it is in latest post
http://random.thedt.net/theme/example/latest_posts.JPG

in the pm window
http://random.thedt.net/theme/example/pm_window.JPG

a post
http://random.thedt.net/theme/example/post.JPG

and creating a post
http://random.thedt.net/theme/example/posting.JPG

the css is here
http://random.thedt.net/theme/theme.css


Directions for install
to use it you must have 1) a browser that supports css3 selectors and 2) a way of loading the css.

if you have firefox I recomend installing  greasemonkey(http://greasemonkey.mozdev.org/)
then installing cskinner from http://blog.thedt.net/cskinner/

then going to the tools menu up the top , click "userscript commands" and click skinner(domain).
a window will pop up which looks like this
copy and paste the css into that and hit save then reload the page.

for opera I'm currently looking into making a userscript to inject it into the pages like cskinner for firefox.

and for ie keep dreaming.

dont be too harsh on this my weak heart cant handle it rotfl.

quote:

---

Originally posted by Calvin
looks cool so far
please make it compatible with IE

---

Cool tho i reviewed it earlier Now the official release

quote:

---

Originally posted by -dt-

make IE support css3 selectors and then I might

---

It doesnt work for me...

I have GM 0.3.3.
I installed the script, then went to user script commands and clicked skinner(domain) and then I pasted the css url, but it didnt work...

And I refreshed the page...

Should get DZ to install it!

This theme actually looks really nice, it's a shame that you haven't replaced the "Post Reply" image, or any of the Plus! icons, as they're looking really crappy .

quote:

---

Originally posted by Mike
It doesnt work for me...

I have GM 0.3.3.
I installed the script, then went to user script commands and clicked skinner(domain) and then I pasted the css url, but it didnt work...

And I refreshed the page...

---

quote:

---

Originally posted by traxor
This theme actually looks really nice, it's a shame that you haven't replaced the "Post Reply" image, or any of the Plus! icons, as they're looking really crappy .

---

quote:

---

Originally posted by Calvin
its a great idea, whaty if you like teamed up with one of the admins to make it properly so that it can be an offical forum skin

---

quote:

---

Originally posted by Lee Jeffery
dont paste the url, post the actual css

---

quote:

---

Originally posted by Mike

quote:

---

Originally posted by Lee Jeffery
dont paste the url, post the actual css

---

Ahh, thank you that worked

Suggetion:

Make it compatible with other themes, because it will only work nicely with the default theme...

Also, is it me, or the images look darker?

---

quote:

---

Originally posted by Calvin

quote:

---

Originally posted by WDZ

quote:

---

Originally posted by Calvin
its a great idea, whaty if you like teamed up with one of the admins to make it properly so that it can be an offical forum skin

---

I wouldn't want to add a dark skin because most of the images are designed for a light background. I'm certainly not going to upload a whole new set of images for a new skin...

---

aww, dont be lazy, just ask somebody else to do it for you

---

is it possible to remove the 'Community Forums' image?

quote:

---

Originally posted by Shawnz
is it possible to remove the 'Community Forums' image?

---

code:

---

/*Remove Community Forums Image */
img[src*="title.gif"]{
visibility:hidden;
}

---

heh, never thought to adblock it

quote:

---

Originally posted by Shawnz
I made a little mod.. To get rid of that odd blue bit on the welcome panel in the top corner, replace this:

code:

---

td.trow1[align="right"] , td.trow1[valign="bottom"] {
    color: #000000;
    font-family: verdana,arial,helvetica,sans-serif;
    font-size: 12px;
    background: #D2EDF7 url("http://random.thedt.net/theme/cellpic.png") repeat-x top left  !important;
}

---

with this:

code:

---

td.trow1[align="right"] , td.trow1[valign="bottom"] {
    color: #FFFFFF;
    font-family: verdana,arial,helvetica,sans-serif;
    font-size: 12px;
    background: #A3A3A3 url("http://random.thedt.net/theme/cellpic.png") repeat-x center left  !important;
}

---

---

will it work on maxthon?

quote:

---

Originally posted by YA_MUM
will it work on maxthon?

---

quote:

---

Originally posted by YA_MUM
will it work on maxthon?

---

quote:

---

Originally posted by Shawnz
Okay, i think ill make two more small little mods

one to fix the offical tester/translator buttons, and another to fix reputation. sorry for bastardizing your css dt

---

quote:

---

Originally posted by Shawnz
I made a little mod.. To get rid of that odd blue bit on the welcome panel in the top corner, replace this:

code:

---

td.trow1[align="right"] , td.trow1[valign="bottom"] {
    color: #000000;
    font-family: verdana,arial,helvetica,sans-serif;
    font-size: 12px;
    background: #D2EDF7 url("http://random.thedt.net/theme/cellpic.png") repeat-x top left  !important;
}

---

with this:

code:

---

td.trow1[align="right"] , td.trow1[valign="bottom"] {
    color: #FFFFFF;
    font-family: verdana,arial,helvetica,sans-serif;
    font-size: 12px;
    background: #A3A3A3 url("http://random.thedt.net/theme/cellpic.png") repeat-x center left  !important;
}

---

---

quote:

---

Originally posted by Shawnz
i'm having one problem for the rep thing though... the panel that shows last week/month/etc doesn't have any id/style and nothing that can identify it... obviously you cant just do table{background-color} so how would it be possible to fix?

although for now, you can fix the main problems with the rep page by adding this:

code:

---

.postd{color: #000000 !important;}
.negtd{color: #000000 !important;}
.neutd{color: #000000 !important;}

---

which makes the text black

---

quote:

---

Originally posted by Shawnz
another quick mod, to remove the signature height limit add this:

code:

---

.signature{overflow: visible !important; height: 100% !important;}

---

and to change the dashed blue line above the signature add this:

code:

---

.signature{border-top: 1px dashed #606060 !important;}

---

---

quote:

---

Originally posted by Shawnz
the final mod for the rep page, fixes the box:

code:

---

table[cellpadding="3"][cellspacing="1"][border="0"]{background-color: #000000 !important; border: 1px solid #606060 !important;}

---

not sure if this messes up anything else yet though

---

code:

---

hr[color="#000000"]{color: #606060 !important;}

---

code:

---

#copyright{background: #000000 !important; border: 0px !important; padding-left: 10px !important;}

---

Thank you Shawnz, very nice mods

By the way, in the copywrite it says:  Theme design by GFDD.net
Ehhh... Yeah right...
GFDD.net designed the theme that this theme is based on...
It should say: Theme by -dt- mods by Shawnz

Anyway, when Im applying the white bar to black bar fix, the msgplus logo dissapears...

Also, can you make the combo boxes have a black bg instead of light blue?

And by the way, can you fix that:


(notice the light black lines)

This also happens in sigs...

quote:

---

Originally posted by Mike

By the way, in the copywrite it says:  Theme design by GFDD.net
Ehhh... Yeah right...
GFDD.net designed the theme that this theme is based on...
It should say: Theme by -dt- mods by Shawnz

---

something like
html:after{content:"Theme by -dt- some fixes by shawnz "}
should add it to the bottom of the page
ill fix the other stuff in the morning the power keeps going out which is evil

quote:

---

Originally posted by Mike
Anyway, when Im applying the white bar to black bar fix, the msgplus logo dissapears...

---

quote:

---

Originally posted by Mike
Also, can you make the combo boxes have a black bg instead of light blue?

---

code:

---

input[type="text"], input[type="file"], textarea, select {background-color: #000000 !important; color: #FFFFFF !important;}

---

quote:

---

Originally posted by Mike

And by the way, can you fix that:


(notice the light black lines)

---

code:

---

table[width="100%"][cellspacing="0"][cellpadding="0"][border="0"] td{
border:none;

---

forgot the !important

Sorry for the bump, but it seems that after wdz changed the
signature height limit, it seems that this code:

code:

---

.signature{border-top: 1px dashed #606060
!important;}

---

to make
the dashed blue line of the sig to a light dark one doesn't
work...
Is there any fix for this?
Oh by the way, is there any fix for the Official Tester and Translator
sticker positioning bug?
Oh, and I couldnt apply Lee's fix...
Thank

The CSS class "signature" is now "sigholder"

quote:

---

Originally posted by WDZ
The CSS class "signature" is now "sigholder"

---