{"sections":[{"urls":[],"urlPrefixes":[],"domains":["youtube.com"],"regexps":[],"code":"/* Sets width on most items, needed for proper centering */\r\n/*.site-left-aligned.flex-width-enabled #page, .site-left-aligned #page { width: 85%; max-width: none; min-width: 1003px !important;}*/\r\n.site-left-aligned.flex-width-enabled #page, .site-left-aligned #page { width: auto; max-width: 1425px; min-width: 1003px !important;}\r\n.site-left-aligned #page { padding-left: 0px!important; }\r\n.site-left-aligned.guide-collapsed #player { padding-left: 0 !important; }\r\n.site-left-aligned.guide-collapsed #player.watch-small { padding-left: 10px !important; }\r\n\r\n/*\r\n.site-left-aligned #page.watch, .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 #yt-masthead-container #yt-masthead, .exp-new-site-width #footer { width: 1003px !important; }\r\n \r\n.site-left-aligned #page.channel, .site-left-aligned #page.feed, .site-left-aligned #page.search { width: auto !important; max-width: 1425px !important; min-width: 1003px !important;}\r\n*/\r\n\r\n#yt-masthead { width: 1003px !important;}\r\n#player { width:1003px; margin-left: auto; margin-right: auto;} \r\n.watch-medium .player-width { width: 994px; height: 589px !important; }\r\n.watch-medium #player-api.watch-content { float: none; }\r\n#player-api { margin-left: auto;  margin-right: auto; }\r\n\r\n/*.site-center-aligned #player { margin-top: 60px !important;}*/\r\n.site-center-aligned #player.full-frame { margin-top: 0px !important;} /*fix embeded videos/non watch page/external sites */\r\n\r\n/*#player.watch-medium[style*=\"width: 985px;\"] video.html5-main-video, #player.watch-medium[style*=\"width: 985px;\"] .html5-video-content { height: auto !important; width: 994px !important; }\r\n\r\n#player.watch-medium.watch-playlist #player-api[style*=\"width: 985px\"]  video.html5-main-video, #player.watch-medium.watch-playlist #player-api[style*=\"width: 985px\"] .html5-video-content { height: auto !important; width: 994px !important; }\r\n*/\r\n\r\n/*.watch-content { float: none; }*/\r\n.watch7-playlist-bar-left.watch-content, .watch7-playlist-bar-right.watch-content { float: left;}\r\n/*.watch-medium .watch7-playlist-bar-left.watch-content, .watch-medium .watch7-playlist-bar-right.watch-content { float: none;}*/\r\n#player.watch-small .watch-content { float: left; }\r\n\r\n/*.site-left-aligned #player.watch-playlist #player-api, .site-center-aligned #player.watch-playlist #player-api { float: none; }*/\r\n.site-left-aligned #player.watch-playlist.watch-medium #player-api, .site-center-aligned #player.watch-playlist.watch-medium #player-api { float: none; }\r\n\r\n.site-left-aligned.guide-enabled .watch7-playlist { margin: 0 auto !important; /*width: 994px !important;*/ width: 100%; }\r\n\r\n.watch-medium #playlist { margin-left: auto !important; margin-right: auto !important; width: 994px; }\r\n\r\n\r\n/* Comment this section (next line) out for YouTube Center userscript compatibility */\r\n/*#player.watch-medium  { width: 854px; }*/\r\n/*#player.watch-medium[style=\"width: 985px;\"] { width: 854px !important; }*/\r\n\r\n.watch-medium #watch7-player { width: 994px; height: 594px; }\r\n#watch7-main-container { 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/* 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\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: 0px !important; }\r\n.site-left-aligned.guide-collapsed #watch7-video-container, .site-left-aligned.guide-collapsed #watch7-owner-container, .site-left-aligned.guide-collapsed #watch7-main-container { padding-left: 10px !important; }\r\n\r\n\r\n.site-left-aligned #watch7-container.watch-playlist #watch7-main-container { padding-left: 0px !important; }\r\n.site-left-aligned #watch7-container.watch-playlist.watch-wide #watch7-main-container { padding-left: 10px !important; }\r\n\r\n\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    /*\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*/\r\n.guide-module-toggle-label span { opacity: 1; }\r\n#watch-owner-container, #watch7-owner-container { width: 945px !important; }\r\n}\r\n\r\n\r\n/* Fixes 'just watched/recent activity' thumbnail/descriptions on channel pages on certain resolutions\r\n    Thanks to http://forum.userstyles.org/profile/155671/Marcii for noticing */\r\n@media screen and (min-width: 1366px) { \r\n.flex-width-enabled .welcome-just-watched { padding-top: 15px !important;  }\r\n/*.flex-width-enabled .secondary-col-is-full .welcome-recent-activity { width: 100% !important; }*/\r\n}\r\n\r\n      \r\n@media screen and (max-width: 1381px) {\r\n.ytcenter-site-watch.ytcenter-site-center.ytcenter-resize-aligned.ytcenter-guide-visible #page\u003e#player,\r\n.ytcenter-site-watch.ytcenter-site-center.ytcenter-resize-aligned.ytcenter-guide-visible #page\u003e#player-legacy { width: 1003px !important; }\r\n}  \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: 174px !important; } /* \u003c- other videos in small player playlist box */\r\n\r\n\r\n.video-list-item a { padding: 0 0 0 5px; /*overflow: visible !important;*/ }\r\n/*.video-list .video-list-item a.related-channel { overflow: hidden !important; }\r\n.video-list .video-list-item a.related-playlist { overflow: hidden !important; }\r\n  */      \r\n            \r\n            \r\n.video-list .video-list-item .title { overflow: visible !important; max-height: 3.4em !important; }\r\n.video-list-item .view-count { height: 1.8em !important; }\r\n\r\n        \r\n.site-left-aligned .watch-wide #watch7-sidebar, .site-left-aligned .watch-playlist #watch7-sidebar { background: transparent; z-index: -1; overflow: visible;/* width: 313px;*/ }\r\n        \r\n    \r\n\r\n/*\r\n#watch7-sidebar .watch-sidebar-section { margin-left: -2px !important; }\r\n*/\r\n\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: 363px !important; }\r\n#watch7-playlist-tray, #watch7-playlist-tray:hover, #watch7-playlist-tray-mask { max-width: 363px; }\r\n\r\n/*#watch7-playlist-tray .video-list-item { width: 313px; }*/\r\n/*.watch-sidebar { min-width: 313px !important; }*/\r\n\r\n\r\n#watch7-playlist-tray-container { width: 363px; }\r\n/* default play list tray position for non YTCuserscript layout on large player */\r\n.watch-medium #watch7-playlist-tray-container:not([style*=\"width\"]) { left: 674px !important; top: -589px; width: 325px; height: 562px; }\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: 313px; }*/\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.primary-col { width: auto !important; }\r\n\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\r\n.site-left-aligned.guide-collapsed #player.watch-small { padding-left: 0 !important; }\r\n\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: 598px !important; }\r\n.watch-medium #watch7-creator-bar, .watch-playlist #watch7-creator-bar, .watch-wide #watch7-creator-bar { width: 952px !important; }\r\n\r\n/*.watch-sidebar { max-width: 491px !important; }*/\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n/*.watch7-playlist-bar { width: 100%; }*/\r\n\r\n\r\n.watch7-playlist-bar { width: auto; }\r\n\r\n\r\n.watch-medium .watch7-playlist-bar-left { width: 594px; }\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\n.html5-video-content, video.html5-main-video { width: auto !important; height: 100% !important; /*left: 0 !important;*/}\r\n/*.html5-main-video[style*=\"width: 854px\"], .html5-main-video[style*=\"width: 852px\"]  { width: 100% !important; height: auto !important; }*/\r\n\r\n\r\n\r\n/*.html5-video-controls { bottom: 35px; }*/\r\n\r\n/* Fixes/Centers List view on Channel pages */\r\n.yt-lockup.yt-lockup-tile { margin-right: auto !important; margin-left: auto !important; }\r\n\r\n/* Centers Comments on Channel discussion page */\r\n.comments-iframe-container { margin-left: auto !important; margin-right: auto !important; }\r\n\r\n/* Fixes/Centers List view on Feed (my subscription) pages */\r\n.site-left-aligned .feed-item-container .feed-item-main-content { max-width: none !important; }\r\n.site-left-aligned .feed-item-container.legacy-style { margin: 0 auto !important; width: 617px !important; }\r\n\r\n/* Wider Recommended Channels Column (so Titles don't get eclipsed) */\r\n.branded-page-v2-secondary-col { width: 200px !important; }\r\n#page.search .branded-page-v2-secondary-col { width: 400px !important; }\r\n\r\n/* Remove top ad which is usually uncentered and looks terrible */\r\n#ad_creative_1 { display: none !important; }\r\n/* Remove search results ad */\r\n.pyv-afc-ads-container { display: none !important; }\r\n/* Remove sidebar ad */\r\n#watch-channel-brand-div { display: none !important; }\r\n\r\n/* Fix/Center channel search results appearing too far to right in search results */\r\n.result-list .yt-lockup-thumbnail { width: auto !important; }\r\n#results { width: auto !important; }\r\n#search-results { max-width: 641px !important; margin-left: auto; margin-right: auto; }\r\n\r\n/* Fix qualified-channel-title-text for channels appearing in related videos section */\r\n.qualified-channel-title { width: auto !important; }\r\n\r\n/* Fix/Center Community-Inbox page */\r\n#yt-admin { width: 100% !important; margin: 0 auto !important; }\r\n.yt-alert { width: 100.7% !important; margin-left: auto !important; margin-right: auto !important; right: 13px; }\r\n#yt-admin-content { width: auto !important;}\r\n#masthead-subnav.legacy-masthead { width: 85% !important; min-width: 1000px !important; }\r\n#masthead-subnav ul { margin: 0 auto; width: 743px; }\r\n\r\n\r\n/* Youtube \"centered\" their video player 2/20/2014, we fix it here */\r\n\r\n/* watch video page */\r\n.site-center-aligned #player.watch-medium { width: 994px; }\r\n#watch-appbar-playlist .playlist-header { padding: 0 10px 0 30px; }\r\n#watch7-main-container { width: auto !important; }\r\n#watch7-sidebar { width: auto; max-width: 400px; }\r\n.site-center-aligned .watch #content.content-alignment, .site-center-aligned #player.watch-small { max-width: 1003px; }\r\n\r\n/* other pages */\r\n.guide-pinned.show-guide .site-center-aligned.guide-pinning-enabled #page.channel, .guide-pinned.show-guide .exp-appbar-onebar.site-center-aligned.guide-pinning-enabled #appbar-content { padding-left: 0 !important; }\r\n/*#appbar-guide-menu, #appbar-guide-iframe-mask { position: static;}*/\r\n/*.content-snap-width-3 .flex-width-enabled.flex-width-enabled-snap.site-center-aligned .content-alignment { width: auto !important; padding-left: 230px;}*/\r\n#masthead-positioner { position: static !important; }\r\n\r\n\r\n\r\n\r\n\r\n#masthead-positioner-height-offset { height: 0 !important; }\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n/*#masthead-positioner-height-offset, .exp-appbar-onebar.site-center-aligned.appbar-hidden #masthead-positioner-height-offset { height: 0 !important; }*/\r\n.site-center-aligned #watch7-sidebar-contents { margin-top: 0; }\r\n#watch-appbar-playlist { margin-bottom: 15px; }\r\n\r\n\r\n\r\n\r\n/* YTC userscript corrections Work in progress */\r\n\r\n#watch7-sidebar[style=\"margin-top: -438px;\"] { margin-top: -390px !important; }\r\n/*#player[style*=\"width\"] { position: relative !important; right: 140px !important; }*/\r\n#player[style=\"width: 985px;\"] { width: 1003px !important; }\r\n#player-api[style*=\"width: 985px\"] { width: 994px !important; height: 589px !important; }\r\n#player[style*=\"width: 1920px;\"] { position: relative; left: -240px; }\r\n#player[style*=\"width: 1813px;\"] { position: relative; left: -194px; }\r\n#player[style*=\"width: 1905px;\"] { position: relative; left: -240px; }\r\n#player-api[style*=\"width: 1905px;\"] { width: 100% !important; }\r\n#player[style*=\"width: 1920px;\"] video.html5-main-video,\r\n#player[style*=\"width: 1920px;\"] .html5-video-content,\r\n#player[style*=\"width: 1280px;\"] video.html5-main-video,\r\n#player[style*=\"width: 1280px;\"]  #player.watch-medium .html5-video-content { width: 100% !important; }\r\n\r\n\r\n#player[style*=\"width: 1040px;\"], #player-api[style*=\"width: 1040px;\"] { width: 994px !important; }\r\n\r\n\r\n#player.watch-medium[style*=\"width: 1920px;\"] { left: -255px !important; }\r\n.ltr.ytcenter-site-watch.ytcenter-resize-disaligned.ytcenter-site-center #player.watch-medium[style*=\"width: 1920px;\"] { left: -255px !important; }\r\n\r\n\r\n.watch-medium #watch7-playlist-tray-container[style*=\"width\"] { top: -589px; /*width: 325px; */height: 554px !important; right: -5px !important; }\r\n\r\n#playlist[style*=\"width: 1920px;\"] #watch7-playlist-data { width: auto !important; }\r\n#player[style*=\"width: 1920px;\"] #playlist-tray[style*=\"width: 1920px;\"] #watch7-playlist-tray-container[style*=\"width: 400px;\"] { top: -1110px !important; left: auto !important; }\r\n\r\n#playlist[style*=\"width: 1334px;\"] #watch7-playlist-data { width: auto !important; }\r\n#player[style*=\"width: 1334px;\"] #playlist-tray[style*=\"width: 1334px;\"] #watch7-playlist-tray-container[style*=\"width: 400px;\"] { top: -529px !important; left: auto !important; }\r\n\r\n#playlist[style*=\"width: 1524px;\"] #watch7-playlist-data { width: auto !important; }\r\n#player[style*=\"width: 1524px;\"] #playlist-tray[style*=\"width: 1524px;\"] #watch7-playlist-tray-container[style*=\"width: 400px;\"] { top: auto !important; bottom: 27px !important; left: auto !important; }\r\n#player.watch-medium[style*=\"width: 1524px;\"] { left: -50px !important; position: relative; }\r\n\r\n\r\n#playlist[style*=\"width: 1715px;\"] #watch7-playlist-data { width: auto !important; }\r\n#player[style*=\"width: 1715px;\"] #playlist-tray[style*=\"width: 1715px;\"] #watch7-playlist-tray-container[style*=\"width: 400px;\"] { top: -680px !important; left: auto !important; }\r\n\r\n#playlist[style*=\"width: 1905px;\"] #watch7-playlist-data { width: auto !important; }\r\n#player[style*=\"width: 1905px;\"] #playlist-tray[style*=\"width: 1905px;\"] #watch7-playlist-tray-container[style*=\"width: 400px;\"] { top: -740px !important; left: auto !important; }\r\n\r\n#playlist[style*=\"width: 985px;\"] { width: 994px !important; }\r\n.watch7-playlist-bar-left[style*=\"width: 585px;\"] { width: 594px !important; }\r\n#playlist-tray[style*=\"width: 985px;\"] { width: 994px !important; }\r\n#player.watch-playlist.watch-medium[style=\"width: 985px;\"] #playlist-tray[style=\"width: 854px;\"] #watch7-playlist-tray-container[style*=\"width: 400px;\"] { left: 604px !important; top: -510px; }\r\n#player.watch-playlist.watch-medium[style=\"width: 1280px;\"] #playlist-tray[style=\"width: 1280px;\"] #watch7-playlist-tray-container[style*=\"width: 400px;\"] { left: 955px !important; top: -750px; height: 715px !important; }\r\n#watch7-playlist-tray-container[style*=\"width: 400px;\"] { width: 325px !important; height: 562px; }\r\n#watch7-playlist-tray-container[style*=\"width: auto;\"] { width: 354px !important; height: 390px; }\r\n.watch7-playlist-bar[style*=\"width: 854px;\"] { width: 854px !important; margin-right: auto; margin-left: auto; }\r\n.site-left-aligned.guide-enabled #player[style*=\"width: 1280px;\"] .watch7-playlist { width: auto !important; }\r\n\r\n\r\n\r\n#player.watch-playlist button[data-tooltip-text=\"Scroll to player\"], #player.watch-playlist button[title=\"Scroll to player\"] { top: -28px !important; }\r\n\r\n#page.feed .appbar-guide-menu-layout, #page.channel .appbar-guide-menu-layout,\r\n#page.feed .appbar-guide-menu-layout, #page.home .appbar-guide-menu-layout { position: absolute !important; margin-top: 10px !important; }\r\n/*.content-alignment { margin-top: 40px;}*/\r\n\r\n/*.content-snap-width-3 .site-center-aligned.flex-width-enabled .content-alignment { }*/\r\n\r\n.site-center-aligned.flex-width-enabled .content-alignment { width: 1262px !important; }\r\n/*.guide-pinned.show-guide .guide-pinning-enabled #page { padding-left: 90px; }*/\r\n.guide-pinned.show-guide .guide-pinning-enabled #appbar-content { padding-left: 0; }\r\n#channel-navigation-menu {margin-top: 35px;}\r\n.guide-enabled #page.watch { position: static; }"}],"url":"http://userstyles.org/styles/79542","updateUrl":"https://userstyles.org/styles/chrome/79542.json","md5Url":"https://update.userstyles.org/79542.md5","originalMd5":"4296479675784f31adb62088dc2511f2","name":"Youtube's new layout centered UPDATED MAY 08 2014","thumbnail":"https://userstyles.org/style_screenshots/79542_after.jpeg?r=1776578436"}