pornhub.com full width by kvanton-web

/* ==UserStyle==
@name         pornhub.com full width
@version      20220326.20.48
@namespace    userstyles.world/user/kvanton-web
@description  Full width player
@author       kvanton-web
@license      No License
==/UserStyle== */
@-moz-document domain("pornhub.com") {
    html.supportsGridLayout #header {
        display: flex;
        justify-content: space-between;
    }
    html.supportsGridLayout #header #headerMenuContainer #headerCampaignDiv {
        display: flex;
    }
    html.supportsGridLayout #header #headerWrapper {
        padding-bottom: 5px;
    }
    html.supportsGridLayout #header #headerWrapper #headerContainer .logo .logoWrapper a img {
        min-height: 26px;
        height: 26px;
    }

    html.supportsGridLayout #header #headerWrapper #headerContainer {
        display: flex;
    }

    html.supportsGridLayout #header #headerWrapper #headerContainer #topRightProfileMenu {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        flex: 1 1;
    }
    html.supportsGridLayout #header #headerWrapper #headerContainer #topRightProfileMenu #notificationIcons {
        display: flex;
        flex-direction: row;
        gap: 15px;
    }
    #header #headerContainer #topRightProfileMenu #profileMenuWrapper img.smallAvatar {
        height: 26px;
    }
    #header #headerContainer #topRightProfileMenu #profileMenuWrapper > div {
        display: flex;
        align-items: center;
    }

    html.supportsGridLayout #header #headerMenuContainer #headerMainMenuInner ul#headerMainMenu {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 20px;
        margin: 0;
    }
    html.supportsGridLayout #header #headerMenuContainer #headerMainMenuInner ul#headerMainMenu > li.menu .js-topMenuLink .itemName {
        display: flex;
        margin: 0;
        justify-content: center;
        align-items: center;
    }
    html.supportsGridLayout #header #headerMenuContainer #headerMainMenuInner ul#headerMainMenu > li.menu {
        width: unset;
    }

    html.supportsGridLayout #header #headerWrapper #headerContainer #headerUploadBtn {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 10px;
    }
    #header #headerMenuContainer #headerMainMenuInner ul#headerMainMenu > li > a .arrow {
        margin: 0;
        margin-left: 5px;
    }
    html.supportsGridLayout.fluidContainer #header #headerContainer,
    html.supportsGridLayout.fluidContainer #header #headerMenuContainer #headerCampaignDiv {
        display: flex;
        justify-content: center;
        align-items: center;
        min-width: unset;
        max-width: unset;
        width: 100%;
    }
    html.supportsGridLayout #header #headerMenuContainer #headerMainMenuInner ul#headerMainMenu > li .wideDropdown {
        top: 30px;
    }

    #player {
        height: 90vh !important;
        width: 100vw;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* ============================== */
    /* ======= for 1920x1200 ======== */
    /* ============================== 
    #player {
        height: 97vh !important;
        width: 110vw !important;
        padding: 0 !important;
        margin: 0 !important;
        margin-left: -5vw !important;
        z-index: 0
    }
    .mgp_container .mgp_controlBar {
        width: 100vw !important;
        left: 5vw !important;
        transform: none !important;
    }
    /* ============================== */
    
    
    html.supportsGridLayout #profileContent {
        grid-template-columns: 80% 20%;
    }

    #under-player-comments,
    #under-player-playlists,
    #main-container #hd-leftColVideoPage .video-wrapper.relatedVideos {
        padding-right: 325px !important;
    }

    #recommendedVideosVPage {
        position: sticky;
        top: 0;
    }

    #hd-leftColVideoPage + div,
    #hd-rightColVideoPage {
        margin-top: 110vh;
    }

    div.nf-videos {
        width: 100% !important;
    }
    .recommendedContainerLoseOne.videos li.videoBox .wrap .img img {
        height: unset;
    }

    html:not(.fluidContainer) .container:not(.blogLayout),
    .gridWrapper,
    .frontListingWrapper,
    #main-container,
    #hd-leftColVideoPage {
        width: 100vw !important;
        max-width: 100vw !important;
    }

    .container {
        margin: 0 !important;
        width: 100vw !important;
        max-width: 100vw !important;
    }
    #searchSuggestions, #searchesWrapper, ul.ui-autocomplete {
        background: #000000ba;
    }
}