-
Notifications
You must be signed in to change notification settings - Fork 0
/
style.user.css
138 lines (117 loc) · 9.52 KB
/
style.user.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
/* ==UserStyle==
@name Youtube Tweaks
@version 1.2.14
@description Expands videos to fill all free space inside browser window.
@namespace https://github.com/StylusThemes
@author StylusThemes <https://github.com/StylusThemes>
@homepageURL https://github.com/StylusThemes/YouTube-Tweaks
@supportURL https://github.com/StylusThemes/YouTube-Tweaks/issues/
@updateURL https://raw.githubusercontent.com/StylusThemes/YouTube-Tweaks/master/style.user.css
@license CC-BY-SA-4.0
@advanced dropdown VMaxWidth "Real Theater Mode?" {
VMaxWidthY "Yes" <<<EOT
ytd-watch-flexy[fullscreen] #player-theater-container.ytd-watch-flexy,ytd-watch-flexy[theater] #player-wide-container.ytd-watch-flexy{height:100vh;max-height:100vh}ytd-watch-flexy:not([fullscreen])[theater] #player.ytd-watch{max-height:100vh}ytd-watch[theater] #player.ytd-watch{width:100%;max-height:100vh}#masthead-container.ytd-app{opacity:0!important;transition:opacity .2s ease-in-out}#masthead-container.ytd-app:hover{opacity:1!important}#page-manager.ytd-app{margin-top:0}#extra-buttons.ytd-app{display:none!important}#toast.ytd-app:not(.paper-toast-open){pointer-events:none} EOT;
VMaxWidthN "No" <<<EOT
EOT;
}
@advanced dropdown SVTFP "Stretch Video To Fill Player?" {
SVTFPY "Yes" <<<EOT
video{position:static!important;width:100%!important;height:100vh!important;transform:scaleX(1)!important;object-fit:fill!important} EOT;
SVTFPN "No" <<<EOT
EOT;
}
@advanced dropdown WatchedBadge "Re-Add Youtube Watched Badge?" {
WatchedBadgeY "Yes" <<<EOT
@font-face{font-family:FontAwesome;font-weight:400;font-style:normal;src:url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?v=4.7.0);src:url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format("embedded-opentype"),url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0) format("woff2"),url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff?v=4.7.0) format("woff"),url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.ttf?v=4.7.0) format("truetype"),url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format("svg")}.ytd-browse yt-formatted-string.ytd-thumbnail-overlay-playback-status-renderer{display:none}ytd-thumbnail-overlay-resume-playback-renderer{width:100%;height:100%;background-color:#030303;opacity:.85;transition:opacity .2s ease-out}ytd-thumbnail-overlay-resume-playback-renderer:before{display:flex;position:absolute;top:0;z-index:100;width:100%;height:100%;font-family:FontAwesome;font-size:32px;color:#999;opacity:.7;transition:.1s ease;content:url(https://raw.githubusercontent.com/StylusThemes/YouTube-Theater/master/images/watched.png);align-items:center;justify-content:center}ytd-compact-video-renderer:hover #overlays,ytd-grid-video-renderer:hover #overlays,ytd-playlist-video-renderer:hover #overlays,ytd-thumbnail:hover #overlays,ytd-video-renderer:hover #overlays{opacity:0}ytd-thumbnail #overlays{height:100%;transition:.2s ease}#progress.ytd-thumbnail-overlay-resume-playback-renderer{height:100%;background-color:#3a0909;opacity:1}.ytd-browse div#progress:after{color:#fff} EOT;
WatchedBadgeN "No" <<<EOT
EOT;
}
@advanced dropdown DFT "Display Full Title For Videos?" {
DFTY "Yes" <<<EOT
ytd-grid-video-renderer,ytd-rich-grid-media #video-title.ytd-rich-grid-media,ytd-rich-grid-media[mini-mode] #video-title.yt-simple-endpoint.ytd-grid-video-renderer{max-height:unset!important;-webkit-line-clamp:unset!important}#video-title.ytd-compact-video-renderer,#video-title.ytd-grid-playlist-renderer,#video-title.ytd-reel-item-renderer,#video-title.ytd-rich-grid-media,#video-title.ytd-rich-grid-slim-media,#video-title.ytd-video-renderer{max-height:unset!important;-webkit-line-clamp:unset!important} EOT;
DFTN "No" <<<EOT
EOT;
}
@advanced dropdown NetflixSubtitles "Change youtube subtitles to be more like netflix?" {
NetflixSubtitlesY "Yes" <<<EOT
@font-face{font-family:"Netflix Sans";font-weight:100;src:url(https://assets.nflxext.com/ffe/siteui/fonts/netflix-sans/v3/NetflixSans_W_Th.woff2) format("woff2"),url(https://assets.nflxext.com/ffe/siteui/fonts/netflix-sans/v3/NetflixSans_W_Th.woff) format("woff")}@font-face{font-family:"Netflix Sans";font-weight:300;src:url(https://assets.nflxext.com/ffe/siteui/fonts/netflix-sans/v3/NetflixSans_W_Lt.woff2) format("woff2"),url(https://assets.nflxext.com/ffe/siteui/fonts/netflix-sans/v3/NetflixSans_W_Lt.woff) format("woff")}@font-face{font-family:"Netflix Sans";font-weight:400;src:url(https://assets.nflxext.com/ffe/siteui/fonts/netflix-sans/v3/NetflixSans_W_Rg.woff2) format("woff2"),url(https://assets.nflxext.com/ffe/siteui/fonts/netflix-sans/v3/NetflixSans_W_Rg.woff) format("woff")}@font-face{font-family:"Netflix Sans";font-weight:700;src:url(https://assets.nflxext.com/ffe/siteui/fonts/netflix-sans/v3/NetflixSans_W_Md.woff2) format("woff2"),url(https://assets.nflxext.com/ffe/siteui/fonts/netflix-sans/v3/NetflixSans_W_Md.woff) format("woff")}@font-face{font-family:"Netflix Sans";font-weight:800;src:url(https://assets.nflxext.com/ffe/siteui/fonts/netflix-sans/v3/NetflixSans_W_Bd.woff2) format("woff2"),url(https://assets.nflxext.com/ffe/siteui/fonts/netflix-sans/v3/NetflixSans_W_Bd.woff) format("woff")}@font-face{font-family:"Netflix Sans";font-weight:900;src:url(https://assets.nflxext.com/ffe/siteui/fonts/netflix-sans/v3/NetflixSans_W_Blk.woff2) format("woff2"),url(https://assets.nflxext.com/ffe/siteui/fonts/netflix-sans/v3/NetflixSans_W_Blk.woff) format("woff")}.ytp-caption-segment{font-family:"Netflix Sans",sans-serif!important;font-weight:700!important;background:0 0!important;text-shadow:#000 0 0 .2em!important} EOT;
NetflixSubtitlesN "No" <<<EOT
EOT;
}
@advanced dropdown WVC "Make the main video container on youtube wider?" {
WVCY "Yes" <<<EOT
ytd-app #page-manager>ytd-browse:not([page-subtype=playlist]):not([page-subtype=home]) ytd-two-column-browse-results-renderer.ytd-browse{margin:10px!important;box-sizing:border-box;width:calc(100% - 25px)!important;max-width:none}ytd-app #page-manager>ytd-browse[page-subtype=channels] ytd-two-column-browse-results-renderer.ytd-browse ytd-item-section-renderer.ytd-section-list-renderer{width:calc(100% - 20px);max-width:none}ytd-app #page-manager>ytd-browse[page-subtype=channels] ytd-two-column-browse-results-renderer.ytd-browse ytd-item-section-renderer.ytd-section-list-renderer ytd-button-renderer.yt-horizontal-list-renderer.arrow{display:flex;opacity:1}#contentContainer.app-drawer[swipe-open].app-drawer::after{visibility:visible;position:fixed;top:0;bottom:0;left:100%;width:0;content:""}ytd-app #page-manager>ytd-browse:not([page-subtype]) #grid-container.ytd-expanded-shelf-contents-renderer>.ytd-expanded-shelf-contents-renderer,ytd-app #page-manager>ytd-browse:not([page-subtype]) #grid-container.ytd-expanded-shelf-contents-renderer>.ytd-expanded-shelf-contents-renderer>.ytd-video-renderer{max-width:600px}ytd-app #page-manager>ytd-browse:not([page-subtype]) ytd-video-renderer.ytd-expanded-shelf-contents-renderer{padding-right:15px}ytd-app #page-manager>ytd-browse:not([page-subtype]) ytd-thumbnail.ytd-video-renderer{margin-right:12px} EOT;
WVCN "No" <<<EOT
EOT;
}
@advanced dropdown FadePPComp "Fade++ Compatibility Mode? [mainly for Wide video container]" {
FadePPCompN "No" <<<EOT
EOT;
FadePPCompY "Yes" <<<EOT
ytd-app #page-manager>ytd-browse:not([page-subtype=playlist]){display:block}ytd-app[guide-persistent-and-visible] #page-manager>ytd-browse:not([page-subtype=playlist]) ytd-two-column-browse-results-renderer.ytd-browse{margin-left:250px!important} EOT;
}
@advanced dropdown RemovePTSFB "Remove PocketTube Subscription Filter Border" {
RemovePTSFBN "No" <<<EOT
EOT;
RemovePTSFBY "Yes" <<<EOT
#primary>ytd-section-list-renderer>div.ysm-subscription-filter.ysm-select-filters.branded-page-module-title.shelf-title-cell.ysm-subscription-filter-new.last-change{border:none!important} EOT;
}
==/UserStyle== */
@-moz-document domain("youtube.com") {
#copyright div::after {
white-space: pre;
content: "\aYoutube Tweaks - Version 1.2.14";
}
::-webkit-scrollbar {
width: 4px !important;
}
::-webkit-scrollbar-button {
display: none !important;
border-radius: 0 !important;
height: 13px !important;
background-color: #333 !important;
}
::-webkit-scrollbar-thumb {
border-radius: 2px !important;
background: #555 !important;
}
::-webkit-scrollbar-track,
::-webkit-scrollbar-corner {
background-color: #333 !important;
}
ytd-thumbnail[class="style-scope ytd-video-renderer"],
ytd-playlist-thumbnail[class="style-scope ytd-playlist-renderer"] {
max-width: 225px !important;
max-height: 132px !important;
}
ytd-video-renderer[use-prominent-thumbs] #channel-info.ytd-video-renderer {
padding: 5px 0;
}
ytd-search[center-results] ytd-two-column-search-results-renderer.ytd-search {
padding-right: 150px;
}
[page-subtype=home] ytd-rich-grid-row,
[page-subtype=home] ytd-rich-grid-row #contents {
display: contents;
}
ytd-rich-section-renderer,
.ghost-grid.ytd-ghost-grid-renderer {
display: none;
}
[page-subtype=home] #contents>ytd-rich-item-renderer:has(#content > ytd-ad-slot-renderer) {
display: none;
}
/*[[DFT]]*/
/*[[WatchedBadge]]*/
/*[[WVC]]*/
/*[[FadePPComp]]*/
}
@-moz-document url-prefix("https://www.youtube.com/feed/subscriptions") {
/*[[RemovePTSFB]]*/
}
@-moz-document regexp("https?://www.youtube.com/watch.*"),
regexp("https?://www.youtube.com/clip.*") {
/*[[NetflixSubtitles]]*/
/*[[SVTFP]]*/
/*[[VMaxWidth]]*/
}