Skip to content

Youtube Fullscreen Theater Mode + Search Hover by Runylu

Screenshot of Youtube Fullscreen Theater Mode + Search Hover

Details

AuthorRunylu

LicenseNo License

Categoryyoutube

Created

Updated

Size1.2 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Fullscreen windowed video and search hover bar.

Notes

1.0

Source code

/* ==UserStyle==
@name         YT Full Header + Hover 2023
@version      1.0
@namespace    userstyles.world/user/hkc
@description  Entire FULLSCREEN Windowed Youtube + Search hover bar


@author       Runy
@license      No License
==/UserStyle== */
@-moz-document url-prefix("https://www.youtube.com/watch?v") {
    ytd-watch-flexy[theater]:not([fullscreen]) #player-full-bleed-container.ytd-watch-flexy {
        height: calc(100.5vh);
        max-height: calc(100.5vh);
    }

    ytd-watch-flexy[full-bleed-player] #columns.ytd-watch-flexy {
        margin-top: 175px;
    }
    ytd-player#ytd-player,
    #movie_player.html5-video-player.ytp-autonav-endscreen-cancelled-state.ended-mode,
    #movie_player.html5-video-player.ytp-fullscreen {

        background-color: #000;
    }

    #masthead-container.ytd-app {
        margin-top: 1px;
        padding-bottom: 5px;
        opacity: 0;
        transition: margin 250ms, padding 250ms, opacity 500ms;
    }
    #masthead-container.ytd-app:hover {
        margin-top: 0;
        padding-bottom: 0;
        opacity: 1;
        background: #0f0f0f
    }
    #page-manager.ytd-app {
        margin-top: -6px;
    }
}

Reviews

No reviews yet.