Style made by Kurou
Kurou's Style "Anime-Odcinki.pl" by Kurou-kun
Details
AuthorKurou-kun
LicenseNo License
Categoryanime-odcinki.pl
Created
Updated
Size24 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name Kurou's Style "Anime-Odcinki.pl"
@namespace https://shirou.dev/
@version 1.0.0
@description Style made by Kurou
@author Kurou
==/UserStyle== */
@-moz-document domain("anime-odcinki.pl") {
/* Background */
html,
body.dark {
background-color: rgb(30, 30, 30) !important;
color: rgb(250, 250, 250) !important;
height: 100% !important;
width: 100% !important;
overflow-x: hidden !important;
}
/* Header */
body.dark .header {
background: none !important;
height: 0vh !important;
}
body.dark .white-alpha, #above-navbar {
display: none;
}
/* Navbar */
body.dark #navbar .navbar.navbar-default {
max-width: 100% !important;
}
body.dark #navbar .navbar.navbar-default .container .navbar-header,
body.dark #navbar .navbar.navbar-default .container .navbar-collapse{
background-color: rgb(25, 25, 25) !important;
box-shadow: 0px 0px 5px rgb(0, 0, 0, 0.5) !important
}
body.dark #navbar .navbar.navbar-default .container .menu {
display: flex !important;
flex-direction: row !important;
float: none !important;
justify-content: space-between !important;
}
body.dark #navbar .navbar.navbar-default .container .menu .leaf {
text-transform: uppercase !important;
font-weight: bolder !important;
}
/* Content */
body.dark .main-container.container {
width: 100% !important;
}
body.dark .main-container .row {
width: 100% !important;
display: flex !important;
flex-direction: row !important;
justify-content: space-evenly !important;
margin: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
body.dark .main-container .row .col-sm-9,
body.dark .main-container .row .col-sm-3 {
float: none !important;
margin: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
body.dark .main-container .row .col-sm-9 {
width: 80% !important;
}
body.dark .main-container .row .col-sm-3 {
width: 20% !important;
}
/* Alerts */
body.dark .main-container .row .col-sm-9 .region.alert {
background-color: rgb(30, 30, 30, 0.7) !important;
position: absolute !important;
left: 5vh !important;
top: 5vh !important;
z-index: 9999999 !important;
backdrop-filter: blur(3px) !important;
}
body.dark .main-container .row .col-sm-9 .region.alert i {
margin-top: 7px !important;
}
body.dark .main-container .row .col-sm-9 .region.alert p,
body.dark .main-container .row .col-sm-9 .region.alert span,
body.dark .main-container .row .col-sm-9 .region.alert a {
margin: 0 !important;
padding: 0 !important;
text-transform: uppercase !important;
color: rgb(250, 250, 250) !important;
}
body.dark .main-container .row .col-sm-9 .region.alert a {
color: rgb(250, 0, 0) !important;
}
/* Discord */
body.dark .main-container .row .col-sm-9 .container#discordContainer {
position: absolute !important;
z-index: 9999999 !important;
top: 19vh !important;
left: 0 !important;
bottom: auto !important;
right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
width: 100% !important;
}
body.dark .main-container .row .col-sm-9 .container#discordContainer img {
display: none !important
}
body.dark .main-container .row .col-sm-9 .container#discordContainer .text-block {
right: 5vh !important;
background-color: rgb(30, 30, 30, 0.7) !important;
border-radius: 10px !important;
padding: 2vh !important;
backdrop-filter: blur(3px) !important;
}
body.dark .main-container .row .col-sm-9 .container#discordContainer .text-block h4 {
margin: 0 !important;
padding-left: 0 !important
}
body.dark .main-container .row .col-sm-9 .container#discordContainer .text-block h4 span {
color: rgb(250, 0, 0) !important;
}
/* Slider */
body.dark .main-container .row .col-sm-9 .region.region-content .n2-section-smartslider picture img {
background-position: center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
}
body.dark .main-container .row .col-sm-9 .region.region-content .n2-section-smartslider .n2-ss-widget {
background-color: rgb(30, 30, 30, 0.7) !important;
border-radius: 5px !important;
filter: grayscale(100%) !important;
}
body.dark .main-container .row .col-sm-9 .region.region-content .n2-section-smartslider .n2-ss-widget:hover {
background-color: rgb(30, 30, 30) !important
}
body.dark .main-container .row .col-sm-9 .region.region-content .n2-section-smartslider #n2-ss-2 .n2-ow.n2-ss-layer--block {
max-width: 77vh !important;
bottom: 5vh !important;
position: absolute !important;
}
body.dark .main-container .row .col-sm-9 .region.region-content .n2-section-smartslider #n2-ss-2 .n2-ss-layer--block .n2-ss-layer-with-background {
background-color: rgb(30, 30, 30, 0.7) !important;
padding: 0 !important;
box-shadow: none !important;
border-radius: 10px !important;
backdrop-filter: blur(3px) !important;
}
body.dark .main-container .row .col-sm-9 .region.region-content .n2-section-smartslider #n2-ss-2 .n2-ss-layer--block .n2-ss-layer-with-background .n2-ss-item-content a {
color: rgb(250, 250, 250) !important;
text-transform: uppercase !important;
font-weight: bold !important;
font-size: 25px !important;
font-family: verdana !important;
padding-left: 1vh !important;
padding-top: 1vh !important
}
body.dark .main-container .row .col-sm-9 .region.region-content .n2-section-smartslider #n2-ss-2 .n2-ss-layer--block .n2-ss-layer-with-background .n2-ss-item-content .skip-lazy {
display: none !important;
}
body.dark .main-container .row .col-sm-9 .region.region-content .n2-section-smartslider #n2-ss-2 .n2-ss-layer--block .n2-ss-layer-with-background .n2-ss-text p {
color: rgb(250, 250, 250, 0.7) !important;
font-size: 15px !important;
font-family: roboto !important;
padding-left: 1vh !important;
padding-right: 1vh !important;
}
body.dark .main-container .row .col-sm-9 .region.region-content .n2-section-smartslider #n2-ss-2 .n2-ss-layer--block .n2-ss-layer-with-background .n2-ss-button-container {
padding-left: 1vh !important;
padding-right: 1vh !important;
padding-bottom: 1vh !important;
}
body.dark .main-container .row .col-sm-9 .region.region-content .n2-section-smartslider #n2-ss-2 .n2-ss-layer--block .n2-ss-layer-with-background .n2-ss-button-container .n2-style-4cf7591d3aa67d438ba74b95ad87a901-heading {
background-color: rgb(40, 40, 40) !important;
font-size: 20px !important;
text-transform: uppercase !important;
transition: background-color .2s ease-in-out !important;
}
body.dark .main-container .row .col-sm-9 .region.region-content .n2-section-smartslider #n2-ss-2 .n2-ss-layer--block .n2-ss-layer-with-background .n2-ss-button-container .n2-style-4cf7591d3aa67d438ba74b95ad87a901-heading:hover {
background-color: rgb(250, 0, 0, 0.7) !important;
}
body.dark .main-container .row .col-sm-9 .region.region-content .n2-section-smartslider .n2-ss-slider-controls .n2-style-52a3032cdf5e0a73159365f609201a73-simple {
display: none !important;
}
/* Watching */
body.dark .main-container .row .col-sm-9 .region.region-content .watching {
display: none !important
}
/* Blocks */
body.dark .main-container .row .col-sm-9 .region.region-content .block-views {
background-color: transparent !important;
margin: 0 !important;
margin-top: 2vh !important;
margin-left: 1vh !important;
margin-right: 1vh !important;
border-radius: 0 !important;
box-shadow: none !important;
}
body.dark .main-container .row .col-sm-9 .region.region-content #block-views-new-emitowane-block {
margin-top: 0 !important;
}
body.dark .main-container .row .col-sm-9 .region.region-content .block-views .block-title {
color: rgb(250, 250, 250) !important;
background-color: rgb(25, 25, 25) !important;
margin-top: 0 !important;
text-align: left !important;
text-transform: uppercase !important;
padding-left: 1vh !important;
padding-top: 1vh !important;
padding-bottom: 1vh !important;
font-family: verdana !important;
font-weight: bold !important;
margin-bottom: 0 !important;
font-size: 40px !important;
margin-left: 0vh !important;
}
body.dark .main-container .row .col-sm-9 .region.region-content .block-views .block-title br {
display: none !important;
}
body.dark .main-container .row .col-sm-9 .region.region-content .block-views .block-title img {
display: none !important;
}
body.dark .main-container .row .col-sm-9 .region.region-content #block-views-new-emitowane-block h1 {
color: rgb(250, 250, 250) !important;
margin-top: -2vh !important;
text-align: left !important;
background-color: rgb(25, 25, 25) !important;
font-size: 40px !important;
text-transform: uppercase !important;
padding-left: 1vh !important;
padding-top: 1vh !important;
padding-bottom: 1vh !important;
font-family: verdana !important;
font-weight: bold !important;
}
body.dark .main-container .row .col-sm-9 .region.region-content #block-views-new-emitowane-block h1::before,
body.dark .main-container .row .col-sm-9 .region.region-content #block-views-new-emitowane-block h1::after {
display: none !important;
}
/* Episodes List */
body.dark .main-container .row .col-sm-9 .region.region-content .block-views .owl-container {
margin: 0 !important;
margin-left: 3vh !important;
margin-right: 3vh !important;
}
body.dark .main-container .row .col-sm-9 .region.region-co...