Fanfiction.net Themes

Militis · Jul 18, 2008

For some reason I am not allowed to edit my post anymore...>.>

Ah ha! I figured it out. It wasn't a problem with a style, but a problem with my Firefox theme.

If you add -moz-appearance: none !important; to the input, select, etc. it works just fine. I forgot about those tricky little buggers that are just for Mozilla-like products.

Anyway, here's an updated style for FF.net. I changed the main text color, because after a while the white-on-green got to be almost as bad as black-on-white. Grey takes the harsh edge off of the text, and it's a bit easier on the eyes. Also, the little popups for reviews, adding story to favorites, etc. were not colored, so I took care of them. If you find any mistakes, please by all means fix them.

Code:

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

/* start ad removal */

center + script + div,
table + script[type="text/javascript"] + div,
hr[noshade] + table[width="100%"] + div,
/* right side ads */

center div[align="center"], 
/* top ad div */

table[width="728"][height="90"][cellpadding="1"], 
br + center *,
/* bottom ad */

table.myborder_only_bottom[cellpadding="4"][cellspacing="0"][width="100%"] tbody tr td[align="center"],
/* front page ad. */

span[id^="AdBrite"],
/* Full Page Ads */

table.myborder tr td[valign="top"] div:not([id="bio"])

{display:none !important;} 

/* end ad removal */

span.storytext, span#storytext {
  display: block !important;
}

/* start recolor */

body {
  background: #0a1c0b !important;
  color: #cccccc/*cce1cf*/ !important;
}

a { color: #93be91 !important; }
a:visited { color: #93be91 !important; }
a:hover,a:visited:hover { color: #34d238 !important; }

select,input,textarea {
  background: #041702 !important;
  color: #93be91 !important;
  border: 1px solid #ccc !important;
  -moz-appearance: none !important;
}
select:hover,select:focus,input:hover,input:focus,textarea:hover,textarea:focus { border: 1px solid #fff !important; }

td { background: none !important; }

div.yuimenu, div.yuimenubar, .menulinks {
  color: #555 !important;
}

div.yuimenu a, div.yuimenubar a, div.yuimenu a:visited, div.yuimenubar a:visited, .menulinks a,.menulinks a:visited { color: #999 !important; }
div.yuimenu a:hover, div.yuimenubar a:hover, div.yuimenu a:visited:hover, div.yuimenubar a:visited:hover, .menulinks a:hover,.menulinks a:visited:hover { color: #fff !important; }

form[name=fido] table tr td { background: #000 !important; }
form[name=fido] table tr td img { display: none !important; }

hr { border-color: #fff !important; border: none !important; border-bottom: 1px solid !important; height: 0px !important; }

.xui, .xui ul, div.yuimenu, div.yuimenubar {
  background-color: #000 !important;
}

.xui li:hover, .xui li.sfhover,
div.yuimenu li.selected,
div.yuimenubar li.selected {
    background-color:#000 !important;

}

.x-high {
  background-color: #041702 !important;
}

#addthis_dropdown a {
  color:#333333 !important; 
}

#addthis_dropdown a:hover {
  background-color: #E5E5E5 !important;
}

.panel_error {
background: #0a1c0b !important;
color: #cce1cf !important;
}
.panel_success {
background: #0a1c0b !important;
color: #cce1cf !important;
}

.panel_warning {
background: #0a1c0b !important;
color: #cce1cf !important;
}
.panel_normal {
background: #0a1c0b !important;
color: #cce1cf !important;
}

.panel_plain {
background: #0a1c0b !important;
color: #cce1cf !important;
}

.gui_error {
color: red !important;
}

.gui_warning {
color: #E56717 !important;
}

.gui_success {
color: green !important;
}

.gui_normal .gui_white {
background: #0a1c0b !important;
color: #cce1cf !important;
}

.xxmenu {
background-color: #0a1c0b !important;
}

#storytext {
    line-height: 1.4em !important;
}

/* end recolor */

}

CGB · Jul 18, 2008

Works for me, thanks

Argosh · Jul 18, 2008

That looks much better than the earlier version, thanks.

Militis · Jul 18, 2008

As soon as I find the time, I'll fix the little problems in the control panel (unless someone else does it first). The newer classes and ids aren't in the style yet (of course, they came out after the last version of this theme heh).

Rahkesh Asmodaeus · Jul 18, 2008

Lol, don't worry about the necro, this thread is stickied anyways, it'll stay at the top regardless. I wouldn't know about FF3, I'm not downloading it until the creator of Red Shift creates a version for FF3.

About the DLP theme... as far as I know, no one has made a DLP stylish for PatronusCharm. Jon and Raven, however, are working on a DLP themed template for PC.

Militis · Jul 18, 2008

Narf said: ↑

Lol, don't worry about the necro, this thread is stickied anyways, it'll stay at the top regardless. I wouldn't know about FF3, I'm not downloading it until the creator of Red Shift creates a version for FF3.

About the DLP theme... as far as I know, no one has made a DLP stylish for PatronusCharm. Jon and Raven, however, are working on a DLP themed template for PC.
Click to expand...

FF3 is leaps and bounds better than FF2 (in the speed department, at the very least), but I'm sure with enough add-ons and tweaks you could emulate it.

I've been working on a theme until PatronusCharm upgrades to 1.0.2 (which I've read will include a theme and a switcher).

I can't seem get the filler and the logo to work together...it's one or the other, but it works. I nicked the logo from ArseNick (no pun intended...) and expanded it to fill my screen (1440 X 900 widescreen...the logo is now 1400 wide, as opposed to the original ~700).

If anyone wants it, I'll share...but it's very barebones. I would even go so far as to call it rather flat...But it works for reading stories, heh.

Dark Syaoran · Jul 27, 2008

Hopefully this hasn't been already addressed, but I still think the theme needs a little more tweaking.

Example 1: Link.

Random beta reader page. For me, the text boxes have white backgrounds and the font is just black and grey. This also happens when the search crashes, it normally comes up with one of those white things with black writing.

Example 2: Link.

Now this is one of those forum things you can make. Same problem, basically. Background is white and some weird blue that's really, really pale. The writing for the links are DLP green, so that's fine. But where it says '» The Reviews Lounge' is white writing. Numbers and the little 'sub-title' things are black.

If it's already been fixed, okay. Point me to it. Otherwise tweaking is needed.

Militis · Jul 28, 2008

Yeah, sorry about that. I haven't had the time to go through and fix these things.

The Document uploader, Beta Reader, etc. (all the newer things) in your control panel are still like this too. Thanks for finding these others (I wouldn't have normally checked them). As soon as I can find a lull at work I'll get to fixing it.

Dark Syaoran · Jul 28, 2008

Yeah, I just decided to be a picky cunt. I never use the areas, but it's good to have it fully fleshed out.

Militis · Jul 28, 2008

No worries, I agree. Better to have it ALL the same, than just certain areas.

Dark Syaoran · Jul 30, 2008

Also found another thing. FFN has that 'Share/Save' button in the top right now. The box that appears is white.

Militis · Jul 30, 2008

Thanks, I've got that (for the most part) fixed now. Only problem is their hover colors are mostly hard-coded in the JavaScript, and I'm pants at JavaScript.

Add:

Code:

/*Share/Save Button*/
.a2a_menu, .a2a_menu_find_container, .a2apage_ftr, .a2a_menu_footer {
  background: #0a1c0b !important;
  color: #cccccc/*ffffd0 cce1cf*/ !important;
}

a.a2a_menu_powered_by, a.a2apage_DICISION_MAKING_TOOL { color: #93be91 !important; background: #0a1c0b !important; }
a.a2a_menu_powered_by:visited, a.a2apage_DICISION_MAKING_TOOL:visited { color: #93be91 !important; background: #0a1c0b !important; }
a.a2a_menu_powered_by:hover, a.a2a_menu_powered_by:visited:hover, a2apage_DICISION_MAKING_TOOL:hover, a.a2apage_DICISION_MAKING_TOOL:visited:hover { color: #34d238 !important; background: #0a1c0b !important; }

to the bottom of the style to fix it.

I'll get working on the other problems now, and have the new version posted by tomorrow (hopefully).

Edit: Quick question, should I alternate the colors like they do on the fourm (and other things too I guess)? Or should I make it all one flat color?

Edit2: I can't seem to get the file upload thing to change colors...>.< Any ideas?

--------------------------------------------------------------------------------------

Anyway, here's the fixed version that includes everything from the control panel that's new and the forums. I DID alternate colors, but that's easy to fix if you don't want it. Enjoy!

Code:

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

/* start ad removal */

center + script + div,
table + script[type="text/javascript"] + div,
hr[noshade] + table[width="100%"] + div,
/* right side ads */

center div[align="center"], 
/* top ad div */

table[width="728"][height="90"][cellpadding="1"], 
br + center *,
/* bottom ad */

table.myborder_only_bottom[cellpadding="4"][cellspacing="0"][width="100%"] tbody tr td[align="center"],
/* front page ad. */

span[id^="AdBrite"],
/* Full Page Ads */

table.myborder tr td[valign="top"] div:not([id="bio"])

{display:none !important;} 

/* end ad removal */

span.storytext, span#storytext {
  display: block !important;
}

/* start recolor */

body {
  background: #0a1c0b !important;
  color: #cccccc/*ffffd0 cce1cf*/ !important;
}

a, a.a2a_menu_powered_by { color: #93be91 !important; }
a:visited, a.a2a_menu_powered_by:visited { color: #93be91 !important; }
a:hover,a:visited:hover, a.a2a_menu_powered_by:hover, a.a2a_menu_powered_by:visited:hover { color: #34d238 !important; }

select,input,textarea {
  background: #041702 !important;
  color: #93be91 !important;
  border: 1px solid #ccc !important;
  -moz-appearance: none !important;
}
select:hover,select:focus,input:hover,input:focus,textarea:hover,textarea:focus { border: 1px solid #fff !important; }

td { background: none !important; }

div.yuimenu, div.yuimenubar, .menulinks {
  color: #555 !important;
}

div.yuimenu a, div.yuimenubar a, div.yuimenu a:visited, div.yuimenubar a:visited, .menulinks a,.menulinks a:visited { color: #999 !important; }
div.yuimenu a:hover, div.yuimenubar a:hover, div.yuimenu a:visited:hover, div.yuimenubar a:visited:hover, .menulinks a:hover,.menulinks a:visited:hover { color: #fff !important; }

form[name=fido] table tr td { background: #000 !important; }
form[name=fido] table tr td img { display: none !important; }

hr { border-color: #fff !important; border: none !important; border-bottom: 1px solid !important; height: 0px !important; }

/*Share/Save Button*/
.a2a_menu, .a2a_menu_find_container, .a2apage_ftr, .a2a_menu_footer {
  background: #0a1c0b !important;
  color: #cccccc/*ffffd0 cce1cf*/ !important;
}

a.a2a_menu_powered_by, a.a2apage_DICISION_MAKING_TOOL { color: #93be91 !important; background: #0a1c0b !important; }
a.a2a_menu_powered_by:visited, a.a2apage_DICISION_MAKING_TOOL:visited { color: #93be91 !important; background: #0a1c0b !important; }
a.a2a_menu_powered_by:hover, a.a2a_menu_powered_by:visited:hover, a2apage_DICISION_MAKING_TOOL:hover, a.a2apage_DICISION_MAKING_TOOL:visited:hover { color: #34d238 !important; background: #0a1c0b !important; }

.xui, .xui ul, div.yuimenu, div.yuimenubar {
  background-color: #000 !important;
}

/*control panel*/
.mceStatusbar {
  background: #0a1c0b !important;
  color: #cccccc/*ffffd0 cce1cf*/ !important;
}
/* Alternate color 1 */
thead,.alt1,.thead {
  background: #21301f/*0a1c0b*/ !important;
  color: #cccccc/*ffffd0 cce1cf*/ !important;
}
/* Alternate color 2 */
.alt2 {
  background: #0a1c0b !important;
  color: #cccccc/*ffffd0 cce1cf*/ !important;
}
.tborder {
  border: 1px solid #223b21 !important;
}

/*forums*/


.xui li:hover, .xui li.sfhover,
div.yuimenu li.selected,
div.yuimenubar li.selected {
    background-color:#000 !important;

}

.x-high {
  background-color: #041702 !important;
}

#addthis_dropdown a {
  color:#333333 !important; 
}

#addthis_dropdown a:hover {
  background-color: #E5E5E5 !important;
}

.panel_error {
background: #0a1c0b !important;
color: #cce1cf !important;
}
.panel_success {
background: #0a1c0b !important;
color: #cce1cf !important;
}

.panel_warning {
background: #0a1c0b !important;
color: #cce1cf !important;
}
.panel_normal {
background: #0a1c0b !important;
color: #cce1cf !important;
}

.panel_plain {
background: #0a1c0b !important;
color: #cce1cf !important;
}

.gui_error {
color: red !important;
}

.gui_warning {
color: #E56717 !important;
}

.gui_success {
color: green !important;
}

.gui_normal .gui_white {
background: #0a1c0b !important;
color: #cce1cf !important;
}

.xxmenu {
background-color: #0a1c0b !important;
}

#storytext {
    line-height: 1.4em !important;
}

/* end recolor */

}

Xiph0 · Aug 7, 2008

Sorry for the double post again. I guess after 12 hours you can't edit your posts anymore?
Click to expand...

It's 24 hours, I think. I'll merge them.

Militis · Aug 9, 2008

Xiph0 said: ↑

It's 24 hours, I think. I'll merge them.
Click to expand...

Thanks. =)

I'm going to post these questions again. Even though there isn't anything I can do for ~4 days (I'm on a business trip away from home, without my computer. ), I'll be checking DLP when I get home.

Militis said: ↑

Edit: Quick question, should I alternate the colors like they do on the fourm (and other things too I guess)? Or should I make it all one flat color?
Click to expand...

I did alternate the colors, but I not so sure it looks any good.

Militis said: ↑

Edit2: I can't seem to get the file upload thing to change colors...>.< Any ideas?
Click to expand...

Dark Syaoran · Aug 10, 2008

Awesome work. I've noticed the arrows for the drop-down boxes for characters/words/language/etc have turned black. Lol.

Militis · Aug 11, 2008

Dark Syaoran said: ↑

Awesome work. I've noticed the arrows for the drop-down boxes for characters/words/language/etc have turned black. Lol.
Click to expand...

Ummm...say what? What arrows? lmao...

My vacation, instead of regenerating my brain, has fried my brain. Damn it's hot in California.

Rahkesh Asmodaeus · Aug 11, 2008

... Fresno? You're in Fresno? XD

Last time I went there in summer, it was like 109.

Militis · Aug 11, 2008

...I'll refrain from asking how you know I'm in Fresno, because then I'll look stupid (though, I can take a wild guess...and probably be right. I haven't actually taken a gander at what my IP shows up as while hopping networks, hehe).

It was 97 today, and supposed to be 101 tomorrow. I'm used to the 70s and 80s at home in Colorado. At least we're leaving tomorrow. Yay!

Rahkesh Asmodaeus · Aug 11, 2008

Your IP tells all.

And pfft, 97. That's a little higher than normal, but not that bad. Past 100 is pretty rare though. Well, not in Fresno, but about 4 hours south of Fresno it is. XD

The-Hyphenated-One · Aug 11, 2008

I think it got to 85 in Seattle today, weaksauce!

DLP Flash Christmas Competition + Writing Marathon 2024!

Hi there, Guest

Fanfiction.net Themes

Militis Supreme Mugwump

CGB Auror

Argosh Groundskeeper

Militis Supreme Mugwump

Rahkesh Asmodaeus THUNDAH Bawd Admin DLP Supporter

Militis Supreme Mugwump

Dark Syaoran No. 4 Admin

Militis Supreme Mugwump

Dark Syaoran No. 4 Admin

Militis Supreme Mugwump

Dark Syaoran No. 4 Admin

Militis Supreme Mugwump

Xiph0 Yoda Admin

Militis Supreme Mugwump

Dark Syaoran No. 4 Admin

Militis Supreme Mugwump

Rahkesh Asmodaeus THUNDAH Bawd Admin DLP Supporter

Militis Supreme Mugwump

Rahkesh Asmodaeus THUNDAH Bawd Admin DLP Supporter

The-Hyphenated-One Chief Warlock DLP Supporter

Most and Least Bashed Characters in FanFiction

Fanfiction and AI

Reality Shifting: TikTok's newest obsession with mental fanfiction

How does DLP read fanfiction?

Vash's totally (not) epic FFn Themes

DLP Flash Christmas Competition + Writing Marathon 2024!

Hi there, Guest

Fanfiction.net Themes

Militis Supreme Mugwump

CGB Auror

Argosh Groundskeeper

Militis Supreme Mugwump

Rahkesh Asmodaeus THUNDAH Bawd Admin DLP Supporter

Militis Supreme Mugwump

Dark Syaoran No. 4 Admin

Militis Supreme Mugwump

Dark Syaoran No. 4 Admin

Militis Supreme Mugwump

Dark Syaoran No. 4 Admin

Militis Supreme Mugwump

Xiph0 Yoda Admin

Militis Supreme Mugwump

Dark Syaoran No. 4 Admin

Militis Supreme Mugwump

Rahkesh Asmodaeus THUNDAH Bawd Admin DLP Supporter

Militis Supreme Mugwump

Rahkesh Asmodaeus THUNDAH Bawd Admin DLP Supporter

The-Hyphenated-One Chief Warlock DLP Supporter

Most and Least Bashed Characters in FanFiction

Fanfiction and AI

Reality Shifting: TikTok's newest obsession with mental fanfiction

How does DLP read fanfiction?

Vash's totally (not) epic FFn Themes

Useful Searches