Simple dark background for springfieldspringfield.co.uk, with a broader, re-centered container for the actual scripts

springfieldspringfield.co.uk_dark.css

/*
  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.
  Find it on userstyles.org: https://userstyles.org/styles/133526/springfield-springfield-tv-scripts-dark
  --
  I also wrote a script for Tampermonkey/GreaseMonkey that adds links to the previous and next episodes on the scripts pages.
  Find it on OpenUserJS: https://openuserjs.org/scripts/ccjmne/Springfield!_Springfield!_Previous_and_next_episodes_links
*/


/***************************
 *       Global style      *
 ***************************/

body {
    background-image: url(http://wallpapercave.com/wp/K0HCxt0.jpg);
    background-color: black;
    background-attachment: fixed;
    background-position: center;
    color: lightgrey;
}

#footer {
    display: none;
}

.nav > li > a {
    color: lightgrey;
}

.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,
.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;
}


/***************************
 *    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;
}