Last active
August 26, 2022 23:33
-
-
Save ccjmne/08ba9455e92c1f03f1e3d13a6918062d to your computer and use it in GitHub Desktop.
Script for springfieldspringfield.co.uk that adds links to the previous and next episodes on their scripts pages
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// ==UserScript== | |
// @name Springfield! Springfield! Easier on the eyes | |
// @version 1.1 | |
// @downloadURL https://gist.github.com/ccjmne/08ba9455e92c1f03f1e3d13a6918062d/raw/9ce29d68f0d6f87d3976b131e2ccfce487554d2f/springfieldspringfield.co.uk_episodes-links.user.js | |
// @updateURL https://gist.github.com/ccjmne/08ba9455e92c1f03f1e3d13a6918062d/raw/9ce29d68f0d6f87d3976b131e2ccfce487554d2f/springfieldspringfield.co.uk_episodes-links.user.js | |
// @description Adds links to the previous and next episodes on the scripts pages of Springfield! Springfield! | |
// @author ccjmne | |
// @match *://www.springfieldspringfield.co.uk/* | |
// @grant GM_addStyle | |
// ==/UserScript== | |
GM_addStyle(` | |
/* | |
Simple dark background for the springfieldspringfield.co.uk, with a broader, re-centered container for the actual scripts. | |
Also features more discreet and elegants scrollbars and html clean-up. | |
*/ | |
/*************************** | |
* Global style * | |
***************************/ | |
body { | |
background-image: radial-gradient(farthest-side at top, rgb(255 255 255 / 15%), rgb(128 128 128 / 0%)); | |
background-color: black; | |
background-attachment: fixed; | |
background-position: center; | |
color: lightgrey; | |
} | |
.bg-dark { | |
background: none !important; | |
} | |
header { | |
background: none !important; | |
border-bottom: 1px solid dimgrey; | |
} | |
.nav > li > a, | |
a.text-dark { | |
color: lightgrey !important; | |
} | |
.sub-menu .pills a, | |
.script-season-links a { | |
color: lightgrey; | |
border: 1px solid lightgrey; | |
} | |
h3 { | |
color: grey; | |
} | |
a { | |
color: lightgrey; | |
} | |
a:visited { | |
color: grey; | |
} | |
/*************************** | |
* Removing junk HTML * | |
***************************/ | |
footer, | |
.main-content-right, | |
.ss-bottom, | |
.push, | |
.container > .row:first-child, | |
.afs_ads, | |
.main-content-far-left { | |
display: none; | |
} | |
#content_container { | |
padding: 0; | |
} | |
/*************************** | |
* Scripts pages * | |
***************************/ | |
.main-content-left, | |
.scrolling-script-container, | |
.related-links { | |
width: 100%; | |
margin: 0 !important; | |
} | |
.scrolling-script-container { | |
overflow-x: hidden; | |
overflow-y: scroll; | |
border-top: 1px solid grey; | |
border-right: 0; | |
border-bottom: 1px solid grey; | |
border-left: 0; | |
border-radius: 5px; | |
} | |
main { | |
flex-grow: 1; | |
} | |
/*************************** | |
* Custom scrollbars * | |
***************************/ | |
body::-webkit-scrollbar { | |
width: 5px; | |
height: 5px; | |
} | |
body::-webkit-scrollbar-thumb { | |
border-radius: 5px; | |
background-color: grey; | |
} | |
.scrolling-script-container::-webkit-scrollbar-track { | |
background: transparent; | |
} | |
.scrolling-script-container::-webkit-scrollbar { | |
width: 5px; | |
} | |
.scrolling-script-container::-webkit-scrollbar-thumb { | |
border-radius: 5px; | |
background-color: lightgrey; | |
} | |
/*************************** | |
* Home page * | |
***************************/ | |
#mc_embed_signup, | |
#left_content > div, | |
#twitter_update_list > li { | |
background-color: transparent !important; | |
border-radius: 5px !important; | |
} | |
#mc_embed_signup, | |
#rounded_1 { | |
border: 1px solid lightblue; | |
} | |
#rounded_4 { | |
border: 1px solid crimson; | |
} | |
#rounded_3 { | |
border: 1px solid orange; | |
} | |
#rounded_3 p.buddy_site_title { | |
color: lightgrey; | |
} | |
#twitter_update_list > li { | |
border: 2px solid purple; | |
} | |
.mc-field-group input { | |
border-radius: 5px; | |
} | |
#mce-NAME { | |
margin: 0; | |
} | |
span.asterisk { | |
top: 23px !important; | |
right: 5px !important; | |
color: crimson !important; | |
} | |
`); | |
document.querySelector('h1').textContent = document.querySelector('h1').textContent.replace(/episode script/i, ''); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment