YouTube - Grid View

[juujuuuujj]

Some rules to simplify YouTube's new design. Feel free to improve.

*pagead*

*googlesyndication*

*doubleclick*

##div.branded-page-v2-secondary-col

###logo-container {margin: 0 44px 0 0 !important;}

###guide

###yt-masthead-user {position:absolute; right: 10px; cursor: pointer;}

###page {margin: 0 !important; width: 100%!important;}

###content {margin: 0 !important; width: 100% !important;}

##div.branded-page-v2-container {margin-right: 0px !important; width: 100% !important;}

##div.branded-page-v2-col-container {background: #fff !important;}

##li.feed-item-container {width: 188px; height: 295px !important;position:relative; float:left; padding: 0 0 10px 10px !important; border: 1px solid #ebebeb !important;}

##div.feed-author-bubble-container

##div.feed-item-main{border:none !important; margin:0px !important; overflow: hidden !important;}

##div.feed-item-post

##div.feed-item-content {position:relative; float:left; margin:4px 4px 0 0 !important;}

##div.feed-load-more-container {position:fixed !important; right: 0; bottom:-5px; z-index:100;}

###yt-hitchhiker-feedback

##span.feed-item-action-menu {top:4px!important; right: 3px !important;}

###watch7-container {margin-left: -40px!important;}

##div#player {background: none !important;}

##div

##li {position:relative; float:left;}

##div {position:relative; float:left;}

##li {width:495px; position:relative; float:left;}

##div {max-width: 270px;}

##div.primary-col {width: 100% !important;}

##div.yt-lockup2-content {max-width: 270px; max-height: 104px !important;}

##div.yt-lockup-content {max-width: 270px; max-height: 104px !important;}

[Imanerd]

##div#player {background:url(http://noway.org/jpg.jpg) !important;}

that's to get rid of the background images they've altered for video pages. I could NOT get rid of them by blocking the url with asterisk variables, so the only way I could do was to block it using a "background" with a fake, non-existent image URL.

[-ody-]

thank you very much, it is useful !

but I had to modify last line as follow : ###watch7-container {margin-left:10px!important;}

[Imanerd]

Oh woops, noway.org is an ACTUAL site. ok will change it so I'm not seemingly advertising:

##div#player {background:url(http://nowayimanoexist.org/jpg.jpg) !important;}

[juujuuuujj]

Imanerd replied at 2013-3-21 09:41

##div#player {background:url(http://noway.org/jpg.jpg) !important;}

I've added 2 lines at the end for video backgrounds. "background:none" is sufficient ;)

[Imanerd]

oh duh didn't think of that.

Sometimes my brain doesn't exactly function properly.

also simultaneously writing a paper for college (and a bloody long one), so it doesn't help matters.

[LeetZero]

This works fine on the homepage, when I search it's gone.

Is it supposed to be that way or did I do something wrong?

[juujuuuujj]

LeetZero replied at 2013-4-12 03:15

This works fine on the homepage, when I search it's gone.

Is it supposed to be that way or did I do ...

Try adding these lines:

##li {position:relative; float:left;}

##div {position:relative; float:left;}

##li {width:495px; position:relative; float:left;}

##div {max-width: 270px;}

##div.primary-col {width: 100% !important;}

##div.yt-lockup2-content {max-width: 270px; max-height: 104px !important;}

##div.yt-lockup-content {max-width: 270px; max-height: 104px !important;}

[juujuuuujj]

Edited again due to YouTube's new design of horizontal lists. If you want to change the width of the cells, edit the fourth line:##li.feed-item-container {width: 238px;