Archived

This topic is now archived and is closed to further replies.

juujuuuujj

YouTube - Grid View

Recommended Posts

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

Share this post


Link to post
Share on other sites

##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.

Share this post


Link to post
Share on other sites

thank you very much, it is useful !

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

sigmax.png

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

LeetZero replied at 2013-4-12 03:15 back.gif

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

Share this post


Link to post
Share on other sites

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;

Share this post


Link to post
Share on other sites