190.115.18.20 - s.to - SerienStream.to by nope-im-not-pro

/* ==UserStyle==
@name           190.115.18.20 - s.to - SerienStream.to - serien.cam
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    It's more eye-friendly
@author         RandomInternetPerson3
==/UserStyle== */


@-moz-document domain("190.115.18.20") {
.pageTitle h1,
.breadCrumbMenu li a,
.newsArticleReviewTime time,
.newsArticleReview a.headline h2,
.newsArticleReview a.headline h4,
.newsArticleReviewTeaser,
.homepageInformationText>.row h3,
p,
.seriesListContainer>div>a>h3,
.genre ul li a,
.seriesListNavigation,
strong,
.messageDetails time,
.mediaBodyMessage.right .mediaBodyMessageBoxContent p,
.statisticUserOnlineList li a,
.supportTicketMessages,
.subMenuMainNavigation,
.subMenuMainNavigationDropDownNavigation,
.mediaBodyMessageNew textarea,
.info-wrap .info .info__content p,
.FAQTableItem time,
.regeln,
.regeln li,
.closeAccount,
.pageTitle.pageHeader small,
.listTag,
.leaderboard,
.randomFormContent small,
.randomFormContent,
.randomForm span,
.seriesListHorizontalContent p,
.wishlist,
.wishListSeriesTitle,
.liveNotificationBoxContent h4,
.supportAnswers li,
.welcomePage ul li a,
.shoutboxUserOnline,
.shoutboxMessage p,
.darkColor,
.subMenuMainNavigation a,
.homepageSupportFAQListItem a,
.tabs strong,
.wishListAllSeries,
.shoutboxMessageContent i,
.supportFAQList li a,
.liveNewsFeedIcon,
.reportVideoLayerForm,
.FAQProfileLink,
.messagesContainer ul li:hover p,
.messagesContainer ul li:hover span,
.messagesContainer ul li:hover time,
.tinyselect .selectbox,
.seriesNewsList h5,
.STOSidebarFacts ul li,
.changeLanguage,
.beSocial h5 {
 color:#97a7c0
}
.seriesListContainer>div>a>h3:hover,
.homepageInformationText>.row h3:hover {
color:#fff
}
.supportSearchForm > input {
  border: 0;
  outline: 0;
  width: 100%;
  background: #000 url(https://zrt5351b7er9.static-webarchive.org/img/search.png) left no-repeat;
    background-position-x: left;
    background-position-y: center;
  padding: 20px 15px 18px 54px;
  background-position: 7px 7px;
  margin-top: 39px;
  font-size: 18px;
  color: #97a7c0;
  border-radius: 100px;
}
div.ssto-share-buttons {
display:none;
position:fixed;
top:-150px;
left:0;
width:40px
}
.main-header {
 background-image:linear-gradient(to right, #243743 50%, #243743 50%)
}
/*
EDIT 2023-06-17 Opacity of logo changed to 50% = .5
*/
/*
EDIT 2024-03-06 Opacity of flag and icon changed to 50% = .5
*/
.icon {
  width: 26px;
  height: 26px;
  display: inline-block !important;
  opacity: .5;
}
.changeLanguageBox .selectedLanguage {
  border: 4px solid #243743;
  border-radius: 4px;
  opacity: .5;
}
.flag {
  width: 32px;
  opacity: .5;
}
.seasonEpisodesList > tbody > tr.seen {
  background-color: rgba(78, 80, 71, .3);
}
.seasonEpisodesList > tbody > tr.seen:hover {
  color: #000;
}
.seasonEpisodesList > tbody > tr.seen:hover .episodeMenu i {
  color: #000;
}
.seasonEpisodesList > tbody > tr.seen .episodeMenu i {
  color: #3f3e3e;
}
/*
EDIT 2024-03-06 So... I don't know what I am doing but it works.
*/
.logo-wrapper {
  opacity: .5;
  height: 85px;
  width: 20%;
  background: #243743 0 0;
  padding: 16px 19px 0;
  float: left;
}
.add-series .add-series-button {
 width:100%;
 font-size:18px;
 text-align:center;
 cursor:pointer;
 display:block;
 color:#97a7c0;
 background:#243743;
 border-top-left-radius:3px;
 border-top-right-radius:3px;
 padding:15px 0;
 font-weight:600;
 text-transform:uppercase
}
.add-series .add-series-button:hover {
 color:#fff;
 background:#000;
}
.hosterSectionTitle {
  padding: 10px 20px;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  background: #456b82;
  display: inline-block;
  margin-top: 25px;
}
.hosterSectionTitle h3 {
  font-size: 18px;
  color: #000 !important;
}
.hosterSectionTitle strong {
  font-size: 18px;
  color: #000 !important;
}
.breadCrumbMenu.dark li.currentActiveLink a,
.header-container nav .user .dd p a i.active,
.header-container nav .user .dd p a:hover i {
 color:#97a7c0
}
.changeLanguageBox {
  box-shadow: 0 1px 10px rgba(33,33,33,.61);
  background: #456b82;
  color: #fff;
}
.container h1, .container h2, .container h3, .container h4, .container h6, .pageTitle h1 {
  color: #97a7c0;
}
.seriesListNavigation a {
 color:#97a7c0
}
#series .title .series-meta .series-title,
.questionContentBox .newsArticleFullHeader {
 margin-bottom:11px;
    color: #97a7c0;
}
#series .title .series-meta .series-title>h1>a,
#series .title .series-meta .series-title>h1>span {
 font-size:22px;
 line-height:22px;
 font-weight:600;
 margin:0;
 color:#97a7c0
}
#series .title .series-meta .series-title .fsk {
  display: inline-block;
  border: 2px solid #000;
  font-size: 13px;
  font-weight: 700;
  background: #253142;
  padding: 2px 3px;
  margin-top: 0;
  color: #97a7c0;
}
.series-meta .showMore {
 text-decoration:underline;
 color:#97a7c0 !important;
 margin-left:4px;
 font-size:13px
}

.imdb-link:hover {
  background: #000;
  color: #000 !important;
}
.imdb-link {
  display: inline-block;
  border: 2px solid #000;
  font-size: 13px;
  font-weight: 700;
  background: #253142;
  padding: 2px 3px;
  margin: 0 8px 0 0;
  color: #000;
}
.hiddenArea {
  background: 0;
  outline: 0;
  color: #97a7c0;
  cursor: pointer;
  border: 0;
  font-size: 15px;
  padding: 0 0 0 3px;
  line-height: 12px;
}
.beSocial.darkBackground, .beSocial.darkBackground h5, .homeContentGenresList li a, .messagesContainer ul li.active span {
  color: #fff;display:none;
}
.hosterSiteVideo ul li > div, .reportVideoLayerForm {
  border: 2px solid #253142;
  background: #253142;
}
.seriesListNavigation a {
  color: #97a7c0;
}
.hosterSiteVideoButton {
  border: 2px solid #456b82;
  color: #97a7c0 !important;
  padding: 10px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 13px;
  float: right;
  background: #253142;
  margin-bottom: -4px;
  position: relative;
  box-shadow: 0 0 8px #0f162038;
  text-shadow: 0 0 3px #0000004f;
}
.hosterSiteVideoButton:hover {
  background: #000;border: 2px solid #456b82;
}

.button.grey:hover {
  background: #000;border: 1px solid #456b82;
}
.button.grey {
  background: #253142;border: 1px solid #456b82;color: #97a7c0 !important;
}
.reportVideoStream {
 background:#97a7c0;
 padding:3px 6px !important;
 font-size:12px !important;
 font-weight:400 !important
}
.ContentContainerBox .ContentContainerBoxHeader h2 {
  color: #999 !important;
  text-transform: uppercase;
}
.seriesListContainer.white > div > a > h3 {
  color: #999;
}
.SeasonListBigContent h3 {
  margin: 40% 30px;
  color: #999 !important;
  font-weight: 300 !important;
  font-size: 35px;
}
.mediaBodyMessage a img, .seriesListContainer > div > a > img {
  opacity: .5;
}
.seriesListContainer > div > a > img {
  height: 300px;
  width: 200px;
  border-radius: 2px;
  margin-bottom: 7px;
transition: background-color 500ms linear;
background: rgba(0,0,0,.8);
z-index: -1;
}
#series .title .picture img {
  width: 220px;
  height: 330px;
  max-width: 100%;
  border-radius: 5px;
  transition: background-color 500ms linear;
  background: rgba(0,0,0,.8);

}
.coverListItem img.loaded, .homeContentPromotionBoxPicture img.loaded, .seriesCoverBox img.loaded {
  opacity: 0.5;
}
.coverListItem img.loaded, .homeContentPromotionBoxPicture img.loaded, .seriesCoverBox img.loaded:hover {
  opacity: 1;
}
.button.blue {
  background: #253142;border: 1px solid #456b82;color: #97a7c0 !important;
}
.button.blue:hover {
  background: #97a7c0;border: 1px solid #456b82;color: #253142 !important;
}
.hosterSiteDirectNav ul li span {
  font-size: 19px;
  float: left;
  padding: 6px 14px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #97a7c0 !important;
  background-color: #000;
  margin-left: -1px;
}
.hosterSeriesTitle strong {
  font-weight: 400;
  color: #97a7c0 !important;
  font-size: 20px;
}
.hosterSiteTitle h2 {
  color: #97a7c0 !important;
  font-size: 35px;
  margin-top: 1px;
}
.hosterSiteDirectNav ul li span strong {
  color: #333 !important;
}
.hosterSiteDirectNav ul li .seen {
  color: #97a7c0 !important;
  background-color: #000 !important;
}
.seriesContentBox .breadCrumbMenu {
  display: inline-block;
  border: 2px solid #000;border-radius: 6px;padding: 5px;
  color: #97a7c0 !important;
  background-color: #000 !important;
  width: auto;
  margin-top: 20px;
}
.hosterSiteDirectNav ul li a, 
.hosterSiteDirectNav ul li span {
  font-size: 19px;
  float: left;
  padding: 6px 14px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #333 !important;
  background-color: #97a7c0;
  margin-left: -1px;
}
.hosterSiteDirectNav ul li:hover a {
  background-color: #173d54 !important;
  color: #fff !important;
}
.descriptionSpoilerLink,
.submitNewDescription,
.submitNewTitle {
 margin-top:5px;
 display:inline-block;
 cursor:pointer;
 color:#000;
 background-color: #97a7c0;border: 2px solid #000;border-radius: 5px;padding: 4px;
}
.changeLanguageBox strong {
  color: #000 !important;
}
.seriesContentBox .hosterSiteVideo h4, #wrapper .tabs strong {
  color: #97a7c0 !important;
}
#series>section>.container.row {
 margin:0 auto;
 padding:0;
 color: #97a7c0 !important;
}
#series>section>.container.row a {
color: #97a7c0 !important;
}
.header-container {
  max-width: 1200px;
  color: #97a7c0 !important;
}
.header-container logged-out {
  max-width: 1200px;
  color: #97a7c0 !important;
}
.header-container a {
  color: #97a7c0;
  font-weight: 600;
  font-size: 14px;
}
.primary-navigation > ul > li > strong {
  background: #121c22;
  padding: 4px 17px;
  cursor: pointer;
  border-radius: 32px;
  color: #97a7c0;
}
.header-container nav .user .dd {
  float: left;
  ...