Pornhub Modern Design by lovememore

/* ==UserStyle==
@name         Pornhub Modern Design
@version      20221031.13.29
@namespace    userstyles.world/user/lovememore
@description  Modern YouTube like design for Pornhub.
@author       lovememore
@license      No License
==/UserStyle== */

@-moz-document domain("pornhub.com") {
html {
    background-color: #0f0f0f;
}

body {
    background-color: #0f0f0f;
}

.allActionsContainer {
    display: flex;
    flex-direction: row-reverse;
    gap: 8px;
}

.tab-menu-item {
    display: flex;
    align-items: center;
}

.tab-menu-item {
    display: flex;
    align-items: center;
}

.tab-menu-wrapper-cell:nth-child(n+2) {
    background: red;
    display: none !important;
}

.userActions {
    margin: 0 0 0 16px !important;
}

.userActions > .subscribeButton > button {
    min-width: 0 !important;
    line-height: 40px !important;
    padding: 0 16px !important;
    border: none !important;
    background-color: red !important;
    color: #fff !important;
    border-radius: 32px !important;
    margin: 0 !important;
    font-weight: 400 !important;
}

button > i.ph-icon-rss-feed {
    display: none;
}

button > .buttonLabel {
    margin: 0 !important;
}

.video-info-row.userRow {
    display: flex !important;
}

.userAvatar > img {
    width: 40px !important;
    height: 40px !important;
}

.categoriesWrapper > a.item {
    border-radius: 32px !important;
}

.js-voteUp,
.js-voteDown,
.js-favoriteBtn,
#js-shareData {
    display: flex;
    align-items: center;
    background-color: #272626;
    padding: 0 16px !important;
}

.js-voteUp {
    border-radius: 16px 0 0 16px;
}

.js-voteUp:hover,
.js-voteDown:hover,
.js-favoriteBtn:hover,
#js-shareData:hover {
    border-bottom: none !important;
}

.js-voteDown {
    border-radius: 0 16px 16px 0;
}

.js-favoriteBtn,
#js-shareData {
    border-radius: 16px;
}

#js-shareData .tab-menu-item {
    padding: 0 !important;
    display: flex !important;
}

.js-favoriteBtn {
    margin-left: 8px !important;
}

.title > span {
    font-weight: 600;
    font-size: 16px !important;
}

#topRightProfileMenu {
    width: auto !important;
    display: flex !important;
}


#headerSignupLink {
    display: none !important;
}

#headerLoginLink {
    padding: 8px 16px !important;
    border-radius: 32px;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

#headerMenuContainer {
    display: none !important;
}

#headerWrapper {
    background-color: #0f0f0f !important;
}

.logoWrapper > a {
    padding: 16px 14px 16px 16px;
}

.logo img {
    min-height: auto !important;
    max-height: none !important;
    height: 24px !important;
    width: auto;
}

#searchBarContainer {
    height: 32px !important;
    align-items: center;
    border-radius: 48px !important;
}

#searchInput {
    padding: 0 !important;
    border-radius: 48px !important;
}

.headerBtnsWrapper {
    display: none !important;
}

#headerSearchWrapperFree {
    flex: 0 1 578px;
}

#searchBarContainer {
    padding: 0 8px;
}

#searchesWrapper {
    position: absolute;
    top: 48px;
    margin: 0 !important;
}

#header {
    grid-template-rows: 56px !important;
}

#headerContainer {
    display: flex !important;
    justify-content: space-between;
}

#recommendedVideosVPage > .section_bar_sidebar {
    display: none;
}

#hd-rightColVideoPage > div:not(#recommendedVideosVPage) {
    display: none !important;
}

.more_recommended_btn {
    border-radius: 48px !important;
    width: 100%;
    padding: 8px 0;
}

.phimage {
    border-radius: 16px;
}

.sectionWrapper {
    margin: 20px 0;
}

.rating-container {
    display: none;
}

.cookiesBanner {
    display: none;
}

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

.video-wrapper,
.video-actions-container,
.title-container {
    background: none !important;
}

.nestedBlock {
    padding-left: 48px !important;
}
#hd-leftColVideoPage {
    display: flex;
    flex-direction: column;
}
#hd-leftColVideoPage > .video-wrapper {
    order: 1;
}
#hd-leftColVideoPage > #under-player-comments {
    order: 2;
}
#hd-leftColVideoPage > .relatedVideos {
    order: 3;
}
#hd-leftColVideoPage > #under-player-playlists {
    order: 4;
}

.title-container {
    padding: 8px 0 !important;
}

.video-actions-menu {
    margin: 0 !important;
}

.video-actions-container {
    padding: 16px 0 !important;
}

.ratingInfo {
    display: flex;
    gap: 8px;
    align-items: center;
}

.views {
    padding-left: 0 !important;
}

.commentLogMessage {
    display: none !important;
}

.cmtHeader {
    display: flex;
    gap: 16px;
    padding: 0 !important;
}

#cmtContent {
    padding: 0 !important;
}

.abovePlayer,
.favorites-message {
    display: none;
}

.video-actions-menu > .reset {
    display: none;
}

.video-actions-menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#hd-rightColVideoPage.wide {
    margin-top: 748px !important;
}
}