css styles:
installing
- using stylish extension(recommended) create new style and copy and past orange code
- without stylish: go to edit>configuration>user defined css>copy and paste code in your usercontent.css
-------------------------------------------------------------------------------
google professional:
cleans up layout, replaces kindergarten colours
css:
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix(http://www.google.co.uk/imgres)
,url-prefix(http://www.google.de/imgres)
,url-prefix(http://www.google.com/imgres)
,url-prefix(http://www.google.co.nz/imgres)
,url-prefix(http://www.google.co.au/imgres)
,url-prefix(http://www.google.it/imgres)
,url-prefix(http://www.google.es/imgres)
,url-prefix(http://www.google.fr/imgres)
,url-prefix(http://www.google.co.jp/imgres)
,url-prefix(http://www.google.ru/imgres)
,url-prefix(http://www.google.pt/imgres)
,url-prefix(http://www.google.pl/imgres)
,url-prefix(http://www.google.gr/imgres)
,url-prefix(http://www.google.com.cy/imgres)
,url-prefix(http://www.google.ca/imgres)
,url-prefix(http://images.google.co.uk/imgres)
,url-prefix(http://images.google.de/imgres)
,url-prefix(http://images.google.com/imgres)
,url-prefix(http://images.google.co.nz/imgres)
,url-prefix(http://images.google.co.au/imgres)
,url-prefix(http://images.google.it/imgres)
,url-prefix(http://images.google.es/imgres)
,url-prefix(http://images.google.fr/imgres)
,url-prefix(http://images.google.co.jp/imgres)
,url-prefix(http://images.google.ru/imgres)
,url-prefix(http://images.google.pt/imgres)
,url-prefix(http://images.google.pl/imgres)
,url-prefix(http://images.google.gr/imgres)
,url-prefix(http://images.google.com.cy/imgres)
,url-prefix(http://images.google.ca/imgres)
{
*[class^="std"]{display:none!important}
}
@-moz-document url-prefix(http://www.google.)
,url-prefix(http://news.google)
,url-prefix(http://docs.google)
,url-prefix(http://maps.google)
,url-prefix(http://video.google)
,url-prefix(http://scholar.google)
,url-prefix(http://finance.google)
,url-prefix(http://maps.google)
,url-prefix(http://books.google)
,url-prefix(http://blogs.google)
,url-prefix(http://blogsearch.google)
,url-prefix(http://sites.google)
,url-prefix(http://images.google)
,url-prefix(http://trends.google)
,url-prefix(http://mail.google)
,url-prefix(http://translate.google)
,url-prefix(http://calendar.google)
,url-prefix(http://picasaweb.google)
,url-prefix(http://code.google)
,url-prefix(http://scholar.google)
{
body{font: small/normal Arial,Helvetica,Sans-Serif!important;margin:0!important;padding:3px!important;min-width:980px!important}a{text-decoration:none!important}a:visited{color:#697D87!important}a:hover,h3 a{text-decoration:underline!important}
.lsbb{display:none!important}
*[class^="micon"]{visibility:hidden!important}
*[class^="lst"],*[class^="lst-td"], *[class^="srchBoxCont"]{font: small/normal Arial,Helvetica,Sans-Serif!important;height:18px!important;font-size:11px !important}
*[class^="csb"]{font: small/normal Arial,Helvetica,Sans-Serif!important; visibility:hidden!important}
*[id^="logo"], *[class^="logo"], *[id^="srp-logo"], *[class^="srp-logo"], logo, .logo, #logo, *[id^="advd-logo"],*[id^="hp-logo"]{visibility:hidden!important}
#guser
{font: small/normal Arial,Helvetica,Sans-Serif!important;font-size:11px !important;color:#ffffff!important; margin-top:-5px!important;background-color:#2D3563!important}
#gbar
{font: small/normal Arial,Helvetica,Sans-Serif!important;font-size:11px !important;color:#ffffff!important}
*[class^="gbm"]{font: small/normal Arial,Helvetica,Sans-Serif!important;background-color:#2D3563 !important;color:#2D3563;font-size: 10px !important;border:none!important}
*[class^="gac_m"]{ font: small/normal Arial,Helvetica,Sans-Serif!important;width:240px!important;font-size: 10px !important; }
guser a:link {font: small/normal Arial,Helvetica,Sans-Serif!important;color: #ffffff;font-size: 10px !important;}
a.gb1, a.gb2, a.gb3, #gb a, #guser a { color: #ffffff !important;font-size: 10px !important; background-color:#2D3563!important }
#gbh, *[class^="gbh"],#gbd, *[class^="gbd"]{display:none!important;visibility:hidden!important}
#li, li, .li{font-size:11px !important}
*[id^="leftnav"]{margin-top:-63px !important;color:#2D3563!important;font-size:9px !important}
#g, g, .g{font: small/normal Arial,Helvetica,Sans-Serif!important;padding-bottom:10px!important;padding-left:12px!important}
#center_col {margin-right:20px !important;}
.s {max-width:64% !important;}
[class^="tas"],tas,#tas{font: small/normal Arial,Helvetica,Sans-Serif!important;font-size:10px !important}
*[class^="mitem msel"]{color:#ffffff!important;background-color:#2D3563!important;font-size:11px !important;border:none!important}
[id^="tads"],tads,.tads{font: small/normal Arial,Helvetica,Sans-Serif!important;font-size:10px !important;background-color:#D9DDE1!important;max-width:68% !important}
[id^="tbbc"]{display:none!important}
[id^="showmodes"],[id^="tbpi"],[id^="details"]{font: small/normal Arial,Helvetica,Sans-Serif!important;font-size:11px;border:none!important}
h3{font: small/normal Arial,Helvetica,Sans-Serif!important;font-size:12px!important;color:#2D3563!important}
*[class^="gac_od"]{font-size:11px !important;font: small/normal Arial,Helvetica,Sans-Serif!important;font-size:10px}
*[class^="gac_c"]{color:#81848B!important;font-size:11px !important;font: small/normal Arial,Helvetica,Sans-Serif!important;font-size:10px;background-color:#ffffff!important}
*[class^="gac_bt"]{display:none!important;}
*[class^="tbt"],tbt, .tbt, #tbt {font: small/normal Arial,Helvetica,Sans-Serif!important;color: #2D3563!important;font-size: 11px !important;}
*[class^="q qs"]{color:#697D87!important;font-size: 11px !important;}
*[class^="mbi"]{display:none!important}
*[class^="gac_id"]{border:none!important}
*[id^="brs"]{display:none!important}
*[class^="srchButtonBorder"]{display:none!important}
*[class^="srch_box"]{height:15px!important;font-size:11px !important}
*[id^="lhs-ref"]{color:#697D87!important;font-size: 11px !important;background-color:#D9DDE1!important}
*[class^="current_mode"]{background-color:#2D3563!important;border:none!important}
div{font: small/normal Arial,Helvetica,Sans-Serif!important;font-size:11px}
*[id^="rltm_1"],*[id^="tbtro"],*[class^="tbpc"],*[class^="tbpo"],*[class^="msm"],*[class^="msl"],*[class^="q"],*[class^="qdr_"]{color:#2D3563!important;font-size:11px!important}
*[id^="sl0"],*[id^="sl1"],*[id^="sl2"],*[id^="sl3"],*[id^="sl4"],*[id^="sl5"],*[id^="sl6"],*[id^="sl7"],*[id^="sl8"],*[id^="sl9"],*[id^="sl10"],*[id^="sl11"]{border-color:#CFCFCF!important}
}
--------------------------------------------------------------------------------
youtube serenity
uses grades of light grey to separate different layers for easier categories browsing and comments reading, wider margins and neutral colours help eye relaxation over long periods of usage
code(for 1.5.x)
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix(http://www.youtube)
{
body{background-color:#ffffff!important; }
*[id="logo"]{width:48px!important;height:48px!important;BACKGROUND:url(http://kmext.sourceforge.net/media/ytlogo.png)no-repeat!important}
*[id="logo"]:hover{width:48px!important;height:48px!important;BACKGROUND:url(http://kmext.sourceforge.net/media/ytlogo-hov.png)no-repeat!important}
.yt-uix-button{ color: #9D9D9D !important; }
.yt-uix-button:hover{ color: #707070!important; }
*[class^="watch-expander-head yt-uix-expander-head yt-rounded"] { width:304px!important}
*[class="video-list-item-link"]:hover{background-color:#E1E1E1!important}
h3:hover{background-color:#CFCFCF!important}
*[class="watch-expander-head yt-uix-expander-head yt-rounded"]:hover{background-color:#CFCFCF!important}
*[class="watch-expander-head yt-uix-expander-head yt-rounded"]{background-color:#E1E1E1!important}
*[class="footer-links"]{display:none!important}
*[class="video-list-item-link"]{font: small/normal Arial,Helvetica,Sans-Serif!important}
a:link{color: #2D3563!important}
a:hover{color:#E4403E!important}
a:visited{color: #4A689F!important}
*[id="watch-sidebar"],*[class="watch-module-body"],*[id="watch-headline-user-info"]{background-color:#CFCFCF!important}
*[id="watch-discussion"]{background-color:#E1E1E1!important}
*[class="wrapper"]{background-color:#E1E1E1!important}
*[class="wrapper"]:hover{background-color:#F2F2F2!important}
input {background-color:#F2F2F2!important}
div{border:none!important}
a{text-decoration:none!important}
input, searchForm:hover, searchForm{-moz-outline: 1px solid #E1E1E1!important;outline: 1px solid #E1E1E1!important;-moz-outline-radius: 1px!important;border-color: #E1E1E1}
.search-form .search-term{border:2px solid #E1E1E1!important;border-color:#E1E1E1!important}
.input textarea{border:2px solid #E1E1E1!important;border-color:#E1E1E1!important}
.search-form .search-term:focus{border:3px solid #E4403E!important;border-color:#E4403E!important}
.input-focused textarea{border:3px solid #E4403E!important;border-color:#E4403E!important}
*[class="current"]{background-color:#F2F2F2!important}
*[class="watch-expander-body yt-uix-expander-body"]{background-color:#E1E1E1!important}
*[id="watch-channel-discoverbox"],*[class="video-in-quicklist"]{background-color:#E1E1E1!important}
*[id="watch-more-from-user"]{background-color:#E1E1E1!important}
*[id="user_subscribers"],*[class="inner-box"]{background-color:#E1E1E1!important}
*[id="playnav-channel-header"],*[class="inner-box-bg-color"]{background-color:#E1E1E1!important}
*[class="outer-scrollbox"]{background-color:#E1E1E1!important}
*[class="scrollbox-wrapper inner-box-colors"],*[ id="playnav-play-uploads-scrollbox"]{background-color:#E1E1E1!important}
*[class="playnav-item playnav-video"]:hover{background-color:#E1E1E1!important}
*[class="playnav-video-info"]:hover{background-color:#E1E1E1!important}
*[class="metadata"]:hover{background-color:#E1E1E1!important}
*[id="playnav-video-panel-inner"]{background-color:#E1E1E1!important}
*[id="playnav-curvideo-info-line"]{background-color:#E1E1E1!important}
*[id="playnav-curvideo-channel-name"]{background-color:#E1E1E1!important}
*[id="playnav-curvideo-description"]{background-color:#E1E1E1!important}
*[class="feedmodule-body bigthumb-view"]{background-color:#E1E1E1!important}
*[class="homepage-whatsnew-text"]{background-color:#E1E1E1!important}
*[class="feedmodule-data"], *[id="PRO-data"]{background-color:#E1E1E1!important}
*[class="feedmodule-body compressed-view"]{background-color:#E1E1E1!important}
*[id="ad_creative_iframe_3"],*[id="ad_creative_iframe_2"],*[id="ad_creative_iframe_1"],*[id="ad_creative_iframe_4"]{display:none!important}
*[id^="side-announcement-box"], *[id^="chrome-promo"], *[id^="chrome-link"]{ display: none !important; }
*[class="yt-suggest-left"],*[class="yt-suggest-right"]{font: small/normal Arial,Helvetica,Sans-Serif!important;background-color:#E1E1E1!important;color:#9D9D9D!important}
*[class="yt-suggest-left"]:hover,*[class="yt-suggest-right"]:hover{color:#000000!important}
*[class="title"]{font-weight:bold!important;text-decoration:none!important;color:#2D3563!important}
*[class="title"]:hover{color:#E4403E!important}
*[class="comment-author"]{font-weight:bold!important;text-decoration:none!important;color:#2D3563!important}
*[class="comment-author"]:hover{color:#E4403E!important}
*[class="view-button view-button-selected"],*[id="playview-icon"]{background-color:#CFCFCF!important;border:4px!important}
*[class="view-button-selected"]:hover,*[id="playview-icon"]:hover{background-color:#E4403E!important;border:4px!important}
*[class="view-button"],*[id="gridview-icon"]{background-color:#CFCFCF!important;border:4px!important}
*[class="view-button"]:hover,*[id="gridview-icon"]:hover{background-color:#E4403E!important;border:4px!important}
*[class="yt-uix-button yt-uix-button-urgent"]{ color: #9D9D9D !important; ;background-color:#E1E1E1!important;border:none!important}
*[class="yt-uix-button yt-uix-button-urgent"]:hover{ color: #E4403E !important; ;background-color:#E1E1E1!important;border:none!important}
a.navbar-tab-selected, #playnav-navbar a.navbar-tab:hover { color: #E4403E !important;background-color:#E1E1E1!important }
a.navbar-tab, #playnav-navbar a.navbar-tab{ color: #2D3563 !important;background-color:#E1E1E1!important;font-size:11px!important }
a.navbar-tab:visited, #playnav-navbar a.navbar-tab:visited{ color: #4A689F !important}
*[class="outer-box-bg-color"],[ id="playnav-channel-name"]{background-color:#E1E1E1!important}
*[id="search-duplicates-message"]{background-color:#E1E1E1!important;font-size:11px!important}
*[class="video-entry yt-uix-hovercard"]{background-color:#E1E1E1!important;margin-bottom:8px!important}
*[id="search-geosearch-onebox"]{background-color:#E1E1E1!important}
*[id="default-language-box"]{background-color:#F2F2F2!important;border:2px!important;border:#000000!important}
*[id="subscribeDiv"]{color: #9D9D9D !important;background-color:#CFCFCF!important;border:#CFCFCF!important}
*[id="subscribeDiv"]:hover{color: #E4403E !important;background-color:#CFCFCF!important;border:#CFCFCF!important}
*[class="watch-expander-head yt-uix-expander-head yt-rounded"]{color: #9D9D9D !important;background-color:#CFCFCF!important;border:#CFCFCF!important;font-size:12px!important;font-weight:bold!important}
*[class="watch-expander-head yt-uix-expander-head yt-rounded"]:hover{color: #E4403E !important;background-color:#CFCFCF!important;border:#CFCFCF!important}
}
@-moz-document url-prefix(http://www.youtube.com/watch)
{
body{margin-top:24px!important}
}
for kmeleon 1.6 alpha, use code at this link:
http://userstyles.org/styles/29703