Skip to content

Diziwatch Koyu Crunchyroll Modu by KerimDemirkaynak

Screenshot of Diziwatch Koyu Crunchyroll Modu

Details

AuthorKerimDemirkaynak

LicenseNo License

Categoryhttps://diziwatch.net/

Created

Updated

Size5.6 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Diziwatch Koyu Renk Ağırlıklı Crunchyroll Modu

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name       Diziwatch Koyu Crunchyroll Modu
@version    20241108.18.08
@namespace  ?
==/UserStyle== */

@-moz-document domain("diziwatch.net") {
.headerleft a img {
        content: url("https://upload.wikimedia.org/wikipedia/commons/d/d9/Crunchyroll_2024.svg");
        width: 100%;
        height: 100%;
        image-rendering: -webkit-optimize-contrast;
    }

body {
    background: black; /* Arka planı siyah yap */
    cursor: default;
    font-size: 13px;
    margin: 0;
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s;
}

.navbar-inverse {
	display: none;
}

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');

.cat-title-main a {
    font-family: 'Roboto', sans-serif; /* Modern font */
    font-weight: 500; /* Orta kalınlık */
    color: #fff; /* Yazı rengi */
    text-decoration: none; /* Alt çizgi yok */
    transition: color 0.3s ease; /* Hover geçişi */
}

.cat-title-main a:hover {
    color: #4CAF50; /* Hoverda renk değişimi */
}

@media only screen and (max-width: 1000px) {
    .cat-title-main a {
        font-size: 14px; /* Mobil cihazlar için biraz daha küçük font */
    }
}


span.dizi-name {

    text-transform: capitalize; /* Baş harfleri büyük yapmak */
    transition: color 0.3s ease, transform 0.3s ease; /* Hover efekti için geçiş */
}


span.dizi-name:hover {
    transform: scale(1.05); /* Hoverda büyüme efekti */
    color: #f0f0f0; /* Hoverda renk değişikliği */
}

#small-button {
    float: left;
    margin-right: 7px;
    padding: 10px 18px; /* Buton boyutunu artırmadan padding düzenledik */
    font-size: 16px;
    font-weight: 500; /* Orta ağırlıkta font */
    color: #fff; /* Yazı rengi beyaz */
    background-color: transparent; /* Şeffaf arka plan */
    border: 2px solid rgba(255, 255, 255, 0.25); /* Hafif bir kenarlık */
    border-radius: 25px; /* Yuvarlatılmış köşeler */
    line-height: 18px;
    text-transform: uppercase; /* Harfleri büyük yapar */
    cursor: pointer; /* Fare işaretçisi buton üzerinde */
    transition: all 0.3s ease; /* Yumuşak geçiş efektleri */
    font-family: 'Poppins', sans-serif; /* Modern font */
}

#small-button:hover {
    background-color: rgba(255, 255, 255, 0.1); /* Hoverda arka plan rengi */
    color: #333; /* Hoverda yazı rengi değişir */
    border-color: rgba(255, 255, 255, 0.5); /* Hoverda kenarlık rengini değiştirme */
    transform: translateY(-2px); /* Hoverda buton hafifçe yukarı kayar */
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); /* Hoverda daha belirgin gölge */
}

#small-button:focus {
    outline: none; /* Odaklanınca kenarlık olmasın */
    box-shadow: 0 0 0 3px rgba(0, 0, 255, 0.3); /* Odaklanınca mavi etrafında hafif bir kenarlık */
}

.title .title-border {
    display: inline-block;
    color: #fff;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    padding-bottom: 4px; /* Minimal alt boşluk */
    margin-bottom: 0; /* Alt boşluğu sıfırladık */
    cursor: pointer;
    transition: color 0.3s ease, transform 0.3s ease;
    position: relative;
}

.title .title-border::after {
    content: "";
    position: absolute;
    bottom: 0; /* Çizgi başlığın hemen altında */
    left: 0;
    width: 100%;
    height: 2px; /* Çizgi ince ve minimal */
    background: rgba(255, 255, 255, 0.3); /* Hafif beyaz çizgi */
    transition: transform 0.3s ease, background 0.3s ease;
}

.title .title-border:hover {
    color: #00ccff; /* Hoverda renk değişimi */
    transform: scale(1.05); /* Hoverda yazı büyür */
}

.title .title-border:hover::after {
    transform: scaleX(1.1); /* Hoverda çizgi biraz genişler */
    background: #00ccff; /* Hoverda çizgi rengi değişir */
}

.jw-flag-audio-player .jw-button-container .jw-icon,
.jwplayer:not(.jw-flag-small-player) .jw-button-container .jw-icon {
    flex: 0 0 auto;
    transition: all 0.3s ease; /* Yumuşak geçişler */
}

.jw-flag-audio-player .jw-button-container .jw-icon svg,
.jwplayer:not(.jw-flag-small-player) .jw-button-container .jw-icon svg {
    fill: #f1c40f; /* Altın rengi simge */
}

.jw-flag-audio-player .jw-button-container .jw-icon:hover,
.jwplayer:not(.jw-flag-small-player) .jw-button-container .jw-icon:hover {
    fill: #f39c12; /* Hover durumunda simgeyi daha koyu altın yap */
    transform: scale(1.1); /* Hoverda simgeyi biraz büyüt */
}

.jw-flag-audio-player .jw-button-container .jw-icon:active,
.jwplayer:not(.jw-flag-small-player) .jw-button-container .jw-icon:active {
    transform: scale(0.95); /* Tıklanabilir efekt */
}

.title .title-border {
    /* border-bottom: kaldır */
    border-bottom: none;  /* Alt çizgiyi kaldırmak için */
}

span.dizi-name {
    padding-left: 10px;
    color: #fff;
    font-family: 'Roboto', sans-serif; /* Modern font ekleme */
    font-weight: 500; /* Orta ağırlıkta yazı */
    letter-spacing: 0.5px; /* Harfler arasında biraz boşluk */
    text-transform: capitalize; /* Baş harfleri büyük yapmak */
    transition: color 0.3s ease, transform 0.3s ease; /* Hover efekti için geçiş */
}

span.dizi-name:hover {
    transform: scale(1.05); /* Hoverda büyüme efekti */
    color: #f0f0f0; /* Hoverda renk değişikliği */
}

}

Reviews

No reviews yet.