1. DLP Flash Christmas Competition + Writing Marathon 2024!

    Competition topic: Magical New Year!

    Marathon goal? Crank out words!

    Check the marathon thread or competition thread for details.

    Dismiss Notice
  2. Hi there, Guest

    Only registered users can really experience what DLP has to offer. Many forums are only accessible if you have an account. Why don't you register?
    Dismiss Notice
  3. Introducing for your Perusing Pleasure

    New Thread Thursday
    +
    Shit Post Sunday

    READ ME
    Dismiss Notice

Fanfiction.net Themes

Discussion in 'General Discussion' started by Paimon, Jul 17, 2007.

  1. Militis

    Militis Supreme Mugwump

    Joined:
    Jun 24, 2008
    Messages:
    1,683
    Location:
    Online
    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 */
    
    }
    
     
  2. CGB

    CGB Auror

    Joined:
    May 7, 2006
    Messages:
    644
    Location:
    Germany
    Works for me, thanks
     
  3. Argosh

    Argosh Groundskeeper

    Joined:
    Mar 8, 2008
    Messages:
    371
    That looks much better than the earlier version, thanks. ;)
     
  4. Militis

    Militis Supreme Mugwump

    Joined:
    Jun 24, 2008
    Messages:
    1,683
    Location:
    Online
    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).
     
  5. Rahkesh Asmodaeus

    Rahkesh Asmodaeus THUNDAH Bawd Admin DLP Supporter

    Joined:
    Apr 3, 2005
    Messages:
    5,129
    Location:
    Atlanta
    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.
     
  6. Militis

    Militis Supreme Mugwump

    Joined:
    Jun 24, 2008
    Messages:
    1,683
    Location:
    Online
    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.
     
  7. Dark Syaoran

    Dark Syaoran No. 4 Admin

    Joined:
    Jun 4, 2005
    Messages:
    6,141
    Gender:
    Male
    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.
     
  8. Militis

    Militis Supreme Mugwump

    Joined:
    Jun 24, 2008
    Messages:
    1,683
    Location:
    Online
    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.
     
  9. Dark Syaoran

    Dark Syaoran No. 4 Admin

    Joined:
    Jun 4, 2005
    Messages:
    6,141
    Gender:
    Male
    Yeah, I just decided to be a picky cunt. I never use the areas, but it's good to have it fully fleshed out.
     
  10. Militis

    Militis Supreme Mugwump

    Joined:
    Jun 24, 2008
    Messages:
    1,683
    Location:
    Online
    No worries, I agree. Better to have it ALL the same, than just certain areas.
     
  11. Dark Syaoran

    Dark Syaoran No. 4 Admin

    Joined:
    Jun 4, 2005
    Messages:
    6,141
    Gender:
    Male
    Also found another thing. FFN has that 'Share/Save' button in the top right now. The box that appears is white.
     
  12. Militis

    Militis Supreme Mugwump

    Joined:
    Jun 24, 2008
    Messages:
    1,683
    Location:
    Online
    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 */
    
    }
    
     
    Last edited by a moderator: Aug 7, 2008
  13. Xiph0

    Xiph0 Yoda Admin

    Joined:
    Dec 7, 2005
    Messages:
    9,498
    Gender:
    Male
    Location:
    West Bank
    It's 24 hours, I think. I'll merge them.
     
  14. Militis

    Militis Supreme Mugwump

    Joined:
    Jun 24, 2008
    Messages:
    1,683
    Location:
    Online
    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.

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

     
  15. Dark Syaoran

    Dark Syaoran No. 4 Admin

    Joined:
    Jun 4, 2005
    Messages:
    6,141
    Gender:
    Male
    Awesome work. I've noticed the arrows for the drop-down boxes for characters/words/language/etc have turned black. Lol.
     
  16. Militis

    Militis Supreme Mugwump

    Joined:
    Jun 24, 2008
    Messages:
    1,683
    Location:
    Online
    Ummm...say what? What arrows? lmao...

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

    Rahkesh Asmodaeus THUNDAH Bawd Admin DLP Supporter

    Joined:
    Apr 3, 2005
    Messages:
    5,129
    Location:
    Atlanta
    ... Fresno? You're in Fresno? XD

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

    Militis Supreme Mugwump

    Joined:
    Jun 24, 2008
    Messages:
    1,683
    Location:
    Online
    ...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!
     
  19. Rahkesh Asmodaeus

    Rahkesh Asmodaeus THUNDAH Bawd Admin DLP Supporter

    Joined:
    Apr 3, 2005
    Messages:
    5,129
    Location:
    Atlanta
    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
     
  20. The-Hyphenated-One

    The-Hyphenated-One Chief Warlock DLP Supporter

    Joined:
    Sep 5, 2006
    Messages:
    1,497
    Gender:
    Male
    Location:
    Seattle
    I think it got to 85 in Seattle today, weaksauce!
     
Loading...