-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
## v1.0.1 ... (11 JUNE 18) ### Changes: `+` Changed preprocessor for usercss
- Loading branch information
1 parent
13c29f8
commit 36e33a7
Showing
10 changed files
with
298 additions
and
148 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,5 +1,10 @@ | ||
| # YouTube Theater Changelog | ||
|
|
||
| ## v1.0.1 ... (11 JUNE 18) | ||
|
|
||
| ### Changes: | ||
| `+` Changed preprocessor for usercss | ||
|
|
||
| ## v1.0.0 ... (22 MARCH 18) | ||
|
|
||
| ### Initial Release |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,61 +1,55 @@ | ||
| # YouTube Theater | ||
|
|
||
| <p align="center"> | ||
| <a href="https://www.codacy.com/app/StylusThemes/YouTube-Theater?utm_source=github.com&utm_medium=referral&utm_content=StylusThemes/YouTube-Theater&utm_campaign=badger"> | ||
| <img src="https://api.codacy.com/project/badge/Grade/c49c66965dc74808a8bfacf1111daf17" alt="Codacy Badge"> | ||
| </a> | ||
| <a href="https://github.com/StylusThemes/YouTube-Theater/tags"> | ||
| <img src="https://img.shields.io/github/tag/StylusThemes/YouTube-Theater.svg?label=tag" alt="Tag"> | ||
| </a> | ||
| <a href="https://github.com/StylusThemes/YouTube-Theater/stargazers"> | ||
| <img src="http://github-svg-buttons.herokuapp.com/star.svg?user=StylusThemes&repo=YouTube-Theater&style=flat&background=007ec6" alt="Star"> | ||
| </a> | ||
| <a href="http://github.com/StylusThemes/YouTube-Theater/fork"> | ||
| <img src="http://github-svg-buttons.herokuapp.com/fork.svg?user=StylusThemes&repo=YouTube-Theater&style=flat&background=007ec6" alt="Fork"> | ||
| </a> | ||
| <a href="https://david-dm.org/StylusThemes/YouTube-Theater?type=dev"> | ||
| <img src="https://img.shields.io/david/dev/StylusThemes/YouTube-Theater.svg?label=%20devDependencies%20" alt="devDependencies"> | ||
| </a> | ||
| </p> | ||
|
|
||
| ## Installing | ||
|
|
||
| - If you're using a browser extension: | ||
| - Stylus - get the addon for [Firefox][1], [Chrome][2] and [Opera][3]. | ||
| - Stylish - get the addon for [Firefox][4], [Chrome][5], [Opera][6], [Safari][7] and [Firefox Mobile][4]. | ||
| - FreeStyler is available for [Firefox][8], [Chrome][9], [Opera][10] and [Safari][11]. | ||
| - xStyle is available for [Firefox][12] and [Chrome][13]. | ||
| - Then install this style using: | ||
| - [userstyles.org][14] (with customization options) | ||
| - or, add it [manually][15] into the editor. | ||
| - Or, **[install directly][16]** from this repository by opening the user.css file; only available using Stylus, FreeStyler or xStyle (see the [documentation][17]). :tada: | ||
| # YouTube Theater [![Version][version]][1] [![Install directly with Stylus][stylus]][2] [![userstyles.org installations][userstyles]][3] [![GitHub stars][stars]][4] [![GitHub issues][issues]][5] [![GitHub license][license]][6] [![Dependencies][dependencies]][7] | ||
|
|
||
| **_Expands videos to fill all free space inside browser window_** | ||
|
|
||
| # Installation | ||
|
|
||
| - Download one of these add-ons for your browser | ||
| - Stylus (recommended): [Firefox][8], [Chrome][9], or [Opera][10]. | ||
| - Stylish: [Firefox][11], [Chrome][12], [Opera][13], or [Safari][14]. | ||
| - FreeStyler: [Firefox][15], [Chrome][16], [Opera][17], or [Safari][18]. | ||
| - xStyle: [Firefox][19] and [Chrome][20]. | ||
| - Click [here][2] to install directly with Stylus, or go to [userstyles.org][3] and click on "Install Style" button to install with Stylish. | ||
| - Done! From now on it will automatically update. | ||
|
|
||
| ## Updating | ||
|
|
||
| If a recent change by Youtube broke the style, chances are that I already fixed it. Make sure to reinstall from [userstyles.org][14], [GitHub][15] or [GitHub UserCSS][16] before opening an issue. | ||
| If a recent change by Youtube broke the style, chances are that I already fixed it. Make sure to reinstall from [userstyles.org][3], [GitHub][21] or [GitHub UserCSS][2] before opening an issue. | ||
|
|
||
| ## Contributions | ||
|
|
||
| If you would like to contribute to this repository, please... | ||
|
|
||
| 1. Fork | ||
| 2. Make changes (please read the [contribution guidelines](./.github/CONTRIBUTING.md) and abide by them) | ||
| 2. Make changes (please read the [Contribution Guidelines][22] and abide by them) | ||
| 3. Create a pull request! | ||
|
|
||
| [1]: https://addons.mozilla.org/en-US/firefox/addon/styl-us/ | ||
| [2]: https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne | ||
| [3]: https://addons.opera.com/en-gb/extensions/details/stylus/ | ||
| [4]: https://addons.mozilla.org/en-US/firefox/addon/stylish/ | ||
| [5]: https://chrome.google.com/webstore/detail/stylish-custom-themes-for/fjnbnpbmkenffdnngjfgmeleoegfcffe | ||
| [6]: https://addons.opera.com/en/extensions/details/stylish/ | ||
| [7]: http://sobolev.us/stylish/ | ||
| [8]: https://addons.mozilla.org/en-US/firefox/addon/freestyler/ | ||
| [9]: https://chrome.google.com/webstore/detail/freestyler/hihigldmabkodfpehkgdemjklmaebmca | ||
| [10]: https://addons.opera.com/extensions/download/freestyler/ | ||
| [11]: https://safari-extensions.apple.com/details/?id=ws.freestyler.freestyler-SRV36C8E2C | ||
| [12]: https://addons.mozilla.org/en-us/firefox/addon/xstyle | ||
| [13]: https://chrome.google.com/webstore/detail/xstyle/hncgkmhphmncjohllpoleelnibpmccpj | ||
| [14]: https://userstyles.org/styles/160362/youtube-theater | ||
| [15]: https://raw.githubusercontent.com/StylusThemes/YouTube-Theater/master/style.css | ||
| [16]: https://raw.githubusercontent.com/StylusThemes/YouTube-Theater/master/style.user.css | ||
| [17]: https://github.com/openstyles/stylus/wiki/Usercss | ||
| [version]: https://img.shields.io/github/tag/StylusThemes/YouTube-Theater.svg?longCache=true&style=flat-square | ||
| [1]: # | ||
| [stylus]: https://img.shields.io/badge/install%20directly%20with-Stylus-00adad.svg?longCache=true&style=flat-square "Click here!" | ||
| [2]: https://raw.githubusercontent.com/StylusThemes/YouTube-Theater/master/style.user.css | ||
| [userstyles]: https://img.shields.io/badge/dynamic/json.svg?label=userstyles.org%20installations&url=https%3A%2F%2Fwidget.userstyles.org%2Fstyles%2F160362%2Fyoutube-theater.json&query=total_installs&colorB=e51ced&longCache=true&style=flat-square | ||
| [3]: https://userstyles.org/styles/160362/youtube-theater | ||
| [stars]: https://img.shields.io/github/stars/StylusThemes/YouTube-Theater.svg?longCache=true&style=flat-square | ||
| [4]: https://github.com/StylusThemes/YouTube-Theater/stargazers | ||
| [issues]: https://img.shields.io/github/issues/StylusThemes/YouTube-Theater.svg?longCache=true&style=flat-square | ||
| [5]: https://github.com/StylusThemes/YouTube-Theater/issues | ||
| [license]: https://img.shields.io/github/license/StylusThemes/YouTube-Theater.svg?longCache=true&style=flat-square | ||
| [6]: https://creativecommons.org/licenses/by-sa/4.0/ | ||
| [dependencies]: https://img.shields.io/david/dev/StylusThemes/YouTube-Theater.svg?longCache=true&style=flat-square | ||
| [7]: https://david-dm.org/StylusThemes/YouTube-Theater?type=dev | ||
| [8]: https://addons.mozilla.org/en-US/firefox/addon/styl-us/ | ||
| [9]: https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne | ||
| [10]: https://addons.opera.com/en-gb/extensions/details/stylus/ | ||
| [11]: https://addons.mozilla.org/en-US/firefox/addon/stylish/ | ||
| [12]: https://chrome.google.com/webstore/detail/stylish-custom-themes-for/fjnbnpbmkenffdnngjfgmeleoegfcffe | ||
| [13]: https://addons.opera.com/en/extensions/details/stylish/ | ||
| [14]: http://sobolev.us/stylish/ | ||
| [15]: https://addons.mozilla.org/en-US/firefox/addon/freestyler/ | ||
| [16]: https://chrome.google.com/webstore/detail/freestyler/hihigldmabkodfpehkgdemjklmaebmca | ||
| [17]: https://addons.opera.com/extensions/download/freestyler/ | ||
| [18]: https://safari-extensions.apple.com/details/?id=ws.freestyler.freestyler-SRV36C8E2C | ||
| [19]: https://addons.mozilla.org/en-us/firefox/addon/xstyle | ||
| [20]: https://chrome.google.com/webstore/detail/xstyle/hncgkmhphmncjohllpoleelnibpmccpj | ||
| [21]: https://raw.githubusercontent.com/StylusThemes/YouTube-Theater/master/style.css | ||
| [22]: ./.github/CONTRIBUTING.md |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,124 @@ | ||
| @-moz-document domain("youtube.com") { | ||
| /* ++----------------------------------------------------------------------------------++ */ | ||
| /* ||* Created : 09 / 11 / 2017 || */ | ||
| /* || || */ | ||
| /* ||* Updated : 06 / 11 / 2018 || */ | ||
| /* ++----------------------------------------------------------------------------------++ */ | ||
|
|
||
| /*::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Globals :::::::::::::::::::::::::::::::::::::::::::::::::::::::*/ | ||
|
|
||
| /*::: Thinner/Darker Scroll bar :::*/ | ||
| ::-webkit-scrollbar-corner { | ||
| background-color: #333 !important; | ||
| } | ||
|
|
||
| ::-webkit-scrollbar { | ||
| width: 10px; | ||
| height: 10px; | ||
| background-color: #333 !important; | ||
| } | ||
|
|
||
| ::-webkit-scrollbar-thumb { | ||
| -webkit-border-radius: 2px; | ||
| border-radius: 2px; | ||
| background: #555 !important; | ||
| } | ||
|
|
||
| if WatchedBadge { | ||
| @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-browse ytd-thumbnail-overlay-resume-playback-renderer { | ||
| width: 100%; | ||
| height: 100%; | ||
| background-color: #f0f0f0; | ||
| opacity: .85; | ||
| transition: opacity .2s ease-out; | ||
| } | ||
|
|
||
| html[dark=true] .ytd-browse ytd-thumbnail-overlay-resume-playback-renderer { | ||
| background-color: #030303; | ||
| opacity: .95; | ||
| } | ||
|
|
||
| .ytd-browse #progress.ytd-thumbnail-overlay-resume-playback-renderer { | ||
| height: 100%; | ||
| background-color: #fff; | ||
| } | ||
|
|
||
| html[dark=true] .ytd-browse #progress.ytd-thumbnail-overlay-resume-playback-renderer { | ||
| background-color: #111; | ||
| } | ||
|
|
||
| .ytd-browse ytd-thumbnail-overlay-resume-playback-renderer div#progress:after { | ||
| visibility: visible; | ||
| position: absolute; | ||
| top: 50%; | ||
| left: 50%; | ||
| margin-top: -14px; | ||
| margin-left: -14px; | ||
| font-family: FontAwesome; | ||
| font-size: 32px; | ||
| color: #999; | ||
| opacity: .7; | ||
| content: "\f00c"; | ||
| } | ||
|
|
||
| html[dark=true] .ytd-browse div#progress:after { | ||
| color: #fff; | ||
| } | ||
|
|
||
| .ytd-browse ytd-thumbnail-overlay-resume-playback-renderer:hover { | ||
| opacity: 0 !important; | ||
| } | ||
| } | ||
| } | ||
|
|
||
| @-moz-document regexp("https?://www.youtube.com/watch.*") { | ||
| /*::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Video Page :::::::::::::::::::::::::::::::::::::::::::::::::::::::*/ | ||
|
|
||
| if SVTFP { | ||
| video { | ||
| position: static !important; | ||
| width: 100% !important; | ||
| object-fit: fill !important; | ||
| } | ||
| } | ||
|
|
||
| if VMaxWidth { | ||
| ytd-app[is-watch-page] ytd-watch[theater] #player { | ||
| min-height: 100vh !important; | ||
| max-height: 100vh !important; | ||
| } | ||
|
|
||
| ytd-app[is-watch-page] #masthead-container { | ||
| opacity: 0 !important; | ||
| transition: opacity .2s ease-in-out; | ||
| } | ||
|
|
||
| ytd-app[is-watch-page] #masthead-container:hover { | ||
| opacity: 1 !important; | ||
| } | ||
|
|
||
| ytd-app[is-watch-page] #page-manager { | ||
| margin-top: 0 !important; | ||
| } | ||
|
|
||
| ytd-app[is-watch-page] #extra-buttons { | ||
| display: none !important; | ||
| } | ||
|
|
||
| ytd-app[is-watch-page] #toast:not(.paper-toast-open) { | ||
| pointer-events: none; | ||
| } | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,33 +1,17 @@ | ||
| /* ==UserStyle== | ||
| @name YouTube Theater | ||
| @version [[VERSION]] | ||
| @description Expands videos to fill all free space inside browser window. | ||
| @namespace github.com/StylusThemes | ||
| @author StylusThemes <https://github.com/StylusThemes> | ||
| @homepageURL https://github.com/StylusThemes/YouTube-Theater | ||
| @supportURL https://github.com/StylusThemes/YouTube-Theater/issues | ||
| @updateURL https://raw.githubusercontent.com/StylusThemes/YouTube-Theater/master/style.user.css | ||
| @license CC-BY-SA-4.0 | ||
| @name YouTube Theater | ||
| @version [[VERSION]] | ||
| @namespace https://github.com/StylusThemes | ||
| @description Expands videos to fill all free space inside browser window. | ||
| @author StylusThemes <https://github.com/StylusThemes> | ||
| @homepageURL https://github.com/StylusThemes/YouTube-Theater | ||
| @supportURL https://github.com/StylusThemes/YouTube-Theater/issues | ||
| @updateURL https://raw.githubusercontent.com/StylusThemes/YouTube-Theater/master/style.user.css | ||
| @license CC-BY-SA-4.0 | ||
| @preprocessor stylus | ||
| @advanced dropdown VMaxWidth "Real Theater Mode?" { | ||
| VMaxWidthY "Yes" <<<EOT | ||
| ytd-app[is-watch-page] ytd-watch[theater] #player{min-height:100vh !important;max-height:100vh !important}ytd-app[is-watch-page] #masthead-container{opacity:0 !important;transition:opacity 0.2s ease-in-out}ytd-app[is-watch-page] #masthead-container:hover{opacity:1 !important}ytd-app[is-watch-page] #page-manager{margin-top:0 !important}ytd-app[is-watch-page] #extra-buttons{display:none !important}ytd-app[is-watch-page] #toast: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;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-browse ytd-thumbnail-overlay-resume-playback-renderer{width:100%;height:100%;background-color:#f0f0f0;opacity:.85;transition:opacity .2s ease-out}html[dark=true] .ytd-browse ytd-thumbnail-overlay-resume-playback-renderer{background-color:#030303;opacity:.95}.ytd-browse #progress.ytd-thumbnail-overlay-resume-playback-renderer{height:100%;background-color:#fff}html[dark=true] .ytd-browse #progress.ytd-thumbnail-overlay-resume-playback-renderer{background-color:#111}.ytd-browse ytd-thumbnail-overlay-resume-playback-renderer div#progress:after{visibility:visible;position:absolute;top:50%;left:50%;margin-top:-14px;margin-left:-14px;font-family:FontAwesome;font-size:32px;color:#999;opacity:.7;content:"\f00c"}html[dark=true] .ytd-browse div#progress:after{color:#fff}.ytd-browse ytd-thumbnail-overlay-resume-playback-renderer:hover{opacity:0!important} EOT; | ||
| WatchedBadgeN "No" <<<EOT | ||
| EOT; | ||
| } | ||
| @var checkbox WatchedBadge 'Re-Add Youtube Watched Badge' 1 | ||
| @var checkbox SVTFP 'Stretch Video To Fill Player' 1 | ||
| @var checkbox VMaxWidth 'Real Theater Mode' 1 | ||
| ==/UserStyle== */ | ||
| /* DO NOT EDIT THIS USERCSS - IT IS GENERATED AUTOMATICALLY */ |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.