rendered paste body// ==UserScript==
// @name YouTube Earth Hour 2012
// @namespace http://userstyles.org
// @description The CSS file used on Earth Hour 2012 for YouTube.
// @author Saxamaphone
// @homepage http://userstyles.org/styles/63360
// @include http://www.youtube.com/*
// @include https://www.youtube.com/*
// @include http://*.www.youtube.com/*
// @include https://*.www.youtube.com/*
// @run-at document-start
// ==/UserScript==
(function() {
var css = "body,\n.watch-branded #watch-main-container,\n.watch-branded #watch-sidebar {\n color: #fff !important;\n background: #000 url('http://s.ytimg.com/yt/img/earthhour/www-refreshbg-vflQx0YnW.png') !important;\n}\n\n#logo {\n background-position: 0 -40px !important;\n}\n\n#earth-hour-switch-on {\n opacity: 0 !important;\n filter: alpha(opacity=0) !important;\n}\n#earth-hour-switch-off {\n opacity: 1 !important;\n filter: alpha(opacity=100) !important;\n}\n\n\n\n.yt-uix-button-default,\n.yt-uix-button-default:focus,\nbody .yt-uix-button-default[disabled] {\n background-color: #454545 !important;\n border-color: #333 #333 #000 !important;\n text-shadow: 0 1px 0 rgba(0, 0, 0, .45) !important;\n outline: 0 !important;\n background-image: linear-gradient(to bottom,#474747 0,#2B2B2B 100%) !important;\n background-image: -moz-linear-gradient(top,#474747 0,#2B2B2B 100%) !important;\n background-image: -webkit-linear-gradient(top,#474747 0,#2B2B2B 100%) !important;\n background-image: -o-linear-gradient(top,#474747 0,#2B2B2B 100%) !important;\n background-image: -ms-linear-gradient(top,#474747 0,#2B2B2B 100%) !important;\n filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorStr=\"#FF474747\", endColorStr=\"#FF2B2B2B\") !important;\n box-shadow: inset 0 1px 0 rgba(255, 255, 255, .45)) !important;\n -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.45) !important;\n -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.45) !important;\n -ms-box-shadow: inset 0 1px 0 rgba(255,255,255,.45 !important);\n}\n\n.yt-uix-button-default,\na.yt-uix-button-default .yt-uix-button-content {\n color: #fff !important;\n}\n\n.yt-uix-button-default:hover,\n.yt-uix-button-text:hover {\n background-color: #333 !important;\n box-shadow: 0 1px 2px rgba(0,0,0,0.25),inset 0 0 3px #666 !important;\n -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.25),inset 0 0 3px #666 !important;\n -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.25),inset 0 0 3px #666 !important;\n -ms-box-shadow: 0 1px 2px rgba(0,0,0,0.25),inset 0 0 3px #666 !important;\n}\n\n.yt-uix-button-default:active,\n.yt-uix-button-default.yt-uix-button-active,\n.yt-uix-button-default.yt-uix-button-toggled {\n background-color: #454545 !important;\n background-image: linear-gradient(to bottom, #474747 0, #2B2B2B 100%) !important;\n background-image: -moz-linear-gradient(bottom,#474747 0,#2B2B2B 100%) !important;\n background-image: -webkit-linear-gradient(bottom,#474747 0,#2B2B2B 100%) !important;\n background-image: -o-linear-gradient(bottom,#474747 0,#2B2B2B 100%) !important;\n background-image: -ms-linear-gradient(bottom,#474747 0,#2B2B2B 100%) !important;\n filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorStr=\"#FF474747\", endColorStr=\"#FF2B2B2B\") !important;\n box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.75), 0 1px 0 #333 !important;\n -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.75), 0 1px 0 #333 !important;\n -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.75), 0 1px 0 #333 !important;\n -ms-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.75), 0 1px 0 #333 !important;\n}\n\n.yt-uix-button-default:active,\n.yt-uix-button-text:active,\n.yt-uix-button-default.yt-uix-button-toggled,\n.yt-uix-button-text.yt-uix-button-toggled {\n border-color: #222 !important;\n border-bottom-color: #666 !important;\n border-top-color: #333 !important;\n}\n\n.yt-uix-button-group:hover .yt-uix-button,\n.yt-uix-button-group-active .yt-uix-button {\n border-color: #666 !important;\n}\n\n.yt-uix-button-default .yt-uix-button-arrow,\n.yt-uix-button-text .yt-uix-button-arrow {\n border-top-color: #fff !important;\n}\n\n.yt-uix-button:hover .yt-uix-slider-next-arrow,\n.yt-uix-button:focus .yt-uix-slider-next-arrow {\n border-left-color: #fff !important;\n}\n\n.yt-uix-button:hover .yt-uix-slider-prev-arrow,\n.yt-uix-button:focus .yt-uix-slider-prev-arrow {\n border-right-color: #fff !important;\n}\n\n.yt-uix-button-text,\na.yt-uix-button-text .yt-uix-button-content {\n color: #666 !important;\n}\n\n.yt-uix-button-text:active,\n.yt-uix-button-text.yt-uix-button-toggled {\n background-image: linear-gradient(to bottom,#474747 0,#2B2B2B 100%) !important;\n background-image: -moz-linear-gradient(top,#474747 0,#2B2B2B 100%) !important;\n background-image: -webkit-linear-gradient(top,#474747 0,#2B2B2B 100%) !important;\n background-image: -o-linear-gradient(top,#474747 0,#2B2B2B 100%) !important;\n background-image: -ms-linear-gradient(top,#474747 0,#2B2B2B 100%) !important;\n filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorStr=\"#FF474747\", endColorStr=\"#FF2B2B2B\") !important;\n box-shadow: inset 0 1px 2px #333 !important;\n -moz-box-shadow: inset 0 1px 2px #333 !important;\n -webkit-box-shadow: inset 0 1px 2px #333 !important;\n -ms-box-shadow: inset 0 1px 2px #333 !important;\n}\n\n.yt-uix-button-text,\nbody .yt-uix-button-text[disabled] {\n text-shadow: none !important;\n border-color: #333 !important;\n box-shadow: 0 1px 0 #333 !important;\n -moz-box-shadow: 0 1px 0 #333 !important;\n -webkit-box-shadow: 0 1px 0 #333 !important;\n -ms-box-shadow: 0 1px 0 #333 !important;\n}\n\n.yt-tile-default,\n.yt-tile-default a,\n.yt-tile-visible,\n.yt-tile-visible a {\n color: #666 !important;\n}\n\n.yt-tile-static,\n.yt-tile-visible,\n.yt-tile-default:hover {\n color: #333 !important;\n}\n\n.video-list-item:hover a .title,\n.video-list-item:hover .stat {\n color: #333 !important;\n}\n\n.yt-alert-naked .yt-alert-content {\n color: #fff !important;\n}\n\n\n\n#watch-headline-user-info .yt-uix-button-icon-subscribe {\n background: url('http://s.ytimg.com/yt/img/earthhour/www-refresh-vflnJTVZv.png') -97px -66px !important;\n}\n\n.yt-uix-button .yt-uix-button-icon-watch-like {\n background: url('http://s.ytimg.com/yt/img/earthhour/www-refresh-vflnJTVZv.png') -75px -102px !important;\n}\n\n.yt-uix-button .yt-uix-button-icon-watch-unlike {\n background: url('http://s.ytimg.com/yt/img/earthhour/www-refresh-vflnJTVZv.png') -112px -14px !important;\n}\n\n.unliked .yt-uix-button-icon-watch-unlike,\n.yt-uix-button:hover .yt-uix-button-icon-watch-unlike {\n background: url('http://s.ytimg.com/yt/img/earthhour/www-refresh-vflnJTVZv.png') -18px -37px !important;\n}\n\n.yt-uix-button .yt-uix-button-icon-watch-flag {\n background: url('http://s.ytimg.com/yt/img/earthhour/www-refresh-vflnJTVZv.png') -96px -119px !important;\n}\n\n.active .yt-uix-button-icon-watch-flag,\n.yt-uix-button:hover .yt-uix-button-icon-watch-flag {\n background: url('http://s.ytimg.com/yt/img/earthhour/www-refresh-vflnJTVZv.png') -75px -66px !important;\n}\n\n.yt-uix-button-icon-addto {\n background: url('http://s.ytimg.com/yt/img/earthhour/www-refresh-vflnJTVZv.png') 0 -66px !important;\n}\n\n.yt-uix-button .yt-uix-button-icon-watch-insight {\n background: url('http://s.ytimg.com/yt/img/earthhour/www-refresh-vflnJTVZv.png') -154px -207px !important;\n}\n\nimg.comments-rating-thumbs-up {\n background: url('http://s.ytimg.com/yt/img/earthhour/www-refresh-vflnJTVZv.png') -90px 0 !important;\n}\n\nimg.comments-rating-thumbs-down {\n background: url('http://s.ytimg.com/yt/img/earthhour/www-refresh-vflnJTVZv.png') -132px -208px !important;\n}\n\n.comment .yt-uix-button .yt-uix-button-icon-watch-comment-vote-up,\n.comment .yt-uix-button:hover .yt-uix-button-icon-watch-comment-vote-up {\n background: url('http://s.ytimg.com/yt/img/earthhour/www-refresh-vflnJTVZv.png') -61px -66px !important;\n}\n\n.comment .yt-uix-button .yt-uix-button-icon-watch-comment-vote-down,\n.comment .yt-uix-button:hover .yt-uix-button-icon-watch-comment-vote-down {\n background: url('http://s.ytimg.com/yt/img/earthhour/www-refresh-vflnJTVZv.png') -33px -66px !important;\n}\n\n.yt-uix-button:hover .yt-uix-button-icon-watch-insight {\n background: url('http://s.ytimg.com/yt/img/earthhour/www-refresh-vflnJTVZv.png') -235px -199px !important;\n}\n\n\n#watch-sidebar .video-list-item a:hover {\n background-color: #ccc !important;\n border-bottom-color: #999 !important;\n}\n\n\n.yt-horizontal-rule {\n border-top-color: #333 !important;\n border-bottom-color: #000 !important;\n}\n\n.yt-uix-button-default:hover,\n.yt-uix-button-text:hover {\n border-color: #333 !important;\n}\n\n.yt-tile-default.video-list-item a .title,\n#watch-sidebar .video-list-item .title {\n color: #666 !important;\n}\n\n\n\n#watch-channel-discoverbox {\n box-shadow: inset 0 4px 8px rgba(0,0,0,.05),0 1px 0 #333 !important;\n -moz-box-shadow: inset 0 4px 8px rgba(0,0,0,.05),0 1px 0 #333 !important;\n -webkit-box-shadow: inset 0 4px 8px rgba(0,0,0,.05),0 1px 0 #333 !important;\n -ms-box-shadow: inset 0 4px 8px rgba(0,0,0,.05),0 1px 0 #333 !important;\n}\n\n#watch-channel-discoverbox .video-list-item .title {\n color: #666 !important;\n}\n\n.yt-uix-pager .yt-uix-button,\n.yt-uix-pager .yt-uix-pager-link,\n.yt-uix-pager .yt-uix-pager-selected {\n color: #fff !important;\n}\n\n\n\n#watch-description .expand,\n#watch-description .collapse {\n background-color: transparent !important;\n}\n\n#watch-description-expand,\n#watch-description-collapse {\n border-top-color: #333 !important;\n}\n\n#watch-description-expand .yt-uix-button,\n#watch-description-collapse .yt-uix-button {\n color: #fff;\n text-shadow: 0 1px 0 #333 !important;\n}\n\n#watch-description-expand .yt-uix-button:hover,\n#watch-description-collapse .yt-uix-button:hover {\n background-image: linear-gradient(to bottom,#333 0,#000 100%) !important;\n background-image: -moz-linear-gradient(top,#333 0,#000 100%) !important;\n background-image: -webkit-linear-gradient(top,#333 0,#000 100%) !important;\n background-image: -ms-linear-gradient(top,#333 0,#000 100%) !important;\n filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorStr=\"#FF333333\", endColorStr=\"#FF000000\") !important;\n}\n\n\n\n\n#masthead-nav a,\n#masthead-user a,\n#masthead-nav a:hover,\n#masthead-user a:hover,\n#masthead-nav a:active,\n#masthead-user a:active {\n color: #ccc !important;\n}\n\n#masthead-expanded-container {\n box-shadow: 0 5px 5px #222 !important;\n -moz-box-shadow: 0 5px 5px #222 !important;\n -webkit-box-shadow: 0 5px 5px #222 !important;\n -ms-box-shadow: 0 5px 5px #222 !important;\n}\n\n\n\n#watch-headline h1,\n#eow-title-input {\n color: #fff !important;\n}\n\n#masthead-user-expander .yt-uix-expander-head,\n#masthead-gaia-user-wrapper,\n#masthead-gaia-photo-wrapper {\n border-color: #000 !important;\n}\n\n#masthead-search .search-btn-compontent .yt-uix-button-content {\n background: no-repeat url('http://s.ytimg.com/yt/img/earthhour/www-refresh-vflnJTVZv.png') -163px -102px !important;\n}\n\n#masthead-search-terms {\n background-color: #898989 !important;\n}\n\n#masthead-search-terms input {\n color: #fff !important;\n text-shadow: 0 1px 1px #333 !important;\n}\n\n.masthead-search-terms-border {\n border-color: #333 !important;\n box-shadow: inset 0 1px 2px #333 !important;\n -moz-box-shadow: inset 0 1px 2px #333 !important;\n -webkit-box-shadow: inset 0 1px 2px #333 !important;\n -ms-box-shadow: inset 0 1px 2px #333 !important;\n}\n\n\n\n#watch-context {\n border-color: #333 !important;\n}\n\n#watch-context .context-head {\n border-bottom-color: #333 !important;\n}\n\n.context-link {\n color: #ccc !important;\n text-shadow: 0 0 0 rgba(255, 255, 255, 0),0 1px 0 #000 !important;\n background-image: linear-gradient(to bottom,#333 0,#202020 100%) !important;\n background-image: -moz-linear-gradient(top,#333 0,#202020 100%) !important;\n background-image: -webkit-linear-gradient(top,#333 0,#202020 100%) !important;\n background-image: -o-linear-gradient(top,#333 0,#202020 100%) !important;\n background-image: -ms-linear-gradient(top,#333 0,#202020 100%) !important;\n box-shadow: 0 1px 2px rgba(255,255,255,0.25),inset 0 0 3px #333 !important;\n -moz-box-shadow: 0 1px 2px rgba(255,255,255,0.25),inset 0 0 3px #333 !important;\n -webkit-box-shadow: 0 1px 2px rgba(255,255,255,0.25),inset 0 0 3px #333 !important;\n -ms-box-shadow: 0 1px 2px rgba(255,255,255,0.25),inset 0 0 3px #333 !important;\n}\n\na.context-link:hover {\n background-image: linear-gradient(to bottom,#333 0,#202020 100%) !important;\n background-image: -moz-linear-gradient(top,#333 0,#202020 100%) !important;\n background-image: -webkit-linear-gradient(top,#333 0,#202020 100%) !important;\n background-image: -o-linear-gradient(top,#333 0,#202020 100%) !important;\n background-image: -ms-linear-gradient(top,#333 0,#202020 100%) !important;\n}\n\n.context-seeall-icon {\n background: url('http://s.ytimg.com/yt/img/earthhour/www-refresh-vflnJTVZv.png') -75px -37px !important;\n}\n\n.context-body {\n background: #222 !important;\n}\n\n\n\n#watch-actions-area {\n background: #333 !important;\n box-shadow: 0 1px 1px #666 !important;\n -moz-box-shadow: 0 1px 1px #666 !important;\n -webkit-box-shadow: 0 1px 1px #666 !important;\n -ms-box-shadow: 0 1px 1px #666 !important;\n}\n\n#watch-description-toggle {\n border-top-color: #333 !important;\n}\n\n.watch-sparkbars {\n border-color: #333 !important;\n}\n\n.watch-view-count {\n color: #fff !important;\n}\n\n#insight-ratings td {\n color: #fff !important;\n}\n\n.watch-stats-title-cell {\n background-color: #666 !important;\n}\n\n#flag-video-panel h3,\n#flag-video-panel label,\n#flag-video-panel-buttons,\n#flag-video-panel .flag-video-result {\n color: #fff !important;\n}\n\n.share-panel .share-options,\n.share-panel .share-options-secondary {\n border-color: #666 !important;\n background-color: #333 !important;\n box-shadow: 0 1px 0 #333,inset 0 1px 1px rgba(0,0,0,0.2) !important;\n -moz-box-shadow: 0 1px 0 #333,inset 0 1px 1px rgba(0,0,0,0.2) !important;\n -webkit-box-shadow: 0 1px 0 #333,inset 0 1px 1px rgba(0,0,0,0.2) !important;\n -ms-box-shadow: 0 1px 0 #333,inset 0 1px 1px rgba(0,0,0,0.2) !important;\n}\n\n.share-panel-show-more,\n.share-panel-show-url-options {\n color: #fff !important;\n}\n\n.share-panel-hangout .share-panel-hangout-description {\n color: #fff !important;\n}\n\n#watch-description-text {\n color: #666 !important;\n}\n\n\n\n.comments-section h4 {\n border-bottom-color: #333 !important;\n}\n\n.comments-post-alert {\n background-color: #333 !important;\n}\n\n\n\n\n#footer ul {\n text-shadow: 0 1px 1px #333 !important;\n}\n\n#footer-links-primary a,\n#footer-links-secondary a,\n#footer .pickers a,\n#picker-loading {\n color: #fff !important;\n}\n\n#footer-main .pickers .yt-uix-button {\n color: #fff !important;\n text-shadow: 0 1px 1px #333 !important;\n}";
if (typeof GM_addStyle != "undefined") {
GM_addStyle(css);
} else if (typeof PRO_addStyle != "undefined") {
PRO_addStyle(css);
} else if (typeof addStyle != "undefined") {
addStyle(css);
} else {
var heads = document.getElementsByTagName("head");
if (heads.length > 0) {
var node = document.createElement("style");
node.type = "text/css";
node.appendChild(document.createTextNode(css));
heads[0].appendChild(node);
}
}
})();