您需要先安装一个扩展,例如 篡改猴、Greasemonkey 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 Userscripts ,之后才能安装此脚本。
您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。
您需要先安装用户脚本管理器扩展后才能安装此脚本。
Adds a readable CSS to Lazyfoo's tutorials.
当前为
// ==UserScript== // @name Lazyfoo Readable CSS // @namespace codesthings.com // @license MIT // @version 1.0 // @description Adds a readable CSS to Lazyfoo's tutorials. // @author JamesCodesThings // @match *://*.lazyfoo.net/tutorials/* // @grant GM_addStyle // ==/UserScript== (function() { 'use strict'; const readableCss = `body { font-family: sans-serif; font-size: 1.2rem; background-color: #222; line-height: 1.25; } br { content: " "; line-height:22px; display: block; margin: 3rem 0; } div.content { position: relative; width: 90%; margin-left: auto; margin-right: auto; } h6 { font-family: monospace; font-size: 1.2rem; line-height: 1.0; margin: 3rem; font-weight: normal; } div.tutPreface { background-color:#333; border-color: #333; padding: 1rem 2rem 3rem 2rem; margin-bottom: 0; position: relative; width: auto; } div.tutPreface::after{ content: ' '; position: absolute; width: 90%; margin-left: auto; margin-right: auto; height: 1px; background: white; top: 100%; left: 50%; transform: translateX(-50%); } div.tutText { background-color: #333; border-color: #333; padding: 3rem 2rem; width: auto; margin-left: 0; margin-right: 0; margin-bottom: 0; } div.tutImg { margin: 3rem 0; } a.nav, a.leftNav { color: #3AF; text-decoration: none; } a.nav:hover, a.leftNav:hover { color: #58F; } a.tutLink { color: #3AF; text-decoration: none; } a.tutLink:hover { color: #58F; } table.tutToC { width: auto; margin: 0 0; border-spacing: 0; } td.ToCTitle { background-color: #333; border-top: 0; border-left: 0; border-right: 0; } td.tutLink { background-color: #333; border: 0; } div.tutCodeHeader { background: #333; border-left: 0; border-top: 0; border-right: 0; margin: 0; width: auto; padding: 1rem 2rem; } div.tutCode { font-family: monospace; font-weight: lighter; line-height: 1.3; color: white; background: #2b2b2b; border: 0; margin: 0; width: auto; padding: 2rem; } div.tutFooter { width: auto; margin: 0; padding: 2rem; background: #111; border: 0; } div.tutFooter a::after{ content: " >"; } div.tutFooter a.leftNav::after { content: ''; } div.tutFooter a.leftNav::before { content: '< '; }`; GM_addStyle(readableCss); })();