Skip to content

Shinden by xaaki

Write a review Install Get Stylus

Details

Authorxaaki

LicenseNo License

Categoryshindenskin

Created

Updated

Size15 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Shinden skin

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       Shinden v.2 by Xaaki
@version    20240229.20.50
@namespace  ?
==/UserStyle== */

@-moz-document url-prefix("https://shinden.pl/episode/"), url-prefix("https://shinden.pl/series/"), url-prefix("https://shinden.pl/titles/"), url-prefix("https://shinden.pl/user/"), url-prefix("https://shinden.pl/epek/"), url-prefix("https://shinden.pl/main"), url-prefix("https://shinden.pl/animelist/") {
    .mobile-close {
        background: #000;
        /* kolor tła strony (na marginesach) */
    }

    body {
        background: #000;
        /* kolor tła strony (na marginesach) */
    }

    .l-global-width {
        max-width: 99%;
    }

    .l-container-primary,
    .l-main-contantainer {
        background-color: #1a1a1a;
        color: #c8c8c8;
        /* 1 kolor strony */
    }

    .info-aside {
        border-radius: 0 0 30px;
        background-color: #222;
        color: #c8c8c8;
        /* 2 kolor strony */
    }

    .l-footer {
        max-width: 99%;
        background: linear-gradient(to bottom, #1a1a1a, rgb(60, 0, 138));
        color: #c8c8c8;
        /* 3 kolor strony */
    }

    .footer a {
        color: #c8c8c8;
    }

    .page-title,
    h1.page-title {
        background-color: #222;
        /* kolor tła tytułu */
        border-bottom: #7000ff 2px solid;
        /* kolor linii oddzielającej tytuł od opisu */
    }

    .title-other,
    .episode-head {
        background-color: #222;
        /* kolor tła tytułu odc */
    }

    .info-messages-box {
        background-color: #222;
        /* kolor pod odtrzerzeniem */
    }

    .info-aside-img {
        background: url(https://cdn.discordapp.com/attachments/511200252351479808/749945330790826065/img-back.png);
        padding: 5px;
        background-size: 100% 100%;
        border-radius: 20px;
    }

    .top-bar {
        max-width: 100%;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 1000000;
    }

    .logo {
        position: relative;
        height: 250px;
        background: url(https://lh3.googleusercontent.com/aZBpo8rtuCk6vCsATZbe_8sXnpLO9j9Xtu-evVeg8xyQippAPdT5IVA0BRNkin5SdXYQsIzeCh9d5C8pT-KpBpSuJurdkpYY4yS92DR6RwFMgCPrMfPNDyTa6M6kV4JcK39o_mhPmg=w0-h0-no) no-repeat center;
        background-size: cover;
    }

    .logo-char {
        left: 70%;
        max-height: 220px;
        content: url("https://cdn.discordapp.com/attachments/511200252351479808/749934864974872636/927-9276361_anime-girls-anime-girl-cute-kawaii-anime-girl.png");
    }

    /*.logo-title {
        content: url(https://cdn.discordapp.com/attachments/511200252351479808/749936427672010783/shinden-title.png); 
    }*/

    .logo .logo-title {
        height: 150px;
       margin: 0px 0 0 50px;
    }

    a {
        color: #c8c8c8;
        /* ogólny kolor linków itd. */
    }

    nav.nav-buttons a {
        background-color: #222;
        transition: all 0.5s;
    }

    nav.nav-buttons a:hover {
        background-color: #7000ff;
        border: 1px solid #c8c8c8;
        color: #c8c8c8;
        transition: all 0.5s;
    }

    nav.nav-buttons a.active {
        background-color: #999;
        border: 1px solid #222;
        color: #222;
    }

    nav.nav-buttons a.active:hover {
        background-color: #999;
        border: 1px solid #222;
        color: #fff;
    }

    button.as-link {
        color: #c8c8c8/* przycisk "Oznacz jako obejrzany i przejdź dalej" */
    }

    .episode_online_watched {
        width: 25px;
        height: 30px;
    }

    .data-view-table-episodes .ep-ver {
        width: 85px;
    }

    .info-aside-list a {
        color: #7000ff;
        /* kolor przycisków info */
    }

    .info-aside-list-buttons {
        color: #7000ff;
        /* kolor przycisków info */
    }

    .bd,
    .info-aside-rating {
        color: #c8c8c8;
    }

    .info-aside-rating-user {
        color: #7000ff;
    }

    .info-aside-title {
        border-bottom: #7000ff 1px solid;
    }

    .box-title .icon,
    .themed-icon {
        background: url(https://cdn.discordapp.com/attachments/511200252351479808/749990902432530532/icon-back.png);
        background-size: 20px;
        background-repeat: no-repeat;
    }

    .link-highlight {
        color: #c8c8c8;
    }

    .list-episode-checkboxes,
    .add-list-episode,
    .a {
        color: #c8c8c8;
        /* kolor checkboxów przy odc */
    }

    .list-episode-checkboxes {
        color: #c8c8c8;
        /* kolor tekstu przy odc */
    }

    .button {
        border-radius: 20px;
        border: 2px solid #9040ff!important;
        color: #9040ff!important;
        box-shadow: 0 1px 4px #9040ff;
        margin: 0rem 0rem;
    }

    .button-group .button:last-child {
        border-right: 1px solid #0000;
    }

    .button-group .button {
        border-right: 1px solid #0000;
    }

    .button,
    .button:visited {
        border: 1px none;
        color: #7000ff;
        /* kolor pozostałych przycisków na stronie */
        background-image: linear-gradient(#989898, #f8f8f8, #989898);
        /* gradient przycików */
    }

    .button:active {
        border-color: #0000;
    }

    .nav-main-sub {
        background: #1a1a1a;
        /* kolor tła pod przyciskami (panel z info, odc, itd.) */
    }

    .nav-main-sub .is-active > a {
        color: #222;
        transition: all .5s;
        background: #7000ff;
        border-radius: 20px;
    }

    .nav li:not(.is-active):hover,
    .nav-list-sub li:hover {
        background: #7000ff;
        /* kolor przyciku po najechaniu (panel z info, odc, itd. oraz górny) */
        border-radius: 20px;
        transition: all 0.5s;
    }

    .nav li:not(.is-active),
    .nav-list-sub li {
        border-radius: 20px;
        transition: all 2s;
    }

    .right:hover {
        background: #7000ff;
        /* kolor przyciku po najechaniu (panel z info, odc, itd. oraz górny) */
        border-radius: 20px;
        transition: all 0.5s;
        padding: .1em .5em .1em .5em;
    }

    .right {
        background: #1a1a1a;
        /* kolor przyciku po najechaniu (panel z info, odc, itd. oraz górny) */
        border-radius: 20px;
        transition: all 0.5s;
        padding: .1em .5em .1em .5em;
    }

    .nav-main-sub .nav-list li {
        border-radius: 0px;
        background-color: #0000;
    }

    .nav-list-sub {
        border-left: 1px solid #0000;
        border-right: 1px solid #0000;
    }

    .nav-list-sub > li:last-child {
        border-bottom: 1px solid #0000;
    }
    .nav-list-sub > li {
        background: #0000;
    }

    .nav-main-sub .is-active {
        background-color: #a8a8a8;
        /* kolor aktywnego przycisku */
        border-radius: 20px;
    }

    .nav-main-sub .nav-list a {
        padding-bottom: 4px;
    }

    .nav-main-sub a {
        color: #c8c8c8;
        /* kolor tekstu na przyciskach (panel z info, odc, itd.) */
        border-radius: 20px;
    }

    .data-view-table-strips tr:nth-child(2n),
    .data-view-even {
        background-color: #1a1a1a;
        /* paski przy odc */
    }

    .data-view-hover tbody tr:hover {
        background-color: #7000ff55;
        /* paski przy odc */
        box-shadow: inset 0px 0px 10px 3px #7000ff77;
        transition: none;
    }

    .data-view-hover tbody tr {
        background-color: #222;
        /* paski przy odc */
        box-shadow: none;
        transition: all 2s;
    }

    .data-view-hover tbody tr.active:hover {
        background-color: #7000ff55;
        /* paski przy odc */
        box-shadow: inset 0px 0px 10px 3px #7000ff77;
        transition: none;
    }

    .data-view-hover tbody tr.active {
        background-color: #666;
        /* paski przy odc */
        box-shadow: none;
        transition: all 2s;
    }

    .button-toolbar {
        border-top: 3px solid #7000ffaa;
        background: #222;
        /* paski przy przyciku zapisu */
    }

    .posts-last .add-post .buttons {
        background-color: #222;
    }

    ul.posts > li:hover {
        background-color: #7000ff55;
        box-shadow: inset 0px 0px 10px 3px #7000ff77;
        transition: none;
    }

    ul.posts > li {
        transition: all 2s;
    }

    ul.posts > li details {
        color: #989898;
    }

    fieldset.quote {
        background-color: #989898;
        color: #000;
        border-radius: 20px;
    }

    fieldset.quote::before {
        color: #7000ff;
    }

    .top-bar {
        background: #1a1a1a;
    }

    .top-bar .top-button {
        color: #c8c8c8;
        background: #333;
        top: 0px;
        right: 0px;
    }

    .top-bar--user #menu-search button {
        color: #7000ff;
        border-radius: 0px 20px 20px 0px;
        height: 32px;
        width: 37px;
        padding: 0;
        background-color: #c8c8c8;
        margin: 0.1em 0 .1em 0;
        transition: all .5s;
    }

    .top-bar--user #menu-search button:hover {
        background-color: #7000ffdd;
        color: #f0f0f0;
        transition: all .5s;
    }

    .top-bar--user #menu-search input {
        border-radius: 20px 0px 0px 20px;
        margin: 0px 0px 0px 0px;
        padding: 0.5em;
        height: 32px;
        width: 250px;
    }

    .btnlm {
        top: 0px;
    }

    .btnla {
        top: 0px;
    }

    .top-bar .top-button--user {
        border-top: 2px solid #333;
        border-bottom: 0px solid #333;
    }

    .top-bar--nav-user {
        background: #333;
        top: 36px;
        transition: 0.5s transform ease-in-out;
        transform: translateX(97%);
        display: flex;
        flex-wrap: wrap;
    }

    .top-bar--nav-user a {
        color: #c8c8c8;
    }

    .top-bar--nav-user:hover {
        transition: 0.5s transform ease-in-out;
        transform: translateX(2%);
    }

    .top-bar .top-button--user:hover ~ .top-bar--nav-user {
        transition: 0.5s transform ease-in-out;
        transform: translateX(2%);
    }

    .nav-main .nav-list > li a {
        color: #c8...

Reviews

No reviews yet.