Skip to content

Fanfiction.net Classic (Post-2007) by ooooooogh

Write a review Install Get Stylus

Details

Authorooooooogh

LicenseNo License

Categoryhttps://www.fanfiction.net/

Created

Updated

Size11 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

A reupload of VKNIGHT's incredible Fanfiction.net userstyle. Recently it was overhauled to before 2007, leaving this userstyle to not exist anymore. If the old fanfiction.net classic userstyle is ever officially uploaded by VKNIGHT then I'll take this down

Notes

Sorry for reuploading VKNIGHT!

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
/* ==UserStyle==
@name           fanfiction.net - 12/28/2022, 10:20:44 AM
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */

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

/*Get rid of twitter feed*/
    div.css-1dbjc4n.r-14lw9ot.r-1ets6dv.r-1q9bdsx.r-rs99b7.r-1udh08x {
        display: none;
    }
    
    a.twitter-timeline {
        display: none;
    }
    
    a.css-1dbjc4n.r-14lw9ot.r-1ets6dv.r-1q9bdsx.r-rs99b7.r-1udh08x {
        display: none;
    }
    
    div.twitter-timeline.twitter-timeline-rendered {
        display: none;
    }
    
    r-14lw9ot {
    background-color: rgb(255, 255, 255);
    display: none !important;
}
    
    div#__next {
        display: none !important;
    }
    
    .r-14lw9ot {
    background-color: rgb(255, 255, 255);
    display: none;
}
    
    div.twitter-timeline.twitter-timeline-rendered {
        display: none !important;
    }
    
    /*Get rid of modern Portions*/
    button.btn.pull-right.icon-heart {
        display: none;
    }
    
    /*Old Header*/
    
    div.lc-wrapper {
        display: none;
    }
    
    span.icon-kub-mobile {
        display: none;
    }
    
    span.icon-tl-text {
        display: none;
    }
    

    
/*Old Margins*/
    .maxwidth {
        width: 100% !important;
    }
    
    body.no-fontsmoothing {
        background-color: white !important;
    }
    

    
    /*Old Buttons*/
    
input {
    font-family: Verdana,Helvetica,sans-serif !important;
    font-size: 11px !important;
    background-color: #ccccff !important;
}
    
textarea:focus, input[type=text]:focus, input[type=password]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=date]:focus, input[type=month]:focus, input[type=time]:focus, input[type=week]:focus, input[type=number]:focus, input[type=email]:focus, input[type=url]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=color]:focus, .uneditable-input:focus {
    border-color: black;
    outline: 0;
    outline: thin dotted \9;
    -webkit-box-shadow:none;
    -moz-box-shadow: none;
    box-shadow: none
}
    
    .btn.active, .btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: green;
    -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);
    box-shadow: green;
    background-color: #ccccFF;
}
    
.btn:focus {
    outline: none;
    outline-offset: none;
}
    
.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
    color: #333;
    background-color: #ccccFF;
    *background-color: #d9d9d9;
}
    
    button.btn:hover {
        background-color: #ccccff !important
    }
    
btn {
    font-family: Verdana,Helvetica,sans-serif !important;
    font-size: 11px !important;
    background-color: #ccccff !important;
}
    
select {
    font-family: Verdana,Helvetica,sans-serif !important;
    font-size: 11px !important;
    background-color: #ccccff !important;
    color: black !important
}
    
select, textarea, input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], input[type=email], input[type=url], input[type=search], input[type=tel], input[type=color], .uneditable-input {
    display: inline-block;
    height: 20px !important;
    padding: 4px 6px;
    line-height: 20px !important;
    color: #555 !important;
    vertical-align: middle;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-family: Verdana,Helvetica,sans-serif;
    font-size: 11px;
    background-color: #ccccff;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    border: 1px black solid
}
    
    button.btn.dropdown-toggle {
        padding-top: 0px;
    border-top-width: 0px;
        border: 1px black solid;
    }
    
    button.btn.icon-edit-1 {
        border: 1px black solid;
        padding-top: 0px;
    }
    
    input#search_keywords.span2 {
        height: 13.5px !important;
        padding-top: 4px !important;
        padding-bottom: 0px !Important
    }
    
    button.btn {
        border: 1px black solid;
    }
    
    button:hover {
        background-color: #ccccff !important
    }
    
    /*Old Fonts*/
a, a:link, a:active, a:visited {
        font-family: Verdana,Helvetica,sans-serif;
        font-size: 11px;
        color: #0000EE
    }
    
    a.dropdown-toggle {
        color: black;
        text-decoration: none !important;
    }
    
    b.caret {
        display: none;
    }
    
    a.xcontrast_txt {
        color: #0000EE
    }
    

    
td {
    line-height: 100%;
}
    

    
    div.menulink.maxwidth {
        color: white !important
    }
    
    #text {
        color: black;
    }
    
    p {
    display: block !important;
    margin-block-start: 1em !important;
    margin-block-end: 1em !important;
    margin-inline-start: 0px !important;
    margin-inline-end: 0px !important;
        font-size: 12px !important;
    font-family: Verdana !important;
    color: black !important;
}
    



select, textarea, input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], input[type=email], input[type=url], input[type=search], input[type=tel], input[type=color], .uneditable-input {
    display: inline-block;
    height: 20px;
    padding: 4px 7px;
    padding-left: 3px;
    line-height: 20px !important;
    color: #555 !important;
    vertical-align: middle;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-family: Verdana,Helvetica,sans-serif;
    font-size: 11px;
    background-color: #ccccff;
    padding-top: 0px !important;
    padding-bottom: 0px;
}

.btn {
    display: inline-block;
    height: 20px;
     padding: 4px 6px; 
     line-height: 20px !important;
     color: #555 !important;
     vertical-align: middle;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     border-radius: 4px;
        font-family: Verdana,Helvetica,sans-serif;
    font-size: 10px !important;
    background-color: #ccccff;
}

.btn {
    display: inline-block;
    *display: inline;
    padding: 1px 2px;
    *margin-left: .3em;
    font-size: 13px;
    line-height: 20px;
    color: #333;
    text-align: center;
    text-shadow: none;
    vertical-align: middle;
    cursor: pointer;
    background-color: #ccccFF;
    *background-color: #ccccff;
    background-image: none !important;
    background-repeat: repeat-x;
    *border: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    *zoom: 1;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-decoration: none;
}
    
/*Old Colors*/

    body {
    background-color: white;
    color: black;
    font-family: Verdana,Helvetica,sans-serif;
    font-size: 12px;
    }
    
    a:-webkit-any-link {
    cursor: pointer;
    text-decoration: underline;
}

div#profile_top {
    border-width: 1px;
    border-style: outset;
    border-color: black;
}

div[style="height: 1px;background-color: black;"] {
    height: 1px;
    background-color: black;
}
    
/*Old Search*/
    img.lazy.cimage {
        display: none;
    } 
    
    div>.zhover:hover {
    background: white;
    }
    
    img {
        display: none !important;
    }
    
    .z-indent {
    padding-left: 0px;
}
    
    .zpointer {
        border-bottom: none !important;
    }
    

    
    
/*Misc*/
    
    span.icon-twitter-3 {
        display: none !important;
    }
    
    .icon-lock:before {
    display: none;
}
    
    span.icon-mail-1.xcontrast_txt {
        display: none;
    }
    
    div.menulink.maxwidth {
    font-size: 11px;
    color: white;
    word-spacing: 1px;
    padding-left: 1ex;
    letter-spacing: 0.5px;
}
    
    table {
    border-collapse: separate;
    text-indent: initial;
    border-spacing: 2px;
    border-width: 0px 0px 1px 0px;
}
    
    td {
            font-family: Verdana,Helvetica,sans-serif;
    font-size: 12px;
        display: table-cell;
    }
    
    div.tcat {
    background-color: white;
    padding: 5px;
}

    a[href="/"][style="font-size:1.1em;border:none;"]::before {
        content: url('')
    }
    
    a[href="/"][style="font-size:1.1em;border:none;"]::after {
        content: '.Net'
    }
    

    a[href="/"] {
        font-size: 11px !important;
        font-weight: bold;
        border: none;
    }
    

* {
    border-radius: 0px !important;
}
    
    div.zmenu {
        padding-top: 0px !important;
    }
    
    div#zmenu.maxwidth {
        padding: 0px !important;
        height: 27px !important;
    }
    
    hr {
    margin: 5px 0;
    height: 1px;
    border: none;
    background: black;
    background-image: black;
    background-image: black;
}
    
    div.tcat {
        border-left: 0px !important;
    }
    
    div.table-bordered  {
            width: 100%;
    text-align: left;
    border-left: 0px !important;
    border-top-width: 0px;
    border-right-width: 0px !important;
    border-bottom-width: 0px;
}
    
    table.table.table-bordered {
        display: none;
    }
    
    
    #content...

Reviews

No reviews yet.