Plex Fixes 1.0.5 release

## v1.0.5 ... (11 JUNE 18)

### Changes:
`+` No major changes, just a few tweaks to code.

CHANGELOG.md

@@ -1,5 +1,10 @@
 # Plex Fixes Changelog
 
+## v1.0.5 ... (11 JUNE 18)
+
+### Changes:
+`+` No major changes, just a few tweaks to code.
+
 ## v1.0.4 ... (26 MAY 18)
 
 ### Fixes:

README.md

@@ -1,67 +1,72 @@
-# Plex Fixes
+# Plex Fixes [![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]
 
-<p align="center">
-  <a href="https://www.codacy.com/app/StylusThemes/Plex-Fixes?utm_source=github.com&utm_medium=referral&utm_content=StylusThemes/Plex-Fixes&utm_campaign=badger">
-    <img src="https://api.codacy.com/project/badge/Grade/a8affe5fdfcb4d5dac8243f7cdc97a47" alt="Codacy Badge">
-  </a>
-  <a href="https://github.com/StylusThemes/Plex-Fixes/tags">
-    <img src="https://img.shields.io/github/tag/StylusThemes/Plex-Fixes.svg?label=tag" alt="Tag">
-  </a>
-  <a href="https://github.com/StylusThemes/Plex-Fixes/stargazers">
-    <img src="http://github-svg-buttons.herokuapp.com/star.svg?user=StylusThemes&repo=Plex-Fixes&style=flat&background=007ec6" alt="Star">
-  </a>
-  <a href="http://github.com/StylusThemes/Plex-Fixes/fork">
-    <img src="http://github-svg-buttons.herokuapp.com/fork.svg?user=StylusThemes&repo=Plex-Fixes&style=flat&background=007ec6" alt="Fork">
-  </a>
-  <a href="https://david-dm.org/StylusThemes/Plex-Fixes?type=dev">
-    <img src="https://img.shields.io/david/dev/StylusThemes/Plex-Fixes.svg?label=%20devDependencies%20" alt="devDependencies">
-  </a>
-</p>
+**_Bringing back plex to pre-3.0.0_**
 
-## Preview
+[![Preview][preview]][23]
 
-![](./images/screenshots/tv.jpg?raw=true)
-![](./images/screenshots/movie.jpg?raw=true)
-![](./images/screenshots/music.jpg?raw=true)
+# Installation
 
-## 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:
+- 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 Plex 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 Plex 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/139979/plex-fixes
-[15]: https://raw.githubusercontent.com/StylusThemes/Plex-Fixes/master/style.css
-[16]: https://raw.githubusercontent.com/StylusThemes/Plex-Fixes/master/style.user.css
-[17]: https://github.com/openstyles/stylus/wiki/Usercss
+# Screenshot
+<details>
+
+ ![Dashboard][screen1]
+
+ ![Movies][screen2]
+
+ ![Series][screen3]
+</details>
+
+[version]: https://img.shields.io/github/tag/StylusThemes/Plex-Fixes.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/Plex-Fixes/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%2F139979%2FPlex-Fixes.json&query=total_installs&colorB=e51ced&longCache=true&style=flat-square
+[3]: https://userstyles.org/styles/139979/Plex-Fixes
+[stars]: https://img.shields.io/github/stars/StylusThemes/Plex-Fixes.svg?longCache=true&style=flat-square
+[4]: https://github.com/StylusThemes/Plex-Fixes/stargazers
+[issues]: https://img.shields.io/github/issues/StylusThemes/Plex-Fixes.svg?longCache=true&style=flat-square
+[5]: https://github.com/StylusThemes/Plex-Fixes/issues
+[license]: https://img.shields.io/github/license/StylusThemes/Plex-Fixes.svg?longCache=true&style=flat-square
+[6]: https://creativecommons.org/licenses/by-sa/4.0/
+[dependencies]: https://img.shields.io/david/dev/StylusThemes/Plex-Fixes.svg?longCache=true&style=flat-square
+[7]: https://david-dm.org/StylusThemes/Plex-Fixes?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/Plex-Fixes/master/style.css
+[22]: ./.github/CONTRIBUTING.md
+[preview]: ./images/screenshots/tv.jpg?raw=true "Click to see more screenshots"
+[23]: README.md#screenshot
+[screen1]: ./images/screenshots/tv.jpg?raw=true
+[screen2]: ./images/screenshots/movie.jpg?raw=true
+[screen3]: ./images/screenshots/movie.jpg?raw=true

optionals.css

@@ -8,9 +8,9 @@ div[class*="3dQB5"] {
 
 /*::: Hover effect on CAST cards :::*/
 a[class^="PrePlayCastCell-cardLink-"]:hover,
-a[class^="PrePlayCastCell-cardLink-"]:hover > div,
+a[class^="PrePlayCastCell-cardLink-"]:hover>div,
 a[class*="Tndv5"]:hover,
-a[class*="Tndv5"]:hover > div {
+a[class*="Tndv5"]:hover>div {
   transform: scale(1.07);
 }
 
@@ -23,22 +23,19 @@ div[class*="2NcGK"] {
 }
 
 /*::: Expand 'Extras' display for movies (shows as grid instead of scroller) :::*/
-[class^="PrePlayExtrasList-extrasHubCell-"] > div:nth-child(2),
-[class^="PrePlayExtrasList-extrasHubCell-"] > div:nth-child(2) > [class^="Measure-container-"] > div > div,
-[class*="2NcGK"] > div:nth-child(2),
-[class*="2NcGK"] > div:nth-child(2) > [class*="2XznZ"] > div > div {
+[class^="PrePlayExtrasList-extrasHubCell-"]>div:nth-child(2),
+[class^="PrePlayExtrasList-extrasHubCell-"]>div:nth-child(2)>[class^="Measure-container-"]>div>div,
+[class*="2NcGK"]>div:nth-child(2),
+[class*="2NcGK"]>div:nth-child(2)>[class*="2XznZ"]>div>div {
   width: auto !important;
   height: auto !important;
 }
 
-[class^="PrePlayExtrasList-extrasHubCell-"] > div:nth-child(2) > [class^="Measure-container-"] > div > div > div,
-[class*="2NcGK"] > div:nth-child(2) > [class*="2XznZ"] > div > div > div {
+[class^="PrePlayExtrasList-extrasHubCell-"]>div:nth-child(2)>[class^="Measure-container-"]>div>div>div,
+[class*="2NcGK"]>div:nth-child(2)>[class*="2XznZ"]>div>div>div {
   display: inline-block;
-
   position: relative !important;
-
   margin: 10px;
-
   transform: translate3d(10px, 10px, 0) !important;
 }
 
@@ -58,9 +55,7 @@ div[class*="2fY8S"] {
 div[class^="MetadataPosterCard-cardContainer-"],
 div[class*="2gRcQ"] {
   box-shadow: 0 6px 26px -2px #000;
-
   transition: all 350ms;
-
   -webkit-perspective: 500px;
   perspective: 500px;
 }
@@ -69,7 +64,6 @@ div[class*="2gRcQ"] {
 div[class^="MetadataPosterCard-cardContainer-"]:hover,
 div[class*="2gRcQ"]:hover {
   box-shadow: 0 0 0 0 #000;
-
   transform: scale(.95) translateY(0);
 }
 
@@ -83,7 +77,6 @@ div[data-qa-id="hub--home.continue"] div[class*="2gRcQ"]:hover {
 [class^="MetadataPhotoCell-photoContainer-"],
 [class*="1HkmQ"] {
   transition: all 350ms;
-
   -webkit-perspective: 500px;
   perspective: 500px;
 }
@@ -96,7 +89,6 @@ div[data-qa-id="hub--home.continue"] div[class*="2gRcQ"]:hover {
 [class^="MetadataPhotoCell-photo-"]:hover,
 [class*="Po3Kx"]:hover {
   box-shadow: none;
-
   transform: scale(1.02);
 }
 
@@ -106,14 +98,10 @@ div[class*="M67q6"] {
   border-radius: 50%;
   width: 50px;
   height: 50px;
-
   font-size: 18px;
   line-height: 48px;
-
   color: hsla(0, 0%, 100%, .7);
-
   box-shadow: 0 4px 16px -2px #000;
-
   transition: all 350ms;
   transform: translate(-50%, -50%) scale(.1);
 }
@@ -147,14 +135,12 @@ div[role=navigation] div {
 [class^=SidebarContainer-sidebarContainer-] {
   width: 55px !important;
   max-width: 55px !important;
-
   transition: all .5s ease !important;
 }
 
 [class^=SidebarContainer-sidebarContainer-]:hover {
   width: 240px !important;
   max-width: 240px !important;
-
   transition: all 1.5s ease !important;
 }
 
@@ -173,13 +159,11 @@ div[role=navigation] div[role=header] {
 [class^=SidebarContainer-sidebarContainer-]:hover div[role=navigation] div a div:nth-child(2),
 [class^=SidebarContainer-sidebarContainer-]:hover div[role=navigation] div[role=header] {
   font-size: 12px !important;
-
   transition: all 2s ease !important;
 }
 
 [class^=SidebarContainer-sidebarContainer-]:hover button[data-qa-id=serverMenuButton] div span {
   font-size: 14px !important;
-
   transition: all 2s ease !important;
 }
 
@@ -193,7 +177,6 @@ div[role=navigation] div[role=header] {
 [class^=SidebarContainer-sidebarContainer-]:hover [class^=SidebarLibrariesActions-actions],
 [class^=SidebarContainer-sidebarContainer-]:hover [class^=SidebarLink-children] {
   display: inline-block !important;
-
   transition: all 2s ease !important;
 }
 

package.json

@@ -1,15 +1,16 @@
 {
   "name": "plex-fixes",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "Bringing back plex to pre-3.0.0",
   "devDependencies": {
     "css": "^2.2.3",
     "perfectionist": "^2.4.0",
     "postcss": "^6.0.22",
+    "postcss-syntax": "^0.28.0",
     "semver": "^5.5.0",
     "stylelint": "^9.2.1",
     "stylelint-config-standard": "^18.2.0",
-    "updates": "2.7.3"
+    "updates": "3.0.1"
   },
   "scripts": {
     "build": "node build/build.js",