Greasy Fork is available in English.
Adds new styles
当前为
// ==UserScript==
// @name Fimfiction - New Styles: CMC
// @namespace arcum42
// @include http*://*fimfiction.net/story*
// @version 0.1
// @description Adds new styles
// ==/UserScript==
// I'll think about a different way to store the color values, but I wanted them to be easy to reference and have names rather than numbers, and constants appear to be non-standard in Javascript.
// Sweetie Belle
var SB_PINK = "#f6b8d2"; // Mane
var SB_PURPLE = "#b28dc0"; // Mane
var SB_COAT = "#efedee"; // light grey
var SB_DARK_COAT = "#e2dee3";
var SB_LIGHT_GREEN = "#cbe5bf"; // Lighter eye color
var SB_GREEN = "#abd298"; // // Medium eye color
var SB_DARK_GREEN = "#8dbb81"; // Darker eye color
var SB_VERY_LIGHT_GREEN = "#f5f9f0"; // Eye hilight
// Scootaloo
var SCOOTA_MANE = "#c959a2";
var SCOOTA_COAT = "#fdbc5f";
var SCOOTA_DARK_COAT = "#ec9e32";
var SCOOTA_EYES = "#fdbc5f";
var SCOOTA_DARK_EYES = "#6c368e";
var SCOOTA_LIGHT_EYES = "#e6cfe5";
// Apple Bloom
var AB_MANE = "#f8415f";
var AB_COAT = "#f4f49b";
var AB_RIBBON = "#f46091";
var AB_LIGHT_EYES = "#f2af4d"; // Lighter eye color
var AB_EYES = "#f2af4d"; // // Medium eye color
var AB_DARK_EYES = "#e45762"; // Darker eye color
var AB_VERY_LIGHT_EYES = "#ffc757"; // Eye hilight
function addGlobalStyle(css) {
var head, style;
head = document.getElementsByTagName('head')[0];
if (!head) { return; }
style = document.createElement('style');
style.type = 'text/css';
style.innerHTML = css;
head.appendChild(style);
}
addGlobalStyle(
// I'm Sweetie Belle!
".content_format_sweetie_belle a.story_name {" +
" color: " + SB_DARK_GREEN + " !important;" +
"}\n" +
".content_format_sweetie_belle {" +
" background-color: " + SB_COAT + " !important;" +
" color: " + SB_DARK_GREEN + " !important;" +
"}\n" +
".content_format_sweetie_belle p {" +
" padding: 10px;" +
" background-color: " + SB_VERY_LIGHT_GREEN + " !important;" +
" color: " + SB_PURPLE + " !important;" +
" margin-top: 0px;" +
" padding-top: 10px;" +
" padding-bottom: 10px;" +
"}\n" +
".content_format_sweetie_belle p:nth-child(2n) {" +
" background-color: " + SB_VERY_LIGHT_GREEN + " !important;" +
" color: " + SB_PINK + " !important;" +
"}\n" +
// Name's Scootaloo!
".content_format_scootaloo a.story_name {" +
" color: " + SCOOTA_DARK_EYES + " !important;" +
"}\n" +
".content_format_scootaloo {" +
" background-color: " + SCOOTA_DARK_COAT + " !important;" +
" color: " + SCOOTA_MANE + " !important;" +
"}\n" +
".content_format_scootaloo p {" +
" padding: 10px;" +
" background-color: " + SCOOTA_COAT + " !important;" +
" color: " + SCOOTA_MANE + " !important;" +
" margin-top: 0px;" +
" padding-top: 10px;" +
" padding-bottom: 10px;" +
"}\n" +
// Apple Bloom!
".content_format_apple_bloom a.story_name {" +
" color: " + AB_VERY_LIGHT_EYES + " !important;" +
"}\n" +
".content_format_apple_bloom {" +
" background-color: " + AB_RIBBON + " !important;" +
" color: " + AB_COAT + " !important;" +
"}\n" +
".content_format_apple_bloom p {" +
" padding: 10px;" +
" background-color: " + AB_COAT + " !important;" +
" color: " + AB_MANE + " !important;" +
" margin-top: 0px;" +
" padding-top: 10px;" +
" padding-bottom: 10px;" +
"}\n");
$('optgroup[label="Ponies"]').append('<option value = "sweetie_belle">Sweetie Belle</option> <option value = "scootaloo">Scootaloo</option> <option value = "apple_bloom">Apple Bloom</option>');