{"sections":[{"urls":[],"urlPrefixes":[],"domains":["youtube.com"],"regexps":[],"code":"/* Sets width on most items, needed for proper centering */\r\n\r\n.site-left-aligned #page, .site-left-aligned #yt-masthead, .site-left-aligned #alerts, .site-left-aligned #ad_creative_1, .site-left-aligned #footer, .site-left-aligned #masthead_child_div, \r\n.site-left-aligned #page, #yt-masthead-container #yt-masthead, .exp-new-site-width #footer { width: 1003px !important; }\r\n\r\n\r\n/* Fixes channel page backgrounds and sets width of masthead container */\r\n/* The masthead is what shows when you click on your username in the upper right (i.e. the drop down with favorites/likes/history and links to video manager, settings etc). */\r\n\r\n.exp-new-site-width #page.branded-page, #yt-masthead-container { width: 100% !important; }\r\n\r\n\r\n/* This section is what does most of the centering because the width is set on these items and they are centered properly with the \"margin: 0 auto !important;\" css declaration. */\r\n\r\n.site-left-aligned #page, .site-left-aligned #page.watch, .site-left-aligned #yt-masthead, #yt-masthead-container #yt-masthead, .site-left-aligned #alerts, .site-left-aligned #ad_creative_1, .site-left-aligned #footer, #footer-container #footer, .site-left-aligned #masthead-subnav, .site-left-aligned #masthead_child_div, .site-left-aligned #masthead-expanded-lists-container, .site-left-aligned #ticker .ytg-wide, .site-left-aligned #baseDiv, .exp-new-site-width #page.branded-page, .site-left-aligned.guide-enabled #watch7-video-container, .site-left-aligned.guide-enabled #watch7-main-container, .site-left-aligned.sidebar-expanded #page, .site-left-aligned.sidebar-expanded #yt-masthead, .site-left-aligned.sidebar-expanded #alerts, .site-left-aligned.sidebar-expanded #ad_creative_1, .site-left-aligned.sidebar-expanded #footer, .site-left-aligned.sidebar-expanded #masthead-subnav, .site-left-aligned.sidebar-expanded #masthead_child_div, .site-left-aligned.sidebar-expanded #masthead-expanded-lists-container, .site-left-aligned.sidebar-expanded #ticker .ytg-wide, .site-left-aligned.sidebar-expanded #baseDiv, #masthead-expanded { margin: 0 auto !important; }\r\n\r\n\r\n\r\n\r\n/* Minor visual tweak to the masthead to make it look nicer */\r\n\r\n#masthead-expanded-container {\r\npadding: 10px 0px 10px 1px !important;\r\nborder-right-style: solid;\r\nborder-right-color: #e2e2e2;\r\nborder-right-width: 1px;\r\n}\r\n\r\n\r\n/* Guide positioning section. This will keep the guide visible yet out of the way and still work properly on lower resolutions */\r\n\r\n.site-left-aligned.guide-expanded #watch7-video-container, .site-left-aligned.guide-expanded #watch7-owner-container, .site-left-aligned.guide-expanded #watch7-main-container, .site-left-aligned.guide-expanded #player { padding-left: 192px !important; }\r\n.site-left-aligned.guide-collapsed #watch7-video-container, .site-left-aligned.guide-collapsed #watch7-owner-container, .site-left-aligned.guide-collapsed #player, .site-left-aligned.guide-collapsed #watch7-main-container { padding-left: 43px !important; }\r\n.site-left-aligned #page.watch #guide-container { left: 5px !important; padding: 0 !important;}\r\n.guide-module-toggle-label span { opacity: 0; }\r\n\r\n\r\n/* On wider resolutions, the guide is moved out of the way so the video is centered relative to the #page */\r\n\r\n@media screen and (min-width: 1350px) {\r\n.site-left-aligned #page.watch #guide-container { left: -170px !important; }\r\n.site-left-aligned.guide-enabled #watch7-video-container, .site-left-aligned.guide-expanded #watch7-owner-container, .site-left-aligned.guide-collapsed #watch7-owner-container, .site-left-aligned.guide-enabled #player, .site-left-aligned.guide-enabled #watch7-main-container { padding-left: 29px !important; }\r\n#player { padding-left: 0 !important; }\r\n.site-left-aligned.guide-enabled .watch7-playlist, .site-left-aligned.guide-collapsed .watch7-playlist { padding-left: 0 !important;  }\r\n.guide-module-toggle-label span { opacity: 1; }\r\n#watch-owner-container, #watch7-owner-container { width: 945px !important; }\r\n}\r\n#watch7-playlist-tray .video-list-item .title, .video-list-item.remove-button-present .title, .video-list-item.remove-button-present .attribution { width: 154px !important; } /* \u003c- other videos in small player playlist box */\r\n.site-left-aligned .watch-wide #watch7-sidebar, .site-left-aligned .watch-playlist #watch7-sidebar { background: transparent; z-index: -1; width: 305px; }\r\n.site-left-aligned .watch7-playlist.watch-edit #watch7-sidebar, .site-left-aligned .watch-playlist.watch-edit #watch7-sidebar, .site-left-aligned .watch-wide.watch-edit #watch7-sidebar { padding-top: 68px !important; }\r\n#watch7-playlist-tray-trim { width: 305px !important; }\r\n#watch7-playlist-tray, #watch7-playlist-tray:hover, #watch7-playlist-tray-mask { max-width: 305px; }\r\n#watch7-playlist-tray .video-list-item { width: 305px; }\r\n.watch-sidebar { min-width: 305px !important; }\r\n#watch7-playlist-tray-container { width: 320px; }\r\n.watch-medium #watch7-playlist-tray-container { left: 620px !important; width: 325px; }\r\n.watch-medium #watch7-playlist-tray-trim { max-width: 325px; }\r\n.watch-medium #watch7-playlist-tray, .watch-medium #watch7-playlist-tray:hover, .watch-medium #watch7-playlist-tray-mask { max-width: 325px; }\r\n.watch-medium #watch7-playlist-tray .video-list-item { width: 305px; }\r\n.watch-medium .watch-sidebar { min-width: 325px; }\r\n#player-legacy { padding-left: 29px !important; }\r\n\r\n/* Footer centering fix section. The footer buttons total width varies and there is not css3 'parent' selector yet so I used to manually center it and use a negative right margin trick to \"pull\" the other buttons back when the help button is visible, for example: on video pages BUT SINCE FREECYBER (author of Youtube Black 2013) HAD THIS EXCELLENT TRICK IT IS MUCH EASIER. His trick is to use display:table on the footer items which accounts for variable width items and looks just perfect! */\r\n\r\n#footer, #footer-main, #footer-links, #footer-links-primary, #footer-links-secondary { display: table !important; margin-left: auto !important; margin-right: auto !important; }\r\n\r\n\r\n/* Fixes search results column to be the full width (rest of the area that would have been occupied by the recommended videos column on the right side). */\r\n\r\n.primary-col { width: auto !important; }\r\n#results { width: 823px !important; }\r\n\r\n\r\n/* Comment this section (next line) out for YouTube Center userscript compatibility */\r\n.watch-medium #watch7-player, .watch-medium #player-api { width: 945px !important; height: 561px !important; }\r\n\r\n\r\n/* Playlist correction/adjustment section.  */\r\n\r\n#watch7-container.watch-medium .watch7-playlist-bar, #watch7-playlist-data { width: 945px !important; }  \r\n.watch-playlist #watch7-video-container { padding-top: 0 !important; }\r\n.site-left-aligned.guide-enabled .watch7-playlist { margin: 0 !important; }\r\n.site-left-aligned.guide-enabled #masthead-subnav, #watch7-owner-container #masthead-subnav, .watch-medium .watch7-playlist-bar-right { width: auto !important; }\r\n\r\n/* If watching a video you uploaded/own, this fixes the owner bar in regular and video playlists */\r\n\r\n#watch7-creator-bar { width: 600px !important; }\r\n.watch-medium #watch7-creator-bar, .watch-playlist #watch7-creator-bar, .watch-wide #watch7-creator-bar { width: 905px !important; }\r\n.watch-sidebar { max-width: 491px !important; }\r\n.watch7-playlist-bar-left.watch-content { width: 467px; }\r\n\r\n/* \r\nLine below this comment makes this user script compatible\r\nhttp://userscripts.org/scripts/show/154471 View Youtube videos by same user By steeeeve  Last update Aug 22, 2013 \r\n*/\r\n#showHideButton { position: relative; }\r\n\r\n/* Fix for HTML5 video alignment */\r\ndiv.html5-video-content, video.html5-main-video { width: 100% !important; height: 100% !important;}\r\n\r\n/* The following section is specific to the Old Grey BG style of Youtube Centered. This changes the background image and tones down the super bright whites of the latest Youtube design. */\r\n\r\nbody {\r\nbackground: #FBFBFB url(\"data:image/png;base64,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\") !important;\r\n}\r\n\r\n#feed-background, .branded-page-v2-col-container, #watch7-headline, #watch7-user-header, #watch7-content, #watch7-action-panel-footer, .metadata-inline { background: #fbfbfb !important; }\r\n\r\n#yt-masthead-container { background-color: #e1e1e1; border-bottom: 1px solid #d7d7d7 !important; }\r\n.site-left-aligned #footer-container { background-color: #e1e1e1; }\r\n\r\n/* Minor visual tweak to videos page border top line on grey bg style */\r\n.branded-page-v2-detached-top .branded-page-v2-primary-col { border-top: none !important; }"}],"url":"http://userstyles.org/styles/79721","updateUrl":"https://userstyles.org/styles/chrome/79721.json","md5Url":"https://update.userstyles.org/79721.md5","originalMd5":"9f6df4eb7fd536e06104940149a39ea5","name":"Youtube Centered w/Old Grey BG  Jan 2 2014","thumbnail":"https://userstyles.org/style_screenshots/79721_after.jpeg?r=1781017325"}