Fur Affinity Experimental UI

Original concept art by Mailylion. Replaces the landing page with a new theme.
目前为 2016-10-26 提交的版本。查看最新版本。
Wrap lines
// ==UserScript==
// @name         Fur Affinity Experimental UI
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Original concept art by Mailylion. Replaces the landing page with a new theme.
// @author       ItsNix (https://www.furaffinity.net/user/itsnix/)
// @match        https://www.furaffinity.net/
// @grant        none
// @run-at       document-end
// @require      https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js
// ==/UserScript==

(function() {
    'use strict';

    var st = document.createElement('link');
    $(st).attr('href', 'https://fonts.googleapis.com/icon?family=Material+Icons');
    $(st).attr('rel', 'stylesheet');
    document.getElementsByTagName('head')[0].appendChild(st);

    var sections = $('.section-divider');
    $('<i class="material-icons">&#xE43C;</i>').prependTo($(sections[0]).children('h2'));
    $('<i class="material-icons">&#xE865;</i>').prependTo($(sections[1]).children('h2'));
    $('<i class="material-icons">&#xE030;</i>').prependTo($(sections[2]).children('h2'));
    $('<i class="material-icons">&#xE91D;</i>').prependTo($(sections[3]).children('h2'));
    $(sections[3]).attr('style', 'padding-bottom: 60px;');
    $.each(sections, function(i) {
        $(sections[i]).children('h2').addClass('nix-header');
        $(sections[i]).children('div').addClass('nix-content');
    });

    var stories = $($('div.nix-content')[1]).children().children().children()
        .children().children().children('img[width=50][height=50]');
    stories.attr('src', 'https://i.imgur.com/pfRQMJa.png');
    stories.attr('height', 113);
    stories.attr('width', 113);

    var music = $($('div.nix-content')[2]).children().children().children()
        .children().children().children('img[width=50][height=50]');
    music.attr('src', 'https://i.imgur.com/qlPp13W.png');
    music.attr('height', 113);
    music.attr('width', 113);

    $('<div id="nix-footer" class="p10"><div class="nix-footerleft"></div><div class="nix-footerright"></div></div>')
        .prependTo('#footer');
    var logo = $('img.falogo');
    logo.appendTo('.nix-footerleft');
    $('<br/><span id="nix-footertext"></span>').appendTo('.nix-footerleft');
    $('#footer').children('div.p10t').children('strong').appendTo('#nix-footertext');
    $('.ads').appendTo('.nix-footerright');
    $('<br/>').appendTo('.nix-footerleft');
    $('.online-stats').appendTo('.nix-footerleft');
    $(' \\| ').appendTo('#nix-footertext');
    $('#footer').children('div.p10t').children().appendTo('#nix-footertext');
    $('#footer').children('.p10t').remove();

    var jq = document.createElement('style');
    var newContent = document.createTextNode(`
        #ddmenu ul { background-color: #272727; padding-top: 10px; padding-bottom: 10px; }
        #ddmenu ul li { text-align: left; }
        #ddmenu .top-heading { margin-left: 10px; }
        #ddmenu, .border-bot { border-bottom: none; }
        #ddmenu .nav-bar-logo { padding-left: 20px; }
        #searchbox input[type=search] { background-color: #272727; }
        #ddmenu .menubar_icon_resize { padding-right: 15px; }
        .section-divider { background-color: #323232; margin-top: 20px; padding-left: 0; padding-right: 0; }
        html, body, .submission-area, .frontpage-content { background-color: #323232; }
        #footer { border-top: 3px solid #969696; background-color: #272727; }
        .falogo { padding-bottom: 10px; }
        #nix-footer { height: 200px; padding-top: 30px; }
        .nix-header {
                display: inline; margin-left: 60px; margin-bottom: 5px; line-height: 32px;
                color: #000; text-transform: uppercase; font-size: 14pt; font-weight: 500;
                background-color: #fda936; padding: 15px 25px 4px 25px; }
        .nix-content { border-top: 3px solid #969696; background-color: #272727; }
        .nix-footerleft { float: left; text-align: left; }
        .nix-footerright { float: right; text-align: right; }
        .online-stats, #nix-footertext { text-align: left; padding-left: 50px; }
        .material-icons { top: 4px; margin-right: 10px;  position: relative; }
        center.flow.frontpage.twolines { margin-top: 30px; margin-bottom: 30px; padding-left: 30px; padding-right: 30px; }
        center.flow.frontpage.threelines { margin-top: 30px; margin-bottom: 30px; padding-left: 30px; padding-right: 30px; }
    `);
    jq.appendChild(newContent);
    document.getElementsByTagName('body')[0].appendChild(jq);
})();
欢迎访问Greasy Fork镜像
