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
    Like for Greasemonkey? No idear...D:
     
  2. Zombie

    Zombie Black Philip Moderator DLP Supporter

    Joined:
    Apr 28, 2007
    Messages:
    6,036
    Nah, like on userstyles site. You have an old version of a DLP theme up there, and I can use that one cause I can have it generate a code, but here, I can't do it.

    I use Opera, not Firefox.
     
  3. Militis

    Militis Supreme Mugwump

    Joined:
    Jun 24, 2008
    Messages:
    1,683
    Location:
    Online
    OOH! Yeah, I can update the code there. Hopefully I remember my login info...>.>
     
  4. Zombie

    Zombie Black Philip Moderator DLP Supporter

    Joined:
    Apr 28, 2007
    Messages:
    6,036
    <3 Militis.
     
  5. Antivash

    Antivash Until we meet again... DLP Supporter Retired Staff

    Joined:
    Apr 2, 2005
    Messages:
    6,957
    Location:
    Ghost Planet
    Cut out the bottom }, and the stuff at the top to identify it as a stylish theme, save it in notepad as <filename>.css, right-click your site, edit site preferences, display tab, and select your file.

    The absolute easiest method, and so long as the theme works, it will work. Otherwise, I think you need to use the Greasemonkey header and save it as <filename>.user.js
     
  6. Zombie

    Zombie Black Philip Moderator DLP Supporter

    Joined:
    Apr 28, 2007
    Messages:
    6,036
    [​IMG]

    I wanna change that, know how to, Militis?
     
  7. Jon

    Jon The Demon Mayor Admin DLP Supporter

    Joined:
    Jun 5, 2006
    Messages:
    8,014
    Location:
    Australia
    Colour is terribad replace background with #21301F

    ????

    DLPROFIT!
     
  8. Dark Syaoran

    Dark Syaoran No. 4 Admin

    Joined:
    Jun 4, 2005
    Messages:
    6,141
    Gender:
    Male
    I just updated to the newest Firefox and the FFN banner has returned to being blue - like in Zombie's picture from over a year ago. Before updating, it was fine.
     
  9. Dark Syaoran

    Dark Syaoran No. 4 Admin

    Joined:
    Jun 4, 2005
    Messages:
    6,141
    Gender:
    Male
    Attached is a photo of the blue bar of doom.
     

    Attached Files:

  10. Militis

    Militis Supreme Mugwump

    Joined:
    Jun 24, 2008
    Messages:
    1,683
    Location:
    Online
    Thanks. I'll get this fixed ASAP. Any other pages changed? (Ignoring the blue bar of doom...that's on every page AFAIK)
     
  11. Dark Syaoran

    Dark Syaoran No. 4 Admin

    Joined:
    Jun 4, 2005
    Messages:
    6,141
    Gender:
    Male
    Haven't seen any yet but I'll keep on the lookout.
     
  12. PinstripedPajamas

    PinstripedPajamas Sixth Year DLP Supporter

    Joined:
    Jul 27, 2010
    Messages:
    174
    Gender:
    Male
    Location:
    Canada
    So. Much. Wasted. Space.

    My OCD is acting up; could you do me favor, and hide your bookmark and add-on bars? They don't seem to be serving a purpose.
     
  13. Oz

    Oz For Zombie. Moderator DLP Supporter

    Joined:
    Jan 31, 2008
    Messages:
    9,028
    Gender:
    Female
    Location:
    Baile Átha Cliath
  14. Dark Syaoran

    Dark Syaoran No. 4 Admin

    Joined:
    Jun 4, 2005
    Messages:
    6,141
    Gender:
    Male
    :)

    Only way to roll.
     
  15. pdo91

    pdo91 Professor DLP Supporter

    Joined:
    Jan 11, 2009
    Messages:
    495
    Location:
    Colorado
    To fix the Blue Bar of Doom, just add this to your script:

    Code:
    .myborder, a[name="top"] {
        background: #0a1c0b !important;
        }
    That will fix it for everywhere on the site. And as far as I can tell, there's no other pages changed with FF4.
     
  16. Militis

    Militis Supreme Mugwump

    Joined:
    Jun 24, 2008
    Messages:
    1,683
    Location:
    Online
    Alright, fixed. Also updated here: http://userstyles.org/styles/11783/fanfiction-net-dlp-style

    That site just got a jillion times cooler, because I can use a placeholder and give you the option to pick your text color. No more having to copy/paste two different styles here, and no more remembering to do it. :D

    I think the style can auto-update, but I was having all kinds of weird issues with buttons and things disappearing on page refresh. I can't find the auto-update anymore. :(
     
  17. Zombie

    Zombie Black Philip Moderator DLP Supporter

    Joined:
    Apr 28, 2007
    Messages:
    6,036
    Could someone fix this script so that it works with the new FFN?
    Code:
    // ==UserScript==
    // @name          Fanite - Darken Fanfiction
    // @namespace     http://userstyles.org
    // @description	  Far this day for I no longer making a style for stylish of any kind. I leaving the code up for whoever want to continue the project but never expect a update of any kind from me. The code is free to anyone to use to or to modfied in any way. Please don't leave a topic for updates or bugs, I will not fix them.
    // @author        Wantless
    // @homepage      http://userstyles.org/styles/42643
    // @include       http://fanfiction.net/*
    // @include       https://fanfiction.net/*
    // @include       http://*.fanfiction.net/*
    // @include       https://*.fanfiction.net/*
    // @include       http://fanfiction.net/d/*
    // @include       https://fanfiction.net/d/*
    // @include       http://*.fanfiction.net/d/*
    // @include       https://*.fanfiction.net/d/*
    // @include       http://www.fanfiction.net/tv/*
    // @include       http://fanfiction.net/d/*
    // @include       https://fanfiction.net/d/*
    // @include       http://*.fanfiction.net/d/*
    // @include       https://*.fanfiction.net/d/*
    // @include       http://www.fanfiction.net/s/*
    // @include       http://fanfiction.net/d/*
    // @include       https://fanfiction.net/d/*
    // @include       http://*.fanfiction.net/d/*
    // @include       https://*.fanfiction.net/d/*
    // @include       http://login.fanfiction.net/*
    // @include       http://fanfiction.net/d/*
    // @include       https://fanfiction.net/d/*
    // @include       http://*.fanfiction.net/d/*
    // @include       https://*.fanfiction.net/d/*
    // @include       http://www.fanfiction.net/u/*
    // @include       http://www.fanfiction.net/~*
    // @include       http://fanfiction.net/d/*
    // @include       https://fanfiction.net/d/*
    // @include       http://*.fanfiction.net/d/*
    // @include       https://*.fanfiction.net/d/*
    // @include       http://forum.fanfiction.net/*
    // @include       http://www.fanfiction.net/my*
    // ==/UserScript==
    (function() {
    var css = "";
    if (false || (document.domain == "fanfiction.net" || document.domain.substring(document.domain.indexOf(".fanfiction.net") + 1) == "fanfiction.net"))
    	css += "div[style=\"margin-top:5px;float:right;width:160px;margin-left:5px;text-align:right;\"],#google_ads_div_ff_rectangle_300x250,#google_ads_div_ff_rectangle_300x250_ad_container, body center div{\ndisplay:none!important;\n}\n\nbody{\nbackground:-moz-linear-gradient(top, #000, #111 100px) repeat-x,#111!important;\n}\n\na{\ncolor: #0370C3!important;\noutline: none!important;\nborder: none!important;\nfont-family: arial, serif!important;\n}\n\na:hover{\ncolor: #028EF9!important;\ntext-decoration: underline!important;\n}\n\na:visited{\ncolor: #2D5E83!important;\n}\n\nbody center div{\ndisplay:none!important;\n}\n\n#jstoreflash {\ndisplay:none!important;\n}\n\n.menulinks {\ncolor: #888!important;\nfont-family: arial, serif!important;\nmargin: 0 auto!important;\nwidth: 94%!important;\npadding-left: 7px!important;\npadding-top: 15px!important;\nbackground:none!important;\nborder:none !important;\nheight: 30px !important;\nborder-bottom: 1px solid #333!important;\n}\n\ndiv.zmenu{\nmargin: 0 auto!important;\npadding-left: 5px!important;\nheight: 25px !important;\npadding-top: 10px!important;\nbackground: none !important;\nborder-top: 1px rgba(255,255,255,0.1) solid !important;\nborder-bottom: 1px rgba(255,255,255,0.1) solid !important;\n}\n\nspan.zmenu{\nposition: relative!important;\ntop: 3px!important;\nborder: none!important;\nbackground: none!important;\n}\n\n.zui a{\ncolor: white!important;\nfont: 12px arial, serif!important;\npadding-top: 10px!important;\npadding-bottom: 8px!important;\n}\n\n.z-high{\nbackground: rgba(255,255,255,0.05) !important;\n}\n\n.zui{\nbackground:none!important;\n}\n\n.sep {\ndisplay:none!important;\n}\n\n.menu-child{\ndisplay: none!important;\n}\n\noption{\nborder: none!important;\ncolor: white;\ntext-shadow: none!important;\nbackground: #111!important;\n}\n\nselect,input[type=\"button\"],input[type=\"submit\"]{\nfont:12px verdana, serif!important;\ntext-shadow: 0 1px rgba(255,255,255,0.5)!important;\nborder: 1px solid #ccc!important;\nbackground: #f5f5f5!important;\n-moz-appearance: none!important;\ncolor: #555!important;\npadding: 2px!important;\n}\n\ninput[type=\"submit\"]{\nmargin-left: 5px!important;\n}\n\n#menu-search-c-i{\nmargin-top: -5px!important;\n}\n\n#menu-home-c-i, #menu-justin-c-i, #menu-community-c-i,#menu-forum-c-i,#menu-beta-c-i,#menu-search-c-i{\nleft: 20px!important;\n}\n\n\n\n.myborder{\nborder: none!important;\n}\n\ndiv[style=\"padding-left:1em;padding-right:1em;padding-top:0.5em;\"]{\nmargin:0 auto!important;\nwidth: 92%!important;\nbackground:none!important;\npadding: 10px 14px 0px 17px!important;\nheight: 100%!important;\ncolor: #999!important;\n}\n\ndiv[style=\"height:10px;border-top:1px solid #cdcdcd;\"]{\nheight: 20px!important;\n}\n\n\n.z-list {\nborder: none!important;\npadding: 15px!important;\nmargin:0 auto!important;\nwidth: 95%!important;\n}\n\n#storytextp{\nmargin: 0 auto!important;\nwidth: 92%!important;\nbackground: none!important;\n}\n\n.tborder {\npadding: 2px!important;\ncolor: white!important;\nborder: none!important;\n}\n\n.alt1,.alt2{\ncolor: #555!important;\nmargin: 0!important;\nbackground: #f5f5f5!important;\nborder: none!important;\n}\n\n.fhigh{\nbackground: none!important;\n}\n\n.tcat{\nbackground: #333!important;\n}\n\n.alt1 td{\npadding: 5px!important;\n}";
    if (false || (document.domain == "fanfiction.net/d" || document.domain.substring(document.domain.indexOf(".fanfiction.net/d") + 1) == "fanfiction.net/d") || (document.location.href.indexOf("http://www.fanfiction.net/tv/") == 0))
    	css += "hr[size=\"1\"]{\nwidth: 92%!important;\n}\ndiv[style=\"padding-left:1em;padding-right:1em;padding-top:0.5em;\"] table[border=\"0\"] {\nwidth: 92%!important;\nmargin: 0 auto!important;\n}";
    if (false || (document.domain == "fanfiction.net/d" || document.domain.substring(document.domain.indexOf(".fanfiction.net/d") + 1) == "fanfiction.net/d") || (document.location.href.indexOf("http://www.fanfiction.net/s/") == 0))
    	css += "div[style=\"padding-left:1em;padding-right:1em;padding-top:0.5em;\"]{\nwidth: 93%!important;\nbackground: none!important;\npadding: 10px 1ex 1ex 0!important;\nheight: 150%!important;\ncolor: #888!important;\nborder: none!important;\n}\n\nbody div[style=\"height:10px;border-top:1px solid #cdcdcd;\"]{\nwidth: 85px!important;\nborder-top: 0!important;\nposition: relative!important;\ntop: -85px;\nleft: 15px;\n}\n\nhr{\ndisplay: none!important;\n}\n\n.storytext{\ncolor: #999!important;\nborder: none!important;\nmargin-left: -2%!important;\nmax-width: 95%!important;\npadding: 20px 25px 20px 25px!important;\nline-height: 1.25!important;\n}\n\n.storytext p:nth-child(7n){\nborder-bottom: 1px solid #555!important;\npadding-bottom : 20px!important;\n}\n\n.storytext p{\ncolor: #999!important;\n}";
    if (false || (document.domain == "fanfiction.net/d" || document.domain.substring(document.domain.indexOf(".fanfiction.net/d") + 1) == "fanfiction.net/d") || (document.location.href.indexOf("http://login.fanfiction.net/") == 0))
    	css += "div[style=\"padding-left:1em;padding-right:1em;padding-top:0.5em;\"] {\nbackground: transparent!important;\nborder: none!important;\n}\n\n#gui_table1 td, #gui_table1i td, #gui_table2i td, #gui_table3i td, #gui_table4i td, #gui_table5i td, #gui_table6i td, #gui_table7i td, #gui_table8i td, #gui_table9i td, #gui_table10i td, #gui_table11i td,#gui_table12 td, #gui_table13 td, #gui_table14 td{\ncolor: #555!important;\nborder: none!important;\nbackground: rgba(0,0,0,0.05)!important;\n}\n\n#gui_table1 , #gui_table1i, #gui_table2i , #gui_table3i , #gui_table4i , #gui_table5i , #gui_table6i , #gui_table7i , #gui_table8i , #gui_table9i , #gui_table10i , #gui_table11i, #gui_table12, #gui_table13, #gui_table14 {\npadding: 5px!important;\nborder: none!important;\n}\n\n.xtabc {\nborder: 1px solid #444!important;\n}\n\n.admintabs a:hover, .admintabs a.selected {\ncolor: white!important;\nbackground: #444!important;\n}\n\n.admintabs a{\npadding: 5px!important;\n}\n\n.tcat {\nfont-family: arial, serif!important;\ntext-align: center!important;\n}\n\nimg[width=\"150\"]{\npadding: 10px!important;\n}";
    if (false || (document.domain == "fanfiction.net/d" || document.domain.substring(document.domain.indexOf(".fanfiction.net/d") + 1) == "fanfiction.net/d") || (document.location.href.indexOf("http://www.fanfiction.net/u/") == 0) || (document.location.href.indexOf("http://www.fanfiction.net/~") == 0))
    	css += ".myborder_no_bottom{\nborder: 1px solid rgba(0,0,0,0.05)!important;\nbackground-color: #444!important;\n}\n\n.myborder_no_bottom span{\nfont-family: arial,veranda,serif!important;\nfont-size: 20px!important;\n}\n\n.myborder td{\ncolor: #a9a9a9!important;\nbackground: #222!important;\npadding: 10px!important;\nborder-right: 1px solid rgba(255,255,255,0.1)!important;\n}\n\n#myborder menulinks{\nbackground: #000!important;\n}\n\nimg[width=\"150\"]{\nborder: 5px solid #fff!important;\n}\n\ndiv[style=\"border:1px solid #666;padding-top:5px;\"]{\nborder: none!important;\n}\n\n#xtab ul#primary a.current {\nbackground: #444!important;\n}\n\n#primary{padding: 3px!important;\nbackground: #777!important;\ncolor: white!important;\n}\n\n#primary a{\ncolor: white!important;\n}";
    if (false || (document.domain == "fanfiction.net/d" || document.domain.substring(document.domain.indexOf(".fanfiction.net/d") + 1) == "fanfiction.net/d") || (document.location.href.indexOf("http://forum.fanfiction.net/") == 0) || (document.location.href.indexOf("http://www.fanfiction.net/my") == 0))
    	css += ".alt1, .alt2{\nborder: 1px solid #884!important;\ncolor: #999!important;\npadding: 5px!important;\nbackground: #eee!important;\n}\n\n#gui_table1 .alt2,#gui_table1{\nbackground: none!important;\ncolor: #eee!important;\n}\n\n.tborder{\nbackground: #ddd!important;\n}";
    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); 
    	}
    }
    })();
    Got it from here. And it looks like this, now: http://img862.imageshack.us/img862/3332/unledom.png
     
    Last edited: May 8, 2011
  18. pdo91

    pdo91 Professor DLP Supporter

    Joined:
    Jan 11, 2009
    Messages:
    495
    Location:
    Colorado
    I'm sure most of you have noticed the new "Share" icons that break the flow of the story text at the top right of every chapter. Whoever decided to implement it like that was clearly drunk and retarded. If you want it gone, add this to your theme:

    Code:
    div.a2a_kit {
      display:none !important;
    }
    I wonder who actually shares the fact they read fanfiction on twitter and facebook. >_>
     
  19. Militis

    Militis Supreme Mugwump

    Joined:
    Jun 24, 2008
    Messages:
    1,683
    Location:
    Online
    :p

    I wonder why it isn't allowing people to auto-update the style anymore? It did once for me, but not since.


    But yeah, I guess I shouldn't assume everyone that themes their FFN are using the DLP theme. Heh. Thanks pdo.
     
  20. Zyloch

    Zyloch Fourth Year

    Joined:
    Jun 2, 2007
    Messages:
    116
    So I did this before in Greasemonkey, copying the Readability style, which was pretty stupid. Last night came up with this Stylish sheet that simplifies just the read story page for me in the same style. I'm going to leave it here for anyone who likes it to use. Tried it briefly with DLP colors too, and it didn't look too bad, so if anyone wants to branch with it, be my guest.

    Code:
    @namespace url(http://www.w3.org/1999/xhtml);
    
    @-moz-document url-prefix("http://www.fanfiction.net/s/")
    {
    
    body
    {
      background-color: #F4EED9 !important;
      color: #1D1916 !important;
      font-family: Verdana, serif !important;
      font-size: 1em !important;
      margin: 0 !important;
      padding: 0 !important;
    }
    
    a, a:link, a:visited
    {
      border-bottom: none !important;
      color: #0033CC !important;
      text-decoration: none !important;
    }
    
    a:hover
    {
      color: #0033CC !important;
    }
    
    .zui a, .zui a:link, .zui a:visited, .zui a:hover
    {
      color: black !important;
    }
    
    div
    {
      color: #1D1916 !important;
      font-family: Verdana, serif !important;
      font-size: 1em !important;
    }
    
    div.myborder.menulinks
    {
      display: none;
    }
    
    div.zmenu, span.zmenu
    {
      height: 1.4em !important;
    }
    
    div.menu-child, div.menu-child td
    {
      line-height: 16px !important;
    } 
    
    div.menu-child, div.menu-child td,
    div.menu-child td input,
    div.menu-child td select
    {
      font-size: 11px !important;
    }
    
    select
    {
      border-color: #CCC #AAA #AAA #CCC !important;
      border-style: solid !important;
      border-width: 1px !important;
      padding: 1px !important;
    }
    
    body > div > table small span
    {
      display: block !important;
      margin-left: 10px !important;
      margin-top: 3px !important;
    }
    
    body > center,
    body > div > div table,
    body > div > div img,
    body > div > table img      /* author avatar */
    {
      display: none !important;
    }
    
    a[href="#top"]
    {
      display: none;
    }
    
    div.sep
    {
      border-bottom-style: dotted !important;
      height: 5px !important;
    }
    
    div.a2a_kit
    {
      display: none;
    }
    
    #storytextp
    {
      background-color: inherit !important;
      font-size: 112.5% !important;
      margin: 0 auto !important;
      max-width: 940px !important;
      min-width: 300px !important;
    }
    
    #storytext
    {
      font-family: Cambria, "Hoefler Text", Georgia, "Times New Roman", serif !important;
      font-size: 1.2em !important;
      line-height: 155% !important;
      width: 90% !important;
    }
    
    hr
    {
      background-color: black !important;
      height: 1px !important;
      margin: 12px 0 0 !important;
      opacity: 0.2 !important;
    }
    
    }
     
Loading...