Greasy Fork is available in English.

句子谜优化

句子谜浏览页面样式优化

目前为 2018-12-22 提交的版本。查看 最新版本

// ==UserScript==
// @name         句子谜优化
// @namespace    http://tampermonkey.net/
// @version      0.3
// @description  句子谜浏览页面样式优化
// @author       nshu
// @include      *://*.juzimi.com/*
// @require      http://cdn.staticfile.org/jquery/1.8.2/jquery.min.js
// ==/UserScript==

$(function (){
    $('#wrapper').css({
        width: 'auto',
        'max-width': '1200px'
    })
    $('#container').css({
        display: 'flex',
        'justify-content': 'space-around',
        'align-items': 'center',
        'margin': '30px 0'
    })
    $('#comments #commentsin').css('width', '630px');
    //头部底部隐藏
    $('#header, #footer').hide();
    //页面主版块隐藏
    $('#block-views-flag_lists_content-block_1, #block-views-whoflag-block_1, #block-views-hottags-block_1, #xqrightbottom, #block-block-16, #jubigshare, #content-bottom, #xqjucommentbegin, #hm_t_8206, #xqriqrc').hide();
    $('#xqbdtrackjuaddpic, #xqbdtrackjuaddqrcode, .nodediveditlink, .nodcomlink, #community-tags-form, #jushare, .previous-next-links').hide();
    //句子背景
    $('#sendiv #sendivin, #sendiv #sendivin .node .content, #sendiv #sendivin .submitted').css('background', 'none');
    $('#sendiv #sendivin .node .content #sencon, #xqtitle').css('border', 'none');
    //随机下一个按钮
    $('#sidebar-right').append('<div id="right-random-btn" style="text-align: center">'+ $('#xqbdtrackouyu')[0].outerHTML + '</div>');
    $('#right-random-btn a').css({
        display: 'inline-block',
        'font-size': '20px',
        'line-height': '90px',
        transition: 'all .3s',
        cursor: 'pointer',
        margin: '15px 30px',
        width: '90px',
        height: '90px',
        'border-radius': '50%',
        'text-align': 'center',
        position: 'relative',
        'z-index': 1,
        border: '5px solid #708090',
        'background': '#fff',
        color: '#708090'
    })
    $('#sidebar-right right-random-btn a').hover(function(){
        console.log(this)
        $(this).css({
            border: '5px solid #708090',
            'background': '#708090',
            color: '#fff'
        });
    });
})