Centered version of YouTube when viewed on ultrawide screen monitor (32:9)
Youtube Ultrawide by midoriiro
Details
Authormidoriiro
LicenseNo License
Categoryyoutube.com
Created
Updated
Size2.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 Youtube Ultrawide
@namespace github.com/openstyles/stylus
@version 0.0.1
@description Centered version of Youtube when viewed on ultrawide monitor screen (32:9)
@author Midoriiro
==/UserStyle== */
@-moz-document domain("youtube.com") {
@media (min-width: 2300px) {
/* Main Page */
body > ytd-app {
margin-left: 25%;
margin-right: 25%;
}
tp-yt-app-drawer,
ytd-mini-guide-renderer.ytd-app {
left: auto;
}
tp-yt-app-drawer[persistent] {
width: 256px;
}
#masthead-container.ytd-app {
position: sticky;
}
#page-manager.ytd-app {
margin-top: 0;
}
/* History */
ytd-two-column-browse-results-renderer[page-subtype="history"] ytd-browse-feed-actions-renderer.ytd-two-column-browse-results-renderer {
padding: 0;
}
ytd-two-column-browse-results-renderer[page-subtype="history"] #secondary.ytd-two-column-browse-results-renderer {
right: unset;
}
ytd-two-column-browse-results-renderer[page-subtype="history"][has-secondary-column-data] #primary.ytd-two-column-browse-results-renderer {
padding-right: 0;
}
ytd-two-column-browse-results-renderer {
flex-direction: row-reverse;
}
/* Playlists */
ytd-playlist-header-renderer.ytd-browse,
ytd-playlist-sidebar-renderer.ytd-browse,
ytd-settings-sidebar-renderer.ytd-browse {
position: fixed;
}
ytd-browse[guide-persistent-and-visible] ytd-playlist-sidebar-renderer.ytd-browse,
ytd-browse[guide-persistent-and-visible] ytd-playlist-header-renderer.ytd-browse {
left: unset;
}
/* Library */
ytd-profile-column-renderer {
margin-left: 0;
margin-right: 32px;
}
/* Channel */
ytd-c4-tabbed-header-renderer[has-channel-art][guide-persistent-and-visible] .banner-visible-area.ytd-c4-tabbed-header-renderer {
height: 250px;
}
tp-yt-app-toolbar.ytd-c4-tabbed-header-renderer {
height: 40px;
}
}
}