google pro and youtube serenity
Posted by: disrupted
Date: May 08, 2010 04:05PM

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


Re: google pro and youtube serenity
Posted by: disrupted
Date: May 10, 2010 04:21AM

update for google pro, adds logo (bitsumishi)


@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"]{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}
h1{width:148px!important;BACKGROUND:url(http://kmext.sourceforge.net/media/glogo.png)no-repeat!important}

}


__________________________________________________________________________


update for youtube, fixes logo hover delay

@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}

*[class^="google-checkout"]{background-color:#CDD6D1!important}
*[class^="alignC grayText"]{BACKGROUND:url(http://kmext.sourceforge.net/media/ytlogo-hov.png)no-repeat!important;visibility:hidden!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}
}



Re: google pro and youtube serenity
Posted by: disrupted
Date: May 10, 2010 10:45AM

google pro update, adds search button(bing), hover effects and fixes some visual bugs

get code there:
http://userstyles.org/styles/29562


Re: google pro and youtube serenity
Posted by: disrupted
Date: May 11, 2010 09:12PM

youtube serenity update, adds fixes to bugs with gecko 1.8(right carousel slide button unclickable)
if you only want to apply the fix without the serenity style, see this thread:
http://kmeleonbrowser.org/forum/read.php?1,106828

youtube serneity fix update:
@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}

*[class^="google-checkout"]{background-color:#CDD6D1!important}
*[class^="alignC grayText"]{BACKGROUND:url(http://kmext.sourceforge.net/media/ytlogo-hov.png)no-repeat!important;visibility:hidden!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"]{BACKGROUND:url(http://kmext.sourceforge.net/media/ytlogo-hov.png)no-repeat!important;height:0px!important;visibility:hidden!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}

.title{float:left!important}
*[class="yt-uix-carousel-body"]{float:left!important}
}

@-moz-document url-prefix(http://www.youtube.com/watch)
{
body{margin-top:24px!important}
}


Re: google pro and youtube serenity
Posted by: disrupted
Date: May 14, 2010 08:10PM

youtube serentiy update:

extends theme colours to user own account page, inbox and messages.. replaces faggot blue buttons with grey


@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}

*[class^="google-checkout"]{background-color:#CDD6D1!important}
*[class^="alignC grayText"]{BACKGROUND:url(http://kmext.sourceforge.net/media/ytlogo-hov.png)no-repeat!important;visibility:hidden!important}

.yt-uix-button{ color: #9D9D9D !important; }
.yt-uix-button:hover{ color: #707070!important; }

#watch-description{ width:504px!important}
#watch-views{ width:124px!important;margin-right:3px!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"]{BACKGROUND:url(http://kmext.sourceforge.net/media/ytlogo-hov.png)no-repeat!important;height:0px!important;visibility:hidden!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}

.title{float:left!important}
*[class="yt-uix-carousel-body"]{float:left!important}


}

@-moz-document url-prefix(http://www.youtube.com/inbox)
,url-prefix(http://www.youtube.com/address_book)
{
button[type="button"],*[id^="inbox_"],*[id^="ab-button"]{background-color:#F6F6F6!important; color: #9D9D9D !important;border-color:#E1E1E1 !important}
button[type="button"]:hover,*[id^="inbox_"]:hover,*[id^="ab-button"]:hover{background-color:#E2E2E2!important; color: #707070!important;border-color:#9D9D9D !important}
}


@-moz-document url-prefix(http://www.youtube.com/watch)
{
body{margin-top:24px!important}
}




Edited 1 time(s). Last edit at 05/14/2010 08:11PM by disrupted.

Re: google pro and youtube serenity
Posted by: slayer
Date: May 15, 2010 01:56AM

youtube serenity: Yep this way is better. Thanks a lot. What I did sometime ago was to modify the Width and Height of the video player. But I lost the css code in one of my 're-installing K-Meleon because I want to start from scratch'.

K-Meleon forum is powered by Phorum.