soap2day.org, soap2day.ac, soap2day.sh, soap2day.to, s2dfree.cc, s2dfree.de, s2dfree.is, s2dfree.nl, s2dfree.to, soapgate.org
[watch] Dark blue soap2day.to by void
![Screenshot of [watch] Dark blue soap2day.to](https://userstyles.world/preview/1118/0.webp)
Details
Authorvoid
LicenseNo License
Category.
Created
Updated
Size7.3 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name [watch] Dark blue soap2day.to
@namespace github.com/openstyles/stylus
@version 0.2.6
@description A new userstyle
@author Me
==/UserStyle== */
@-moz-document domain("soap2day.org"),
domain("soap2day.ac"),
domain("soap2day.sh"),
domain("soap2day.to"),
domain("soap2day.mx"),
domain("s2dfree.cc"),
domain("s2dfree.de"),
domain("s2dfree.is"),
domain("s2dfree.nl"),
domain("s2dfree.to"),
domain("soapgate.cc"),
domain("soapgate.org")
{
/**
* Color palette
*/
:root {
--bg-base: #234;
--fg-base: #ccc;
--bc-base: #fff3;
--bg-input: #fffc;
--fg-input: #333;
--bc-input: #0006;
--bg-block: #345;
--fg-block: var(--fg-base);
--bc-block: var(--bc-base);
--bg-inner-block: var(--bg-block) linear-gradient(#fff1, #fff1);
--bg-inner: #fff1;
--fg-inner: inherit;
--bc-inner: #fff2;
--bg-action: #fff2;
--fg-action: #ace;
--bc-action: #fff2;
--fg-visited: #89a;
--bg-hilite-block: var(--bg-block) linear-gradient(#fff3, #fff3);
--bg-hilite: #fff3;
--fg-hilite: #bef;
--bc-hilite: var(--bc-action);
}
/**
* Generalities
*/
body {
background: var(--bg-base) !important;
color: var(--fg-base);
border-color: var(--bc-base);
}
h3 {
margin: .125em 0;
}
h3 > img {
max-height: 1em;
}
.form-control,
textarea,
select,
input {
background: var(--bg-input);
color: var(--fg-input);
--border-color: var(--bc-input);
}
/* Normal state */
#btnSearch,
.btn,
input[type="button"],
button,
a {
color: var(--fg-action) !important;
border-color: var(--bc-action);
text-decoration: none;
font: inherit;
}
.btn,
input[type="button"],
button {
background: var(--bg-action);
}
a:visited {
color: var(--fg-visited) !important;
}
/* Active / Highlighted state */
.btn:focus, .btn:hover,
input[type="button"]:focus, input[type="button"]:hover,
button:focus, button:hover,
a:active, a:focus, a:hover
{
color: var(--fg-hilite) !important;
border-color: var(--bc-hilite);
text-decoration: underline;
}
.btn:focus, .btn:hover,
input[type="button"]:focus, input[type="button"]:hover,
button:focus, button:hover
{
background: var(--bg-hilite);
}
/**
* Blocks
*/
.dropdown-menu,
.alert-info,
.panel-default,
.navbar-default {
background: var(--bg-block);
color: var(--fg-block);
border-color: var(--bc-block);
}
.alert-warning,
.panel-default > .panel-heading {
background: var(--bg-hilite);
color: var(--fg-hilite);
border-color: var(--bc-hilite);
}
.alert-info-ex,
.thumbnail {
background: var(--bg-inner);
color: var(--fg-inner);
border-color: var(--bc-inner);
}
.thumbnail {
padding: 0px;
margin: 10px 15px;
}
/**
* Components
*/
.pagination > li > a:not(:visited),
.pagination > li > span,
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
background: var(--bg-action);
color: var(--fg-action);
border-color: var(--bc-action);
}
.pagination > li > span {
background: var(--bg-action) !important;
color: var(--fg-action) !important;
border-color: var(--bc-action) !important;
}
/* Includes Episode links */
.container > .row > .col-sm-8 .alert-info-ex a:focus,
.container > .row > .col-sm-8 .alert-info-ex a:hover,
.container > .row > .col-sm-8 .alert-info-ex a[href="#"]:not(:visited),
.pagination > li > :focus,
.pagination > li > :hover,
.pagination > li.active > * {
background: var(--bg-hilite) !important;
color: var(--fg-hilite) !important;
border-color: var(--bc-hilite) !important;
}
.modal-content {
background: var(--bg-base);
color: var(--fg-base);
border-color: var(--bc-base);
}
.modal-header,
.modal-footer,
.modal-body {
background: var(--bg-inner);
color: var(--fg-inner);
border-color: var(--bc-inner);
}
/* Player Captions */
#player .jw-captions .jw-text-track-display {
background: #0006;
border: solid 1px #0003;
border-radius: .25em;
box-sizing: border-box;
padding: .25em;
}
#player .jw-captions .jw-text-track-cue {
background: none;
text-shadow: 0 -2px 1px #000c, 0 2px 1px #000c, 0 0 2px #000c,
-2px 0 1px #000c, 2px 0 1px #000c;
}
/**
* Layout
*/
.myp1 {
background: transparent !important;
height: auto;
}
.myp1 a + small::before {
content: '|';
margin-right: .5em;
margin-left: .25em;
font-weight: 800;
}
/* embedded blocks */
.row > .col-sm-12 + .col-sm-12 {
margin-top: 30px;
}
/* episodes */
.col-sm-12 > .col-sm-12 {
margin-top: 0;
}
.col-sm-12 > .col-sm-12 > a {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
display: block;
/* padding: 0 .125ex; */
padding: .25em .75em;
}
/* Embedded "columns" (2+ '.row > .col-x' level) */
.panel-body > .row > .col-sm-12 > .row > .col-sm-12 {
padding: 0;
}
.panel-body > .row > .col-sm-12 > .row > .col-sm-12:first-child {
margin-top: -15px;
}
.panel-body .row .row > .col-sm-12 > .alert-info-ex {
padding: 10px 15px;
width: 100%;
border-width: 1px 0;
border-radius: 0;
}
.panel-body > .row > .col-sm-12 > .row > .col-sm-12 > .alert {
margin-left: 0;
margin-top: 0;
}
.panel-body .row .row .row > .col-sm-12 {
padding: 0;
}
x .row .row > .col-sm-12 > .alert-info-ex {
width: calc(100% + 10px) !important;
margin-left: -5px !important;
border-width: 1px 0;
border-radius: 0;
}
x .container > .row > .col-sm-8 .row > .col-sm-12:first-child {
margin-bottom: .5em;
float: none;
clear: both;
margin: -10px -10px .5em;
width: calc(100% + 20px);
}
#divPlayerSelect {
position: absolute;
display: inline-block;
padding: 0;
width: auto;
right: calc(230px * 0.15);
top: calc(530px * 0.035);
}
#btnSwitch {
font-size: smaller;
padding: .25em .5em;
}
#divPlayerSelect + div[style] {
display: none;
}
/* Main Content & Sidebar */
.container > .row > .col-sm-8,
.container > .row > .col-sm-4 {
width: auto;
float: none;
clear: both;
}
.container > .row > .col-sm-4 .col-sm-12 {
width: 50%;
float: left;
}
/* Seasons & Episodes (cont.) */
.container > .row > .col-sm-8 .alert-info-ex {
margin: 0 .5%;
width: 49%;
margin: .5em;
width: calc(50% - .5em);
}
.container > .row > .col-sm-8 .alert-info-ex:nth-child(odd) {
margin-right: 0;
clear: right;
}
.container > .row > .col-sm-8 .alert-info-ex:nth-child(even) {
margin-left: 0;
clear: left;
}
.container > .row > .col-sm-8 .alert-info-ex > div > div,
.container > .row > .col-sm-8 .alert-info-ex > div {
padding: 0;
}
/* series / moovies thumbnails... I hope */
.no-padding > .col-md-7 > .hidden-md > .col-md-12,
.no-padding > .col-md-7 > .hidden-md {
display: inline-block;
width: auto;
}
.no-padding > .col-md-7 > .hidden-md + p {
margin-top: 3em;
}
/**
* Annoyances
*/
.panel-body > .col-sm-6 + .col-sm-12,
br,
#btnSearch ~ * {
display: none !important;
}
}