×

Give a tip

YouTube - Grid View


juujuuuujj

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

Tip   Give
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.

cooltext.png

Tip   Give
Link to post
Share on other sites
  • 3 weeks later...
  • 2 weeks later...

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

Tip   Give
Link to post
Share on other sites

Archived

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