Authorvknight20
LicenseNo License
Categoryfanfiction.net
Created
Updated
Size16 kB
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
/---New Entry---/
Fanfiction Classic has now shifted to bringing back 2004-2006 Fanfiction.net with surprising accuracy.
New Features:
Classic Pseudo Header with clickable realigned HTML elements
Classic Division Alignment on Homepage
Old Fanfiction Header Borders/Fonts
/---Old Entry---/
Brings back 2007 Fanfiction.net in nearly its' entirety
Classic homepage complete with old news sections
Classic headers
Old fonts/margins
Gets rid of annoying PFP's
Many other fixes
v 1.0 - Initial release
v 2.0 - 2004-2006 shift
/* ==UserStyle==
@name fanfiction.net - 12/28/2022, 10:20:44 AM
@namespace github.com/openstyles/stylus
@version 2.0
@description Brings back 2004-2006 Fanfiction.Net
@author VKNIGHT20
==/UserStyle== */
@-moz-document url("https://www.fanfiction.net/") {
div#content_wrapper_inner {
margin-right: 300px !important;
}
body:after {
content: url('https://i.ibb.co/XZpxS69/ffnsidebar.png');
position: absolute;
top: 98px;
left: 484px;
}
div#content_wrapper_inner:after {
content: url('https://i.ibb.co/G9b2LQQ/ffnews.png');
padding-top: 100px !important;
width: 200px !important
}
}
@-moz-document url-prefix("https://www.fanfiction.net") {
/*---New Code---*/
body:before {
background-image: url('https://i.ibb.co/K21QMng/fanfictionheader.png');
background-size: 784px 97px;
height: 95px;
display: inline-block;
width: 784px;
background-repeat: no-repeat;
content:"";
pointer-events: all;
}
a[href="/"][style="font-size:1.1em;border:none;"]::before {
background-image: url('https://web.archive.org/web/20061004003656im_/http://www.fanfiction.net/static/forum/web.gif');
background-size: 14px 14px;
height: 14px !important;
width: 14px;
background-repeat: no-repeat;
padding-right: 6px;
padding-left: 5px !Important;
content:"";
pointer-events: all;
display: none !Important;
}
a[href="/"][style="font-size:1.1em;border:none;"] {
background: transparent;
color: transparent !important;
overflow: hidden;
margin: 0 0;
background-size: contain;
position: absolute;
top: 0px;
left: 11px;
width: 240px;
height: 62px;
display: block;
}
table#gui_table2i {
display: none;
}
span.icon-shuffle {
display: none;
}
div.zmenu {
height: 0px !Important;
border: 0px !Important;
}
a[href="/login.php?cache=bust"] {
background: transparent;
color: transparent !important;
overflow: hidden;
margin: 0 0;
background-size: contain;
position: absolute;
top: 68px;
left: 505px;
width: 42px;
height: 25px;
display: block;
}
a:hover {
text-decoration: none;
border-bottom: solid 0px #357bd6;
}
a[href="/signup.php"] {
background: transparent;
color: transparent !important;
overflow: hidden;
margin: 0 0;
background-size: contain;
position: absolute;
top: 68px;
left: 562px;
width: 50px;
height: 25px;
display: block;
}
div.menulink.maxwidth {
padding: none;
vertical-align: middle;
height: 0px !important;
font-size: 0px !important;
}
a.dropdown-toggle {
color: transparent !important;
text-decoration: none !important;
}
div.dropdown.xmenu_item:nth-child(1) {
background: transparent;
color: transparent !important;
margin: 0 0;
background-size: contain;
position: absolute;
top: 68px;
left: 64px;
width: 20px;
height: 20px;
display: block;
font-size: 0px !Important;
}
div.dropdown.xmenu_item:nth-child(2) {
background: transparent;
color: transparent !important;
margin: 0 0;
background-size: contain;
position: absolute;
top: 68px;
left: 16px;
width: 40px;
height: 20px;
display: block;
font-size: 0px !Important;
}
div.dropdown.xmenu_item:nth-child(3) {
background: transparent;
color: transparent !important;
margin: 0 0;
background-size: contain;
position: absolute;
top: 68px;
left: 210px;
width: 55px;
height: 20px;
display: block;
font-size: 0px !Important;
}
div.dropdown.xmenu_item:nth-child(4) {
background: transparent;
color: transparent !important;
margin: 0 0;
background-size: contain;
position: absolute;
top: 68px;
left: 150px;
width: 45px;
height: 20px;
display: block;
font-size: 0px !Important;
}
div.dropdown.xmenu_item:nth-child(4) {
background: transparent;
color: transparent !important;
margin: 0 0;
background-size: contain;
position: absolute;
top: 68px;
left: 150px;
width: 65px;
height: 20px;
display: block;
font-size: 0px !Important;
}
div.dropdown.xmenu_item:nth-child(5) {
background: transparent;
color: transparent !important;
margin: 0 0;
background-size: contain;
position: absolute;
top: 68px;
left: 280px;
width: 62px;
height: 20px;
display: block;
font-size: 0px !Important;
}
input#search_keywords.span2 {
position: absolute;
top: 69.5px;
left: 650px;
width: 110px;
}
.btn-group>.btn:first-child {
position: absolute;
top: -40.5px !important;
width: 200px;
left: -138px !Important;
display: none;
}
/*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*/
body, .maxwidth {
width: 785.2px !important;
}
div#top {
width: 784px !Important;
margin-right: 250px !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...